/*
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";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* layout the blocks */
#wrapper { width: 980px; margin: 0 auto 20px; background: #52662f; display: block; overflow: visible; min-height: 400px;}
#innerwrap { width: 713px; background: #f0e; display: inline; float: left;}
#headerarea { background: #ffa;}
#main { background: #dee;display: block; overflow: visible; min-height: 1800px; width: 663px; margin: 20px;}
#sidebar {width: 267px; background: #a1332d;  display: inline; float: right; margin: 0;}
br#clear {clear: both; margin: 10px 0; padding: 0;} 

/* set block layout colors - comment out to troubleshoot layout */
#wrapper {  background: #52662f;}
#innerwrap { background: #fff;}
#headerarea { background: #fff;}
#headerarea { background: #fff url('images/HomeMenu_01.png') no-repeat scroll left 0; height: 144px; width: 713px; position: relative;}

#boilerplatetext { background: #fff url('images/mevp_foot.png') no-repeat scroll left 0; height: 68px; width: 713px; position: relative;}
#boilerplatetext p { position: absolute; top: 20px; right: 90px; font-style: italic; color: #d9a200; font-size: 9px;  }

#main { background: #fff;}
#sidebar { background: #52662f; color: #fff;}


textarea { max-width: 660px;}
#commentform textarea { margin: 10px 0;}

/* typography */
body { font-family: 'Lucida','Lucida Grande', 'Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed',sans-serif; line-height: 1.5em;}

p, li, h6 { font-size: 11px;}
h2 { font-weight: 700; font-size: 13px;}
h2 a { text-decoration: none;}

h3 { font-weight: 700; font-size: 12px;}
h3 a { text-decoration: none;}


/* color */
body { color: #666;}
h1, h2, a { color: #d9a200;}
/*h1, h2, a { color: #6C883F;}
*/
h2 a, .post h2 { color: #d9a200;}

h3 { color: #d9a200;}
h4 { color: #d9a200;}
h6, p.preamble { font-weight: 800; margin-bottom: 8px;}
#main p.preamble { margin-bottom: 20px;}
#sidebar a { color: #c4dc39;}

#main strong { color: #d9a200;}
#main h1 { color: #d9a200; font-size: 28px; font-weight: 100; line-height: 1.4em;}
#main h2 { font-size: 18px; font-weight: 100; line-height: 1.4em;}
#main .post h2, #main .page h2 { margin-top: 30px;}
#main em { color: #d9a200;}
#main h3 { margin-top: 2em;}
#main p { margin-top: 0.8em; line-height: 1.6em;}
#main li {margin-top: 0.8em;  line-height: 1.6em;}


#main ul, #main ul li { list-style-type: disc; }

#sidebar ul, #sidebar p { margin: 20px;}
#sidebar label, #sidebar .textwidget, .post label { font-size: 12px;}
#sidebar h2 { color: #fff;}
#sidebar .textwidget p { margin: 0; line-height: 16px;}



#sidebar ul li { margin: 20px 0; padding-bottom : 4px; border-bottom: 1px dotted #fff;}

#sidebar .widget_tag_cloud div  { line-height: 22px;}

/* catch nested ones */
#sidebar ul li ul { margin: 0px; }
#sidebar ul li ul li { margin: 0px 0; padding-bottom : 0px; border-bottom: none;}

#main h2, #main h1 { border-bottom: 1px dotted #666;}
#main ul li { margin-left: 30px;}
#headerarea h1 { position: absolute; top: 16px; right: 20px;  font-size: 20px; font-weight: 100;}
#headerarea h1 a {  text-decoration: none; color: #91ad30;}

#primarynav { position: absolute; bottom: 4px; left: 0px; }
#primarynav li { position: relative; top: 0px; left: 0px; margin-left: 20px; font-size: 12px; font-weight: 100;display: inline; float: left; line-height: 1em;}
#primarynav .distinctblock { margin-left: 80px;}
#primarynav li a:link, #primarynav li a:visited { text-decoration: none; color: #52662f;}
#primarynav li a:hover, #primarynav li a:active  { color: #d9a200;}

.post { margin-bottom: 40px;}
#sidebar #signup label { font-size: 10px; line-height: 15px;} 

#signup { margin-top: 30px;}
#signup label { width: 160px; float: left; display: block;}
#signup input { width: 300px;}
#signup #contactsubmit {width: 90px; margin-left: 160px; margin-top: 20px;}

.badgeicon {float: left; clear: left; width: 65px; height: 59px; margin-right: 8px;}
.post a img { border: none; margin: 10px 14px 10px 0;}
.paginator { display: block; margin: 20px 0; font-size: 12px;}
.more { font-size: 12px;}

form#donate { margin-top: 10px;}
form#donate input { margin-left: 40px;}
form#donate label { margin-left: 20px;}
form#donate #submit { margin-top: 20px;}

.paginator a { font-size: 11px; margin-right: 30px;}