/* 
Theme Name: Newspaperize
Theme URI: http://justintadlock.com/
Description: A 910px, fixed-width, widget-ready theme.  Its focus is for news blogs and sites.  The template makes it easy to get a lot of information to the user as quickly as possible, but in a stylish way.
Version: 1.2
Author: Justin Tadlock
Author URI: http://justintadlock.com
Copyright (c) 2007 - 2008 Justin Tadlock
*/
body { 
	color: #000; 
	background: #333;
	margin: 0;
	padding: 0;
	font: 85% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	}
/* CONTAINS ENTIRE PAGE */
html>body #body-container { overflow: auto; }
#body-container {
	width: 910px;
	margin: 5px auto;
	padding: 5px;
	background: #fff;
	border: 1px solid #999;
	}
/* HEADER */
#header {
	width: 905px;
	margin: 0;
	padding: 2px 0;
	background: #fff;
	}
#header h1 {
	font: 2.3em "georgia", "times new roman", serif;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 410px;
	font-variant: small-caps;
	}
#header h1 a { margin-left: 5px; color: #520202; }
#header h1 a:hover { color: #333; }
#header h2 { // site description
	display: inline;
	clear: left;
	float: left;
	width: 395px;
	color: #333;
	font-style: italic;
	font-size: 1em;
	margin: 0 0 0 10px;
	}
#header .ads {
	width: 480px;
	float: right;
	margin: 0;
	padding: 0;
	}
/* TOP-NAV */
#top-nav {
	margin: 10px 0;
	padding: 0;
	float: left;
	width: 905px;
	background: #fff;
	border: 1px solid #eee;
	}
#top-nav ul {
	margin: 0;
	padding: 0;
	width: 600px;
	float: left;
	}
#top-nav ul li {
	float: left;
	display: inline;
	padding: 0;
	}
#top-nav a {
	float: left;
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	}
#top-nav a:hover, #top-nav a:hover span {
	color: #fff;
	background: #333;
	text-decoration: underline;
	}
#top-nav a:hover, #top-nav #current a { color: #fff; background: #333; }
/* SEARCH */
#top-nav form {
	margin: 3px 2px 0 0;
	padding: 0;
	float: right;
	width: 255px;
	text-align: right;
	}
#top-nav input#s {
	float: left;
	margin: 0;
	padding: 4px 0 4px 5px;
	width: 215px;
	border: 1px solid #666;
	}
#top-nav input.search-submit {
	float: right;
	text-align: center;
	width: 30px;
	margin: 0;
	padding: 3px 0 2px 0;
	color: #eee;
	background: #666;
	border: 1px solid #666;
	}
/* CONTAINS CONTENT & SIDEBARS */
#container { float: left; margin: 0; padding: 0 5px 0 0; width: 905px; background: #fff; }

/* CONTENT */
html>body #home, html>body #content {
	margin: -15px 0 0 0;
	padding: 15px 0 0 10px;
	}
#content, #home {
	margin: -15px 0 0 0;
	padding: 15px 0 0 0;
	}
#content { float: right; width: 635px; }
#home { float: left; width: 500px; } // just on front page

/* HEADERS */
h1, h2, h3, h4, h5, h6 { }
h1 { font: 1.3em georgia, "times new roman", times, serif; color: #520202; }
h2 { font: 1.2em georgia, "times new roman", times, serif; color: #520202; }
h3 { font: 1.2em georgia, "times new roman", times, serif; color: #520202; }
h4 { font: 1.15em georgia, "times new roman", times, serif; color: #520202; }
h5 { font: 1.1em georgia, "times new roman", times, serif; color: #520202; }
h6 { font: 1.05em georgia, "times new roman", times, serif; color: #520202; }

/* POSTS */
.post { display: block; float: right; width: 625px; margin: 0; }
.post, .main { margin: 0 0 15px 0; padding: 0 5px; border: 1px solid #eee; }

/* HOME PAGE */
.main { width: 475px; float: left; padding: 0 5px 5px 5px; margin-left: 5px; border: 1px solid #eee; }
h2.main { font-size: 1.1em; border: 1px solid #eee; margin: 0 0 10px 5px; }
h2.main span { color: #666; font-size: .8em; font-style: italic; }
.post p.byline { font-size: .9em; margin: 2px 0 0 0; }
.entry { width: 100%; float: left; margin: 0; }

/* SECONDARY ARTICLES (AFTER THE FEATURE ON HOME.PHP) */
.secondary { width: 475px; float: left; padding: 0; margin: 0 0  5px 5px; font-size: .95em; border: none; }

/* post header */
.post h2.post-title { font-weight: bold; display: block; margin: 2px 0; }
#content .post p.byline { margin: 2px 0 5px 0; }

/* entry if not home */
#content .entry p, #content .entry ul, #content .entry ol { font-size: 1.1em; }

/* description of category on category page */
p.category-description em { font-size: .9em; font-style: italic; }

/* images in posts if not set by user */
.home img.left { max-width: 200px; max-height: 200px; }
.i200x150 { width: 200px; height: 150px; } // main image
.i128x96 { width: 128px; height: 96px; } // thumbnail

/* tags */
.entry .tags { font-size: .8em; }

/* blockquotes */
blockquote { color: #333;  }

/* links */
a { color: #333; text-decoration: none; }
a:hover { color: #333; }
.post a { color: #990000; }
.post a:hover { color: #333; }
.entry a:hover { text-decoration: underline; }

/* images */
.post a img, .post img { padding: 2px; border: 1px solid #eee; }

/* lists */
.post ul { list-style-type: none; margin: 5px 0; padding: 0 0 0 5px; }
.post ul li {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(images/bullet.gif) no-repeat .1em .6em;
	}
.post ol { margin: 5px 0; padding: 0 0 0 37px; }
.post ol li { margin: 1px 0; padding: 0; }

/* tables */
.post table { border: none; background: transparent; }
.post tr, .post td { border: 1px solid #666666; background: #475353; }

/* other basics & typography */
small { font-size: .9em; }

/* ads for single.php, category.php, archive.php, etc. */
.post .ads { text-align: left; margin: 0; padding: 0; }

/* navigation & left, right, center alignment */
.navigation { width: 100%; padding: 25px 0; }
.previous { float: left; width: 45%; }
.left, .alignleft { float: left; margin: 0 15px 15px 0; }
.next { float: right; width: 45%; }
.right, .alignleft { float: right; margin: 0 0 15px 15px; }
.center { text-align: center; margin: 0 auto; display: block; }
.clear { clear: both; }

/* COMMENTS */
#comments-template { width: 100%; float: right; margin: 10px 0 0 0; }
#comments-template h2 { font-weight: bold; text-indent: 5px; margin: 5px 0; }
#comments-template ol { font-size: 1.1em; list-style-type: none; margin: 0 0 10px 0; padding: 0; }
#comments-template ol li { margin: 5px 0; padding: 5px 5px;  border: 1px solid #eee; }
#comments-template ol li.alt, #comments-template ol li.alt a { background: #666; color: #eee; }
#comments-template h2#respond { margin: 5px 0 0 0; }
#comments-template form {
	border: 1px solid #eee;
	margin: 0;
	padding: 10px 0;
	}
#comments-template fieldset {
	border: none;
	margin: 0;
	padding: 10px;
	}
#comments-template legend { border: none; }
#comments-template textarea { width: 99%; padding: 4px 0 4px 5px; border: 1px solid #ccc; background: #fff; }
#comments-template input { width: 40%; padding: 4px 0 4px 5px; border: 1px solid #ccc; background: #fff; }
#comments-template input.submitcomment, #comments-template input.resetcomment {
	width: 110px;
	height: 25px;
	padding: 0 0 3px 0;
	color: #eee;
	background: #666;
	border: 1px solid #666;
	}

/* SIDEBAR */

/* left sidebar home */
#sidebar-home-left {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;
	}

/* right sidebar home */
#sidebar-home-right {
	width: 260px;
	font-size: 1em;
	float: right;
	margin: 0;
	padding: 0;
	}

/* sidebars for single and archive */
#sidebar-single, #sidebar-archive {
	float: left;
	width: 255px;
	margin: 0;
	padding: 0;
	}

/* all sidebars and home-bottom.php */
html>body .menu { float: left; display: block; width: 100%; margin: 0 0 20px 0; padding: 0; border: 1px solid #eee; }
.menu { width: 100%; display: block; margin: 0 0 20px 0; padding: 0; border: 1px solid #eee; }

.menu-header {
	font-weight: bold;
	text-indent: 5px;
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px solid #999;
	}
.menu ul { padding: 0; margin: 0; }
.menu ul li { list-style-type: none; padding: 0; margin: 0; float: left; clear: left; display: block; width: 100%; }
.menu ul li a {
	width: 95%;
	display: block;
	font-size: 1em;
	padding: 1px 0 1px 5%;
	margin: 0;
	border-bottom: 1px solid #fcfcfc;
	}
.menu ul li a:hover { color: #eee; background: #666; border-bottom: 1px solid #666; }

/* sidebar images */
.menu img { border:  none; }

/* sidebar feed */
.feed img { margin: 0 10px 0 3px; padding: 0; }

/* login form on sidebar */
.menu form { margin: 0; padding: 5px; }
.menu form p { width: 100%; margin: 3px 0; padding: 0; }
.menu form#loginform input.login { width: 67%; padding: 2px 0 2px 3px; }
.menu form input.submit { color: #eee; margin: 0; padding: 2px; background: #666; border: 1px solid #666; }

/* paragraphs in sidebar */
.menu p { margin: 5px; }

/* ads for sidebar */
.ads { text-align: center; display: block; margin: 0 auto; }

/* wp-calendar */
table#wp-calendar { width: 80%; margin: 0 auto; }

/* SIDEBAR WIDGET STYLES */
/* blogroll widget */
li#linkcat-2 { list-style-type: none; margin: 0; padding: 0; }

/* recent comments widget */
ul#recentcomments li a, ul#recentcomments li a:hover { border: none; background: transparent; text-indent: 0; }

/* FOOTER */
#footer {
	float: left;
	width: 905px;
	margin: 10px 0 5px 0;
	padding: 5px 0;
	border: 1px solid #eee;
	}	
#footer p { width: 40%; float: left; margin: 2px 10px; display: inline; }
#footer p a:hover { text-decoration: underline; }
#footer p.wordpress { width: 40%; float: right; text-align: right; }
#footer p.wordpress a { float: right; display: block; width: 50px; height: 50px; background: url(images/wp-icon.gif) no-repeat top right; }
#footer p.wordpress a span { display: none; }

/* 
"Newspapers are unable, seemingly to discriminate between a bicycle accident and the collapse of civilization."
~ George Bernard Shaw
*/