/*
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";

body				{ background-repeat: repeat; }

#page_wrap			{ width: 780px; margin-left: auto; margin-right: auto; background-color: #FFF; border: solid white 20px; }

#page_bkground		{ margin-left: auto; margin-right: auto; margin-top: 20px; background-color: #FFF; }

#page_bkground img	{ float: left; }

div.divider			{height: 20px; }

#header				{ width: 780px; height: 40px; }

div.title			{ width: 260px; margin-right: 5px; float: left; }

div#nav				{ width: 780px;  height: 30px; border-top: dotted 1px #333; border-bottom: dotted 1px #333; }

ul.nav				{ margin-left: none; }	

ul.nav li			{ display: inline; margin-right: 50px; line-height: 30px; }

div.post			{ width: 500px; float: left; }

div.post_title		{ }

div.post_title h1	{ font-size: 18px; color: #0072BC; }

div.postcontent		{ margin-top: 10px; width: 500px; }

div.pagecontent		{ margin-top: 20px; width: 500px; float: left;  }

div.postcontent img	{ margin-bottom: 20px;   }

div.sidepage		{ float: right; }

div.sidebarpage		{ margin-top: 0px; width: 240px; min-height: 280px; padding: 10px; background-color:#F1F2F2; border-bottom: solid 3px #0072BC; float: right; }

div.sidebarpage	h1	{ font-size: 18px; color: #0072BC; margin-bottom: 10px; }

div.sidebox			{ float: right; margin-top: 20px; }

div.sidebar			{ margin-bottom: 20px; width: 230px; padding: 10px; background-color:#F1F2F2; border-bottom: solid 3px #0072BC;  }

div.sidebar	ul		{ margin-bottom: 10px; }

div#comments		{ width: 500px; }

div.commenthead		{ padding: 10px; width: 480px; border-bottom: solid 3px #0072BC; height: 35px; background-color:#F1F2F2;   }

div.commenthead img		{ margin-right: 10px; float: left; }

span.small			{ font-size: 10px; }

#comment			{ width: 500px; }

div.social 			{ height: 40px; margin-left: auto; margin-right: auto;  }

div.social ul		{ margin-right: none; }

div.social li 		{ display: inline; float: left; margin-right: 10px; }

div#footer			{ width: 760px; margin-left: auto; margin-right: auto; margin-top: 20px; background-color: #F1F2F2;
					  border-bottom: solid 3px #0072BC; padding: 20px; }


/* TYPE */

body				{ font-family: Arial, Helvetica, sans-serif; color:#333; font-size: 12px; }

span.title			{ font-size: 10px; line-height: 12px; }

a					{ text-decoration: none; color: #0072BC; outline: none; }

a:hover				{ text-decoration: underline; color: #000; }

.blue			{ color: #0072BC; }

div.post p			{ line-height: 17px; }

div.header_48 img	{ float: left; margin-right: 10px; margin-bottom: 10px; }