@charset "utf-8";
/* CSS Document */

h1{
margin:0;
}

body{
background-color:#000;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#head{
width:100%;
text-align:center;
background: url(../grfx/tb_wc_tile_01.gif) repeat-x center;
}


#blogListInner ul{
list-style:square;
margin:0 0 0 15px;
padding:0;
}

#blogListInner ul li{
cursor:pointer;
}

#blogListInner ul li:hover{
color:#009933;
text-decoration:underline;
}

#blogListTop{
width:300px;
height:10px;
background:url(../grfx/wc_border_top_300.gif) top no-repeat;
}

#blogListOuter{
position:absolute;
width:300px;
top:185px;
left:-300px;
background:url(../grfx/wc_border_tile_300.gif) center repeat-y;
z-index:5000;
}

#blogListOuter #archiveTab{
position:absolute;
top:50px;
right:-30px;
height:150px;
width:30px;
background:url(../grfx/news_archive_tab.png) top center no-repeat;
cursor:pointer;
}

#blogListInner{
padding:5px 15px;
}

#blogListBottom{
width:300px;
height:10px;
background:url(../grfx/wc_border_btm_300.gif) top no-repeat;
}

#blogContentOuter{
width:100%;
float:left;
overflow:hidden;
}
#blogInnerBlue{
margin-left:30px;
border:solid 2px #1677bd;
}
#blogInnerRed{
border:solid 2px #d82932;
}
#blogInnerBlack{
border:solid 2px #000;
}
#blogInnerYellow{
border:solid 2px #fdea00;
}
#blogInnerGreen{
border:solid 2px #3aa649;
padding:5px;
min-height:350px;
overflow:hidden;
}

/* riders */
.ridersOuter{
clear:both;
}
.ridersOuter h1{
margin-bottom:10px;
}
.ridersOuter h3{
color:#0C77BD;
}

.ridersOuter hr{
color:#0C77BD;
}

.riderHr{
clear:both;
height:10px;
width:100%;
margin:5px 0;
background: url(../grfx/tb_wc_tile_1X10.gif) repeat-x center;
}

.ridersOuter .bioPic{
float:left;
margin-right:10px;
}

.ridersOuter .bioPic .bioPicThumbs{
width:300px;
margin:1px 0 5px 0;
overflow:hidden;
}

.ridersOuter .bioPic .bioPicThumbs .bioThumb{
width:100px;
height:100px;
overflow:hidden;
float:left;
opacity:0.5;
filter:alpha(opacity=50);
}

.ridersOuter .bioPic .bioPicThumbs .bioThumb:hover{
opacity:1.0;
filter:alpha(opacity=100);
}

.ridersOuter .bioPic .bioPicThumbs .thumb-1{
width:99px;
margin-right:1px;
}

.ridersOuter .bioPic .bioPicThumbs .thumb-3{
width:99px;
margin-left:1px;

}

.bioStats{
float:left;
width:250px;
height:250px;
margin-right:30px;
}
.bioStats table tr td{
font-weight:normal;
}
.bioStats table tr td:first-child{
text-align:right;
font-weight:bold;
}

.bioBlurb{
float:left;
width:450px;
height:250px;
padding:0 10px;
overflow:auto;
}

/* nav menu */
#mainNavMenu{
width:910px;
margin:2px auto;
}

#mainNavMenu ul{
list-style:none;
margin:0;
padding:0;
}

#mainNavMenu ul li{
display:inline-block;
float:left;
margin:0 5px 0 0;
height:30px;
width:125px;
cursor:pointer;
background:url(../grfx/buttons/mainNavSprite.gif) no-repeat 0 0;
overflow:hidden;
text-indent:-5000px;
}
#mainNavMenu ul li a{

}

#mainNavMenu ul li#news{
background-position:0 -30px;
}

#mainNavMenu ul li#riders{
background-position:-125px 0;
}

#mainNavMenu ul li#calendar{
background-position:-250px 0;
}

#mainNavMenu ul li#results{
background-position:-375px 0;
}


#mainNavMenu ul li#store{
background-position:-625px 0;
}


#mainNavMenu ul li#photos{
background-position:-500px 0;
}


#mainNavMenu ul li#sponsors{
background-position:-750px 0;
}



/* scroll pain */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#333333;
	/*border:solid #990000 2px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;*/
}
.jScrollPaneDrag {
	position: absolute;
	background: #990000;
	cursor: pointer;
	overflow: hidden;
	background:url(../grfx/scrollDrag.gif) no-repeat center;*/
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../grfx/scrollUp.gif) center no-repeat;
	height: 15px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../grfx/scrollDwn.gif) center no-repeat;
	height: 15px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}