/*
Theme Name: Jetty
Theme URI: http://jettylife.com/
Description: Jetty Life
Version: 2.0
Author: Nick Zegel & Matt Kosoy
Author URI: http://www.nickzegel.com http://mattkosoy.com/
Tags: skateboarding, surfing, clothing
*/
/*yui-2.3.1*/
/*reset.css*/
html { height: 100%; margin-bottom: 1px; }
body{z-index:0;color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body{font:13px/1.22 helvetica,arial, clean,sans-serif}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:99%;}
.clrfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;padding:0;margin:0;}
.clr{clear:both;}
.lftclr{ clear:left; }

a { outline:none; color:#666666; text-decoration:none;}
a:hover { color:#00cccc; }

strong, b { font-weight:bold; }
em, i{ font-style: italic; }
underline{ text-decoration:underline; }
strike{ text-decoration:line-through; }

#page{ width:920px; height:100%; margin:0 auto; background:#FFF;}
#wrap{ float:left; width:100%; height:100%; background:#FFF; padding: 0 15px;  }
/* header */
#header_features{ width:100%; height: 10px; margin-top:8px; *margin: 5px 0 0 0; }
#header_features ul{ float:right; }
#header_features ul li{ float:right; width:17px; height:17px; border:1px solid #808080; margin-left:11px; background-color:#000; cursor:pointer; text-indent:-9999px;}
#header_features ul li#atomic{ background:transparent url('i/atomic-thumb.gif') no-repeat top left; } 
#header_features ul li#floral{ background:transparent url('i/floral-thumb.gif') no-repeat top left; }
#header_features ul li#splatter{ background:transparent url('i/splatter-thumb.gif') no-repeat top left; } 
#header_features ul li.white{ background:#FFF !important; }



#header{ padding:25px 0 0 0; *margin: 20px 0 10px 0; height:60px; background:transparent url('i/jetty.gif') no-repeat 0 -70px; font-family:georgia; color:#000; z-index:999; _position:relative;   }
#header h1{ float:left; width:170px; height:72px; background:url('i/jetty.gif') no-repeat -348px 0; text-indent:-9999px; }
#header h1 a{ width:100%; height:100%; display:block; }

/*nav */
ul#nav { margin:39px 0 0 0 !important; float:left; z-index:99;  _width: 490px; position:relative;} 
#nav a { display: block; width: 100%; height:100%; color:#000; text-decoration:none; font-size:17px; text-transform:uppercase; letter-spacing:.03em; padding:0 0 5px 0;}
#nav a:hover { color: #00cccc; z-index:99; visibility:inherit; }
#nav li { float: left; width: auto; margin:0 0 0 25px;  _width:105px; _margin:0 0 0 10px;}
#nav li ul { position: absolute; width: 130px; *width:140px; _width: 150px; padding:5px 0 5px 5px; left: -9999em; background:#FFF; z-index:99; border-bottom:1px solid #CCC; border-left:1px solid #CCC; }
#nav li ul li{ margin: 0; float:none; margin: 5px 0 10px 0 !important; }
#nav li ul li ul { margin:-1.5em 0 0 10em !important; }
#nav li:hover{ z-index: 99; }
#nav li:hover ul { left: auto;}
#nav li:hover ul, #nav li.sfHover ul { left: auto; }
#nav li ul ul { margin: -1.5em 0 0 9em; }
#nav li ul li a, #nav li ul ul li a{ font-size:85%; padding:0;}
#nav li ul li a:hover, #nav li ul ul li a:hover{ color:#00cccc; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none;  line-height: 1; }
#nav li:hover ul ul, #nav li.sfHover ul ul { left: -999em;  }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; _left:0; }




/*search */
.search{ margin-top:34px; float:right; }
.search div { float:left; }
.search div span{ float:left; margin:5px 0 0 8px; }
#search-text {  float:left; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-right:solid 1px #bfbfbf;  border-bottom:solid 1px #bfbfbf;  width:198px; padding:4px; font-size:12px; font-family:arial; color:#333; }
button.search-submit{ background:transparent url('i/jetty.gif') no-repeat scroll 0 0; border:medium none; cursor:pointer;  text-indent:-9999px; width:15px; height:18px; display:block;} 

/* search results */
#content.search { margin-top: 0; }
.search .post { margin: 5px 0;}
.search .post .postinfo { margin-top: 10px;  width: 100%;}
.search .post h3 { font-size:225%; margin:10px 0 0 0; }


/* dynamic leads (home page) */
#leaders { width:100%; height: 256px; float:left; margin: 0 0 25px 0;}
#video_leader{ width:520px; height:256px; background:#FFF; float:left; }
#shop_leader{ width:400px; height:256px; position:relative; overflow:hidden; background:#FFF; float:left; margin-left:0px;  }
#shop_leader .items{width:5000em; position:absolute;}
#shop_leader .items div {float:left; width: 400px; height:256px; margin:0 5px 0 0; }
#shop_leader .items div img { width: 400px; height:277px; }
#shop_leader .items div.active { background-color:#EEE;  }

/* featured categories */
#featured-cats {
	width:160px;
	float:left
	}
#featured-cats h5 {
	font-family:Helvetica, sans-serif; 
	font-size:12px;
	text-transform:uppercase; 
	color:#ff0b33;
	margin:5px 0 2px 0;
	padding:0px;
	}
	
#featured-cats h3, #more-posts h3 {
	margin:0 0 15px 0;
	}
#featured-cats ul {
	margin:3px 0 22px 0;
	}
#featured-cats li {
	list-style:none;
	border-bottom:1px dotted #FF0000;
	font-size:10px; 
	padding:5px 0 8px 6px;
	margin:4px 0;
	line-height:135%;
	}
#featured-cats .date {
	margin: 2px 3px 0 0;
	font-size:9px; 
	color:#666;
	}



/* content column */
#content{ width: 620px; float:left; height:auto;  }
#content h2{ font-family:georgia; font-size:16px; color:#000; text-transform:uppercase; letter-spacing: .08em; line-height:18px;}
#content h2 a{ color:#000; text-decoration:none;}
#content h2 a:hover{ text-decoration:underline;}
#content h3, #content_full h3 { font-family:Helvetica, sans-serif; font-size:18px; color:#ff0b33;margin:10px 0 5px 0;padding:0px;}
#content h7, #content_full h7 { font-family:Helvetica, sans-serif; font-size:16px; color:#10c5d5;margin:10px 0 5px 0;padding:0px;}

#content p, #content_full p { font-family:Helvetica, sans-serif; font-size:12px; line-height:16px; margin:10px 0 5px 0;padding:0px;}
#content ul li, #content_full ul li {list-style-type:none; font: 12px Helvetica, sans-serif;line-height:20px; margin:0px; color:#333333;padding:0px;}
#content ul li ul li, #content_full ul li ul li {list-style-type:none; font: 12px Helvetica, sans-serif;line-height:20px; margin:10px; color:#666666;padding:0 0 10px 0;}
#content .info, #content_full .info {font: 12px Helvetica, sans-serif; color:#666666;line-height: 16pt;}



/* content column */
#content_full{ width: 100%; float:left; height:auto;  }
#content_full h2{ font-family:georgia; font-size:18px; color:#000; text-transform:uppercase; line-height:18px;}
#content_full h2 a{ color:#000; text-decoration:none;}
#content_full h2 a:hover{ text-decoration:underline;}


/*homepage first post */
.first_post { width:600px; background:#fff; float:left; padding: 0 7px 0 0; border-bottom:0px solid #dadada; border-right:0px solid #dadada; overflow:hidden;}
.first_image {width:260px; height:230px; overflow:hidden; float:left; margin-right:7px; }
.first_image img { overflow:hidden; float:left; margin-right:7px;  margin:-50%; *margin:-50% 0 0 -25%; *margin:-100px 0 0 -50px;}
.first_post h2{float:left; font-family:helvetica, sans-serif; width:320px; margin: 0 0 10px 0;} 
.first_post .entry {padding-top:10px 0 0 0; }

/*recent entries list*/
#headlines {width:600px; background:#fff; float:left; padding: 0px; margin:0px;}
#headlines ul li{list-style-type:none; font-family:georgia, serif; font-size:24px; line-height:26px; margin:0px; text-transform:uppercase; padding:5px 0 0 0;}

/* list of posts */
.post{ margin:15px 0 0 0; padding:15px 0; border-top:4px solid #d7d7d7; float:left; font-family:helvetica; font-size:11px;*font-size:12px; line-height:18px; width:100%;}
.post h2{ margin: 0 0 12px 0; }
.entry p { margin: 15px 0 !important; }
.hentry { margin-top: 0 !Important; border-top:none; padding:0 !Important; }
.single{ width:100%; margin-bottom: 25px; }
h4.related, h3#comments, #respond h3 { font-family: helvetica; font-size:16px; color:#4c4b46; text-transform:uppercase; margin:30px 0 5px 0; float:left; width:100%;}
ul.related { width: auto; float:left; margin-bottom:30px; }
ul.related li { margin-bottom: 5px !important; line-height:18px !important; border-bottom:2px dotted #e5e5e5; font-size:11px; padding: 0 0 0 5px !important;} 

/* list of recent category specific posts for main page */
h4.recmain, h3#comments, #respond h3 { font-family: helvetica; font-size:16px; color:#4c4b46; text-transform:uppercase; margin:0px 0 5px 0; float:left; width:100%;}
ul.recmain { width: auto; float:left; margin-bottom:10px; }
ul.recmain li { margin-bottom: 5px !important; line-height:18px !important; border-bottom:2px dotted #e5e5e5; font-size:9px; padding: 0 0 0 5px !important;} 


/* post info */
.postinfo { margin: 20px 0 0 0; }
.postinfo h4{ -x-system-font:none; color:#808080; float:left; font-family:Georgia,serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal;font-weight:normal; line-height:15px;margin:0; padding:0 0 0 20px;background:transparent url('i/jetty.gif') no-repeat scroll -14px 0;}
.postinfo h4 span { width:100%; height:100%; display:block; background:#fff; margin:0 0 0 -7px; padding:0 5px; }
.postinfo h5{ -x-system-font:none; color:#808080; float:left; font-family:Georgia,serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal;font-weight:normal; line-height:15px;margin:0; padding:0 0 0 20px;  background:transparent url('i/jetty.gif') no-repeat scroll -27px 0; }
.postinfo h5 span { width:100%; height:100%; display:block; background:#fff; margin:0 0 0 -5px; padding:0 5px; }
.postinfo h6{ -x-system-font:none; color:#808080; float:right; font-family:Georgia,serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal;font-weight:normal; line-height:15px;margin:0; padding:0 0 0 20px;  background:transparent url('i/jetty.gif') no-repeat scroll -42px 3px; }
.postinfo h6 span { width:100%; height:100%; display:block; background:#fff; margin:0 0 0 -5px; padding:0 5px; }
.postinfo h6 a{ color:#818181;  }
.postinfo h6 a:hover{ color:#911;  }

/* commenting */
#respond { clear:both; }
ol.commentlist { float:left; width: 100%; } 
ol.commentlist li { border-top:1px solid #cccccc; background-color:#f7f7f7; padding:10px;margin-bottom:10px;}
ol.commentlist li .comment-author img.avatar{ float:left; margin: 0 5px 0 0; }
cite.fn {font-weight:bold; }
ol.commentlist li p { clear:both; margin:10px 0 0 0; }
#commentform p {margin: 10px 0 0 0; }
#commentform p textarea { padding: 5px; width:610px; border: 1px solid #666;}
#commentform p input[type=text]{ width: 610px; padding:5px; border: 1px solid #333; }
#commentform p label small { font-size: 11px; margin-bottom:5px; }
#commentform #submit{ font-family:helvetica; font-size:11px; color:#FFF; background:#363636; border:none; padding: 5px; cursor:pointer;  }
#commentform #submit:hover{ background-color:#F11; }

/* previous/next navigation areas */
.navigation { float:left; width:620px; margin:30px 0 0 0;}
.navigation .alignleft { float:left; }
.navigation .alignright { text-align:right; }

/* sidebar */
#sidebar{ width: 243px; float:left; margin-left: 28px; color:#666; font-family:Helvetica, sans-serif; font-size: 12px; line-height:18px;}
#sidebar ul li { margin-bottom:20px; float:left; width:100%; *width:243px;}
#sidebar ul li h2 { font-family:helvetica; font-size:14px; color:#4c4b46; text-transform:uppercase; margin-bottom:15px; }
#sidebar ul li img { width: 243px; height:auto; *margin-right:5px;}
#sidebar ul li p { margin:5px 0 0 0; }
#sidebar ul li span.continue { width:100%; text-align:right; float:left; margin-top:10px; }
#sidebar ul li span.continue a { color:#F11; }
#sidebar ul li span.continue a:hover { /* background-color:#F11; color:#FFF; */  color:#00cccc;}
#sidebar ul li.categories ul li.cat-item { margin-bottom: 5px; line-height:18px !important; border-bottom:2px dotted #e5e5e5; padding: 0 0 5px 10px; } 
#sidebar ul li.categories ul li.cat-item ul.children { margin-top: 5px; border-top:  } 
#sidebar ul li.categories ul li.cat-item ul.children li { padding: 0 0 0 10px;  line-height:18px !important; border-bottom:none; }


/*footer */
#footer { margin: 42px 0; float:left; clear:both; font-size:11px; *font-size:12px; width:100%;}
#footer h2 { background:transparent url('i/jetty.gif') no-repeat scroll 0 -20px; text-indent:-9999px;height: 30px;width:345px; margin-bottom:15px; }
#footer #ft-w, #footer #ft-c, #footer #ft-e { float:left; width: 120px; margin: 0 30px 0 0; line-height:18px;}
#footer #ft-e { width: 200px; }


/* multi-column page layout */
.jetty-e , .jetty-w { float:left; width:47%; margin: 10px 15px 10px 0;}
.jetty-e{ clear:right; margin-bottom:10px; }

h2.fourohfour { font-size:200% !important; color:#F01 !important; }

/* team page specific styles */
#content h2.teamtitle {font-family:Helvetica, sans-serif; font-size:28px; color:#000; letter-spacing:-.5px; line-height:12px; font-weight:100;}

/* shop-item styles */
#itemphoto {float:left; width:400px; background-color:ff0000;}


/* thickbox */
/*----------------------------------------------------------------------------------------------------------------*/
/*---------->>>thickboxspecificlinkandfontsettings<<<------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
#TB_window{
font:12pxArial,Helvetica,sans-serif;
color:#333333;
padding:5px;
}

#TB_secondLine{
font:10pxArial,Helvetica,sans-serif;
color:#666666;
}
#TB_windowa:link{color:#666666;}
#TB_windowa:visited{color:#666666;}
#TB_windowa:hover{color:#000;}
#TB_windowa:active{color:#666666;}
#TB_windowa:focus{color:#666666;}
/*----------------------------------------------------------------------------------------------------------------*/
/*---------->>>thickboxsettings<<<-----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
#TB_overlay{
position:fixed;
z-index:100;
top:0px;
left:0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack{background: #000 url(macFFBgHack.png)repeat;  filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.TB_overlayBG{
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
*html#TB_overlay{/*ie6hack*/
position:absolute;
height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TB_window{
position:fixed;
background:#ffffff;
z-index:102;
color:#000000;
display:none;
border:4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
*html#TB_window{/*ie6hack*/
position:absolute;
margin-top:expression(0-parseInt(this.offsetHeight/2)+(TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop)+'px');
}
#TB_window img #TB_Image{
display:block;
margin:15px 0 0 15px;
border-right:1px solid# ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #666;
border-left:1px solid #666;
}
#TB_caption{
height:25px;
padding:7px30px10px25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px25px10px0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position:fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top:50%;
left:50%;
margin:-6px 0 0 -104px;/*-height/200-width/2*/
}
*html#TB_load{/*ie6hack*/
position:absolute;
margin-top:expression(0-parseInt(this.offsetHeight/2)+(TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop)+'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top:0;
left:0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
height:100%;
width:100%;
}
*html#TB_HideSelect{/*ie6hack*/
position:absolute;
height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}