/*
Theme Name: National Student Forum
Description: Custom theme developed by Puffbox for BIS
Version: 2009
Author: Simon Dickson
Author URI: http://puffbox.com/
*/

a { text-decoration:none; }
	#bd a { color:#000; font-weight:bold; }
	#bd a:hover, #ft a:hover { text-decoration:underline; }
	a.arrow { padding-right:14px; background:url(images/arrow.grey.gif) center right no-repeat; }
	a.arrow:hover { background:url(images/arrow.blue.gif) center right no-repeat; }
body { background:url(images/backfade.gif) top left repeat-x; color:#444; }
b, strong { font-weight:bold; }
em, i { font-style:italic; }
p, .content li { line-height:1.6em; margin-bottom:1em; }
p { clear:both; }
.blue { color:#41A2A4; font-weight:bold; }
.smallprint { font-size:85%; font-family:Verdana,Arial,sans-serif; color:#777; }
.clearfix { clear:both; }

.paginated { margin-top:1em; clear:both; text-align:center; }
.paginated .page-numbers { border:1px solid #bbb; padding:5px 10px; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.paginated .current { border:1px solid #bbb; background:#fff; }
.paginated .prev, .paginated .next { background:none; border:none; }

.navigation { margin-top:1em; clear:both; }
.alignleft { float:left; padding:0 10px 10px 0; font-size:93%; }
.alignright { float:right; padding:0 0 10px 10px; font-size:93%; }

.borderbottom { border-bottom:1px solid #888; margin-bottom:10px; }
.commentlink { padding-right:20px; background:url(images/comments.gif) center right no-repeat; }

/* big head */
.boxy { height:250px; border-top:2px solid #999; border-bottom:2px solid #666; margin-bottom:1em; }
.box { position:absolute; width:974px; height:250px; }
.layer1 { background-position:center center; background-repeat:no-repeat; }
.layer2 { margin:160px 0 0 0; height:90px; background:#000; -moz-opacity:0.4; filter: alpha(opacity = 40); opacity:0.4; }
.layer3 { margin:160px 0 0 0; height:90px; border-top:1px solid #444; }
.box h2, .home-box h2 { font-family:Helvetica,Helv,Arial,sans-serif; font-size:60px; font-weight:bold; letter-spacing:-4px; padding:5px 10px; color:#fff; }
/* and now to declare virtually the same classes, because for some reason it won't let me tweak the height after initial declaration */
.home-boxy { height:350px; border-top:2px solid #999; border-bottom:2px solid #666; margin-bottom:1em; }
.home-box { position:absolute; width:974px; height:350px; }
.home-layer1 { background-position:center center; background-repeat:no-repeat; }
.home-layer2 { margin:260px 0 0 0; height:90px; background:#000; -moz-opacity:0.4; filter: alpha(opacity = 40); opacity:0.4; }
.home-layer3 { margin:260px 0 0 0; height:90px; border-top:1px solid #444; }

/* the tabs */
.nav { height:50px; background:url(images/tabback.gif) top left no-repeat; }
.nav ul { float:right; }
.nav li { float:left; padding:5px 0 5px 15px; background:url(images/tab-l.gif) top left no-repeat; margin:24px 7px 0 0; }
	.nav li.members { background:url(images/mtab-l.gif) top left no-repeat; }
	.nav li.active { background:url(images/tabactive-l.gif) top left no-repeat; padding:6px 0 6px 15px; }
	* html .nav li { position:relative; top:2px; }
	*:first-child+html .nav li.active { position:relative; }
.nav li a { padding:5px 15px 5px 0; background:url(images/tab-r.gif) top right no-repeat; font-weight:bold; color:#666; }
	.nav li.members a { background:url(images/mtab-r.gif) top right no-repeat; color:#fff; }
	.nav li.active a { padding:6px 15px 7px 0; background:url(images/tabactive-r.gif) top right no-repeat; color:#000; }
	.nav a:hover { color:#000; }
		.nav li.members a:hover { color:#ff6; }

/* homepage stuff */
.download { display:block; background:url(images/download.gif) top right no-repeat; }
.yourchance { display:block; }
.download h3, .report h3, .yourchance h3 { display:block; padding:8px 75px 0 0; font-size:182%; font-weight:bold; letter-spacing:-2.5px; }
.download .smallprint, .yourchance .smallprint { padding:0 0 20px 0; }
.maeveintro { background:url(images/maeve.jpg) top right no-repeat; _height:220px; min-height:220px; padding:0 180px 0 0; margin:0 0 10px 0; }
.split .panel { width:320px; float:left; }
.split .vision { background:url(images/student.jpg) top center no-repeat; border-right:1px solid #fff; }
.split .ideas { background:url(images/academic.jpg) top center no-repeat; }
.split h3 { margin-top:160px; font-size:200%; padding:10px 5px; }
.split p { padding:2px 5px; }
.split h3 a { color:#fff !important; }
.stickynote { display:block; color:#333; font-weight:bold; width:300px; height:200px; background:url(images/stickynote.gif) center center no-repeat; }
.stickynote p { padding:28px 20px 0 20px; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); }
.flickrstrip { padding:0 0 1em 0; margin-bottom:2em; text-align:center; }
.flickrstrip img { border:2px solid #888; padding:1px; margin:0 1px; }
.flickrstrip img.hover { border:2px solid #099; }

/* sidebars */
.sidebar ul.container { margin-bottom:2em; }
.sidebar li { padding:0 0 5px 0; border-bottom:1px solid #099; margin:0 0 10px 0; }
.sidebar li ul { margin:10px 0 0 0; }
.sidebar li li { border-bottom:none; margin:0 0 5px 0; }
.sidebar li.page_item ul { margin:5px 0 0 0; }
.sidebar li.page_item li { padding:5px 0 5px 20px; border-bottom:none; font-size:100%; margin:0 0 0 0; }
.sidebar li.current_page_item { padding-right:20px; background:url(images/arrow.blue.gif) 100% 4px no-repeat; }
/*
and if you only wanted to display the current branch...
	.sidebar li ul { display:none; }
	.sidebar li.current_page_item ul, .sidebar li.current_page_ancestor ul, .sidebar li.current_page_parent ul  { display:block; }
*/
.sidebar li h2 { color:#099; }
.sidebar .widget_tag_cloud div, .sidebar .widget_search form { margin:1em 0; }
.postmeta { font-size:92%; color:#888; padding-bottom:5px; border-bottom:1px solid #099; margin-bottom:1em; }

/* index lists */
.index .item { border-bottom:1px dotted #999; margin-bottom:1em; }
.index .item h3 { font-size:146.5%; }
.index .item .itemmeta { font-size:92%; color:#999; margin:3px 0; }

/* main content */
.content p, .content li { padding:0 5px 0 0; }
.content ul li { padding-left:24px; background:url(images/square.gif) 0 8px no-repeat; }
.content blockquote { padding-left:24px; background:url(images/quote66.gif) 0 8px no-repeat; }
.content blockquote p { padding-right:24px; margin-right:24px; }
.content blockquote p.endquote { background:url(images/quote99.gif) bottom right no-repeat; }
.rootpage-3 .content em { display:block; _height:50px; min-height:50px; background:url(images/commentdown.gif) center left no-repeat; padding:1em 0 0 60px; border-bottom:1px dotted #999; }

/* commenting */
h3#comments { border-top:1px dotted #999; padding:10px 0; font-size:200%; font-weight:bold; letter-spacing:-1px; }
.commentlist li { border:1px solid #999; background:#eee; padding:5px; margin-bottom:5px; }
.commentlist li { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
	.commentlist li.depth-1 { margin-bottom:10px; }
	.commentlist li.depth-2 { border:1px solid #aaa; background:#f4f4f4; }
	.commentlist li.depth-3 { border:1px solid #bbb; background:#f9f9f9; }
.commentlist li li { margin-left:20px; }
.commentlist .reply { margin:5px 0; padding-left:20px; background:url(images/reply.gif) center left no-repeat; }
#respond { border-top:1px dotted #999; margin-top:1em; padding:1em 0; }
#respond h3 { font-size:200%; font-weight:bold; letter-spacing:-1px; }
.comment .comment-author img { float:left; margin:0 5px 5px 0; border:1px solid #ccc; padding:1px; }
.comment .comment-author cite {  }
.comment .comment-meta {  }
.comment p { clear:both; }
.comment .says { display:none; }
#commentform { margin:1em 0; }
#commentform input { width:300px; font-family:Arial,sans-serif; padding:2px; }
#commentform input#submit { width:auto; }
#commentform textarea { width:500px; height:180px; font-family:Arial,sans-serif; padding:2px; }

/* handling scribd embeds */
#scribd { margin-bottom:2em; border:1px solid #ccc; padding:10px; }
#scribd #show { padding:0 0 0 12px; background:url(images/expand.gif) center left no-repeat; }
#scribd #hide { padding:0 0 0 12px; background:url(images/collapse.gif) center left no-repeat; }

#ft { display:block; padding:60px 1em 3em 1em; font-size:85%; background:#999 url(images/footfade.gif) top left repeat-x; color:#fff; border-bottom:3px solid #888; margin:0 0 5px 0; }
#ft p { padding-right:2em; }
#ft a { color:#fff; font-weight:bold; }
#ft a.bislogo { display:block; width:180px; height:32px; background:url(images/bis999.gif) center center no-repeat; text-indent:-9999px; }
