/********************************************************
* Global Rules
********************************************************/
body { margin:0; padding:0; background: #000 url(../img/bg_tile.jpg) center top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; cursor:default; }
a { color: #009245;}

ul {margin: 0; padding: 0;}
ul.default_list {padding: 0 0 0 30px; list-style: square; }
p {margin: 0; padding: 0;}
div.push {width: 20px; height: 25px;}
input{ border:none; padding:0; margin:0; }

.pager {text-align: center; width: 530px;}
.pager a {padding: 1px 3px 1px 3px; color: #333; text-decoration: none;}
.pager a.nxt {margin: 0 10px 0 10px; text-decoration: underline;}
.pager .end {margin: 0 10px 0 10px; color: #999;}
.pager a.sel {border: 1px solid #fff; color: #00a850; font-weight: bold;}
.pager a.num {border: 1px solid #ccc; font-weight: bold;}

/*.giraffe {background: url(/static/img/fastback_giraffe.gif) top right no-repeat;}*/

#top{ background:url(../img/bg_top_repeat.jpg) repeat-x center top;  }
#main{ background:url(../img/bg_top_main.jpg) no-repeat center top; }
#page { width:926px; margin:0 auto; background:url(../img/bg_main_stretch.jpg) repeat-y center top; overflow:visible; position:relative; z-index:1; }
#page_top{ background:url(../img/bg_top_main.jpg) no-repeat center top; padding:0 5px; position:relative; z-index:2; }
#header { height:96px; background:url(../img/bg_header.gif) no-repeat; position:relative; }
#container { background:white; padding-top:0; }
#content{ padding-top:20px; background:url(../img/bg_content_top.jpg) no-repeat top left; padding:25px; position:relative; z-index:3; }
#display { width:946px; background:white; left:-15px; overflow:visible; margin-right:-30px; padding:1px 0; position:relative; z-index:4; }
.size1 #flash_feature{ height:523px; }
.size2 #flash_feature{ height:393px; }
#flash_feature{ position:relative; width:996px; margin:-26px -25px; }
#flash_feature img{ margin:25px; }
#footer { width:916px; height:64px; background:url(../img/bg_footer_main.gif) no-repeat center top; padding:12px 6px 0 5px; padding-bottom:200px; margin:0 -6px; position:relative; z-index:1; *margin-left:-6px; }
#ribbon{ margin:-14px 0 25px -0; position:relative; left:-40px; }

#primary, #secondary, #full, #footer{ position:relative; z-index:5; }

#full{ width:866px; }
#primary{ width:530px; }
#secondary{ width:311px; }
.right{ float:right; }
.left{ float:left; }
.clear{ clear:both; }

h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal; color:inherit; border:none; text-decoration:none; }
h1{ font-size:18px; border-bottom:1px solid #00a94f; margin-bottom:15px; }
h1 a{color: #000; font-size:18px; border:0; text-decoration: none;}

.date, .h1_date{ text-transform:uppercase; }
.h1_date{ margin:-13px 0 15px 0; color:#444; }

a#main_logo { width:225px; height:45px; margin: 20px 0 0 20px; position: absolute; display:block; text-indent: -1000px; }

#nav{ position:absolute; bottom:0; right:9px; }
#nav a{ display:block; height:54px; background:url(../img/nav_states.gif) no-repeat; text-indent:-1000px; overflow:hidden; float:left; }
a#nav_home{ width:63px; }
a#nav_home:hover{ background-position:0 -119px; }
a#nav_home.selected{ background-position:0 -54px; }
a#nav_shop{ width:60px; background-position:-63px 0; }
a#nav_shop:hover{ background-position:-63px -119px; }
a#nav_shop.selected{ background-position:-63px -54px; }
a#nav_about{ width:70px; background-position:-123px 0; }
a#nav_about:hover{ background-position:-123px -119px; }
a#nav_about.selected{ background-position:-123px -54px; }
a#nav_skate{ width:65px; background-position:-193px 0; }
a#nav_skate:hover{ background-position:-193px -119px; }
a#nav_skate.selected{ background-position:-193px -54px; }
a#nav_blog{ width:60px; background-position:-258px 0; }
a#nav_blog:hover{ background-position:-258px -119px; }
a#nav_blog.selected{ background-position:-258px -54px; }
a#nav_events{ width:76px; background-position:-318px 0; }
a#nav_events:hover{ background-position:-318px -119px; }
a#nav_events.selected{ background-position:-318px -54px; }
a#nav_look_book{ width:111px; background-position:-394px 0; }
a#nav_look_book:hover{ background-position:-394px -119px; }
a#nav_look_book.selected{ background-position:-394px -54px; }
a#nav_co-op{ width:69px; background-position:-505px 0; }
a#nav_co-op:hover{ background-position:-505px -119px; }
a#nav_co-op.selected{ background-position:-505px -54px; }
a#nav_media{ width:67px; background-position:-574px 0; }
a#nav_media:hover{ background-position:-574px -119px; }
a#nav_media.selected{ background-position:-574px -54px; }

#footer_logos{ float:left; padding:0 6px 0 16px; }
#footer_logos a{ display:block; width:55px; height:55px; text-indent:-1000px; overflow:hidden; background:url(../img/bottom_logos.gif) no-repeat; float:left; margin:6px 0; }
a#logo_1{  }
a#logo_1:hover{ background-position:0 -55px; }
a#logo_2{ background-position:-55px 0; }
a#logo_2:hover{ background-position:-55px -55px; }
a#logo_3{ background-position:-110px 0; }
a#logo_3:hover{ background-position:-110px -55px; }
#footer_logos .divider{ float:left; margin:2px 18px; }

#footer_links{ float:left; padding-top:25px; }
#footer_links a{ display:block; height:12px; float:left; background:url(../img/bottom_links.gif) no-repeat; text-indent:-1000px; overflow:hidden; }
a#footer_dealer_locator{ width:130px; background-position:0 0; }
a#footer_dealer_locator:hover{ background-position:0 -12px; }
a#footer_contact{ width:68px; background-position:-146px 0; }
a#footer_contact:hover{ background-position:-146px -12px; }
a#footer_faq{ width:29px; background-position:-230px 0; }
a#footer_faq:hover{ background-position:-230px -12px; }
a#footer_search{ width:59px; background-position:-275px 0; }
a#footer_search:hover{ background-position:-275px -12px; }
a#footer_jobs{ width:39px; background-position:-350px 0; }
a#footer_jobs:hover{ background-position:-350px -12px; }
a#footer_mailing_list{ width:99px; background-position:-405px 0; }
a#footer_mailing_list:hover{ background-position:-405px -12px; }
a#footer_giveaway{ width:140px; background-position:-519px 0; }
a#footer_giveaway:hover{ background-position:-519px -12px; }
#footer_links .divider, #top_links .divider{ width:1px; height:8px; background:#bbb; overflow:hidden; float:left; margin:2px 8px; }

#more_footer{ padding-top:20px; text-align:center; }
#more_footer, #more_footer #footer_legal a{ color:#939393; }
#footer_legal {font-size: 10px;}
#more_footer a{ color:#b3b3b3; text-decoration:underline; }
#more_footer a:hover, #more_footer #footer_legal a:hover{ color:white; }
#footer_nav{ text-transform:lowercase; margin-bottom:10px; }

#more_footer_logos{ width:380px; margin:0 auto 10px auto; height:28px; overflow:hidden; }
#more_footer_logos a{ display:block; height:28px; float:left; text-indent:1000px; overflow:hidden; background:url(../img/more_footer_logos.gif) no-repeat; margin-left:13px; }
a#footer_facebook{ width:87px; background-position:0 0; margin:0; }
a#footer_facebook:hover{ background-position:0 -23px; }
a#footer_twitter{ width:84px; background-position:-103px 0; }
a#footer_twitter:hover{ background-position:-103px -23px; }
a#footer_myspace{ width:99px; background-position:-199px 0; }
a#footer_myspace:hover{ background-position:-199px -23px; }
a#footer_vimeo{ width:70px; background-position:-309px 0; }
a#footer_vimeo:hover{ background-position:-309px -23px; }

#top_links{ position:absolute; right:23px; top:9px; }
#top_links .divider{ margin:6px 8px; }
#top_links a{ display:block; float:left; text-indent:-1000px; overflow:hidden; height:12px; background:url(../img/top_links.gif) no-repeat; margin-top:4px; }
a#top_dealer_locator{ width:127px; background-position:0 0; }
a#top_dealer_locator:hover{ background-position:0 -13px; }
a#top_contact{ width:67px; background-position:-138px 0; }
a#top_contact:hover{ background-position:-138px -13px; }
a#top_faq{ width:28px; background-position:-216px 0; }
a#top_faq:hover{ background-position:-216px -13px; }
a#top_jobs{ width:38px; background-position:-255px 0; }
a#top_jobs:hover{ background-position:-255px -13px; }

#search_form{ float:left; display:block; height:25px; }
#search{ width:108px; height:17px; padding:3px 6px 0 6px; background:url(../img/search_bg.gif) no-repeat; float:left; border:none; color:#666; margin-left:15px; }
#search:focus{ background-position:0 -20px; color:black; }
#search_submit{ display:block; width:6px; height:12px; background:url(../img/search_submit.gif) no-repeat; float:left; margin:3px 0 0 8px; }

a img {border: 0; padding: 0;}

.s_search { width: 300px; font-size: 14px; font-weight: bold; border: 1px solid #333; padding: 3px; }
.s_button {font-size: 14px; font-weight: bold; border: 1px solid #333; padding: 3px; }

.ml_form { width: 120px; font-size: 11px; border: solid 1px #333; font-weight: bold;}
.ml_button {font-size: 11px; font-weight: bold; }

.ml_title {width: 65px; float: left;}
.ml_input {width: 130px; height: 25px; float: left; }


/********************************************************
* Footer
********************************************************/

/*

.events {position: relative;}
.events ul {text-align: left; position: absolute; display: none; z-index: 1000; padding: 5px; background: #E7ECF2 url(/img/calendar/popup.png) no-repeat; color: white; border: 1px solid white; font-size: 12px; width: 200px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
-border-radius: 3px; list-style: none; color: #444444; -webkit-box-shadow: 0px 8px 8px #333;}
.events li {padding-bottom: 5px;}
.events li span {display: block; font-size: 12px; text-align: justify; color: #555;}
.events li span.title {font-weight: bold;color: #222;}

*/

/********************************************************
* About
********************************************************/
div.logos {float: left; width: 140px; font-size: 10px;}
div.logos div {padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #bbb;}
div.logos_all {margin: 10px 28px 20px 0;}
div.logos_last {margin: 10px 0 0 0;}

/********************************************************
* Blogs
********************************************************/
div.media a {float: left; width: 142px; font-size: 10px; margin: 0 14px 14px 14px;}
div.previewmedia a {float: left; margin: 0 22px 0 0;}
div.mixtapes { position: relative; display: block; width: 312px; height: 125px; text-indent: -9000px; font-size: 1%;}
div.mixtapes a.visit { display: block; position: absolute; width: 90px; height: 30px; top: 52px; left: 125px; text-indent: -9000px; font-size: 1%;}
div.mixtapes a.schedule { display: block; position: absolute; width: 90px; height: 30px; top: 85px; left: 125px; text-indent: -9000px; font-size: 1%;}
div.mixtapes a.download { display: block; position: absolute; width: 90px; height: 30px; top: 52px; left: 220px; text-indent: -9000px; font-size: 1%;}
div.mixtapes a.twitter { display: block; position: absolute; width: 90px; height: 30px; top: 85px; left: 220px; text-indent: -9000px; font-size: 1%;}

	/****************************************************
	* Social Media
	****************************************************/
	div#social {margin:15px 0 0 0;}
	div#social a {display:block; height:21px; text-indent: -9000px; background-position:0 0; overflow:hidden; float:left;}
	
	div#social a.twitter {width:51px; background:url(/static/img/social_share/twitter.gif) no-repeat;}
	div#social a.twitter:hover{background-position:0 -21px; }
	
	div#social a.facebook {width:69px; background:url(/static/img/social_share/facebook.gif) no-repeat; margin:0 0 0 10px;}
	div#social a.facebook:hover{background-position:0 -21px; }
	
	div#social a.myspace {width:70px; background:url(/static/img/social_share/myspace.gif) no-repeat; margin:0 0 0 10px;}
	div#social a.myspace:hover{background-position:0 -21px; }

	div#social a.digg {width:45px; background:url(/static/img/social_share/digg.gif) no-repeat; margin:0 0 0 10px;}
	div#social a.digg:hover{background-position:0 -21px; }
	
/********************************************************
* Contact
********************************************************/
div.reps {float: left; width: 195px; color: #333;}
div.reps strong {color: #000}
div.reps div {padding: 0 0 0 0; margin: 0 0 10px 0;}
div.reps_all {margin: 0 28px 20px 0;}
div.reps_last {margin: 0 0 0 0;}

/********************************************************
* FAQ
********************************************************/
textarea.large_text {width: 310px;height: 120px;}

/********************************************************
* Twitter Feed
********************************************************/
ul#twitter_feed {list-style: none;}
ul#twitter_feed li {margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #999;}
ul#twitter_feed li div a, ul#twitter_feed li div a:visited, ul#twitter_feed li div a:hover {display: block; color: #000; text-decoration: none; font-size: 14px;}
.twitter_date {font-style: italic; color: #00a950;}

/********************************************************
* Event
********************************************************/
.event {margin: 20px 0 0 0; width: 100%;}
.event .picture {width: 130px: height:90px;} 
.event .picture a img {border: 0; padding: 0;}
.event .details {width: 380px;}
.event .details h2 {font-weight: bold; font-size: 14px;}
.event .details h3 {font-style: italic; font-size: 12px; margin: 0 0 10px 0;}
.event .details p {margin: 0; padding: 0;}

/********************************************************
* Calendar
********************************************************/
table {border-collapse: separate; border: 1px solid #666; border-width: 1px 1px 1px 1px; font-size: 14px; margin: 0 0 0 5px;}
td, th {width: 42px; height: 42px; text-align: center; vertical-align: middle; background: url(/img/calendar/cells.png); color: #444; position: relative;}
td a, td a:visited {color: #fff; text-decoration: none;}
th {height: 30px; font-weight: bold; font-size: 14px;}
td:hover, th:hover {background-position: 0px -81px; color: #222;}
td.date_has_event {background-position: 162px 0px; color: white;}
td.date_has_event:hover {background-position: 162px -81px;}
td.padding {background: url(/img/calendar/calpad.jpg);}
td.today {background-position: 81px 0px; color: white;}
td.today:hover {background-position: 81px -81px;}
.events {position: relative;}
.events ul {text-align: left; position: absolute; display: none; z-index: 1000; padding: 5px; background: #E7ECF2 url(/img/calendar/popup.png) no-repeat; color: white; border: 1px solid white; font-size: 12px; width: 200px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
-border-radius: 3px; list-style: none; color: #444444; -webkit-box-shadow: 0px 8px 8px #333;}
.events li {padding-bottom: 5px;}
.events li span {display: block; font-size: 12px; text-align: justify; color: #555;}
.events li span.title {font-weight: bold;color: #222;}
.month {font-size: 13px; margin: 0 0 0 6px; color: #333; text-transform: uppercase; font-weight: bold;}
.month a { text-decoration: none; font-size: 18px;}

/********************************************************
* Skateboarding
********************************************************/
#sponsors {margin: 0 0 25px 0;}
p.details {display: block; margin: 0 0 5px 5px;}
div.thumb {float:left; margin: 0 8px 8px 8px; width:60px;}

/********************************************************
* Co-Op
********************************************************/
div.companies {margin: 20px 0 0 0;}
div.co-op_company {display: block; float:left; margin: 0 7px 14px 7px; width:200px;}
div.co-op_company a img {border: none;}
div.co-op_company div {padding: 8px 0 8px 0; width: 100%; font-size:16px; text-align: center;}
div.co-op_company div a {color: #000; font: 16px; text-decoration: none;}

/********************************************************
* Media
********************************************************/
div.wallpapers {float:left; margin: 0 19px 30px 19px; width:225px;}
div.wallpapers div {color: #444; margin: 10px 0 0 0; text-align: center;}
div.wallpapers div a, div.wallpapers div a:visited {color: #000; text-decoration: underline;}
div.wallpapers div a:hover {text-decoration: none;}

div.icons {float: left; margin: 0 0 20px 0; width: 100%;}
div.icons img {float: left; width: 90px;}
div.icons div {float: left; margin: 30px 0 0 25px; font-size:14px; color: #000; font-weight: bold;}
div.icons div a, div.icons div a:visited {font-weight: normal; color: #000; text-decoration: underline;}
div.icons div a:hover {text-decoration: none;}

/********************************************************
* Ad Archive
********************************************************/
div.ads {float:left; margin: 0 19px 30px 19px; width:225px; text-decoration: none;}
div.ads div {color: #444; margin: 10px 0 0 0; text-align: center; text-decoration: none;}
div.ads div a, div.ads div a:visited {color: #000; text-decoration: none;}
div.ads div a:hover {text-decoration: none;}

div.ad_view {float:left; margin: 0 15px 20px 15px; width:255px; text-decoration: none;}
div.ad_view div {color: #444; margin: 10px 0 0 0; text-align: center; text-decoration: none;}
div.ad_view div a, div.ad_view div a:visited {color: #000; text-decoration: none;}
div.ad_view div a:hover {text-decoration: none;}