/*
Theme Name: Wezel Brown Personalized theme
Theme URI: http://wordpress.org/
Description: A wordpress theme for Wetzel Brown website.
Version: 0.1
Author: Luigi Laezza
Author URI: http://ww.soipo.net/
Tags: gray, hite, fixed width, two columns

	
*/



@charset "UTF-8";
body {
	font:100% 12px Helvetica, Verdana, Arial, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #887766;
}
a, a:visited {
	color: #887766;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
}

#container {
	width:889px;
	margin:10% auto 10% auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	border-bottom:1px #887766 solid;
	margin-bottom:11px;
	width:100%;
}
#header #topLinks {
	float:right;
	margin-top:12px;
	font:16px Helvetica, Verdana, Arial, sans-serif;
        height:42px;
}
#header #topLinks li{
	 display:inline;
}
#header #topLinks ul{ 
	padding:0; 
	margin:0;
	position:relative;
	top:1px;
}
#header a, a:visited {
	text-align:left;
	padding: 0 0 0 50px;
	
	
}
#header a:hover{
 	color:#FF6600;
}

#header li.current_page_ancestor a, #header li.current_page_parent a, #header li.current_page_item a{
	color:#ff6600;
	
}

#header #topLogo{margin-bottom:0;padding-bottom:0;float:left;}
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 248px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	font:11px Helvetica, Verdana, Arial, sans-serif;
	height:406px;
	
}
#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar ul li{ margin-bottom:0.1em;}
#sidebar ul#link-level1 li a {
	
}
#sidebar #link-level0 {
	float:left;
	background:#fff;
	width:238px;
	margin-right:10px;
        color:#887766;
}
#sidebar #link-level1 {
	float:left;
	background:#fff;
	width:105px;
	margin-right:10px;
        color:#887766;
}
#sidebar #link-level2 {
	float:right;
	background:#fff;
	width:133px;
        color:#887766;
}
#sidebar li {
	list-style:none;
}
#sidebar ul#link-level0 li.current_page_ancestor a, #sidebar ul#link-level0 li.current_page_parent a {
	color:#FF6600;
}
#sidebar ul#link-level1 li.current_page_ancestor a, #sidebar ul#link-level1 li.current_page_parent a, #sidebar ul#link-level1 li.current_page_item a {
	color:#FF6600;
}
#sidebar ul#link-level2 li.current_page_ancestor a, #sidebar ul#link-level2 li.current_page_parent a, #sidebar ul#link-level2 li.current_page_item a {
	color:#FF6600;
}
#sidebar a, a:visited {
	padding:0;
	color:#887766;
}
#sidebar a:hover {
	color:#FF6600;
}
span.grey{
	padding:0;
	color:#887766;
}

#sidebar a.hiddenlinks{color: #ccccbb;}

#sidebar a.hiddenlinks:hover{color: #ccccbb;}


#sidebar #close,#sidebar #more{ color:#ff6600;  cursor:pointer; display:none; padding:0; margin:0; text-align:right;width:100%;}



#sidebar .post{
	width:inherit;
	font:11px Helvetica, Verdana, Arial, sans-serif;
	padding-bottom:0px;
	margin-bottom: 2px;
	text-align:justify;
	color:#887766;   
}

#sidebar #full_text{ display:none;margin:0 0 0 0;  padding:0;}
#sidebar #short_text{ margin:0 0 0 0;  padding:0;} 
#sidebar #full_text p,#sidebar #short_text p{ margin:0 0 0 0;  padding:0;} 

#mainContent {
	float:right;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:630px;
	height:400px;
	margin:0 0 8px;
}
#mainContent p{ margin:0}
#mainContent_long {
	padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:426px;
}
#mainContent_long .entry {
	font:18px Helvetica, Verdana, Arial, sans-serif;
/* 	width:689px; */
		width:500px;
	padding-top:55px;
/* 	margin:0px auto 0 auto; */
       color: #887766;
       float: left;
       position: relative;
}

#mainContent_long #signature {
/*
	margin-left:370px;
        margin-top:20px;
*/
	position: relative;
	top: 25px;
	left: 250px;
}

#texto {
	font:18px Helvetica, Verdana, Arial, sans-serif;
	width:100%;
	margin-top:40px;
       color: #887766;
}
#texto #signature {
	margin-left:70%;
}


/*form*/
div#form{font:11px Helvetica, Verdana, Arial, sans-serif; width:520px;float:right;color: #887766; }
div#form p{margin:3px; font-size:11px; text-align:left; float:right; width:460px; padding:0;} 
div#form input,select{  width:300px; float:right;}
div#form select{  width:305px; float:right;}
div#form label{  float:left;width:140px;}
div#form p#Postal { width:190px}
div#form p#Postal label{width:80px}
div#form p#Postal input{ width:100px; }
div#form p#City { width:264px;}
div#form p#City label{width:120px}
div#form p#City input{ width:104px;}
div#form p#How label{float:left;width:40px;}
div#form p#How input{float:left;width:30px;margin-right:30px}
div#form span.form_msg {float:right; margin-right:20px;}
div#form span.required,span.form_msg {color:#F00;}
div#form span.required {
	margin: 0 0 0 6px;
}
div#form p#submit input{ color:#F60; background:#887766; border:none; width:200px;height:25px}
/*end form*/

#footer {
        text-align:justify;
	border-top:1px #887766 solid;
	margin:4px 0;
	font:10px Helvetica, Verdana, Arial, sans-serif;
	padding:5px 0 0 0px;
    color:#887766;
    clear:float;
    width: 890px;
         
}

#footer a {
	color:#ff6600;
	position: relative;
	left: 4px;
}

#footer #tfoot{width:100%; border:none;padding:0;margin:0;}
#footer ul{padding:0;margin:0;}
#footer li{
        list-style:none; 
         display:inline;
         margin:0 18px 0 0; /* */ 
         font:10px Helvetica, Verdana, Arial, sans-serif;
	

        
}
#footer .copy{
	font:11px Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	left: -3px;
	top: -1px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:1px;
	width:100%;
	font-size: 1px;
	line-height: 1px;
	margin:0;
	padding:0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Awards */

#award-images {
    color: #887766;
    float: left;
    font: 11px Helvetica,Verdana,Arial,sans-serif;
/*
    margin: 34px 0 0;
*/
    text-align: justify;
    width: 890px;
/*
    position: absolute;
    bottom: 0;
*/
	margin: 200px 0 0 0;
	background-color: #CCCCBB;
	padding: 10px 0;
}

#award-images ul.award-image-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#award-images ul.award-image-list li {
	float: left;
	margin: 0 auto;
/* 	background-color: red; */
	width: 64px;
	height: 50px;
	margin: 0 12px;
	position: relative;
}

#award-images ul.award-image-list li span {
	width: 64px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	-moz-transition: all 0.25s ease-out 0s;
	-webkit-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;  
	transition: all 0.25s ease-out 0s;
	z-index: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#award-images ul.award-image-list li:hover span {
	z-index: 2;
}

#award-images ul.award-image-list li.iss span {
	background: url(images/ISS2010-100.png)  no-repeat scroll 50% 50% #fff;
}

	#award-images ul.award-image-list li.iss:hover span {
	    left: -18px;
	    padding: 17px 36px 0 0;
	    top: -9px;
	}
	
#award-images ul.award-image-list li.iss-logo span {
	background: url(images/iss-logo-150.png)  no-repeat scroll 50% 50% #fff;
	z-index: 3;
}

	#award-images ul.award-image-list li.iss-logo:hover span {
	    left: -44px;
	    padding: 98px 88px 0 0;
	    top: -49px;
	    z-index: 4;
	}
	
#award-images ul.award-image-list li.iss-logo-sailing span {
	background: url(images/iss-logo-sailing-150.jpg)  no-repeat scroll 50% 50% #fff;
	z-index: 3;
}

	#award-images ul.award-image-list li.iss-logo-sailing:hover span {
	    left: -44px;
	    padding: 98px 88px 0 0;
	    top: -49px;
		z-index: 4;	    
	}

#award-images ul.award-image-list li.showboats span {
	background: url(images/showboats-2010-100.png) no-repeat scroll 50% 50% #fff;
}

	#award-images ul.award-image-list li.showboats:hover span {
	    left: -18px;
	    padding: 55px 36px 0 0;
	    top: -28px;
	}

#award-images ul.award-image-list li.showboats-logo span {
	background: url(images/showboats-logo-100.png) no-repeat scroll 50% 50% #fff;
	z-index: 3;
}

	#award-images ul.award-image-list li.showboats-logo:hover span {
	    left: -80px;
	    padding: 50px 161px 0 0;
	    top: -25px;
	}


#award-images ul.award-image-list li.wsa span {
	background: url(images/WSA-100.png) no-repeat scroll 50% 50% #fff;
}

	#award-images ul.award-image-list li.wsa:hover span {
	    left: -18px;
	    padding: 50px 36px 0 0;
	    top: -25px;
	}

#award-images ul.award-image-list li.cmyk span {
	background: url(images/nominee_cmyk-100.png) no-repeat scroll 50% 50% #fff;
}

	#award-images ul.award-image-list li.cmyk:hover span {
	    left: -18px;
	    padding: 110px 36px 0 0;
	    top: -55px;
	}

/*
#award-images ul.award-image-list li.showboats {
    margin:5px 10px 0;
}

#award-images ul.award-image-list li.title {
	margin: 36px 10px 0 10px;
}



#award-images ul.award-image-list li.wsa {
	margin: 24px 10px 0 10px;
}	

#award-images ul.award-image-list li.cmyk {
	margin: 2px 10px 0 10px;
}	
*/

#award-images.cnb {
	float: none;
	margin: 0 0 10px 0;
	width: auto;
}

#award-images h2 {
    color: #887766;
    float: left;
    font: 18px Helvetica,Verdana,Arial,sans-serif;
    margin: 8px 0 0;
    text-align: center;
    width: 100%;
}

#award-images.cnb h2 {
	font-size: 14px;
	margin: 0 0 6px 4px;
}

#award-images div img {
	float: left;
	margin: 0 0 10px 0;
}

#award-images.cnb img {
	margin: 6px 12px 0 0;
	float: left;
}

#award-images div ul {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}

#award-images.cnb div ul {
	margin: 0 0 0 4px;
}

#award-images div img {
	border-style: none;
}

#award-images div ul li {
	list-style: inside disc;
}

#award-images div ul li.none {
	list-style: none;
}