/*  
Theme Name: The Daylight War with Merch link
Theme URI: http://www.petervbrett.com
Description: Theme designed for Peter V Brett
Version: 1.0
Author: David Wenk  
Author URI: http://www.davidwenk.com/
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* scrollbar */
html {
	overflow-y: scroll;
}

/* global */
body {
	background: #000 url(img/background.jpg) no-repeat fixed center top;
	font: normal 1em Arial, Sans-Serif;
	color: #999;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* anchors */
a {
	color: #d30000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* forms */
form input, form textarea {
	background: #111;
	border: solid 1px #0c2f37; 
	color: #b58631;
}

form textarea {
	overflow-y: auto;
}

/* images */
.img-left, .alignleft {
	float: left;
	margin: 0 0 6px 0;
	padding: 6px 12px 0 0;
}

.img-center, .aligncenter {
	margin: 0 auto;
	text-align: center;
}

.img-right, .alignright {
	float: right;
	margin: 0 0 6px 0;
	padding: 6px 0 0 12px;
}

/* wrapper */
.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1024px;
	height: auto;
	background: url(img/content_screen.png) repeat-y;
	overflow: hidden;
}

/* colors */
.green {
	color: #88703b;
}

/* header elements */

.header {
	display: block;
	position: relative;
	margin: 0 auto 30px;
	width: 766px;
	height: 90px;
}

.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 182px;
	height: 54px;
}

.logo a {
	outline: none;
}

.title {
	position: absolute;
	top: 54px;
	left: 0;
	width: 182px;
	height: 30px;
	overflow: hidden;
	background: url('img/title.png');
}

.news .title {
	background-position: 0 0;
}

.appearances .title {
	background-position: 0 -30px;	
}

.peephole .title {
	background-position: 0 -60px;	
}

.creations .title {
	background-position: 0 -90px;	
}

.about .title {
	background-position: 0 -120px;	
}

.excisions .title {
	background-position: 0 -150px;	
}

.contacts .title {
	background-position: 0 -180px;	
}

.interviews .title {
	background-position: 0 -210px;	
}

.merch .title {
	background-position: 0 -240px;	
}

.title a {
	outline: none;
}

.nav {
	position: absolute;
	top: 0;
	right: 7px;
	width: 547px;
	height: 84px;
/*	background-color: #ff9900;*/
}

.nav li a {
	display: block;
	float: left;
	height: 84px;
	outline: none;
	background-image: url(img/menu.png);
	overflow: hidden;
}

/* start */

a.menu-news {
	width: 48px;
	background-position: 0 0;
}

a:hover.menu-news,
a:active.menu-news {
	background-position: -547px 0;
}

a.menu-appearances {
	width: 77px;
	background-position: -48px 0;
}

a:hover.menu-appearances,
a:active.menu-appearances {
	background-position: -595px 0;
}

a.menu-peephole {
	width: 60px;
	background-position: -125px 0;
}

a:hover.menu-peephole,
a:active.menu-peephole {
	background-position: -672px 0;
}

a.menu-creations {
	width: 65px;
	background-position: -185px 0;
}

a:hover.menu-creations,
a:active.menu-creations {
	background-position: -732px 0;
}

a.menu-about {
	width: 50px;
	background-position: -250px 0;
}

a:hover.menu-about,
a:active.menu-about {
	background-position: -797px 0;
}

a.menu-excisions {
	width: 63px;
	background-position: -300px 0;
}

a:hover.menu-excisions,
a:active.menu-excisions {
	background-position: -847px 0;
}

a.menu-contacts {
	width: 63px;
	background-position: -363px 0;
}

a:hover.menu-contacts,
a:active.menu-contacts {
	background-position: -910px 0;
}

a.menu-interviews {
	width: 72px;
	background-position: -426px 0;
}

a:hover.menu-interviews,
a:active.menu-interviews {
	background-position: -973px 0;
}

a.menu-merch {
	width: 49px;
	background-position: -498px 0;
}

a:hover.menu-merch,
a:active.menu-merch {
	background-position: -1045px 0;
}

/* end */

.nav li a.appearances {
	width: 66px;
	background-position: -128px 0;
}

.nav li a:hover.appearances {
	background-position: -199px 0;
}

.nav li a.peephole {
	width: 60px;
	background-position: -260px 0;
}

.nav li a:hover.peephole {
	background-position: -320px 0;
}

.nav li a.creations {
	width: 62px;
	background-position: -380px 0;
}

.nav li a:hover.creations {
	background-position: -442px 0;
}

.nav li a.character {
	width: 68px;
	background-position: -504px 0;
}

.nav li a:hover.character {
	background-position: -573px 0;
}

.nav li a.excisions {
	width: 60px;
	background-position: -640px 0;
}

.nav li a:hover.excisions {
	background-position: -701px 0;
}

.nav li a.contacts {
	width: 62px;
	background-position: -760px 0;
}

.nav li a:hover.contacts {
	background-position: -822px 0;
}

.nav li a.forum,
.nav li a.interviews {
	width: 60px;
	background-position: -884px 0;
}

.nav li a:hover.forum,
.nav li a:hover.interviews {
	background-position: -944px 0;
}

/* cover credit */
.cover-credit {
	display: block;
	margin: 620px auto 0 auto;
	width: 732px;
	height: auto;
}

.cover-credit p {
	font-size: 0.6em;
	color: #c3905e;
	opacity: 0.25;
}

.cover-credit p a {
	color: #f3c74c;
}

/* sidebar elements */

/* --- DEFINE SIDEBAR BLOCK --- */
#sidebar {color: #88703b; float: right; font: normal 0.85em Tahoma, Sans-Serif; margin: 0 0 24px 36px; width: 150px;} /* define sidebar block */
#sidebar ul {list-style: none;} /* no bullets for sidebar listings */
#sidebar ul li {border: solid 1px #0c2f37;  margin: 0 0 18px 0;} /* define border and margins for sidebar widgets */
#sidebar ul li h2 {background: #0c2f37;  color: #88703b; font: bold 1.1em Georgia, Serif; padding: 3px; width: 142px;} /* define sidebar widget headings */
#sidebar ul li ul li {border: 0; margin: 5px;} /* define border and margins for individual sidebar listings */

/* --- DEFINE SIDEBAR SEARCH --- */
#sidebar form#searchform {display: block; height: 72px; width: 150px;} /* define height and width of search block */
#sidebar form#searchform p#find-posts {margin: 5px;} /* define search instructions */
#sidebar form#searchform div#search-box {display: block; height: 21px; width: 140px; margin: 0 auto;} /* define search input block */
#sidebar form#searchform input.search-field {display: block; float: left; font-size: 1.1em; height: 24px; margin: 0 3px 0 0; padding: 3px 0 0 3px; width: 106px;} /* define user entry box for search */
#sidebar form#searchform input#searchsubmit {background: #000; border: none; color: #990000; display: block; float: left; font: bold 21px Tahoma, Sans-Serif; height: 20px; line-height: 14px; text-align: right; width: auto;} /* define submit button for search */

/* --- DEFINE SIDEBAR CALENDAR --- */
#sidebar ul li #wp-calendar {margin: 3px; width: 150px;} /* define calendar block */
#sidebar ul li #wp-calendar caption {line-height: 24px;} /* add space to calendar caption */
#sidebar ul li #wp-calendar tfoot tr td#next {text-align: right; padding: 0 12px 0 0;} /* align calendar footer navigation elements */

/* --- STYLE SIDEBAR TWEEPHOLE --- */
#content .rotatingtweets {border: none !important;} /* remove white border top and bottom of Twitter stream */
#content .rotatingtweet {width: 135px; margin-top: 3px; padding: 5px; overflow: hidden;} /* add space between tweets and widget border */

/* --- DEFINE SIDEBAR ARCHIVES --- */
#sidebar .screen-reader-text { display: none; }
#sidebar #archives-2 select { width: 148px; text-overflow: ellipsis; }

/* ---------------------------- */
/* --- END SIDEBAR ELEMENTS --- */
/* ---------------------------- */

/* ------------------------------ */
/* --- START CONTENT ELEMENTS --- */
/* ------------------------------ */

/* --- DEFINE CONTENT BLOCK --- */
#content {margin: 0 auto; padding: 0 18px 0 18px; width: 732px; font: normal 0.8em/1.5em Arial, Sans-Serif;} /* define general content styling */
#content .post p, #content .post-excerpt p, #content .page p {font-size: 1.2em; padding: 8px 0 12px 0;} /* define font size and padding for all paragraphs */
#content .post ul, #content .page ul, #content .post ol, #content .page ol {padding: 0 0 0 18px;} /* define padding for all unordered and ordered lists */
#content .post h1, #content .post-excerpt h1, #content .page h1 {font: normal 2em/1em Georgia, Sans-Serif; margin-bottom: 12px;} /* define first-order headings */
#content .page h1 {margin-top: -18px; padding-top: 18px;} /* define additional first-order heading rules for pages but not posts */
#content .post h2, #content .page h2 {color: #88703b; font: bold 1.6em/1em Georgia, Sans-Serif; padding: 18px 0 0 0;}
#content .post .entry, #content .page .section {padding: 0 0 48px 0;} /* define padding for each post entry or page section */
#content .post-excerpt .entry {margin: 0 0 36px 0;} /* define margins for each entry */
#content .post p.meta {border-top: 1px solid #333; font: normal 0.85em/1.4em Tahoma, Sans-Serif; margin: 36px 0 0 0; padding: 12px 0 0 0; width: 500px;} /* define post meta text */
#content .post-excerpt p.meta {border-top: 1px solid #333; font: normal 0.85em/1.4em Tahoma, Sans-Serif; margin: 0; padding: 12px 0 0 0; width: 500px;} /* define post excerpt meta text */
#content .page .width-100 {margin: 0 632px 0 0;} /* define a block 100 pixels wide */
#content .page .width-200 {margin: 0 532px 0 0;} /* define a block 200 pixels wide */
#content .page .width-300 {margin: 0 432px 0 0;} /* define a block 300 pixels wide */
#content .page .width-400 {margin: 0 332px 0 0;} /* define a block 400 pixels wide */
#content .page .width-500 {margin: 0 232px 0 0;} /* define a block 500 pixels wide */
#content .page .width-600 {margin: 0 132px 0 0;} /* define a block 600 pixels wide */
#content .page .height-25 {height: 25px;} /* define a block 25 pixels high */
#content .page .height-50 {height: 50px;} /* define a block 50 pixels high */
#content .page .height-75 {height: 75px;} /* define a block 75 pixels high */
#content .page .height-100 {height: 100px;} /* define a block 100 pixels high */
#content .page .height-125 {height: 125px;} /* define a block 125 pixels high */
#content .page .height-150 {height: 150px;} /* define a block 150 pixels high */
#content .page .height-175 {height: 175px;} /* define a block 175 pixels high */
#content .page .height-200 {height: 200px;} /* define a block 200 pixels high */
#content .page .height-300 {height: 300px;} /* define a block 300 pixels high */
#content .page .height-400 {height: 400px;} /* define a block 400 pixels high */
#content .page .height-500 {height: 500px;} /* define a block 500 pixels high */
#content .page .height-600 {height: 600px;} /* define a block 600 pixels high */

/* --- DEFINE PEEPHOLE DISPLAY --- */
#peephole > div {width: 546px;}
#peephole > div img.aligncenter { display: block; margin: 0 auto; }
#peephole .entry img { max-width: 100%; height: auto; }

/* --- DEFINE COMMENT DISPLAY --- */
#content .post #comments h2 {margin: 0 0 18px 0;} /* define comment headings */
#content .post #comments ol.comment-list {margin: 0 240px 24px 24px;} /* format comment list */
#content .post #comments ol li {border-bottom: 1px dotted #333; margin: 0 0 12px 0; padding: 0 0 24px 0;} /* define margins, padding, and border for individual comments */
#content .post #comments ol li .meta {color: #88703b;  font: normal 0.85em/1.4em Tahoma, Sans-Serif;} /* define comment meta text */
#content .post #comments h2#responses {margin-top: -12px;} /* define margins for comment heading id=responses */
#content .post #comments h2#respond {padding-top: 18px;} /* define margines for comment heading id=respond */

/* --- DEFINE COMMENT INPUT DISPLAY --- */
#content form#comment-form input {font: normal 1em Tahoma, Sans-Serif; height: 22px; margin: 0 8px 0 0; padding: 4px 0 0 3px; width: 208px;} /* define comment input boxes */
#content form#comment-form p {margin: 0 0 3px 0;} /* define spacing between comment input boxes */
#content form#comment-form textarea {font: normal 1em Tahoma, Sans-Serif; margin: 0 8px 0 0; padding: 4px 0 0 3px; width: 360px;} /* define comment text area */
#content form#comment-form input#submit-comment {font: normal 0.8em Tahoma, Sans-Serif; background: #111; border: 1px solid #88703b;  color: #990000; height: 30px; margin: 0; padding: 0; width: 100px;} /* define comment submit button */
#content form#comment-form input#submit-comment:hover {text-decoration: underline;} /* define hover state for comment submit button */
#content form#comment-form input#submit-comment:active {color: #111; background: #88703b;} /* define active state for comment submit button */

/* --- DEFINE POST NAVIGATION ELEMENT --- */
#content #post-navigation {border-top: 1px solid #333; font: normal 0.85em/1.4em Tahoma, Sans-Serif; margin: 24px 0 36px 0; padding: 18px 0 0 0; width: 500px;} /* define post navigation buttons */

/* --- DEFINE EXCISIONS PAGE ELEMENTS --- */
.excisions-text {color: #88703b; font: normal 1.1em/1.5em Georgia, Sans-Serif; margin: 12px auto 0 auto; width: 488px;} /* define excisions body text */
.excisions-text h2 {margin: 0 0 18px 0; text-align: center;} /* define excisions heading */
.excisions-divider {margin: 0 0 24px 0; padding: 24px 0 0 0; text-align: center;} /* define text divider */
#excisions-nav {border: 1px solid #0c2f37;  float: right; font: normal 1em Tahoma, Sans-Serif; height: 21px; margin: -36px 0 0 0; padding: 3px 0 0 0; text-align: center; width: 180px;}
#excisions-nav a {cursor: pointer; display: block;}


/* ---------------------------- */
/* --- END CONTENT ELEMENTS --- */
/* ---------------------------- */

/* footer */

.footer {
	color: #88703b; 
	font: normal 0.7em/1.2em Tahoma, Sans-Serif;
	margin: 0 auto;
	padding: 18px 0;
	text-align: center;
	width: 732px;
}