/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";

body { background: #799359 url(style/images/background_content.png) repeat-y center; font-family: Verdana, Arial; font-size: 12px; line-height: 18px; }
.content { margin:0 auto; width:940px; position:relative; padding-bottom:20px; }

#header { background: #d5edb3; height:80px; padding:9px 0; }
#header h1 a { background:url(style/images/logo.jpg) no-repeat; display:block; height:80px; width:446px; }
#header p { color:#67794f; text-align: right; }
#header p a { color:#b9a338; }

#navigation .searchform { padding: 3px 0; }
#navigation .searchform label { color:#5c743d; font-size:14px; font-weight: bold; }
#navigation .searchform input { padding:3px; font-size:14px; }

ol.commentlist li { margin-top:10px;}

#sidebar-left { float:left; padding-top:15px; width:185px; }
#sidebar-right { float:right; padding:15px 0 0 15px; width:164px; }
.post { float:left; padding:15px 15px 15px 19px; position:relative; padding-bottom: 20px; min-height:600px; width:541px; }

.widget_pages h2 { display:none; }
.widget_pages li { margin: 0; padding:0;}
.widget_pages a { color:#d5edb3; display: block; height:24px; padding: 7px 15px 0 0; text-align: right;  text-decoration: none; }
.widget_pages .current_page_item a { background:url(style/images/background_navigation.png) right top no-repeat; color:#5c743d; }
.widget_pages ul li { position:relative; }
.widget_pages ul li ul { display:none; }
.widget_pages ul li:hover ul { display:block; }
.widget_pages ul li ul a { font-style:italic; }
#pages-3 { height:320px; }

.post h2, h3 { color:#8fc160; font-size:17px; padding:10px 0; }
.post p, td { color:#303c22; font-size:11px; }
.post h4 { color:#444; font-weight:bold; margin:10px 0 15px 0; }

#sidebar-left p { color:white; }
#sidebar-left p.center { font-size:11px; color:#d5edb3; }
#sidebar-left input { float:right; margin:5px 15px 0 0; padding:3px; font-size:12px; width:155px; }
#sidebar-left input.submit {  width:80px; margin:5px 15px 0 0; }
input.submit { background:#41502e; color:white; float:right; margin:5px 0px 0 0; padding:5px; border:1px solid #41502e; }

#sidebar-left .widget_text { margin-top:10px; }
#sidebar-left form h2 { margin: 15px 0 0 0; }

#sidebar-right h2, #sidebar-left h2 { color:#d5edb3; font-size:15px; padding:5px 0 5px; }
#sidebar-right .textwidget { color:#fff; font-size:11px; margin-bottom: 10px;  }
#sidebar-right .box, #sidebar-left .box { background:#5c743d; color:white; border:1px solid #46582f; height:200px; text-align: center; width:92%; margin:5px 0 0px 0; }
p.center { text-align: center; color:#d5edb3; }

p#footer { color:#92ae69; font-size: 10px; position:absolute; bottom:0px; left:210px;  }
p#footer a { color:#b9a338; }

#sidebar-left p { width:93%; }

.avatar { display:none; }
p { margin:5px 0; }
a { color:#b9a338; }
a:hover { text-decoration: none; }
textarea { width:100%; }
.commentlist li { background: #eafdcf; border:1px solid #e0f4c3; padding:5px; }

/* Dropdowns */


#navigation { background:#c2ea8a; border:2px solid #5c743d; border-width:2px 0; position:relative; height:34px; }
#nav li { float:left; font-size:14px; font-weight: bold; text-decoration: none;}
#nav li a { color:#5c743d; display: block; padding:7px 17px 9px 17px; text-decoration: none; }

#nav { /* all lists */
	z-index:10;
}

 
#nav a {
	display: block;
}
 
#nav li { /* all list items */
	float: left;
}
 
#nav li ul { /* second-level lists */
	position: absolute;
	z-index:10;
	background: #c2ea8a;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 50;
	border:2px solid #5c743d;
	border-width: 0 2px 2px 2px;
	width:270px;
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li a { padding-left:15px; width:238px;}
#nav li ul a:hover { background:#d5edb3; }

.post li { color:#303C22; font-size:11px; }

table { border:1px solid #999; border-width: 1px 1px 0 0; }
table td, table th { border:1px solid #999; border-width:0 0 1px 1px; padding:5px; }

.comment-meta { display:none; }


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.fifty { width:48%; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */