/*
Theme Name: School Library Journal
Theme URI: http://schoollibraryjournal.com/
Description: A custom theme made for the School Library Journal's Battle of the Kids' Books.
Version: 1.0
Author: Nathan Swartz of ClickNathan.com
Author URI: http://clicknathan.com/

This theme is copyright 2010 School Library Journal and may not be used without express permission from the owner.

*/

/* CSS by Nathan Swartz on the first snow day in Austin, TX */

body {
		text-align:center;
		font: 12px/150% Helvetica,Arial,sans-serif;
		color:#4a4949;
		background:url(img/bg_body.png) repeat-x;
	 }
	 
body, h1, h2, h3, h4, h5, h6, form, input, fieldset, p, blockquote, ul, ol, li, dd, dt, dl {margin:0; padding:0;}

img, fieldset {border:none;}

#copy blockquote, #comments li, #commentform input, #commentform textarea, #commentform button {-moz-border-radius:7px; -webkit-border-radius:7px;}

/* Positioning */

.container {width:100%;}

#header, #content, #footer, #nav {width:954px; margin:0 auto; text-align:left; position:relative;}

#header {height:251px; background:url(img/bg_header.png) no-repeat;}
h1 {position:absolute; top:20px; left:68px; width:322px; height:166px;}
h1 a {display:block; height:166px; text-indent:-999em;}
#header p {display:none;}
#header ul {list-style:none; position:absolute; top:7px; right:25px;}
#header li {float:left; margin-left:12px;}
#header ul a {color:white; font-size:130%; text-decoration:none;}
#header ul a:hover {text-decoration:underline;}

#nav {font-size:130%;}
.menu ul {list-style:none; position:absolute; top:-30px;}
.menu li {float:left; padding:0 10px 12px 10px;}
.menu a {color:white; text-decoration:none;}
.page-item {background:url(img/divider.gif) no-repeat top left;}
.current-page-item {border-bottom:8px solid #d0750a;}

#nav form {position:absolute; top:-32px; right:21px;}
#nav input {font: 12px/150% Helvetica,Arial,sans-serif; font-size:107%; background:transparent; border:none; width:83px; color:white;}
#nav button {border:none; background:transparent; text-indent:-999em; width:26px; height:21px;}

#content {padding:39px 0;}

#copy {width:587px; float:left;}

#sidebar {width:307px; float:left; padding-left:60px;}

#footing {background:url(img/bg_footer_length.png) repeat-x; clear:both; width:100%;}
#footer {clear:both; background:url(img/bg_footer.png) no-repeat; height:177px;}

.copyright {position:absolute; top:28px; color:white;}
.clicknathan {position:absolute; width:275px; height:22px; top:22px; right:40px;}
.clicknathan a {height:22px; display:block; text-indent:-999em;}

#copy img {background:#f0f0f0; padding:4px; border:1px solid #7d7d7d;}
#copy img.alignleft {margin:0 10px 10px 0; float:left;}
#copy img.alignright {margin:0 0 10px 10px; float:right;}
#copy img.aligncenter {display:block; margin:10px auto;}
img.noborder, #winner img {padding:0 !important; border:none !important;}

#winner {position:relative; margin:20px 0; height:220px; clear:both;}
#winner img {position:absolute; top:0; right:0;}

.page_nav {width:567px; padding:0 10px; background:#f0f0f0; height:25px;}
.page_nav p {width:280px; float:left;}

/* Typography */

#footer a, #content a {color:#d0750a;}

#content p, #content h2, #content h3, #content h4, #content h5, #content blockquote, #content li {line-height:130%;}

#content h2 {padding:27px 0 14px 0; font-size:160%;}
h2 a {text-decoration:none;}
#content h3 {font-size:130%;}
#content h4 {font-size:125%;}
#content h5 {font-size:110%;}
#content h6 {font-size:100%;}
h3, h4, h5, h6 {color:#7d7d7d;}

.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

#copy blockquote {background:#d1d8ed url(img/bq.jpg) no-repeat top left; width:442px; margin:15px 0 15px 90px; padding:14px 14px 14px 32px;}
#copy h3 {padding:0 0 14px 0;}

#content p {padding:5px 0;}

#content ul, #content ol {margin:5px 0 5px 25px;}
#content li {padding:4px 0;}

#winner p {color:#7d7d7d; font-size:130%;}
#winner h3 {margin:10px 0 0 30px; color:#d0750a; font-size:200%; width:336px;}

.about {display:none;}

#sidebar h2 {color:#7d7d7d; font-size:130%; padding:10px 0;}

#social-networking {font-size:130%; margin-top:15px;}
.twitter_link {background:url(img/icon_twitter.jpg) no-repeat; padding-left:79px !important; height:55px;}
.facebook_link {background:url(img/icon_facebook.jpg) no-repeat top right; padding-right:34px !important; height:46px; text-align:right; margin-top:-30px; margin-right:15px;}

#comments {color:#7d7d7d;}
#comments img.avatar {display:none;}
#comments ol {list-style:none; margin-left:0; color:#4a4949;}
#comments li {background:#f0f0f0; margin:10px 0; padding:20px; position:relative;}
#comments p {padding:10px 0;}
.fn {font-size:125%; font-weight:bold;}
.says {display:none;}
#comments .alt {background:#d5d3d3;}
.commentmetadata {position:absolute; top:20px; right:20px; text-align:right;}

/* Forms */

#commentform input, #commentform textarea, #commentform button {border:none; padding:10px 15px;}
#commentform input, #commentform textarea {background:#f0f0f0; color:#7d7d7d;}
#commentform button {background:#d0750a; color:white; }
#submit {font-size:120%; margin-left:409px;}