/*

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 (WP2.6.2)

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





@charset "UTF-8";





body {

	background-image:url(background.jpg);

	background-repeat:repeat-x;

	background-color: #fffada;

	margin: 0;

	padding: 0;

	text-align: center;

	min-width: 100px;

	font-family:Georgia, "Times New Roman", Times, serif;

}



a:link {

	color: #465a20;

}



a:visited {

	color: #465a20;

}



h1 {

	font-size: 1.8em;

	color: #324851;

}



h2 {

	font-size: 1.3em;

	color: #324851;

	padding-top: 10px;

}



h3 {

	font-size: 1.0em;

	color: #324851;

}



h6 {

	font-size: .6em;

	color: #324851;

	font-style: italic;

	}

h8 {

	font-size: 1.5em;

	color: #324851;

		}



p {

	font: Georgia, "Times New Roman", Times, serif;

	font-size: 1.0em;

	display: block;

	padding-top: 10px;

	color: #324851;

}



hr {

	margin: 10px;

	}



li {

	color: #324851;

	font-size: 1.0em;

	}



#main li {

	list-style: disc;

	margin-left: 40px;

	padding-top: 10px;

	padding-bottom: 10px;

	}



.blog {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size: 1.0em;

	line-height: 10pt;

	padding-left: 2px;

	color: #324851;

}



.bloghead {

	font-weight: bold;

	font-size: 1.1em;

	line-height: 10pt;

	color: #324851;

}



#container #header {

	position: relative;

	z-index: 2;

}







#container {

	width: 840px;

	margin:0 auto;

	text-align: left;

}



#title {

	top: 0px;

	text-align: center;

	width: 840px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#welcome {

	position: absolute;

	top: 308px;

}



#photo1 {

	position: absolute;

	top: 100px;

	border: 1px solid black;

	margin-left: 15px;

		}

		

#photo2 {

	position: absolute;

	top: 100px;

	border: 1px solid black;

	margin-left: 285px;

		}

		

#photo3 {

	position: absolute;

	top: 100px;

	border: 1px solid black;

	margin-left: 555px;

		}		



#nav {

	position: absolute;

	top: 360px;

	

}



#main {

	position: absolute;

	top: 450px;

	width: 450px;

	z-index: 0;



}



#sidebar {

	position: relative;

	top: 400px;

	width: 300px;

	float: right;

}





.blogfloatright {

	float: right;

	padding: 0 25px;

}



.blogfloatleft {

	float: left;

	padding: 0 5px;

}



.clear

{

     clear: both;

     display: block;

     overflow: hidden;

     visibility: hidden;

     width: 0;

     height: 0;

}





blockquote {

	border: 1px dashed #465a20;

	margin: 20px 20px 0 20px;

	padding: 10px;

}





#footer {

	clear: both;

	}

	

	



///////NAVIGATION/////////////



.menu{

	border:none;

	border:0px;

	margin:0px;

	padding:0px;

	font: 67.5%

	font-family: Georgia;

	font-size:14px;

	font-weight:bold;

	

	}

.menu ul{



	height:35px;

	list-style:none;

	margin:0;

	padding:0;

	

	}

	.menu li{

		float:left;

		padding-left:20px;

		z-index: 1;

		position: relative;

		}

	.menu li a{

		background:#981a25 url("seperator.jpg") bottom right no-repeat;

		color:white;

		display:block;

		font-weight:normal;

		line-height:35px;

		margin:0px;

		padding:0px 25px;

		text-align:center;

		text-decoration:none;

		}

		.menu li a:hover, .menu ul li:hover a{

			background: #981a25 url("hover.png") bottom center no-repeat;

			color:#FFFFFF;

			text-decoration:none;

			}

	.menu li ul{

		background:#981a25;

		display:none;

		height:auto;

		padding:0px;

		margin:0px;

		border:0px;

		position:absolute;

		width:225px;

		z-index:1;

		/*top:1em;

		/*left:0;*/

		

		}

	.menu li:hover ul{

		display:block;

		

		}

	.menu li li {

		background:url('sub_sep.gif') bottom left no-repeat;

		display:block;

		float:none;

		margin:0px;

		padding:0px;

		width:225px;

		}

	.menu li:hover li a{

		background:none;

		

		}

	.menu li ul a{

		display:block;

		height:35px;

		font-size:12px;

		font-style:normal;

		margin:0px;

		padding:0px 10px 0px 15px;

		text-align:left;

		}

		.menu li ul a:hover, .menu li ul li:hover a{

			background:#fff180 url('hover_sub.gif') center left no-repeat;

			border:0px;

			color:black;

			text-decoration:none;

			}

	.menu p{

		clear:left;

		}	



		

}