@import url(header.css);
@import url(sidebar.css);
@import url(footer.css);
@import url(navigation.css);
@import url(wp.css);
@import url(team.css);	
@import url(products.css);
@import url(media.css);
@import url(dealers.css);
	
/*Global: Styles that affect everything. FOR GREAT JUSTICE!*/
body{ background:#000 url(../assets/images/FW2008_bg-v2.png) repeat; color:#000; font:1em/1.5 Arial, Helvetica, sans-serif; margin:0 auto auto auto; padding:0; text-align:center; }
a, a:visited, a:link, a:link:visited{ color:#ff0000; text-decoration:none; }
a:active, a:focus, a:hover, a:link:active, a:link:focus, a:link:hover{ color:#ff0000; text-decoration:underline; }
.post a img, .post a:visited img, .post a:link img, .post a:link:visited img{border:2px solid #fff;}
.post a:active img, .post a:focus img, .post a:hover img, .post a:link:active img, .post a:link:focus img, .post a:link:hover img{ border:2px solid #ff0000; }
.post ul, .post li{ color:#000; list-style:none; }
acronym, abbr, span.caps{ cursor: help; }
blockquote{}
  blockquote p{}
  blockquote cite{}
h1, h2, h3 { color:#ff0000; }
h1{ font:bold 1.5em/2 Arial, Helvetica, sans-serif; }
h2{ font:bold 1.3em/1.6 Arial, Helvetica, sans-serif; margin-bottom:-0.2em; }
h3{ font:bold 1.1em/1.4 Arial, Helvetica, sans-serif; margin-bottom:-0.2em; }
hr{ background:url(../assets/images/hr-V3.png); border:0px; height:35px; width:550px; }
img{ border:0; text-decoration:none; vertical-align:middle; }
li{ color:#ff0000; }
p{}

/*Identify and style key sections*/
#blog{ font: 0.8em/1.4 Arial, Helvetica, sans-serif; height:auto; margin:0 20px 40px 20px; overflow:hidden; padding:0; width:500px; }
#company, #dealers, #events, #media, #team { font: 0.8em/1.3 Arial, Helvetica, sans-serif; height:auto; margin:0; overflow:hidden; padding:0; width:auto; }

/*layout for magazine landing pages*/
#zine{ font:0.7em/1.2 Arial, Helvetica, sans-serif; height:auto; margin:20px 0; padding:0; text-decoration:none; width:auto; }
#zineLeft{ float:left; margin:0; overflow:hidden; padding:0 0 0 10px; width:300px; }
#zineBlurb{ border:0; height:auto; overflow:hidden; width:300px; }
#zineCenter{ float:left; margin:0; overflow:hidden; padding:10px 0 0 10px; width:100px; }
#zineCenter img{ padding:4px 0; }
#zineRight{ background:url(../assets/images/zine_right_bg.gif) bottom right no-repeat; border:0; float:left; font:0.8em/1.5 Arial, Helvetica, sans-serif; height:700px; margin:0; overflow:hidden; padding:0; width:380px; }
#zineRight h1{ color:#000; font:strong 1.6em/2 Arial, Helvetica, sans-serif; }
.zineProduct{ float:left; border:0; height:240px; overflow:hidden; padding:0; width:180px; }
.zineProduct h2{ font:strong 1.2em/1 Arial, Helvetica, sans-serif; text-align:center; }
.zineProduct span{ display:block; text-align:center; }
#zineBottom{ clear:both; padding:0 0 0 20px; width:780px; }
.zineArchive{ float:left; border:0; height:60px; overflow:hidden; padding:0; width:120px; }
.zineArchive h2{ font:strong 1.4em/1 Arial, Helvetica, sans-serif; text-align:center; }
.zineArchive span{ display:block; text-align:center; }
#zineBottom{ }
#zineBottom span{ background:transparent; border:1px solid transparent; color:#999; float:left; font:bold 0.9em/1 Arial, Helvetica, sans-serif; height:20px; letter-spacing:-0.02em; margin:4px; padding:0 0 10px 20px; text-transform:uppercase; width:40px; }
#zineBottom .zineBottomText{ border-right:1px solid #eee; }

/*ICEE promo*/
#icee{ font: 0.8em/1.3 Arial, Helvetica, sans-serif; height:auto; margin:40px 10px 60px 10px; overflow:hidden; padding:0; width:auto; }
#icee .iceeContent{ float:left; margin:10px; width:400px; }
#icee form{ background:#fff url(http://undergroundproducts.com/assets/images/icee_promo_form.jpg) bottom center no-repeat; float:left; padding:30px; width:300px; }
#icee form input{ line-height:1.2em; margin:4px 0; }
#icee small{ color:#999; line-height:4em; }
#icee submit{ float:right; }

/*event page*/
/*events formatting...it will get its own CSS file when it grows up*/
#events_container{ height:auto; padding:20px 0 20px 40px; width:auto; }
#eventsContent{ float:left; width:400px; }
#eventsSidebar{ float:right; font: 0.9em/1.6 Arial, Helvetica, sans-serif; margin:10px; width:300px; }
#eventsUploadContent{ float:left; width:300px; }
#eventsUploadSidebar{ float:right; font: 0.9em/1.6 Arial, Helvetica, sans-serif; margin:10px; width:400px; }
.embedForm{ background:url(../assets/images/events-embed.png) no-repeat; height:50px; overflow:hidden; padding:15px 20px; width:400px; }
.embedCode{ border:1px solid #ccc; font: 0.8em/2 Arial, Helvetica, sans-serif; font-weight:bold; }
/*company page*/
#company-left, #company-right{ margin:0 20px 20px 20px; }
#company-left{ float:left; }
#company-right{ float:right; width:400px; }
.clear { clear:both; } /*clears floats when you get bored of them*/

/*Fixed width, dynamic margin wrapper with border image*/
#wrapper { background:url(../assets/images/border_v4.png) repeat; background-color:transparent; height:auto;width:900px; margin:0px auto; overflow:hidden; padding:0; }

/*Front page*/
/*content lives here*/
#content, #contentFW08{ background-color:#fff; height:auto; text-align:left; margin:0 auto; overflow:hidden; padding:0 0 40px 0; width:800px; }
/*BG exception for FW08*/
#content{ background:url(../assets/images/contentBG.jpg) bottom no-repeat; }
#contentFW08{ background:url(../assets/images/contentFW08BG.jpg) bottom no-repeat; }

/*gentle reminder to upgrade to a good browser*/
#browser{ float:right; font: 0.7em/2 Arial, Helvetica, sans-serif; margin-right:10px; }
#browser a{ color:#ff0000; }
/*left-set thumbnail*/
.blog_inset { float:left; margin:0px 10px 2px 0px; height:75px;width:75px; }
/*right-set thumbnail*/
.blog_outset { float:right; margin:0px 0px 2px 10px; height:75px;width:75px; }

/*Formatting and styling for all page section heading areas*/
#section_masthead{ background:#fff url(../assets/images/masthead_gradient.jpg) left no-repeat; color:#ff0000; font:bold 1.8em/2 Arial, Helvetica, sans-serif; height:auto; width:800px; }
/*extra class with float for when masthead has navigation*/
.section_masthead_navigation, .section_masthead_navigation img, .section_masthead_navigation span{ float:left; }