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

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

body {
background: #2c0000;
font-family: Tahoma, Geneva, Verdana, sans-serif;
font-size: 62.5%; /* Resets 1em to 10px */
}

#clearfix {
clear: both;
}

/* END RESET */

/* TYPOGRAPHY */

p {
font-size: 1.5em;
margin-bottom: 1.5em;
}

p.wp-caption-text {
margin-bottom: 0;
}

a {
color: #8b6316;
}

h2 {
font-size: 2.5em;
}
	h2.widgettitle {
	font-size: 2em;
	}

h3 {
font-size: 1.9em;
}

h4 {
font-size: 1.7em;
font-weight: bold;
}

h5 {
font-size: 1.5em;
}

#small {
font-size: 1em;
}

li a {
font-size: 1em;
}

blockquote {
margin: 15px 30px 10px 10px;
padding-left: 20px;
font-style: italic;
}

/* END TYPOGRAPHY */

#wrap {
background: #fff;
width: 998px;
margin: 0 auto;
padding-bottom: 1px;
}

#header {
position: relative;
background: url(./style/images/headercorner.jpg) #450000 bottom left no-repeat;
width: 988px;
margin: 0 auto;
height: 84px;
}

	#header h1 {
	display:none;
	}
	
	#header h2 {
	display:none;
	}
	
	#header .logo {
	align: bottom;
	padding: 25px 0px 10px 15px;
	width: 25%;
	}
	
	#menu {
	position: absolute;
	display:inline;
	max-width: 725px;
	bottom: 0;
	right: 2px;
	
	}
		
		#menu li.current_page_item, #menu li.current_page_item a {
		background: #fff;
		color: #000;
		}
     
     /* css dropdown */
     /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
max-width:725px; 
height:32px; 
position:relative; 
z-index:100;
margin-bottom: -2px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:726px; w\idth:725px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:49px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
width:auto; 
height:30px; 
background:#821f1f; 
padding-left:10px;
padding-right: 10px;
margin-left: 2px; 
line-height:29px; 
font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#dbb56d;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#fff;
}
.menu ul ul :hover > a.drop {
background:#fff;
}
/* style the third level background
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover
.menu ul ul ul a:hover {background:#b2ab9b;} */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;top:31px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu
.menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout
.menu ul ul ul.left {left:-149px;}*/

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#dbb56d; 
color:#450000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:80px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#000; 
background:#fff;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#000; 
background:#fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
display:inline-block;
}
/* keep the third level hidden when you hover on first level list OR link
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link
.menu ul :hover ul :hover ul{ visibility:visible;}*/

.menu ul ul .current_page a {
  color: #000;
  background: #fff;
}

.menu .current_page a {
  color: #000;
  background: #fff;
}

.menu ul .current_page ul a {
  color: #000;
  font-weight: normal;
  background: #fff;
}

.menu ul .current_page ul a:hover {
  background: #fff;
}

.menu .current_page a:hover {
  background: #fff;
}
     /* END CSS DROPDOWN */

	
	/* MAINPAGE BANNER */

#banner {
width: 988px;
height: 180px;
background: url(./style/images/mountains1.jpg);
margin: 5px auto;
}

body.page-id-56 #banner {
background: url(./style/images/grappabanner.jpg);
}
body.page-id-63 #banner {
background: url(./style/images/racingbanner.jpg);
}
body.page-id-22 #banner {
background: url(./style/images/peoplebanner.jpg);
}
body.page-id-45 #banner {
background: url(./style/images/bassanobanner.jpg);
}
body.page-id-61 #banner {
background: url(./style/images/trainingbanner.jpg);
}
body.page-id-65 #banner {
background: url(./style/images/eventsbanner.jpg);
}
body.page-id-67 #banner {
background: url(./style/images/touringbanner.jpg);
}
body.page-id-104 #banner {
background: url(./style/images/banner3.jpg);
}
body.page-id-105 #banner {
background: url(./style/images/vineyardbanner.jpg);
}
body.page-id-107 #banner {
background: url(./style/images/marostica2banner.jpg);
}
body.blog #banner {
background: url(./style/images/grappavistabanner.jpg);
}


/* MAIN CONTENT AREA */

#page {
position: relative;
width: 988px;
margin: 0 auto;
background: #f5f0e4;
}	

#page:after { content: ""; display: block; height: 0; clear: both; }

	
	#content {
	float: left;
	background: #f5f0e4;
	width: 670px;
	}
		#content .postnav {
		font-size: 1.5em;
		text-align: center;
		}
	
		#contentwide {
		width: 988px;
		margin: 0 auto;
		}
		
		#contentwide .post {
		padding: 0px 15px 5px;
		}
		
		#contentwide .post h2 {
		background: #450000;
		color: #fff;
		line-height: 55px;
		font-size: 25px;
		text-transform: uppercase;
		padding-left: 15px;
		margin-left: -15px; 
		margin-bottom: 10px;
		width: 973px;
		}
	
	#content .post {
	padding: 0px 15px 5px;
	}
	
	#content .post h2 {
	background: #450000;
	color: #fff;
	line-height: 55px;
	font-size: 25px;
	text-transform: uppercase;
	padding-left: 15px;
	margin-left: -15px; 
	margin-bottom: 10px;
	width: 973px;
	}

.post ul li {
list-style-type: disc;
list-style-position: inside;
font-size: 1.5em;
margin: 10px 20px;
}
	
	#intro {
	font-size: 1.7em;
	}
	
	#content .entry {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #450000;
	}
	
.entry ul li {
list-style-type: disc;
list-style-position: inside;
font-size: 1.5em;
margin: 10px 20px;
}

	#content .postmeta p {
	font-size: 1em;
	}
	
	#homepage {
	background: transparent url(./style/images/homeimg.jpg) no-repeat;
	width: 988px;
	height: 363px;
	margin: 5px auto 0px;
	}	
	
		#shade {
		background: #000;
		opacity:0.8;
		float: right;
		width: 475px;
		margin-top: 155px;
		padding: 10px 15px;
		color: #fff;
		}
			#shade h2 {
			font-weight: normal;
			font-size: 2.2em;
			text-transform: uppercase;
			}
			
			#shade h5 {
			font-weight: normal;
			font-size: 110%;
			}
			
			#shade p {
			font-size: 14px;
			opacity:100;
			text-align: justify;
			}	
			
			#shade a {
			color: #fff;
			}
			
	input[type="image"] {
	float: right;
	margin-right: 250px;
	}		
	
/* COMMENTS */
#respond {
padding: 5px 15px;
}	
/* END COMMENTS */
			
#datebar {
width: 988px;
height: 78px;
margin: 5px auto 0px;
background: url(./style/images/datebarlogo.jpg) left no-repeat #ecd08c;
}
	
	#datebar .button {
	background: url(./style/images/verticalbar.jpg) left no-repeat;
	float:right;
	display: inline;
	width: 135px;
	height: 78px;
	text-align: left;
	font-size: 80%;
	font-weight:normal;
	color: #000;
	}		
	
	#datebar .button p {
	padding: 10px 0 5px 20px;
	}	
	

#sidebar-r {
background: #f5f0e4;
float: right;
width: 305px;
min-height: 100%;
margin-top: 55px;
padding: 15px 5px;
}
	#sidebar-r li {
	margin: 5px 0;
	padding: 5px;
	}
	#sidebar-r li#search-3 {
	padding-left: 10px;
	}
	#sidebar-r li ul li {
	padding: 0;
font-size: 1.4em;
	}
	label.screen-reader-text {
	display: none;
	}

#side {
width: 988px;
margin: 5px auto 0;
background: #f5f0e4;
}	
		
	.column1 {
	display: inline;
	width: 400px;
	float: left;
	padding: 10px;
	}
		.textwidget {
		font-size: .9em;
		font-weight: normal;
		padding: 5px;
		}
	
	.column2 {
	display: inline;
	width: 450px;
	float: right;
	padding: 15px 10px 10px;
	}	
		.recent_with_excerpt ul {
		}
		.recent_with_excerpt ul li {
		background: #fff;
		border: 1px solid #e3ded3;
		margin-bottom: 25px;
		padding: 10px 10px 20px;
		}
		.recent_with_excerpt ul li blockquote {
		padding: 5px;
		}

.recent_with_excerpt ul li p {
margin-bottom: .5em;
}
		.post-date {
		width: 50px;
		height: 54px;
		float:left;
		background: #dbb56d;
		margin-left:-61px;
		margin-top:5px;
		color:#000;	
		}
		
		.post-month {
			font-size: 9px;
			text-transform: uppercase;
			color:#fff;
			text-align: center;
			display:block;
			line-height: 11px;
			padding-top: 4px;
			padding-left:3px;
		}
		.post-day {
			font-size: 28px;
			text-transform: uppercase;
			color:#fff;
			text-align: center;
			display:block;
			line-height: 18px;
			padding-top: 9px;
			margin-left: -3px;
		}
	
	
/* CONTACT FORM */
#message
{
	color:#990000;
	font-weight:bold;
}
.standardForm
{
	margin-bottom:15px;
}
.standardForm .textbox, .standardForm .textarea
{
	width:500px;
	padding:7px;
	font-size:110%;
	font-weight:bold;
}
#commentform input, #commentform textarea
{
	width:300px;
	padding:7px;
	font-size:90%;
	font-weight:bold;
}
.standardForm .textbox, .standardForm .textarea,  .standardForm .submit,
#commentform input, #commentform textarea
{
	border:3px solid #e3ded3;
	background:#fefefe;
}
#commentform #comment
{
	width:450px;
	font-size:100%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
#commentform #submit
{
	width:150px;
}
#commentform label
{
	margin:0 0 0 10px;
}
.standardForm .field
{
	padding:5px 0;
}
.standardForm label
{
	font-weight:bold;
	display:block;
}
.standardForm .textbox
{
	display:block;
}
.standardForm .textarea
{
	height:90px;
}
.standardForm .submit,
#commentform #submit
{
	font-weight:bold;
	background:#dbb56d;
	padding:5px;
	color:#000;
}
/* END CONTACT FORM */

input#s {
width: 200px;
}

.clearfix {
clear: both;
}	
	
#sidebar-b {
clear: both;
width: 988px;
margin: 0 auto;
background: #f5f0e4;
}

#footer {
clear: both;
width: 978px;
margin: 5px auto 5px;
background: #450000;
color: #fff;
font-size: 75%;
text-align: right;
padding: 10px 5px;
}	

body.page-id-665 #content a img {
padding-bottom: 10px;
}