/*
Theme Name: Focus Skateboard Magazine
Theme URI: http://focusskatemag.com/
Description: A custom WP theme for Focus Skate Mag
Version: 0.1
Author: Dis.tributed.net
Author URI: http://dis.tributed.net/
Tags: custom, jawn
*/

@font-face {
    font-family: 'Futura';
    src: url('fonts/futurastd-book-webfont.eot?') format('eot'),
         url('fonts/futurastd-book-webfont.woff') format('woff'),
         url('fonts/futurastd-book-webfont.ttf') format('truetype'),
         url('fonts/futurastd-book-webfont.svg#webfontHecikW2s') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{ margin:0; padding:0;}

body { margin: 0 0 0 0; padding: 0; 	font-size: 80%; /* Resets 1em to 14px */ font-family: "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; background: #d5d6d7; color: #333;}

/* Begin Various Tags & Classes */
a, a:hover, a:visited, a:active { border:none; outline:none; }
a { text-decoration: none;}
acronym, abbr, span.caps {cursor: help; }
acronym, abbr {border-bottom: 1px dashed #999; }
blockquote { margin: 21px 0 21px 0;padding-left: 20px; border-left: 5px solid #ddd; color:#999;}
blockquote cite { margin: 5px 0 0;display: block; }
hr { display: none; }
em { font-style:italic; }
a img { border: none; }

.center { text-align: center;}
.hidden { display: none;}
.screen-reader-text { position: absolute; left: -1000em; }
.navigation {display: block;text-align: center; margin-top: 14px; margin-bottom: 28px; width:600px !important;}
.right, .alignright  { float: right;}
.left, .alignleft { float:left;}
.row{ float:left; width:100%; }



/* structrual container elements */
#page { background-color: white;margin: 0 auto; padding: 0; width: 956px; height:100%; }
#header {background-color: transparant; margin: 0;padding: 0;height: 255px;width: 956px;}
#internal_wrapper { float:left; width: 100%; height:100%; background:#FFF; }
#left_rail{ float:left; width:300px; margin-left:14px; padding-top:327px;}

#signup {position:relative; width:266px; display: block; margin:14px 0 0 0; padding: 7px 20px 7px 14px; }
#signup fieldset{border: 0!important;}
#signup h2{font-family: Futura,  "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; text-transform: uppercase; font-size: 120%; font-weight: normal;}
#signup fieldset .mc-field-group input {margin: 7px 0;}
#signup .mce_inline_error {padding-bottom:7px;}

.ad_wrapper #signup { display:block; float:left; height:76px;margin:0 14px 0 14px; padding: 7px 20px 7px 14px ; text-align:left; width:152px; }
.ad_wrapper #signup fieldset{border: 0!important;}
.ad_wrapper #signup h2{font-family:Futura,  "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; text-transform: uppercase; font-size: 85%; font-weight: normal;}
.ad_wrapper #signup fieldset label{display: none;}
.ad_wrapper #signup fieldset .mc-field-group input {font-size:10px margin: 7px 0;}
.ad_wrapper #signup input#mc-embedded-subscribe {font-size:9px}


#mce-success-response, #mce-error-response {position: relative; margin:0; padding:7px; font-weight: bold; float: left; top: -5px; z-index: 1000; width: 80%; color: #000; display: block; }

.ad_wrapper #signup #mce-success-response, .ad_wrapper #signup #mce-error-response {position: relative; margin:0; padding:7px; font-weight: bold; float: left; top: -5px; z-index: 1000; width: 80%; color: #fff; display: block; background: #000; border: 1px solid #000; }

#storebar { width:286px; padding: 7px 0 7px 14px; position:relative; color: #fff;}
#storebar ul {list-style-type:none;}

#storebar a {color:#fff !important;}
#storebar a:hover{text-decoration:underline;}

#storebar h2{font-family: Futura,  "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; text-transform: uppercase; font-size: 120%; font-weight: normal;}


#content { color:#111; width:626px; margin-left:14px; float:left;}
#footer{ width:949px; clear:both; float:left; margin: 14px 0; padding: 0 0 28px 7px;}
#footer .footcol { margin: 0 7px 0 7px; float:left; width: 300px; }
#footer .footcol p{ margin: 0 0 7px 0;}
#footer li { list-style-position:inside; }
#footer .wp-pagenavi {display:none;}

.linkcat, .linkcat ul{list-style-type: none;}
.linkcat h2{font-size: 100%}
/* header */
#headerimg{margin: 0;height: 255px;width: 956px;background: url('images/topbanner.png') no-repeat left center;position:relative;z-index: 100; text-indent:-9999px;}
#headerimg a { display:block; height:200px; width:600px; cursor:pointer; }
#focus-socialicons {  z-index: 1000;  list-style-type: none; position:relative; }
#focus-socialicons li { display: inline; width: 31px; height: 31px; float:right; margin-right: 7px;} 
#focus-socialicons li  a{height:100%; width: 100%; display:block;}

#focus-footer-socialicons{text-indent:-9999px; margin-top: 7px;}
#focus-footer-socialicons li {display: inline; width: 18px; height: 18px; float:left; margin-right: 7px;} 
#focus-footer-socialicons li  a{height:100%; width: 100%; display:block;}

#hd_meta { display:block; width: 300px; height:100px; position:absolute; top:21px; right:14px; z-index:102;}
/* Topsearch form */
#searchertop { margin-top:49px; text-align:right; text-indent:0; padding: 0 14px; 0 0;}
#searchertop input[type="text"]{  padding:3px 0 3px 7px; margin: 0 7px 0 0; border:none; width:114px; }
#searchertop input[type="submit"]{ background: transparent; border:none; color:#FFF; padding:0; margin:0; line-height:12px; font-size:12px;}
#searchertop input[type="submit"]:hover{ color:#DDD; }

#facebook{background: url('images/social/facebook.png') no-repeat left center;}
#twitter{background: url('images/social/twitter.png') no-repeat left center;}
#myspace{background: url('images/social/myspace.png') no-repeat left center;}
#focusshow{background: url('images/social/focusshow.png') no-repeat left center;}
#rss{background: url('images/social/rss.png') no-repeat left center;}

#facebooksm{background: url('images/social/fbsm.png') no-repeat left center;}
#twittersm{background: url('images/social/twsm.png') no-repeat left center;}
#myspacesm{background: url('images/social/mssm.png') no-repeat left center;}
#focusshowsm{background: url('images/social/fssm.png') no-repeat left center;}
#rsssm{background: url('images/social/rssm.png') no-repeat left center;}


/* ad units */
#left_rail_ads { width:300px; margin: 14px 0 0;} 
#left_rail_ads .ad { margin-bottom: 14px; }
#footer_ads { float:left;margin: 0 0 14px 14px;}
.footer_ad { margin:0 14px 0 0; float:left;}
.footer_ad a img { width: 143px; height: 143px; }
.ad_wrapper { float:left; text-align:center; margin:0 0 14px 0; *margin:0;}
.leaderboard { float:left; }

/* 3 posts on the homepage */
#additional_post_content{ margin:0 7px 0 7px; float:left; width:956px;}
#additional_post_content .post { width:300px;float:left;  margin:0 7px 14px 7px;  padding:0; }
#additional_post_content .post h4{ font-family:"Helvetica Neue",Helvetica,Verdana,Arial sans-serif; font-size:16px;line-height:16px;margin:7px 0 7px 14px}

/* navagation */
#main_menu {font-family:Futura,  "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; position:absolute; top: 195px; z-index: 6;width:300px;padding-top:20px;  font-size: 120%; filter:alpha(opacity=80);opacity:0.8; padding-bottom:15px;}
#hide {position:absolute;top:30px;left:-190px;}
ul#sliding-navigation {list-style: none;margin:0;padding: 23px 0 0 0;text-transform: uppercase; width:285px;}
ul#sliding-navigation li h3{	color: #fff;font-weight: normal;}
ul#sliding-navigation li a{color: #fff;text-decoration: none; vertical-align: baseline; display: block;	width: 100%; padding: 7px 0 7px 15px; font-size:18px;line-height:15px;}
ul#sliding-navigation li a:hover { color: #000; background:#fff; }
.bullet{ display: inline-block; height:15px; width:15px; vertical-alignment: middle;}
#arrow{ display:none;}
a:hover #arrow{display:inline; color:#000;}

/* post/page navagation */
.navigation .left a{font-family:Futura,  "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; text-transform: uppercase; font-size: 100%; font-weight: normal;}
.navigation .right a{font-family: Futura,  "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; text-transform: uppercase; font-size: 100%; font-weight: normal;}
span#prevarrow {display: inline-block; margin-right: 10px; height: 20px; width: 20px; background: url(images/slidesprite.png) 60px 0;}
span#nextarrow {display: inline-block; margin-left: 10px;height: 20px; width: 20px; background: url(images/slidesprite.png) 80px 0;}
span#prevarrow:hover { background-position: 60px 20px; }





/* category pages */
#content.archive { z-index: 1001; }
#content.archive .row { margin:0 0 14px 0; }
#content.archive .post{ width:300px; float:left;  margin:0 14px 0 0; background-color:#009F29; padding: 0;}
#content.archive .post h2{font-size:16px; margin:7px 0 8px 0; padding-left:14px;}
#content.archive .post h3{ display:block; font-size:13px; padding-left:18px; padding-top:8px; text-transform:uppercase; color: #fff;}
#content.archive .post.date{ top:5px; margin-right: 14px; }
#content h2.pagcattitle{ padding: 0 10px 10px 0; font-family:Futura,  "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; text-transform: uppercase; font-size: 140%; font-weight: normal;}

/* posts & comments */
h3#comments { float:left; margin-bottom:14px; width:100%; clear:both;}
.post .entry { padding: 0 28px 0 0; }
.post .entry p { margin:7px 0; font-size:13px; line-height:16px;}
.post .entry ul { margin-left:14px; }

#respond { float:left; clear:both; width:100%; }
#respond input[type="text"], #respond textarea, #searcher input[type="text"]{  border:1px solid #BBB; padding:7px; margin-right:7px;padding:7px;width:450px; font-family:Verdana; font-size:12px; color: #999;}
#respond textarea{ height:200px; }
#commentform {margin: 7px 0 28px 0; } 



.srch { font-size:22px; line-height: 22px; text-align:center; color:#666; margin-bottom:14px;}

/* search form */
#searcher { margin-top: 14px; }
#searcher input[type="text"]{ width:442px; font-family:Verdana; }
.srch { font-size:22px; line-height: 22px; text-align:center; color:#666; margin-bottom:14px;}

/* caption styles -- for mouse over */
.caption{ width: 300px; height: 175px; margin:0; padding-top:7px; float:left; background:#161613; overflow: hidden; position: relative;}
.caption img { position: absolute;  top: 0;  left: 0;  border: 0; max-width:313px; height:auto; }
.caption p{	padding: 0 10px;color:#fff;  font-size:14px;}
.caption p a{ color:#fff; text-decoration: underline;}
.caption-text{ float: left; position: absolute; padding-top:7px; background: #FF01CF; height: 100%; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  }
.captionfull .caption-text { top: 260px; left: 0; }
.caption .caption-text {top: 260px; left: 0; }
.caption p a .thumblink:hover{ text-decoration: none; }

/* Begin Images */
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px;margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;	}
.entry img { max-width: 600px; height:auto;}
/* End Images */

/* Begin Comments*/
.red{color:red; font-size:200%; vertical-align:sub;}
.alt {	margin: 0;	padding: 10px;}
.commentlist { padding: 0;	text-align: justify; margin-right: 162px}
.commentlist li { margin: 15px 0 10px;padding: 7px 7px 0 0;	list-style: none;}
.commentlist li ul li {	margin-right: -7px;	margin-left: 7px;}
.commentlist p {margin: 7x 7px 7px 0;}
.children { padding: 0; }
#commentform p {	margin: 7px 0;}
.nocomments {	text-align: center;margin: 0;	padding: 0;}
.commentmetadata { margin: 0; display: block;}
.fn, .says {font-weight: bold; font-size: 21px;  }
/* End Comments */

/*
    Anything SLider v1.2
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

.slidecaption{  color: #111; display: block; float:left; padding:20px; line-height:18px; position: relative; width:260px; top:175px; left:329px; opacity: .9;  /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.slidecaption h2{ font-size: 32px; font-weight:bold; line-height:32px; margin-bottom:7px;}
.slidecaption h3{  font-size:13px; text-transform:uppercase;}
.slidecaption .left { line-height:12px; }
ul.caption_meta { font-size: 12px; line-height:12px; float:right; width: 66%; list-style-type:none;}
ul.caption_meta li { margin-bottom:5px !important; }
ul.caption_meta_search { font-size: 12px; line-height:12px; list-style-type:none; margin: 7px 0;}
ul.caption_meta_search li{ margin:0!important; padding:0!important;}
ol.focus_search_results{ padding-left: 21px; margin-right:49px; }
ol.focus_search_results h3{ margin-bottom: 7px;  }
ol.focus_search_results li{ margin-bottom: 14px; margin-right: 21px;  }
#slider	{position:relative; left: 1px; margin-top:-181px}
#homepage{position:relative;}
/* anythingSlider CSS via Chirs Coyer @ css-tricks.com JFGI */
.homepageFeature                        { width: 956px; height: 523px; position: relative; margin: 0 auto 0 auto; }
.homepageFeature .wrapper               { width: 955px; overflow: hidden; height: 509px;  position: absolute; top: 0; }
/* Width below is max for Opera */
.homepageFeature .wrapper ul            { width: 32700px; list-style: none; position: absolute; top: 0; left: 0px; background: #eee; border: 0; margin: 0; }
.homepageFeature ul li                  { display:block; float:left; height:509px; margin:0; width:956px; background-position: right bottom; }
.homepageFeature .arrow                 { position: absolute; top: 473px; z-index:10;}
.homepageFeature .forward 				{ display: block; height: 20px; width: 20px; text-indent: -1000em; background: url(images/slidesprite.png) 80px 0; right: 48px; margin-top: 7px; }
.homepageFeature .back  				{ display: block;height: 20px; width: 20px; 	text-indent: -1000em; 	background: url(images/slidesprite.png) 60px 0;	left: 718px;margin-top: 7px; }
.homepageFeature .forward:hover         { background-position: 80px 20px; }
.homepageFeature .back:hover            { background-position: 60px 20px; }
#thumbNav 								{  margin-bottom:0; margin-left:20px; margin-right:20px; margin-top:0; position:absolute; top:473px; 	
width:144px; left:725px; z-index:1002}
#thumbNav a								{ display: block; height: 20px; width: 20px; text-indent: -1000em;	background: url(images/slidesprite.png) 20px 0; display: inline-block; margin: 7px;} 
#thumbNav a:hover                       { background-position: 20px 20px; }
#thumbNav a.cur                         { background-position: 20px 20px;}
#start-stop                             { display: block;  height: 20px; width: 20px;text-indent: -1000em; background: url(images/slidesprite.png); position: absolute;  right: 15px;  top: 480px;  }
#start-stop.playing                     { background-position: 40px 0;}
#start-stop.playing:hover               { background-position:  40px 20px;}
#start-stop:hover                       { background-position: 0px 20px; }
/*  Prevents */
.homepageFeature .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.homepageFeature .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.color_block{ display:block;float:left;height:12px;width:12px; margin:0 8px 0 0;}
.news, .About {background-color:#8814FF;}
.events, .Shop { background-color:#FFEF01;}
.articles, .Advertise, .interviews { background-color:#FF003C;}
.all-issues, .Contact { background-color:#95FF01; }
.fan-mail{ background-color:#FF01CF; }
.free-givaways {background-color:#00B8FF;}

/* submit button */



input#mc-embedded-subscribe, input#submit, .wpcf7-form p input, .update-button, .remove {
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	background: -moz-linear-gradient(center top , #F1F1D4, #E6E49F) background: -webkit-gradient(linear, 0% 0%, 0% 	100%, from(#F1F1D4), to(#E6E49F)) #E6E49F;
	border:1px solid #AAAC62;
	color:#333333;
	font-weight:normal;
	min-width:0;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0 1px 0 #FFFFFF;
}

.remove {font-size:9px; padding:2px 4px;}

.wpcf7-form p span input, .wpcf7-form p span textarea { 	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:2px 2px 2px 2px;
	background:#fff;
	border:1px solid #666;
	color:#000;
	font-weight:normal;	
	padding:4px 8px;
	width: 400px;
	} 
	
	
/* footer css fixes */	
#footer { *background: #d5d6d7; }
#footer li { *list-style-position: outside;}
#footer h6 { font-size: 14px; }
.footcol li { list-style-type:none;}
.footcol ul.tweets li { margin-bottom:5px; width:286px;}
.footcol ul.tweets li small { display:block; width:100%; }	

/* stockists */
.entry-image { width:98%; margin-bottom:21px; }
.entry-image img { max-width:100%; height:auto; }
dl.stockists dt{color:#111; cursor:pointer; display:block;  float:left; padding:7px;  text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; clear:both; font-weight:bold; width:90%;}
dl.stockists dt.alt, dl#stockists dd.alt { background-color:#f2f4f5; }
dl.stockists dt:hover{ background-color:#CCC; }
dl.stockists dt:active { background-color:#DDD; }
dl.stockists dd {clear:both;  float:left; display:none; width:90%; padding:7px;}
dl.stockists dd ul{ margin:0 0 7px 7px; border-bottom:1px dashed #333; padding:20px; width:90%;}
dl.stockists dd ul li{ list-style-position: inside; list-style:none;}
h2.stockists_title{  font-size:24px; margin-bottom:14px; text-transform:uppercase;}