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

/* reset formats */

* {margin: 0; padding: 0;}
	
ul {list-style: none inside;}
p {font-size: 1.2em; line-height: 1.2em; text-align: justify;}
a {outline: none; text-decoration: none; color: #660000;}
a img {border: none;}
h1, h2 {color: #660000;}
h1 {font-size: 1.8em; 
			border-bottom: 1px solid #660000; 
			margin-bottom: 20px;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}


/*general styling */

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.imgcenter {margin-top: 20px; text-align: center;}
.removed {text-indent: -9999px; border: none;}

body {position: relative;
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/background_yello.jpg);
	color: #333333;}
	
.button {-moz-border-radius: 5px; -webkit-border-radius: 5px;
		background: #660000; color: #ffffff;
}
		.button:hover {background: #fff;
			color: #660000;
			
		}


#page-wrap 	{width: 976px;
			margin: 0 auto;
			min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -131px; /* the bottom margin is the negative value of the footer's height */
		}
	
#header 	{position:relative;
			margin: 20px auto 0 auto;
			width: 976px;
			height:223px;
			background: url(/images/header.png) no-repeat;
			z-index: 100;}

			#header h1 {text-indent: -9999px;
				position:absolute;
				margin: -23px 0 0 -25px;
				width:363px;
				height:258px;
				background: transparent url(/images/brandingSL.png) no-repeat;
				border: none;
			}
			
			#header h2, #header ul {position: absolute;}
			
				#header h2 {
					top: 35px; left: 710px;
					width:200px; height: 25px;
					text-indent: -9999px;
					background: url(/images/americanvilla.png) no-repeat;}
					
					#header ul {position: absolute;
						top: 65px; left: 750px;
					}
					#header ul li {display: inline;
					color: #fff;
					font-weight: bold;
					margin: 0 10px 0 0px;
					}
					#header ul a {	
					color: #ffffff;
					text-decoration: none;
					}
					#header ul a:hover, #header ul a:active {text-decoration: underline;}
		
/*navigation */
		
ul#nav {height: 57px;}
		
					ul#nav li {display: inline;	}
					ul#nav li a {display: block;
					text-indent: -9999px;
					height: 57px;
					float: left;}
					#nav li.villa a {
					background: url(/images/nav_villa.png) no-repeat; width: 228px;
					background-position: bottom center;}
					#nav li.local a {
					background: url(/images/nav_local.png) no-repeat; width: 172px;
					background-position: bottom center;}
					#nav li.rates a {background: url(/images/nav_rates.png) no-repeat; width: 174px;
					background-position: bottom center;}
					#nav li.about a {
				background: url(/images/nav_about.png) no-repeat; width: 172px;
					background-position: bottom center;}
					#nav li.blog a {
					background: url(/images/nav_blog.png) no-repeat; width: 229px;
					background-position: bottom center;}
					
					
					#nav li.blog a:hover, #nav li.blog a:active,
					#nav li.about a:hover, #nav li.about a:active,
					#nav li.villa a:hover, #nav li.villa a:active,
					#nav li.rates a:hover, #nav li.rates a:active,
					#nav li.local a:hover, #nav li.local a:active
					{background-position: center center; }
					
					body#villa #nav li a.villa
					{background-position: top center;}
					
					/* sets the navigation to active state */
					#blog #nav li.blog a {background-position: top center; }
					/*****/
					
#main_content		{position: relative;
					background: url(/images/mainbackground.png) repeat-y;
					min-height: 800px;
					}

#page_content 		{padding: 21px 40px 10px 10px;
					margin: 0 50px 0 250px;
					border-left: 1px solid #f1f1f1;
					}

#sidebar		 	{width: 220px;
					padding: 20px 0 0 20px;
					position: absolute; top: 0; left: 0;
					min-height: 800px;}
					
					ul.links, ul.sidebar_extra {margin: 20px 0 20px 0;
			display: block;
			width: 220px;
			font-size: .8em;}
			
				#sidebar h1, ul.links h1  {color: #660000;
				font-size: 1.2em;
				margin-bottom: 10px;
				padding-left: 20px;
				}
					ul.links h1 a:hover, ul#links h1 a:active,
					ul.sidebar_extra h1 a:hover, ul.sidebar_extra a:active  {text-decoration:underline;}
					ul.links li a, ul.sidebar_extra li a {display: block;
				padding: 5px 0 5px 20px;
				border-bottom: #FF3300 solid 1px;
				color: #660000;
				font-size: 1.5em; }
				ul.links li a:hover, ul.links li a:active, ul.sidebar_extra li a:hover, ul.sidebar_extra li a:active {
					font-weight: bold;}
			
				ul.links .active {font-weight:bold;}

#footer				{position: relative;
					width: 976px;
					margin: 0 auto;
					background: url(/images/footer.png) no-repeat;}
					
					#footer, .push {
					height: 131px; /* .push must be the same height as .footer */
}

					ul#footer_links  {padding: 40px 0 0 80px;
					width: 260px;
					}
					ul#footer_links li a {display: block;
					width: 120px;
					float: left;
					color: #fff;
					font-size: .9em;
					padding: 2px;}
					ul#footer_links li a:hover, ul#footer_links li a:active {text-decoration: underline;}
					
					#footer p {position: absolute; top: 40px; right: 80px;
					text-align:right;
					color: #fff;
					font-size: 1em;
					line-height: 2em;}
					
					#footer p a {color: #CCCCCC;}
					#footer p a:hover, #footer p a:active {text-decoration:underline;}
					
					p.blog_footer {margin-top: 45px; }		
					
/* blog page styling */

#search				{float: right; margin-right: 20px;
					padding: 5px;
					background: #FF3300;}
					label.searchtext {	font: 1.3em #660000 bold;}
					 
				
/* blog entries */

.post h1			{margin: 50px 0 20px 0;}
.post p				{margin-top: 1em; line-height: 1.5em;}
.post img			{float: right; margin: 0 0 5px 10px;}

#date-box			{width: 36px;
					float: left;
					margin: 0px 10px 0px 5px;
					text-align: center;
					color: #fff; background: #ff3300;
					padding: 5px;
					}
					#date-box p			{text-align: center; margin: 0;}
							.day		{font-size: 2.5em; font-weight: bold; padding-bottom: 3px;}
							.month		{font-size: 1.3em; font-weight: bold; text-transform: uppercase;}
							.year		{font-size: 1.1em; font-weight: bold; padding-bottom: 5px;}

/* comments */

#comments			{border: 1px solid #660000; padding: 10px; margin: 10px 0;}
h1#respond			{margin: 0 0 10px 0;}


#commentform textarea			{}
p.comment_details			{margin: 5px 25px 5px 0;}
p.comment_details label		{text-align: left;}
p.comment_details input 	{float: right; margin: 0 150px 0 0;}

/* archive styling */

#archive_posts h2				{font-size: 1.2em; margin: 20px 0 10px 0; text-decoration: underline;}
#archive_posts	p				{line-height: 1.1em; margin-top: .5em;}

	.archive_date				{font-weight: bold; margin-bottom: 10px;}
	#archive_posts .comments 	{margin: 10px 0}
#archive_posts img				{float: right; margin: 0 0 5px 10px;}