/*
Theme Name: Farias Surf Shop
Theme URI: http://www.Farias.com/
Description: Farias CSS design
Version: 1.0
Author: WeKnowHTML
Author URI: http://www.WeKnowHTML.com/
*/
body {
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color: #FFF;
	background: url(images/bg.png) ;
	margin:0;
	padding:0;
	text-align:center;
}
a {
	color:#FFF;
	text-decoration:none;
	outline:none;
}
:focus {
	-moz-outline-style: none;
}
/********
	Wrapper
		**********/
#wrapper{
	width:950px;
	border-left:solid 1px #626c69;
	border-right:solid 1px #626c69;	
	background:#000 url(images/wrapper-bg.png) repeat-x;
	margin:0 auto;
	position:relative;
	padding-top:14px;
}
/********
	Header
		**********/
#header{
	background:url(images/header-bg.png) no-repeat;
	height:206px;
	width:888px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header .masthead{
	position:absolute;
	top:31px;
	right:0;
}
/********
	Header - Topnav
		**********/
#header ul{
	position:absolute;
	bottom:0;
	left:0;
}
#header ul li{
	float:left;
	position:relative;
}
#header ul li a{
	display:block;
	height:32px;
	text-indent:-9999px;
}
#header ul li.home a{
	width:72px;
	background:url(images/topnav-home.png) top;
}
#header ul li.shop-online a{
	width:108px;
	background:url(images/topnav-shop-online.png) top;
}
#header ul li.surfboards a{
	width:105px;
	background:url(images/topnav-surfboards.png) top;
}
#header ul li.products a{
	width:93px;
	background:url(images/topnav-products.png) top;
}
#header ul li.surf-lessons a{
	width:111px;
	background:url(images/topnav-surf-lessons.png) top;
}
#header ul li.travel-spots a{
	width:103px;
	background:url(images/topnav-travel-spots.png) top;
}
#header ul li.rentals a{
	width:75px;
	background:url(images/topnav-rentals.png) top;
}
#header ul li.newsevents a{
	width:97px;
	background:url(images/topnav-news-events.png) top;
}
#header ul li.store-locations a{
	width:124px;
	background:url(images/topnav-store-locations.png) top;
}
#header ul li.home a:hover, #header ul li#current.home a,
#header ul li.shop-online a:hover, #header ul li#current.shop-online a,
#header ul li.surfboards a:hover, #header ul li#current.surfboards a,
#header ul li.products a:hover, #header ul li#current.products a,
#header ul li.surf-lessons a:hover, #header ul li#current.surf-lessons a,
#header ul li.travel-spots a:hover, #header ul li#current.travel-spots a,
#header ul li.rentals a:hover, #header ul li#current.rentals a,
#header ul li.newsevents a:hover, #header ul li#current.newsevents a,
#header ul li.store-locations a:hover, #header ul li#current.store-locations a{
	background-position:bottom;
	background-color:#1d3a49;
}
#header ul li ul{
	position:absolute;
	top:32px;
	left:0;
	display:none;
	margin-left:-1px;
}
#header ul li ul li{
	float:none;
	z-index:9999;
	position:relative;
}
#header ul li.home ul li a,
#header ul li.shop-online ul li a,
#header ul li.surfboards ul li a,
#header ul li.products ul li a,
#header ul li.surf-lessons ul li a,
#header ul li.travel-spots ul li a,
#header ul li.rentals ul li a,
#header ul li.newsevents ul li a,
#header ul li.store-locations ul li a{
	background:#376379;
	border:solid 1px #FFF;
	border-top:0;
	text-indent:0;
	height:20px;
	color:#FFF;
	text-decoration:none;
	line-height:20px;
	text-transform:uppercase;
	font-family:Tahoma, sans-serif;
	text-align:center;
	font-size:9px;
	z-index:9999;
}

li > ul {
	top: auto;
	left: auto;
}
#header ul li:hover ul,#header ul li.hover ul{
	display:block;
	z-index:9999;
}
#header ul li:hover ul li a,#header ul li.hover ul a{
	z-index:9999;
}
/********
	Header - Mailing List
		**********/
#mailing-list-signup{
	position:absolute;
	top:7px;
	right:10px;
}
#mailing-list-signup fieldset{
	border:none;
}
#mailing-list-signup h3{
	display:none;
}
#mailing-list-signup form, #mailing-list-signup form div{
	float:left;
	font-weight:normal;
}
#mailing-list-signup div label{
	float:left;
	color:#FFF;
	font-weight:normal;
	display:none;
}
#mailing-list-signup #message_ml.initBox{
	float:left;
}
#mailing-list-signup div input#ml_email{
	height:16px;
	width:130px;
	margin:0 10px;
	border:solid 1px #67726f;
/*	background:#343d41;*/
	background:#FFF;	
	font-size:10px;
	padding-top:1px;
	padding-left:2px;
	color:#000;
}
#mailing-list-signup div input#ml_submit{
	height:16px;
	width:46px;
}
/********
	Container - Column Layouts
		**********/
#container{
	width:888px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:left;
}
#container #main{
	height:100%;
}
#container .contents{
	margin:10px 15px 25px 15px;
}
#container .column{
	width:280px;
	background:#030e16;
	margin-right:10px;
	padding-bottom:15px;
}
#container .column.last{
	margin-right:0;
}
#container .border{
	border:solid 1px #33414b
}
#container .two-thirds{
	width:580px;
}
#container .one-third{
	width:295px;
}
/********
	Container - Formatting
		**********/
#container h2{
	font-size:15px;
	font-family:'Trebuchet MS', sans-serif;
	text-transform:uppercase;
	background:#2e4755;
	margin:1px;
	padding:5px 15px;
}
#container h1{
	font-family:Tahoma, Arial, sans-serif;
	text-transform: none;
	margin:0;
	padding:0;
	color:#68bbc7;
	background:none;
	font-size:15px;
}
#container h3{
	font-size:11px;
	color:#68bbc7;
	margin:0 0 5px 0;
}
#container img{
	border:solid 1px #67726f;
	padding:1px;
}
#container a{
	text-decoration:underline;
	text-transform: uppercase;
}
#container .one-third a{
	text-transform:lowercase;
}
#container img.borderless{
	border:none;
	padding:2px;
}
#container .happening{
	border-top:dotted 1px #545b61;
	padding:10px 3px;
}
/********
	Container - Homepage
		**********/
#welcome-dropin{
	margin-right:15px;
}
#welcome-dropin .left{
	padding-right:7px;
}
#welcome{
	width:300px;
}
#home-features{
	margin-top:30px;
}
#bottom-promos{
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
	background: #000 url(images/bottom-promos-bg.png) repeat-y;
}
#bottom-promos .promo{
	width:235px;
	float:left;
	margin-right:50px;
	padding-left:10px;
	padding-top:10px;
}
#bottom-promos .promo.last{
	margin-right:0;
}
/********
	Container - SubPage
		**********/
#container.subpage{
	border:solid 1px #33414b;
	border-bottom:none;
	margin-top:25px;
	background:#02121d url(images/container-bg.png) repeat-x bottom left;
	padding-top:0;
	line-height:18px;
}
#container.subpage .one-third{
	width:308px;
}
#container.subpage .two-thirds h2{
	margin-right:0;
}
#container.subpage .one-third h2{
	margin-left:0;
}
#container.subpage .one-third h2{
	background:#15374a;
}
#container.subpage strong{
	color:#68bbc7;
}
#container.subpage .two-thirds h3{
	font-size:15px;
}
#container.subpage .two-thirds .hr{
	margin-bottom:15px;
	border:none;
	border-bottom:dotted 1px #FFF;
	color:#02121D;
	clear:both;
}
#container.subpage .two-thirds .hr hr{
	display:none;
}
#container.subpage .one-third hr{
	margin-bottom:15px;
	border:none;
	border-bottom:dotted 1px #61605c;
	color:#02121D;
	clear:both;
}
#container ul{
	margin:5px 0;
}
#container ul li{
	list-style: disc inside;
}
/********
	Surf Boards
		**********/
.surfboards #container img, .products #container img, .shop-online #container img, .rentals #container img{
	border:none;
	margin:0px 10px 20px 0;
}
#container.subpage .brand strong{
	color:#FFF;
}
#container.subpage .brand{
	background:#edebe2;
	border-top:solid 1px #030e16;
	border-right:solid 1px #030e16;	
	width:307px;
	height:100%;
}
#container.subpage .brand h2{
	margin-top:0;
	margin-right:0;
}
#container.subpage .brand h3{
	color:#000;
	font-size:9px;
	font-weight:bold;
	text-align:center;
}
/********
	Product Landings
		**********/
.products #container.subpage .one-third h1{
	font-family:Tahoma, sans-serif;
	font-size:15px;
	color:#68bbc7;
}
/********
	Lessons
		**********/
ol {
	float:left;
	margin-right:25px;
	margin-bottom:10px;
	width:240px;
}
ol li{
	font-size:20px;
	line-height:26px;
}
#container.subpage ol li div.left{
	padding:0 5px 0 0;
}
#container.subpage ol li img{
	border:none;
} 
#container.subpage ol li ul{
	margin-left:20px;
}
#container.subpage ol li ul li{
	list-style-type:none;
	font-size:11px;
	line-height:15px;
}
#container.subpage ol li ul li strong{
	color:#FFF;
	font-weight:normal;
	font-size:15px;
}
/********
	News & Events
		**********/
#container .post {
border-bottom: 1px dotted #545B61;
margin-bottom: 20px;
overflow: auto;
}

#container .post .content h3 a{
	color:#68bbc7;
	text-decoration:none;
	text-transform:none;
}
/********
	Gallery
		**********/
.gallery img{
	height:60px;
	width:60px;
	margin:5px;
}
/********
	Contact Form
		**********/
#loadBar img{
	border:none;
}
form div label{
	display:block;
	color:#68bbc7;
	font-weight:bold;
}
form div input,form div textarea{
	width:200px;
}
form div.submit{
	text-align:right;
	padding-right:70px;
	margin-top:10px;
}
form div.submit button{
	background:url(images/btn-submit.png) no-repeat;
	border:none;
	text-indent:-200px;
	height:20px;
	width:74px;
	cursor: pointer;
	outline:0;
}

/********
	Footer
		**********/
#footer{
	background:#15181a;
	font-size:9px;
	padding-bottom:5px;
	text-align:center;
}
#footer a{
	color:#FFF;
}
#footer ul{
	padding-top:5px;
	padding-bottom:10px;
	margin-left:160px;
}
#footer ul li{
	float:left;
	border-right:solid 2px #565e63;
	padding: 0 7px;
}
#footer ul li.last{
	border:none;
}
#footer ul li a{
	color:#a0adb5;
	font-size:9px;
	line-height:9px;
	height:9px;
	text-transform:uppercase;
}
#footer ul li ul{
	display:none;
}
#footer p, #footer p a{
	color:#597887;
}