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

/* General  */

html {margin: 0; padding 0;}
html. body {overflow:scroll}

ul {list-style:square inside;}
ol {list-style:inside}

* { padding: 0; margin: 0; }
img { padding: 0; border: 0; }
img:hover {padding 0; border: 0;}

.clear { clear: both; }
.floatLeft { float: left; }
.floatRight {float: right; }
.homelink { margin: 20px 0 0 15px;}
ul {padding: 0 0 0 0; list-style-type:none; }
li {border: 0; list-style-type:none; }
h1 { padding: 0; margin: 0; }


.button {border: 1px #999999 solid;
 background-color:#999999; 
 padding: 3px 8px;;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 color:#FFFFFF; }
 
.button:hover {background:#7d7e52; color:#FFFFFF;}





/* Structure */


#pagecontainer-outer-outer {
	background:url(images/paperbag.jpg) top no-repeat;
	/*background:url(images/drop.png) repeat-y;*/
	background-color:#683b1e;
	float: none;
	margin: 0 auto;
}


#pagecontainer-outer {
	background:url(images/drop_2.png) repeat-y;
	width: 862px;
	float: none;
	margin: 0 auto;
}

#page-wrap {width: 840px;
	float: none;
	margin: 0 auto;
	background-color:#FFFFFF;
	}

body {-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	font-size:13px;
	line-height:2;}



#push {height:87px;}
#socialsidebar {width: 140px; float: right; background:#CCCCCC; margin-top:25px; }
#main-col {width: 500px; float:left; margin-left:30px; }

/* Sidebar */

#linkssidebar {width: 280px; float:right; margin-right: 15px; margin-top: 25px; background:#FFFFFF;}
#longad { float:right; background:#FFFFFF; margin-bottom: 10px; }
#linkad { width: 130px; float:right; background:#FFFFFF; margin-bottom: 10px; }
#squaread {width: 260px; float:right; background:#FFFFFF; border-style:double ; border-color:#7d7e52; }


#archives {width: 260px; float:right; background:#FFFFFF; border-style:double ; margin-top: 10px; margin-bottom: 10px; border-color:#7d7e52;  padding: 5px 0px 10px 0px; }
#archivesword {margin-right:10px;}

#archives h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 19px;font-weight:normal; margin-left:10px; color:#543519; }
#archives li {margin-left: 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height: 180%; }

#categories {width: 260px; float:right; background:#FFFFFF; border-style:double ; margin-bottom: 10px; border-color:#7d7e52; }
#categoriesword {margin-right:10px;}

#categories h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 19px;margin-bottom: 5px; margin-top:10px; font-weight:normal; color:#543519; }
#categories ul {margin-left: 10px; margin-bottom: 10px;font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height: 180%; }


#blogroll {width: 260px; float:right; background:#FFFFFF; border-style:double ; border-color:#7d7e52; }
#blogroll h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 19px;font-weight:normal; margin-bottom: 5px; margin-top:10px; color:#543519; }
#blogroll li {margin-left: 10px }

.twitter h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 19px;font-weight:normal; margin-bottom: 5px; margin-top:10px; color:#543519; }

.twitter { width: 260px; float:right; background:#FFFFFF; border-style:double ; margin-bottom: 10px; border-color:#7d7e52;f } 

.twitterfeed {margin-right:10px; margin-left: 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666666; line-height: 160%;}



.backgroundshizzle {width: 190px; color:#cccccc}
	





/* Typography */

p { font-family: Helvetica, sans-serif; color:#666666; padding: 0px 4px 15px 0;
	line-height: 140%; }
	
a {
	color: #7d7e52;
}

a:hover {
	color: #543519;}

h4 { font-size:14px;
font-weight:bold;
}

h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 19px;font-weight:normal; color:#543519; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 28px; font-weight:normal; margin-bottom: 20px; margin-top: 20px; line-height: 130%; color:#543519; }
h1 { font-family:Georgia; color:#003300; }

/*
ol, p, ul {
margin-bottom: 20px;}

*/



/* Navigation */

#top {
height: 100px;
width: 840px;
float:right;
background:#FFFFFF;
border-bottom:#7d7e52 1px solid;
 }



#top li {
float: left;
margin-left: 20px;
margin-top: 65px;
margin-right: 20px;
}

#top li a {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-decoration: none;
	color:#7d7e52;
	}
	
#top li a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-decoration:underline;
	color:#7d7e52;
}

/* Header */


#header {
float: right;
width: 840px;
height: 180px;
background:url(images/januarybanner2012.jpg);
padding: 0px 0 0 0;
}

#search {float:right;
	padding: 0px 20px 0px 0px;}





/* Nav */


/* Blog Entries */

.datebox {width: 42px; float: left; padding: 10px; background: #7d7e52; color: white; text-align:center; margin: 0 10px 0 0; border:double; border-color:#FFFFFF }

.day {font-size:3em; line-height: 100%; font-weight:bold; color:#FFFFFF; margin: 0;}
.month {font-size:1.4em; line-height: 30%; font-weight:bold; color:#FFFFFF; text-transform:uppercase;  margin: 0; }
.year {font-size:1.2em; line-height: 30%; font-weight:bold; color:#FFFFFF; margin: 0;}




/* Footer */

#footer {background:url(images/grass.png) repeat-x; 
	width: 840px;
	height: 87px;
	clear: both;
	padding: 0px 0 0 0;
}


#footer p {
	color:#fdfcde;
	float: left;
	padding: 58px 0px 0 15px;
}

#footer a {
	color: #333333;
	text-decoration:none;
}

 




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