/* Global ----------------------------------------------------- */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    background: #000;
    margin: 0;
    padding: 0;
    text-align: center; 
    color: #000000;
    -moz-outline-style: none;
}

h1 {
    font-size: 19px;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 12px;
}

.clear {
    clear:both;
}

a:link, a:hover, a:visited, a:active {
    color:#FF0000;
}

a:active {     
  outline: none !important;   
  }    

a:focus {     
  -moz-outline-style: none;     
  }    

button:focus {         
  outline: none;     
  } 

#headershell {
    height:206px;
    width:100%;
    margin:0;
    padding:0;
    background-image:url(../images/header_bg.gif);
    background-repeat:repeat-x;
}

#header {
    width: 950px;
    margin:0 auto;
    position:relative;
}

#header a {
    display:block;
}

#menu_news {
    position:absolute;
    top:126px;
    left:0px;
}

#menu_info {
    position:absolute;
    top:126px;
    left:122px;
}

#menu_schedule {
    position:absolute;
    top:126px;
    left:241px;
}

#menu_logo {
    position:absolute;
    top:0px;
    left:362px;
}

#menu_results {
    position:absolute;
    top:126px;
    left:583px;
}

#menu_store {
    position:absolute;
    top:126px;
    left:705px;
}

#menu_sponsors {
    position:absolute;
    top:126px;
    left:824px;
}

#ad1 {
    position:absolute;
    top:15px;
    left:10px;
    width:350px;
    height:100px;
}

#ad2 {
    position:absolute;
    top:15px;
    left:590px;
    width:350px;
    height:100px;
}

.ad_small {
    margin:0 auto;
}

.ad_small img {
    width:300px;
    height:86px;
}

.adrotator a img {
    width:300px;
    height:86px;
    margin:0;
    padding:0;

}

.adrotator a {
    width:300px;
    height:86px;
    margin:0;
    padding:0;
   
   
}

.adrotator {
    /* changed Mar. 31 2009 steve */
    /*width:300px;*/
    height:86px;
    margin:0;
    padding:0;
    background-color: black;
   
}

/* changed Mar. 31 2009 steve */
.adblack {
    width: 300px;
    height: 86px;
    background-color: black;
}

.flashcontainer {
    width: 300px;
    height: 86px;
    background-color: black;    
}


/** AD BAR **/

.adbar {
    height: 86px;
    overflow: hidden;
}

/* non-rotating ad */
.adbar a {
    float:left;
    margin-left: 8px;
    margin-right: 8px;
}


/* rotator w/o javascript */
.adbar .adrotator {
    float:left;
    margin-left: 8px;
    margin-right: 8px;
}

/* rotator with javascript */
.adbar .adblack {
    float:left;

    margin-left: 8px;
    margin-right: 8px;
}


.adbar .adblack .adrotator .ad_small{

    margin-left: 0px;
    margin-right: 0px;
}

.adbar .adblack .adrotator .ad_small img{

    margin-left: 0px;
    margin-right: 0px;
}


/* cancel out applied descendant above for rotating ad */
.adbar .adblack .adrotator {
    margin-left: 0px;
    margin-right: 0px;
}


#mainshell {
    width: 100%;
    background-color:#202020;
    margin:0;
    padding-bottom:40px;
    position:relative;
    background-image: url(../images/footer-bar.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    color:#fff;
}

#mainshellforum {
    width: 100%;
    background-color:#202020;
    margin:0;
    padding-bottom:40px;
    position:relative;
    background-image: url(../images/footer-bar.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    color:#fff;
}

#mainshellforum a:link, #mainshellforum a:hover, #mainshellforum a:visited, #mainshellforum a:active {
    color:#000000;
}

#mainshellshop {
    width: 100%;
    background-color:#202020;
    margin:0;
    padding-bottom:40px;
    position:relative;
    background-image: url(../images/footer-bar.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    color:#fff;
}

#footer {
    color:#fff;
    padding:5px;
}

#footer a {
    color:#fff;
}

.copyright {
    border-top: solid 1px #999;
    padding:3px;
    margin-top:10px;
    font-size:9px;
}

.slug {
    float:right;
}

#logoscroller {
    width:100%;
    height:93px;
    background-color:#000000;
    /*display:none;*/
}

.col_set {
    width:950px;
    margin: 0 auto;
    background-image:url(../images/ffffff.gif);
    background-repeat:repeat-y;
    background-position: 640px;
}

.col_one {
    width:950px;
    margin: 0 auto;
    padding-top:3px;
}

.main_col {
    width:625px;
    padding-right:25px;
    float:left;
    text-align:left;
}

.side_col {
    width:300px;
    float:left;
}

.half_col {
    width:450px;
    float:left;
    text-align:left;
    padding-left:24px;
    border-right:solid 1px #fff;
}

.pagination {
    float:right;
    font-size:12px;
}

.pagination a:link, .pagination a:active, .pagination a:visited {
    color:#FF0000;
    text-decoration:none;
}

.pagination a:hover {
    text-decoration:underline;
}

.pagination .on {
    font-weight:bold;
    background-color:#666;
    padding:3px;
}

/* Home ----------------------------------------------------- */

#main_home {
    position:relative;
    width:947px;
    height:360px;
    margin: 0 auto;
    text-align: left;
    background-image:url(../images/homeframe-bg.jpg);
    background-repeat:no-repeat;
}

#home_photo {
    position:absolute;
    top:6px;
    left:8px;
    width:460px;
    height:345px;
    border:solid 1px #000;
}

#home_news {
    position:absolute;
    top:6px;
    left:477px;
    width:460px;
    height:345px;
    border:solid 1px #000000;
    /*overflow: hidden;*/
    background-color:#000000;
    overflow:hidden;
}


#accordionContainer {
    height:340px;
}

#home_news .title {
    width:450px;
    height:28px;
    padding-top:7px;
    padding-left:10px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    background-image:url(../images/new-acc-head.jpg);
    background-repeat:no-repeat;
    border-bottom:solid 1px #000;
    margin: 0px;
}

#home_news .title a {
    color: white;
    text-decoration: none;
}

#home_news .story_open {
    height:145px;
    padding:10px;
    overflow:auto;
    border-bottom:solid 1px #000;
    color:#FFFFFF;
    font-size:10px;
}

#home_news .story_full {
    height:289px;
    padding:10px;
    overflow:auto;
    border-bottom:solid 1px #000;
    color:#FFFFFF;
    font-size:10px;
}


#home_news .story_close {
    height:0;
    display:none;
}

#promos {
    width:948px;
    height:200px;
    padding-top:20px;
    margin:0 auto;
}

#promos .box {
    width:316px;
    height:200px;
    float:left;
    text-align:center;
    position:relative;
}

#promos #featured {
    width:307px;
    padding-right:9px;
    height:200px;
    float:left;
    text-align:center;
    position:relative;
}

#promos .contest {
    background-image:url(../images/promo-bg.jpg);
    background-repeat:no-repeat;
    background-position: center;
    width:314px;
    height:176px;
    padding-top:12px;
    margin:0 auto;
}

#adslot3 {
    position:absolute;
    top:0;
    left:0;
    border:#FFFFFF solid 1px;
}

#adslot4 {
    position:absolute;
    top:100px;
    left:0;
    border:#FFFFFF solid 1px;
}

/* News ----------------------------------------------------- */

.news_item {
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom: solid 1px #fff;
	clear:both;
}

.news_item .date {
    float:right;
    font-style:italic;
}

/* Schedule ----------------------------------------------------- */

.race_sch {
    padding-bottom:12px;
    margin-bottom:24px;
    border-bottom:dotted 1px #fff;
}

/* riders ----------------------------------------------------- */

.rider_box {
    width:175px;
    height:225px;
    float:left;
    margin:12px;
    background-image:url(../images/rider-thumb-bg.jpg);
    background-repeat:no-repeat;
}

.rider_box .name {
    width:150px;
    height:40px;
    margin-left:12px;
    margin-right:13px;
    margin-top:10px;
}

.rider_box .name .first {
    font-size:12px;
}

.rider_box .name .last {
    font-size:14px;
    font-weight:bold;
}

.rider_box .thumb {
    display:block;
    margin:auto;
    padding:0;
}

.rider_box .profile_link {
    display:block;
    width:150px;
    margin-left:12px;
    text-align:center;
}

.profile_thumb {
    float:right;
    margin:12px;
    clear:both;    
    border: solid 1px #fff;
}

.profile_images {
    padding-top:12px;
    padding-bottom:12px;
    clear:both;
}

.profile_images a {
    display:block;
    float:left;
    margin:6px;
}


.featured_rider {
    border: solid 1px #fff;
}

.rider_img {
    float:right;
    margin:12px;
    clear:both;
}

.rider_sponsor {
    margin:12px;
}

.right-banner {
    float:right;
}

/** March 23 09 - steve: addition of 2 types of rider profiles **/

.currentlocation {
    background-color: #D83931;
    color: white !important;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
}

.sub_links {
    text-align: left;
    margin-bottom: 10px;
}

/** December 2nt 2009 - Ryan Suavet (ryan@ryansuavet.com) 
    addition of the Facebook Custom Fan Box Widget **/

#facebook_widget
{
    position:relative;    
    width:948px;
    padding: 0px 0px 0px 0px;
    margin:20px auto;
}

#facebook_widget fieldset
{
   border: 1px solid #ccc;
   width:930px;
}

#facebook_widget legend
{
    font-size: 30px;
    margin-left: 20px;
    
}

/** May 28 09 - Truong (tthai1980@gmail.com) addition of videos support
    from cyclingdirt.org **/
#home_videos
{
    width:948px;
    padding: 0px 0px 0px 0px;
    margin:20px auto;
   


}

#home_videos fieldset
{
   border: 1px solid #ccc;
   width:930px;
}

#home_videos legend
{
    font-size: 18px;
    margin-left: 20px;
    
}

.video-table
{
width: 100%;
border-collapse: collapse;
}

.video-table td, th
{

}

.video-table td
{
	padding: 10px 5px 10px 5px;
	vertical-align: top;
    width: 120px;
}

.video-table th
{
	padding: 5px 5px 5px 5px;
	background: #efefef;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}


.thumb .video-action
{
  padding: 2px;
  background: #fafafa;
  margin-top: 3px;
}

.thumb .video-image
{
    
}

.thumb .video-details
{

}

.thumb .video-details .title
{
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0.3em;
	color: white;

}


a .thumb .video-details .title
{
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0.3em;
	color: white;

}

.thumb .video-image a img
{
    border: 1px solid #ccc;

}

.thumb .video-image a:hover img
{
    border: 1px solid red;

}



.thumb .video-details .date
{
	color: #666;
	font-size:0.7em;
}