/* Resets
--------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, span, a, ul, li, table, small, html, body {margin:0;  padding:0;  outline:0;}
ul, li {list-style:none;}
a, a:hover {text-decoration:none;}
a img {border:none;}

input, textarea, select {font-family:Helvetica, Arial, sans-serif;  font-size:13px;}
label {cursor:pointer;}

/* Type & Links
--------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-size:100%;  font-weight:normal;  padding:10px 0;}

h1 {font-size:30px;  font-weight:bold;}

h2 {font-size:26px;  font-weight:bold;}

h3 {font-size:22px;  font-weight:bold;}

h4 {font-size:18px;}

h5 {font-size:14px;}

h6 {font-size:10px;}

h2.news {height:24px;  margin-bottom:-20px;  text-indent:-999em;  background:url(../img/news-title.gif) -5px 50% no-repeat;}
h2.features {height:24px;  text-indent:-999em;  background:url(../img/features-title.gif) -5px 50% no-repeat;}
h2.team {height:24px;  text-indent:-999em;  background:url(../img/team-title.gif) -5px 50% no-repeat;}
h2.media {height:24px;  text-indent:-999em;  background:url(../img/media-title.gif) 0 50% no-repeat;}
h2.links {height:24px;  text-indent:-999em;  background:url(../img/links-title.gif) 0 50% no-repeat;}
h2.store {height:24px;  text-indent:-999em;  background:url(../img/store-title.gif) 0 50% no-repeat;}
h2.contact {height:24px;  text-indent:-999em;  background:url(../img/contact-title.gif) 0 50% no-repeat;}
h2.search {height:24px;  text-indent:-999em;  background:url(../img/search-title.gif) 0 50% no-repeat;}

.redbold {color:#C00;  font-weight:bold;}

.hilite {background:#FFFFCC;}

#main .small, #main small {font-family:Arial, Verdana, sans-serif;  font-size:10px;  line-height:10px;}

a {color:#06C;}
a:hover {background:#06C;  color:#FFF;}

a.back {display:block;  margin:15px 0;  padding:3px 3px 3px 16px;  border-bottom:3px solid #F1F3F5;  background:url(../img/back.png) 0 50% no-repeat;}
a.back:hover {background:#06C url(../img/back.png) 0 50% no-repeat;}

a.com {padding-left:20px;  background:url(../img/comment.png) 0 50% no-repeat;}
a.com:hover {background:#06C url(../img/comment.png) 0 50% no-repeat;}

a.nobg, a.nobg:hover {background:none;}

/* Structure
--------------------------------------------------------------------------------------------------- */

html {height:100%;}

body {height:100%;  font-family:Helvetica, Arial, sans-serif;  font-size:13px;  text-align:center;  background:url(../img/bg2.gif) top center fixed;}

#container {position:relative;  width:900px;  min-height:100%;  margin:0 auto;  text-align:left;}

#body {width:900px;  padding-bottom:44px;  overflow:hidden;}

#footer {position:absolute;  bottom:0;  width:850px;  height:19px;  padding:8px 25px 17px 25px;  background:url(../img/footer.gif);}

#header {width:900px;  height:149px;  background:url(../img/header-3d.gif);}
	#header h1 a {display:block;  width:900px;  height:129px;  text-indent:-999em;}
	#header h1 a:hover {background:none;}
	
#downloadInfo {width:380px;  margin:0 auto;  padding:10px;  text-align:center;  background:#F1F3F5;}

/* Navigation
--------------------------------------------------------------------------------------------------- */

#nav {width:900px;  height:22px;  position:relative;  z-index:100;  background:url(../img/nav.gif) top right no-repeat;}

/* All list items */
#nav li {float:left;  height:22px;}

/* All links */
#nav a {display:block;  height:22px;  text-indent:-999em;}

	/* Main menu links */
	#nav a.news {width:78px;  background:url(../img/news.gif) bottom left;}
	#nav a.news:hover {background:url(../img/news.gif) top left;}
	
	#nav a.team {width:66px;  background:url(../img/team.gif) bottom left;}
	#nav a.team:hover {background:url(../img/team.gif) top left;}
	
	#nav a.media {width:69px;  background:url(../img/media.gif) bottom left;}
	#nav a.media:hover {background:url(../img/media.gif) top left;}
	
	#nav a.store {width:76px;  background:url(../img/store.gif) bottom left;}
	#nav a.store:hover {background:url(../img/store.gif) top left;}
	
	#nav a.links {width:72px;  background:url(../img/links.gif) bottom left;}
	#nav a.links:hover {background:url(../img/links.gif) top left;}
	
	#nav a.contact {width:96px;  background:url(../img/contact.gif) bottom left;}
	#nav a.contact:hover {background:url(../img/contact.gif) top left;}

/* Sub-menu */
#nav li ul {position:absolute;  width:105px;  left:-999em;}

/* Sub-menu lists */
#nav li li {width:105px;  height:auto;}

/* Sub-menu links */
#nav li ul a {width:105px;}

	#nav a.features {height:24px;  background:url(../img/features-nav.gif) bottom left;}
	#nav a.features:hover {background:url(../img/features-nav.gif) top left;}

	#nav a.mens {height:15px;  background:url(../img/mens.gif) bottom left;}
	#nav a.mens:hover {background:url(../img/mens.gif) top left;}
	
	#nav a.womens {height:18px;  background:url(../img/womens.gif) bottom left;}
	#nav a.womens:hover {background:url(../img/womens.gif) top left;}
	
	#nav a.skateboards {height:19px;  background:url(../img/skateboards.gif) bottom left;}
	#nav a.skateboards:hover {background:url(../img/skateboards.gif) top left;}
	
	#nav a.accessories {height:19px;  background:url(../img/accessories.gif) bottom left;}
	#nav a.accessories:hover {background:url(../img/accessories.gif) top left;}

/* Hide sub-menu */
#nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em;}

/* Show sub-menu */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto;  margin-left:15px;}

/* Show main menu hover when sub-menu is hovered */
#nav :hover > a.store, #nav ul ul :hover > a.store {background:url(../img/store.gif) top left;}
#nav :hover > a.news, #nav ul ul :hover > a.news {background:url(../img/news.gif) top left;}

#nav input {margin-left:70px;  margin-top:4px;  padding-right:15px;  font-family:Arial, Verdana, sans-serif;  font-size:10px;  border:0;  color:#FFF;  background:#999 url(../img/arrow.gif) top right no-repeat;}

/* Features
--------------------------------------------------------------------------------------------------- */
	
#features {width:840px;  height:215px;  margin-top:5px;  padding:25px 30px 10px 30px;  background:url(../img/features-3d.gif);}

	#features table {width:100%;  height:100%;  text-align:center;}
	
	#features img, #features a img {border:1px solid #990;}
		#features a:hover img {border:1px solid #333;}
	
	#features p {font-size:14px;  width:250px;  text-align:left;}
	
/* Main
--------------------------------------------------------------------------------------------------- */

#main {float:left;  width:605px;  padding:15px;  overflow:hidden;}
	
	#main p {margin:13px 0;  color:#333;  line-height:19px;}
	
	/* Post
	--------------------------------------------------------------------------------------------------- */
	
	.post {clear:both;  margin:30px 0;  padding:0 5px 20px 5px;  overflow:hidden;  border-bottom:4px dotted #F1F3F5;}
	
	.postette {float:left;  width:230px;  height:200px;  margin:0 30px 30px 0;  padding:5px;  border:1px dashed #CCC;}
		
		.date {float:left;  margin-top:0px;  padding:3px; width:65px;}
		
			#main .month, #main .year {padding:0;  margin:0;  font-family:Georgia, "Times New Roman", Times, serif;  font-size:12px;  line-height:12px;  text-align:center;}
			
			#main .day {margin:-5px 0 3px 0;  padding:0;  font-family:Georgia, "Times New Roman", Times, serif;  font-size:45px;  line-height:45px;  color:#900;  text-align:center;}
		
		.text {float:left;  width:470px;  margin-left:10px;}
		
#main.full {width:860px;}

	.riderInfo {float:left;  width:180px;  margin-bottom:40px;}
		#main .riderInfo p {margin:5px 0;}
	.riderBio {float:left;  width:638px;  margin-left:40px;  border:1px solid #333;  background:#F1F3F5;}
		.riderBio div {padding:0 10px;}
	.riderVideos {float:right;  width:638px;  margin:20px 0;  border:1px solid #333;  background:#CC9;}
	.riderPhotos {float:right;  width:638px;  border:1px solid #333;  background:#CC9;}
		.riderVideos h2, .riderPhotos h2, .riderBio h2 {padding:0 0 3px 10px;  color:#FFF;  background:#333;}

/* Paging
--------------------------------------------------------------------------------------------------- */
		
#paging {clear:both;  float:left;  text-align:center;}
		
	#paging a, #paging span {display:block;  float:left;  margin:0 2px;  padding:3px;  border:1px solid;}

	#paging a {color:#06C;  border-color:#999;}
	#paging a:hover {color:#06C;  text-decoration:none;  border-color:#999;  background:#F3F3F3;}

	#paging span {color:#333;  border-color:#999;  background:#CC9;}
	
/* Comments
--------------------------------------------------------------------------------------------------- */
		
.comment {margin:10px 0 40px 0;  overflow:hidden;  background:#F6F7F5;}

	.user {padding:5px;  overflow:hidden;  background:#EFEFE0 url(../img/user.gif) top left repeat-x;}
	
		.user a {color:#333;}
		.user a:hover {color:#FFF;}
	
		.user h5 {float:left;  line-height:14px;}
	
		.user small {float:right;  line-height:14px;}
		
	.c_post {clear:both;  padding:5px;}
		
#addcomment {padding:5px;  background:url(../img/comment-form-bg.gif) top left no-repeat;}

	#addcomment form {margin-left:5px;}
	#addcomment input {border:0;  background:url(../img/comment-input.gif) 0 50%;}
	#addcomment textarea {border:0;  background:url(../img/comment-textarea.gif) top left;}
	
/* Latest
--------------------------------------------------------------------------------------------------- */

/*#latest {float:left;  width:272px;  height:482px;  padding:43px 30px 5px 15px;  background:url(../img/latest-3d.gif);}*/
#latest {float:left;  width:225px;  height:482px;  padding:43px 5px 5px 15px;  background:url(../img/latest-3d2.gif);}

	#latest .top {width:100%;  height:220px;  text-align:center;}
	
	#latest .bottom {margin-top:27px;}
		
/* Links
--------------------------------------------------------------------------------------------------- */

#dealers {float:left;  width:260px;  background:#CC9 url(../img/dealers-bottom.gif) bottom left no-repeat;}
	#dealers div {padding:25px 10px;  background:url(../img/dealers-top.gif) top left no-repeat;}

#friends {float:left;  width:260px;  margin-left:40px;  background:#069 url(../img/friends-bottom.gif) bottom left no-repeat;}
	#friends div {padding:25px 10px;  background:url(../img/friends-top.gif) top left no-repeat;}
	#friends a {color:#FFF;}

#other {float:left;  width:260px;  margin-left:40px;  background:#D2D2D2 url(../img/other-bottom.gif) bottom left no-repeat;}
	#other div {padding:25px 10px;  background:url(../img/other-top.gif) top left no-repeat;}

#dealers dt, #friends dt, #other dt {margin-top:10px;  padding-left:10px;  background:url(../img/dt-arrow.png) 0 50% no-repeat;}
#dealers dd, #friends dd, #other dd {margin-left:25px;}

/* Store
--------------------------------------------------------------------------------------------------- */

#storeNav {float:left;  width:180px;}
	#storeNav ul {border-top:1px solid #CCC;}
	#storeNav li a {display:block;  width:172px;  padding:8px 0 8px 8px;  font-size:14px;  font-weight:bold;  border-bottom:1px solid #CCC;}
	#storeNav li a:hover {color:#333;  background:#F1F3F5;}
	#storeNav li a.active {color:#333;}

#storeBody {float:left;  width:660px;  margin-left:20px;}

.item {float:left;  width:180px; height:250px;  margin:5px;  padding:10px;  border:1px dotted #CCC;}
.item.hover {cursor:pointer; background:#06C;}
	#main .item h3 {padding:0; margin-top:5px;}
	#main .item.hover h3 a {color:#FFF;}
	#main .item p {margin:3px 0;}

	.thumbs a img {margin:3px 3px 0 0;}
	.thumbs a img.last {margin-right:0;}
	
	
#bigItemLeft {float:left;  width:180px;}
	#bigItemLeft select {width:135px;}
	
#itemBigRight {float:left;  width:460px;  margin-left:20px;}

.sizes, .colors {overflow:hidden;}
.sizes label.selected, .sizes label.unselected {display:block; float:left; width:26px; height:26px; margin:2px; line-height:26px; text-align:center; background:#F9F9F9; border:1px solid #CCC;}
.sizes label.selected {color:#FFF; background:#555; border:1px solid #666;}

.colors label.selected, .colors label.unselected {display:block; float:left; height:26px; margin:2px; padding:0 5px; line-height:26px; text-align:center; border:1px solid #CCC; opacity:.5; -moz-opacity:.5;}
.colors label.selected {border:1px solid #000; opacity:1; -moz-opacity:1;}

.colors label.black {background:#000; color:#FFF;}
.colors label.red {background:#C00; color:#FFF;}
.colors label.green {background:green; color:#FFF;}
.colors label.tan {background:tan;}
.colors label.brown {background:brown; color:#FFF;}
.colors label.blue {background:#069; color:#FFF;}
	

/* Contact
--------------------------------------------------------------------------------------------------- */

#contactForm {width:447px;  height:408px;  background:url(../img/contact-form-bg.gif) top left no-repeat;}

	#contactForm form {margin-left:35px;  padding-top:10px;}
	#contactForm label {color:#FFF;}
	#contactForm .input, #contactForm textarea {width:350px;  border:0;}
	#contactForm .input {background:url(../img/contact-input.gif) top left no-repeat;}
	#contactForm textarea {padding:5px 0 0 5px;  background:url(../img/contact-textarea.gif) top left no-repeat;}
	#contactForm .hidden {color:#FFF;}
	
/* Footer
--------------------------------------------------------------------------------------------------- */

#footerParent {position:absolute;  left:0;  bottom:0;  width:100%;  height:44px;  z-index:2;}
	
		#footer table {width:100%;  height:100%;}
		
			#footer td {width:33%;}
		
				#footer p {color:#FFF;}
		
				#footer a {color:#CC9;}
				#footer a:hover {text-decoration:underline;  background:none;}

/* Misc.
--------------------------------------------------------------------------------------------------- */

.hidden {display:none;}

.none {padding:0;}

.oneEighty {float:left;  width:180px;  margin:10px;  padding:10px;  background:#333;}
.oneHundred {float:left;  width:100px;  margin:10px;  padding:5px;  background:#333;}
	.smallBorder {margin:5px;  padding:1px;}

	a.boxLink {position:relative;  display:block;  width:100%;  height:100%;}
		a.boxLink span {position:absolute; bottom:5px;  left:0;  display:block;  text-align:left;}
			a.boxLink span span {position:relative;  display:inline;  padding:3px;  font-size:22px;  font-weight:bold;  color:#FFF; text-transform:uppercase;  cursor:pointer;  background:#333;}
			a.boxLink span span.small, #main a.boxLink span span.small {font-family:Arial, Verdana, sans-serif;  font-size:10px;  line-height:13px;}
			a.boxLink:hover span span {color:#CC9;}
			
.floatRight {float:right;}
			
/* Forms
--------------------------------------------------------------------------------------------------- */

#main form p {margin:8px 0 2px 0;  padding:0;}
			
.input {border:1px solid;  border-color:#AAAFB4 #DCE1E6 #E1E6F0 #E1E6EB;}
.input:hover, .input:focus {border:1px solid;  border-color:#5A96C8 #B4D2E6 #C8E6F0 #C8DCF0;}

.medium {width:350px;}

/* Popup
--------------------------------------------------------------------------------------------------- */

/* #popInfo {text-align:left;  margin:0 auto;  padding:5px;  background:#F1F3F5;} */
#videoInfo h2, #downloadInfo h2 {color:#C00;}
#videoInfo p, #downloadInfo p {margin:0 0 10px 0;}
#downloadInfo p, #downloadInfo h4 {text-align:left;}
#downloadInfo p.toDownload {text-align:center;  padding-bottom:10px;  border-bottom:3px solid #CCC;}
#videoInfo p.uploaded, #downloadInfo p.uploaded {margin-top:20px;  font-family:Arial, Verdana, sans-serif;  font-size:10px;}