/*
Theme Name: Estrada
Theme URL: http://www.estradasurfboards.com/
Description: Estrada theme.
Version: 1.0
Author: LE-Creative & ELFWaves
Author URL: http://www.le-creative.com/
Estrada Surfboards
Tags: estrada surfboards, estrats, Mike Estrada, surfboards, surf, shortboards, longboards, high performance, surfing, accessories, estrats board co, Chris Waring, Nate Tyler, Johnathan Gubbins, Andrew Doheny, Epoxy, tri-fin, quad, retro, Newport Beach, Costa Mesa, Orange County, CA, square tail, squash tail, diamond tail, swallow tail, round tail, pin tail, shaping, glassing, resin, fiberglass
Estrada v1.0
http://estrada.com
*/
/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* fonts and headings */
a:link,a:active,a:visited,a:hover{color:#999;}
body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#999;}
h1{font-family:Arial,Helvetica,Verdana,sans-serif;font-size:16px;color:#000000;}
h2{font-family:'Trebuchet MS','Lucida Grande' Verdana,Arial,Sans-Serif;font-size:16px;font-weight:bold;}
h3{font-family:Arial,Helvetica,Verdana,sans-serif;font-size:12px;color:#999999;}
h4{}
p2{font-family:Arial,Helvetica,Verdana,sans-serif;font-size:12px;color:#000000;}
/* xtra classes */
.left{float:left;}
.right{float:right;}
.clearfix {clear:both;height:0px;overflow:hidden;}
/* main layout */
html, body{height:100%;line-height:1.4em;}
body{text-align:center;background:#fff url(images/bg.jpg) top center repeat-x;}
#wrapper{width:986px;min-height:100%;height: auto !important;height:100%;background:url(images/diagnol_tile.png);margin:0 0 -12px 0;margin-left:auto;margin-right:auto;text-align:left;}
#invis-footer{height:12px;width:100%;position:relative;}
#footer-push{height:12px!important;width:1016px;text-align:left;margin-left:auto;margin-right:auto;}
/* header */
#header{height:140px;width:100%;background:#fff url(images/bg_head.jpg) top center repeat-x;}
#logo-box{height:98px;width:986px;position:relative;}
#logo{padding-top:35px;padding-left:100px;width:485px;height:51px;}
#logo a{display:block;background:url(images/estrada_logo_1.png);width:485px;height:51px;}
#logo a:hover{background:url(images/estrada_logo_2.png);}
#pdf{position:absolute;width:121px;height:115px;top:25px;right:99px;}
#pdf a{display:block;background:url(images/pdf_button_1.png);width:121px;height:115px;}
#pdf a:hover{background:url(images/pdf_button_2.png);}
/* nav */
#nav{width:986px;height:42px;}
#left-nav{width:105px;height:42px;background:url(images/nav_nub_L.png);float:left;}
#nav ul{background:url(images/nav_spacer.jpg) repeat-x;width:662px;height:42px;float:left}
#nav li{float:left;margin-left:1px;}
#nav li a{text-indent:-9999px;overflow:hidden;display:block;height:42px;}
#nav1{width:62px;height:42px;left:0;}
#nav1 a{width:62px;background:url(images/nav_home_up.gif);}
#nav1 a:hover, #Home #nav1 a:hover{background:url(images/nav_home_over.gif);}
#Home #nav1 a{background:url(images/nav_home_on.gif);}
#nav2{width:107px;height:42px;}
#nav2 a{display:block;width:107px;height:42px;background:url(images/nav_boards_up.gif);}
#nav2 a:hover, #Forum #nav2 a:hover{background:url(images/nav_boards_over.gif);}
#Forum #nav2 a{background:url(images/nav_boards_on.gif);}
#nav3{width:68px;height:42px;}
#nav3 a{display:block;width:68px;height:42px;background:url(images/nav_gallery_up.gif);}
#nav3 a:hover, #Gallery #nav3 a:hover{background:url(images/nav_gallery_over.gif);}
#Gallery #nav3 a{background:url(images/nav_gallery_on.gif);}
#nav4{width:70px;height:42px;}
#nav4 a{display:block;width:70px;height:42px;background:url(images/nav_factory_up.gif);}
#nav4 a:hover, #Factory #nav4 a:hover{background:url(images/nav_factory_over.gif);}
#Factory #nav4 a{background:url(images/nav_factory_on.gif);}
#nav5{width:69px;height:42px;}
#nav5 a{display:block;width:69px;height:42px;background:url(images/nav_history_up.gif);}
#nav5 a:hover, #History #nav5 a:hover{background:url(images/nav_history_over.gif);}
#History #nav5 a{background:url(images/nav_history_on.gif);}
#nav6{width:82px;height:42px;}
#nav6 a{display:block;width:82px;height:42px;background:url(images/nav_retail_up.gif);}
#nav6 a:hover, #Retailers #nav6 a:hover{background:url(images/nav_retail_over.gif);}
#Retailers #nav6 a{background:url(images/nav_retail_on.gif);}
#nav7{width:63px;height:42px;}
#nav7 a{display:block;width:63px;height:42px;background:url(images/nav_store_up.gif);}
#nav7 a:hover, #Store #nav7 a:hover{background:url(images/nav_store_over.gif);}
#Store #nav7 a{background:url(images/nav_store_on.gif);}
#nav8{width:57px;height:42px;}
#nav8 a{display:block;width:57px;height:42px;background:url(images/nav_blog_up.gif);}
#nav8 a:hover, .blog #nav8 a:hover{background:url(images/nav_blog_over.gif);}
.blog #nav8 a{background:url(images/nav_blog_on.gif);}
#nav9{width:74px;height:42px;}
#nav9 a{display:block;width:74px;height:42px;background:url(images/nav_contact_up.gif);}
#nav9 a:hover, #Contact #nav9 a:hover{background:url(images/nav_contact_over.gif);}
#Contact #nav9 a{background:url(images/nav_contact_on.gif);}
#pdf-nav{width:112px;height:42px;background:url(images/nav_pdf_space.gif);float:left;}
#right-nav{width:106px;height:42px;background:url(images/nav_nub_R.png);float:left;}
/* content */
#content{min-height:400px;width:885px;overflow:auto;margin-left:50px;background-color:#FFFFFF;}
#flash-box{height:400px;width:885px;}
#ads-box{min-height:100px;width:884px;border-top:1px solid #fff;border-left:1px solid #fff;}
.ads{height:100px;width:220px;border-right:1px solid #fff;float:left;}
#ad1 a{display:block;height:100px;width:220px;background:url(images/miniad_blog_1.jpg);}
#ad1 a:hover{background:url(images/miniad_blog_2.jpg);}
#ad2 a{display:block;height:100px;width:220px;background:url(images/miniad_store_1.jpg);}
#ad2 a:hover{background:url(images/miniad_store_2.jpg);}
#ad3 a{display:block;height:100px;width:220px;background:url(images/miniad_facebook_1.jpg);}
#ad3 a:hover{background:url(images/miniad_facebook_2.jpg);}
#ad4 a{display:block;height:100px;width:220px;background:url(images/miniad_custom_1.jpg);}
#ad4 a:hover{background:url(images/miniad_custom_2.jpg);}
#flash-boards{height:500px;width:885px;}
#flash-gallery{height:500px;width:885px;}
/* footer */
#footer{height:124px;width:885px;margin-left:50px;}
#footer-bar{height:42px;width:885px;background:url(images/footer_bar.png);}
#footer-nav{overflow:hidden;padding:8px 0 8px 0;}
#footer-nav ul{ float:left;left:50%;position:relative;text-align:center;}
#footer-nav li{float:left;left:-50%;position:relative;padding:4px 4px 4px 0;}
#footer a{text-decoration:none;}a:hover{color:#FFFFFF;}
#footer p{width:885px;margin-left:auto;margin-right:auto;text-align:center;}
#site-by{height:25px;width:200px;margin-left:auto;margin-right:auto;padding-top:8px;}
#site-by a{height:25px;width:200px;display:block;background:url(images/lecom_up.gif);}
#site-by a:hover{background:url(images/lecom_over.gif);}
/* blogs and others */
.blog #content,.single #content,.archive #content,.search #content{background:url(images/blog.gif);color:#000;}
#content a{text-decoration:underline;color:#000;}
#content a:hover{color:#208ec9;}
#content h2 a{text-decoration:none;}
#blog-left{float:left;width:585px;padding:25px;}
#blog-right{float:right;width:210px;height:50px;padding:20px;}
#blog-right li{list-style:none;margin:16px 0;}
#blog-right li ul li{margin:4px 0 4px 6px;}
.blog .post{margin-bottom:36px;}
.blog #content p,.single .post p,.archive .post p{margin:12px 0;}
small{color:#208ec9;}
.postmetadata, #content .postmetadata a{color:#666;}
#content .postmetadata a:hover{color:#208ec9;}
#comment{width:570px;}
.navigation{margin:16px 0;}
.single .post h2{margin-bottom:12px;}
.commentlist{padding:16px;}
.commentlist p{margin:8px;color:#666;}
.thread-even{background:#e9e9e9;padding:8px;border:1px solid #999;}
.thread-odd{background:#dcdcdc;padding:8px;border:1px solid #999;}
.error404 #content{text-align:center;}
.error404 #content h2{font-size:26px;padding-top:26px;color:#990000;}
.hentry{margin:12px 0;}
#history{height:auto;width:835px;padding:0 18px 0 32px;margin-top:10px;margin-bottom:30px}
#history p{width:555px;color:#000;margin:8px 0 10px 0;}
#contact-left{height:445px;width:395px;float:left;margin-top:20px;}
#contact-left ul{ float:left; margin-left:8px;}
#contact-left li{ list-style-type:none; }
#contact-right{height:445px;width:490px;float:left; text-align:center;margin-top:20px}
#Contact #contact-title{color:#208EC9; text-align:right; margin-left:115px;}
.c-margin1{margin-top:15px;}
.c-margin2{margin-top:30px;}
.c-margin3{margin-top:13px;}
#contact-image{ text-align:center;}
.page-id-13 #content img{margin:15px 35px 0 0;}
.page-id-13 .retail h2{color:#208EC9;margin-bottom:16px;font-size:13px;}
.page-id-13 .retail h3{font-size:13px;font-weight:bold;color:#000;}
.page-id-13 .retail ul{margin-bottom:16px;}
.retail{margin:25px 15px 0 35px;float:left;color:#000;}