/* 
Theme Name: N-Shrader
Description: Custome Theme for Nathan Shrader
Author: Doug Keeling
Author URI: http://dougkeeling.com
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, a,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body {
	height:100%;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
a{
	text-decoration:none;
	}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
 	border:0 none;
	}

#clear, .clear{
	clear:both;
	}
	

#costOfWarTotal	 {
	background:url(images/bg_white_20.png);
	border:1px solid #FFF;
	padding:10px;
	}

#costOfWarTotal { text-align: center; width: 270px; font-weight: bold; } 
#costOfWarTotal_Total { font-size: 1.3em; font-weight: bold; color: #990000; } 
#costOfWarTotal_Link { font-size: .7em; }

/* Theme Styles --------------------------------------------------------------------------------- */
html{
	background:#3c65f2 url(images/bg_fade.png) repeat-x;
	}

body{
	background:url(images/bg_header_fade_new.png) no-repeat top center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	

h1, h2, h3, h4, h5, h6{
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	}

a{
	color:#faf57a;
	text-decoration:none;
	font-weight:700;
	}	
	
a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:700;
	}		

#container{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:780px;
	margin:0 auto -272px;
	}

.aligncenter,
div.aligncenter {
   display: block;
   margin:0 auto;
}

.alignleft {
   float: left;
   padding-right:10px;
}

.alignright {
   float: right;
   padding-left:10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}	

/* Header --------------------------------------------------------------------------------------------------- */	
#header{
	position:relative
	height:210px;
	}

#header div.title{
	position:absolute;
	margin:36px 0 0 -96px;
	}		

#header div.header_nav{
	padding:182px 0 0 0;
	}	

#header div.header_nav ul li{
	padding-right:40px;
	list-style:none;
	display:inline;
	font-size:20px;
	font-weight:700;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	}	

#header a{
	color:#FFFFFF;
	font-style:normal;
	}	

#header a:hover{
	color:#faf57a;
	}		
	
/* Forms ---------------------------------------------------------------------------------------------------- */
input[type="text"]{
	border:1px solid #6182f4;
	background-color:#1e3279;
	padding:4px;
	font-size:12px;
	vertical-align:top;
	color:#8c9bcf;
	}

input[type="submit"]{
	height:32px;
	width:87px;
	background:url(images/btn_submit.png);
	border:none;
	}	

input[type="submit"]:hover{
	height:32px;
	width:87px;
	background:url(images/btn_submit_dn.png);
	border:none;
	}				

.comments input{
	width:200px;
	}		
		
.comments textarea{
	width:200px;
	height:70px;
	}		

input#button{
	border:none;
	background:none;
	width:auto;
	height:auto;
	padding:0;
	margin-bottom:6px;
	}	

textarea{
	border:1px solid #6182f4;
	background-color:#1e3279;
	padding:4px;
	font-size:12px;
	vertical-align:top;
	color:#8c9bcf;
	}

input.search{
	width:150px;
	margin-left:-10px;
	}			

/* Search Results --------------------------------------------------------------------------------------------- */
div.search-title{
	display:block;
	width:auto;
	text-align:center;
	line-height:1.6;
	}

h1.title{
	background-color:#000066;
	font-size:18px;
	padding:6px;
	text-align:center;
	margin-bottom:3px;
	border:1px solid #0000CC;
	}	
	
		
/* Sidebar --------------------------------------------------------------------------------------------------- */			
#sidebar{
	position:relative;
	margin:20px 0 0 -10px;
	float:left;
	width:240px;
	}

#sidebar a{
	font-style:normal;
	color:#FFFFFF;
	}	

#sidebar a:hover{
	font-style:normal;
	color:#faf57a;
	}

#sidebar .imglinks{
	display:block;
	width:auto;
	margin:0 10px 10px 10px;
	padding:8px 9px 8px 9px;
	font-size:12px;
	background:#1e3279;
	border:1px solid #92a3e5;
	}			
	
#sidebar .imglinks img{
	padding-bottom:2px;
	padding-top:2px;
	}

.message{
	margin:0 10px 10px 10px;
	padding:10px;
	font-size:12px;
	background:url(images/bg_white_20.png);
	border:1px solid #92a3e5;
	}			

#sidebar .widget-top{
	background:url(images/bg_sidebar_top.png) no-repeat bottom;
	height:56px;
	padding-left:8px;
	}	

#sidebar .widget-top h1{
	font-size:30px;
	letter-spacing:-1px;
	}	

#sidebar .widget-mid{
	height:auto;
	width:240px;
	background:url(images/bg_sidebar_mid.png) repeat-y;
	}		

#sidebar .widget-foot{
	background:url(images/bg_sidebar_foot.png) no-repeat;
	height:12px;
	margin-bottom:10px;
	}

#sidebar .widget-mid .search{
	margin:0;
	margin-left:16px;
	}

#sidebar .widget-mid .sign-up{
	margin:0;
	margin-left:26px;
	width:200px;
	font-size:12px;
	font-weight:400;
	}

#sidebar .widget-mid .sign-up ul{
	list-style:none;
	margin:0;
	padding:0;
	}

#sidebar .widget-mid .sign-up input{
	width:130px;
	vertical-align:middle;
	}	

#sidebar .widget-mid .sign-up input[type="submit"]{
	background:url(images/btn_signup.png);
	border:none;
	width:87px;
	height:32px;	
	}			

#sidebar ul{
	margin-left:20px;
	}

#sidebar ul li{
	width:200px;
	font-size:12px;
	font-weight:700;
	padding:8px 0 8px 0;
	vertical-align:middle;
	}	

td{
	padding:2px;
	}

span.disclaimer{
	text-transform:uppercase;
	font-size:9px;
	font-weight:400;
	}	

/* Content -------------------------------------------------- */			
#content{
	position:relative;
	margin:20px 0 10px 10px;
	float:left;
	width:540px;
	font-size:12px;
	line-height:1.3;
	text-align:justify;
	}

#content h1.post-title{
	text-align:center;
	border-top:2px solid #e5c544;
	border-bottom:2px solid #e5c544;
	padding:6px 0 6px 0;
	font-size:20px;
	margin:2px 0 10px 0;
	line-height:1;
	}	

#content h1.post-title a{
	color:#FFFFFF;
	font-style:normal;
	}	

#content h1.post-title a:hover{
	color:#faf57a;
	font-style:normal;
	}		

#content .post-info{
	color:#e5c544;
	font-weight:700;
	}	

#content .message{
	float:left;
	padding:10px 7px 5px 7px;
	margin:0px;
	text-transform:uppercase;
	text-align:center;
	font-size:8px;
	font-weight:700;
	color:#faf57a;
	}	

#content h1, #content h2, #content h3, #content h4{ margin-bottom:10px;}
#content h1{font-size:20px;}
#content h2{font-size:18px;}
#content h3{font-size:16px;}
#content h4{font-size:14px;}	

#content .post ul, #content .post ol{
	margin-left:20px;
	list-style:outside;
	}

#content .post ul li, #content .post ol li{
	padding:5px;
	}

#content .post ol li{
	list-style:decimal;
	}	

#content .post ul li{
	list-style:disc;
	}		

#postmeta{
	border-bottom:2px solid #e5c544;
	margin-bottom:10px;
	}

/* Archives --------------------------------------- */
div.indent{
	padding-left:20px;
	}

h2.archives{
	text-align:left;
	font-size:16px;
	margin-top:15px;
	margin-bottom:5px;
	padding:5px 5px 10px 5px;
	background:url(images/archive-post-head.png) bottom left no-repeat;
	}
	
h2.archives a{
	color:#FFFFFF;
	}	

h2.archives a:hover{
	color:#faf57a;
	}	

/* Link Pages ------------------------------------------ */	

#content ul.links{}

#content ul.links li{
	display:block;
	width:auto;
	padding:10px;
	margin-bottom:10px;
	font-size:12px;
	}			
	
#content ul.links li ul{
	margin-left:30px;
	font-size:12px;
	}
	
#content ul.links li ul li{
	padding:6px;
	margin:0;
	border-top:1px solid #92a3e5;
	text-align:left;
	}
	
#content ul.links li ul li:first-child{
	border:none;
	}
	
#content ul.links li h2{
	font-size:18px;
	padding:10px;
	background:url(images/bg_white_20.png);
	border:1px solid #92a3e5;
	}

/* Footer ------------------------------------------------------- */	
#footer, #push {
	height: 272px; /* .push must be the same height as .footer */
	}

#footer{
	background:#0c1127 url(images/bg_footer.png) repeat-x;
	margin-bottom:-20px !important;/* Only for IE.  If this is not negative 20px, the footer will float on pages using Lightbox */
	}	

.foot_container{
	width:780px;
	margin:0 auto;
	padding-top:20px;
	font-size:12px;
	color:#8c9bcf;
	line-height:1.2;
	}

.foot_container h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
	color:#FFFFFF;
	}	

.foot_container .left{
	width:220px;
	float:left;
	}			

.foot_container .left ul li{
	margin:0;
	padding:10px 0 10px 0;
	background:url(images/divider.png) repeat-x top;
	}

.foot_container .left ul li:first-child{
	background:none;
	}	

.foot_container .left a{
	display:block;
	height:46px;
	font-weight:400;
	font-style:normal;
	color:#8c9bcf;
	}

.foot_container .left a:hover{
	color:#FFFFFF;
	}	
	
a span{display:block;vertical-align:middle;padding:10px 0 0 50px;}	
a.rss-entries{background:url(images/rss.png) no-repeat;}
a.rss-comments{background:url(images/rss_comments.png) no-repeat;	}
a.facebook{background:url(images/facebook.png) no-repeat;	}

.foot_container .center{
	width:300px;
	float:left;
	margin-left:20px;
	}

.center ul li p:first-child{
	font-size:12px;
	color:#FFFFFF;
	font-style:italic;
	}

.center ul li a{
	color:#FFFFFF;
	font-weight:700;
	}

.center ul li a:hover{
	color:#FFFFFF;
	}		

.center ul li{
	display:block;
	background:url(images/icn_comments.png) no-repeat; 
	padding:0 0 0 50px;
	margin-top:20px;
	}

.foot_container .right{
	width:220px;
	float:left;
	text-align:justify;
	margin-left:20px;
	}	

.foot_container .right a{
	font-weight:400;
	font-style:normal;
	color:#FFFFFF;
	}	

.foot_container .right a:hover{	
	color:#faf57a;
	}

.foot_container .right ul li{
	padding-top:18px;
	}

.foot_container .right .photo{
	padding:4px 6px 6px 0;
	}		

.foot_container .right .photo img{
	border:2px solid #FFFFFF;
	}
	
small.footer{
	padding-right:5px;
	}

small.footer, small.footer a{
	font-size:9px;
	text-align:center;
	color:#8c9bcf;
	font-style:normal;
	font-weight:400;
	}		
small.footer a:hover{
	color:#FFFFFF;
	}

/* Comments ----------------------------------------- */
.comments{
	}

.comments td{
	vertical-align:middle;
	}
	
.comments td:first-child{
	text-align:right;
	}
	
.comments p:first-child{
	font-style:italic;
	font-weight:700;
	color:#faf57a;
	}	

.comments .commenttext{
	display:block;
	background:url(images/icn_comments.png) no-repeat;
	padding-left:60px;
	}

.comments ol li{
	width:510px;
	padding:10px 20px 20px 10px;
	}	

.comments ol li.alt{
	background:url(images/bg_comments_alt.png) no-repeat;
	}

.comments ol li.standard{
	background:url(images/bg_comments_standard.png) no-repeat;
	}