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

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}
*{margin:0;	padding:0;}

html { height: 100%;}
body {background:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height: 100%;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

img{border:none;}
h2, h3 {font-size: 14px; font-weight: bold; color: #000; margin: 0px 0px 10px 0px;}
hr {border-bottom: 1px solid #e4e4e4; border-right: none; border-top:none; border-left:none; height: 0px; width: auto; margin: 5px 0px;}

/* CLASSES */
.clear {clear: both;}
.border {border: 1px solid #FFF;}
.button {display: block; width: auto; height: 15px; background: url(../images/menu-red-bg.jpg) top left repeat-x #D50100; padding: 10px; color: #FFF; text-decoration: none; border: none;}
a.homenewspost {display: block; height: 80px; width: auto; background: #e4e4e4; padding: 5px; margin-bottom: 10px; color: #666; text-decoration:none;}
a.homenewspost:hover {text-decoration:none;}
a.homenewspost:hover h2 {text-decoration:underline;}

ul#tabs {list-style-type: none;}
ul#tabs li {width: 320px; background: url(../images/tabs/tab-sm.png) 0px 0px no-repeat; padding: 0px 0px 0px 0px; height: 21px; display: block; margin-bottom: 7px; clear:both;}
ul#tabs li div.tabtxt {color: #fff; width: 70px; height: auto; display: block; padding: 4px; font-size: 10px; float: left;}
ul#tabs li div.tabcontent {color: #000; width: 230px; height: auto; display: block; padding: 4px; font-size: 12px; float: left;}

.aa {float: left; margin: 20px 20px 0px 0px; display: block; height: 50px; width: auto; font-weight:bold; font-style:italic; font-size: 14px; background: #fff; padding: 10px; border: 3px solid #000; color: #D30000 !important; text-decoration:none;}
.aa input {margin: 0px; padding: 0px;}

.small {color: #999; font-size:10px;}
.white {color: #FFF;}



 
/* LINKS */
a {color:#FFF; text-decoration: none; outline: none;}
a:hover{text-decoration: underline;}

a.driverselect {height: 90px; width: 78px; display:block; border: 4px solid #ccc; background: #ccc; color: #000 !important; float: left; margin: 3px 3px 7px 3px; font-size: 8px !important;}
a.driverselect:hover {border: 4px solid #000;  color: #FFF !important; background: #000; text-decoration: none;}

a.teamselect {height: 145px; width: 161px; display:block; border: 5px solid #d30000; float: left; margin: 0px 4px 4px 5px; background: #d30000; color: #FFF !important;}
a.teamselect:hover {border: 5px solid #000;  color: #FFF; background: #000; text-decoration: none;}

a.teamdrivers {display: block; float: left; width: 290px; height: 70px; border: 5px solid #ccc; margin-bottom: 5px; background: #FFF;}
a.teamdrivers:hover {border: 5px solid #ff0000; text-decoration:none;}
.teamdriverimg {display: block; width: 70px; height: 70px; float: left;}
.teamdrivertext {display: block; width: 207px; height: 60px; float: left; padding: 5px;}

#menu {width: 560px; height: 30px; display: block; float: left; margin-top: 20px;}
#menu #menu-container {height: 30px; width: auto; display:block; margin: 0px auto;}
#menu #menu-container ul {display:inline;}
#menu #menu-container ul li.headlink {float: left; display: block; height: 28px; width:110px;}
#menu #menu-container ul li.headlinkend {margin: 0px;}
#menu #menu-container ul li.headlink a {text-decoration: none; text-transform:uppercase; display: block; height: 14px; padding: 7px 20px; text-align: center; background: url(../images/menu-red-bg.jpg) top left repeat-x #CCC;}
#menu #menu-container ul li.headlink a:hover {color: #666; background: /*url(../images/menu-grey-bg.jpg) top left repeat-x*/ #FFF;}
#menu #menu-container ul li.headlink a.selected {background: url(../images/menu-grey-bg.jpg) top left repeat-x #CCC;}

#menu #menu-container ul li.rssheadlink {float: left; display: block; height: 28px; width:32px; background: url(../images/menu-red-bg.jpg) top left repeat-x #CCC;}
#menu #menu-container ul li.rssheadlink a {display: block; height: 14px; width:18px; padding: 7px 7px; text-align: center; background: url(../../images/icons/new/rss-reverse.png) center center no-repeat;}
#menu #menu-container ul li.rssheadlink a:hover {background: url(../../images/icons/new/rss.png) center center no-repeat #FFF;}

#menu #menu-container ul li.twitheadlink {float: left; display: block; height: 28px; width:32px; background: url(../images/menu-red-bg.jpg) top left repeat-x #CCC;}
#menu #menu-container ul li.twitheadlink a {display: block; height: 14px; width:18px; padding: 7px 7px; text-align: center; background: url(../../images/icons/new/twitter-reverse.png) center center no-repeat;}
#menu #menu-container ul li.twitheadlink a:hover {background: url(../../images/icons/new/twitter.png) center center no-repeat #FFF;}

#menu #menu-container ul li.headlink ul {display: none; text-align: left; position: absolute; z-index: 999; list-style-type:none; padding: 0px 5px 7px 5px; background: #FFF;}
#menu #menu-container ul li.headlink:hover ul { display: inline; }
#menu #menu-container ul li.headlink ul li {/*float: left;*/ width:auto; padding: 0px 0px; background: #FFF;}
#menu #menu-container ul li.headlink ul li a {color: #666; font-weight: normal; font-size: 12px; width: auto; display: block; height: 14px; padding: 7px 20px; background:  #FFF; border-bottom: 1px solid #dca7a7;}
#menu #menu-container ul li.headlink ul li a:hover {font-weight: normal; color: #000; font-size: 12px; width: auto; display: block; height: 14px; padding: 7px 20px;  background-color: #f0f0f0; border-bottom: 1px solid #dca7a7;}

#logo {display: block; height: 66px; width: 219px; float: right; margin: 10px 20px 0px 0px;}
#logo a {border: none; display: block; height: 66px; width: 219px;}

#container{margin:0px auto; height:auto; padding: 0px; width:auto; min-height: 100%;}

#contenthome {width: 960px; height: auto; margin: 0px auto; display: block; overflow:auto; padding-bottom: 90px;}
#content {width: 960px; height: auto; margin: 0px auto; display: block; overflow:auto; padding-bottom: 90px;}
#homecontent {float: left; padding: 10px; width: 462px; height: auto; background: url(../images/grad-no-alpha-bg.jpg) bottom left repeat-x #FFF; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

#homecontent .video {padding: 186px 0px 0px 0px; display: block; width: 462px; height: 100px ; background: top left repeat #FFFFFF;}
#homecontent .next {padding: 0px; display: block; width: 462px; height: auto;}

.redtab-lg-lower {padding: 7px; z-index: 10; margin: 0px 0px 0px 10px; width: 387px; height:46px; display: block; float: left; background:url(../images/tab-red-large-lower.png) top left no-repeat;}
.redtab-lg-lower h2 {color: #FFFFFF; margin: 0px 0px 3px 0px; padding: 0px; font-weight:bolder;} 
.whitetab-med-lower {margin: -6px 0px 0px 10px; padding: 3px 5px 0px 10px; width: 259px; height:60px; display: block; float: left; background:url(../images/tab-whit-medium.png) top left no-repeat;}
.whitetab-med-top {margin: 0px 0px 0px 10px; z-index: 10; padding: 7px; width: 360px; height:14px; display: block; float: left; background:url(../images/white-tab-top.png) top left no-repeat;}
.whitetab-med-top h1 {color: #000; margin: 0px; padding: 0px; font-weight:bolder; font-size:14px;} 

#pagecontent {padding: 10px; width: 940px; height: auto; background: url(../images/bg-content-white.png) top left repeat; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.redtab-lg-inner-lower {padding: 7px; position: relative; z-index: 10; margin: 0px 0px 0px -10px; width: 387px; height:46px; display: block; background:url(../images/tab-red-large-lower.png) top left no-repeat;}
.redtab-lg-inner-lower h2 {color: #FFFFFF; margin: 0px 0px 3px 0px; padding: 0px; font-weight:bolder;} 

.whitetab-sm-inner-top {z-index: 10; margin: 5px 0px 10px -10px; width: 400px; height:16px; padding: 5px; display: block; background:url(../images/tab-white-small-top.png) top left no-repeat;}
.whitetab-sm-inner-top a {color: #000;}

#maincontent { margin: 0px 0px 10px 0px; padding: 10px; width: 920px; height: auto; background: url(../images/bg-content-white.png) top left repeat; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.titlebar {height: 20px; display:block; padding: 0px 0px 10px 0px; float: left; width: 500px;}
.titlebar h1 {color: #000; font-size: 18px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#maincontent a {color: #666;}

.socialicons {height: 16px; display:block; padding: 0px 0px 0px 0px; float: right; width: 350px; text-align: right;}
.socialicons ul {display: inline; list-style-type: none; float: right;}
.socialicons ul li {display: block; float: left; width: auto; color: #FFF; text-decoration:none;}
.socialicons ul li a {display: block; height: 16px; width: 16px; border: none; margin: 3px;}
.socialicons ul li a.fb {background:url(../../images/icons/social/facebook.png) top left no-repeat;}
.socialicons ul li a.digg {background:url(../../images/icons/social/digg.png) top left no-repeat;}
.socialicons ul li a.del {background:url(../../images/icons/social/delicious.png) top left no-repeat;}
.socialicons ul li a.twi {background:url(../../images/icons/social/twitter.png) top left no-repeat;}
.socialicons ul li a.red {background:url(../../images/icons/social/reddit.png) top left no-repeat;}
.socialicons ul li a.tech {background:url(../../images/icons/social/technorati.png) top left no-repeat;}
.socialicons ul li a.stu {background:url(../../images/icons/social/stumble.png) top left no-repeat;}
.socialicons ul li a.vine {background:url(../../images/icons/social/newsvine.png) top left no-repeat;}
.socialicons ul li a.mixx {background:url(../../images/icons/social/mixx.png) top left no-repeat;}
.socialicons ul li a.gbmk {background:url(../../images/icons/social/google.jpg) top left no-repeat;}
.socialicons ul li a.linked {background:url(../../images/icons/social/linkedin.png) top left no-repeat;}


#maincontent .sessionlinks {height: 23px; display:block; padding: 7px 0px 0px 0px; float: right; width: 350px; text-align: right;}
#maincontent .sessionlinks ul {display: inline; list-style-type: none; float: right;}
#maincontent .sessionlinks ul li {display: block; float: left; width: auto; color: #FFF; text-decoration:none;}
#maincontent .sessionlinks ul li a { display: block; height: 11px; width: auto; padding: 5px 10px 5px 20px; background: transparent url(../images/tab.png) top left; color: #FFF; text-decoration:none; }
#maincontent .sessionlinks ul li a:hover {background: transparent url(../images/tab.png) bottom left; color: #333;}
#maincontent .sessionlinks ul li a.active{background: transparent url(../images/tab.png) bottom left; color: #333;}

#maincontent .profilepageimage {width: 290px; height: 300px; display:block; float:left; background: url(../images/image-panel-bg.png) repeat-x #000; margin: 10px 10px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color:#FFFFFF;}
#maincontent .profilepageimage .profileimage {width: 290px; height: 300px; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:center;}
#maincontent .profilepageimage .profileimage img {margin: 10px auto;}

#maincontent .pageimage {float: left; padding: 10px 10px 20px 10px; width: 270px; height: auto; display:block; background: url(../images/image-panel-bg.png) repeat-x #000; margin: 0px 10px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color:#FFFFFF;}
#maincontent .pageimage .profileimage {width: 270px; height: 280px; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:center;}
#maincontent .pageimage .profileimage img {margin: 10px auto;}
#maincontent .pageimage a {color: #FFF;}
#maincontent .pageimage h2 {color: #FFF;}

#maincontent .pageleft {float: left; padding: 0px; width: 290px; height: auto; display:block; margin: 0px 0px 0px 0px;}

#maincontent .carpageimage {padding: 10px; width: auto; height: auto; display:block; background: url(../images/image-panel-bg.png) top left repeat-x #000; margin: 0px 10px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color:#FFFFFF;}
#maincontent .carpageinfo {padding: 10px; width: auto; height: auto; display:block; background: #ffffff; margin: 0px 0px 0px 0px;}
#maincontent .carpageinfo p {margin-bottom: 10px;}

#tip {display:none; background:transparent url(../images/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff;}

#maincontent .calinfo {float: right; width: 620px; height: auto; display:block; margin: 0px 0px 0px 0px;}
#maincontent .calinfo .eventtab {margin: 5px; width: 114px; height: 150px; display:block; float:left;}
#maincontent .calinfo .eventtab a.getcal {color: #FFFFFF; padding: 10px; width: 97px; height: 130px; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#maincontent .calinfo .eventtab a.getcal:hover {text-decoration: none; border: 5px solid #d30000; color: #FFFFFF; padding: 5px; width: 97px; height: 130px; display:block;}
#maincontent .calinfo .eventtab a.getcalmark {color: #FFFFFF;  padding: 10px; width: 97px; height: 130px; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#maincontent .calinfo .eventtab a.getcalmark:hover {text-decoration: none; border: 5px solid #000000; color: #FFFFFF; padding: 5px; width: 97px; height: 130px; display:block;}
#maincontent .calinfo .eventtab a.getstandings {background: url(../images/standings-tab.png) center center no-repeat #ccc; color: #333;  padding: 10px; width: 97px; height: 130px; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#maincontent .calinfo .eventtab a.getstandings:hover {text-decoration: none; border: 5px solid #d30000; padding: 5px; width: 97px; height: 130px; display:block;}

#maincontent .calinfo .eventtab a.getcaldet { background: #333333; color: #FFFFFF; padding: 10px; width: 95px; height: 130px; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#maincontent .calinfo .eventtab a.getcaldet:hover {text-decoration: none; border: 5px solid #d30000; color: #FFFFFF; padding: 5px; width: 97px; height: 130px; display:block;}

#maincontent .pageinfo {float: right; padding: 10px; width: 600px;  height: auto; display:block; background: #ffffff; margin: 0px 0px 0px 0px;}
#maincontent .pageinfo table {width: 100%; border: none; margin: 0px; padding: 0px; border-collapse:collapse; font-size:11px; font-weight:normal;}
#maincontent .pageinfo table th {color: #FFF; padding: 4px; text-align: left; background: url(../images/menu-red-bg.jpg) top left repeat-x; height: auto; width: auto;}
#maincontent .pageinfo table td {border-bottom: 1px solid #ccc; padding: 6px 4px;}
#maincontent .pageinfo table td img {margin: 0px; padding: 0px; text-align:center; float: none;}

#gallery {height: 120px; width: 785px; display:block; right:0%; bottom:0%; z-index: 10; position:absolute; background:url(../images/tab-red-gallery.png) top right no-repeat; margin: 0px -550px 0px 0px;}

.pageinfo ul {list-style-type: none;}
.pageinfo ul li {border-top: 1px solid #c1c1c1; height: auto; width: 90%; list-style-type: none; padding: 0px 0px 10px 0px; margin-bottom: 7px; clear:both;}
.pageinfo ul li img {margin-right: 10px; margin-top: 0px;}
.pageinfo ul li.tab {background: url(../images/tabs/tab-sm.png) 0px 0px no-repeat; padding: 0px 0px 0px 0px; height: 21px; display: block;}
.pageinfo ul li.tab .tabtxt {color: #fff; width: 84px; height: auto; display: block; padding: 4px; font-size: 10px; float: left;}
.pageinfo ul li.tab .tabcontent {color: #000; width: 150px; height: auto; display: block; padding: 4px; font-size: 12px; float: left;}

.pageinfo p {margin: 0px 0px 10px 0px;}
.copy img {display: block; float: right; margin:0px 0px 20px 20px;}

.pageimage ul {list-style-type: none;}
.pageimage ul li {border-top: 1px solid #c1c1c1; height: auto; width: 100%; list-style-type: none; padding: 0px 0px 10px 0px; margin-bottom: 7px; clear:both;}
.pageimage ul li img {margin-right: 10px; margin-top: 0px;}
.pageimage ul li.tab {background: url(../images/tabs/tab-sm.png) 0px 0px no-repeat; padding: 0px 0px 0px 0px; height: 21px; display: block;}
.pageimage ul li.tab .tabtxt {color: #fff; width: 80px; height: auto; display: block; padding: 4px; font-size: 10px; float: left;}
.pageimage ul li.tab .tabcontent {color: #fff; width: 170px; height: auto; display: block; padding: 4px; font-size: 12px; float: left;}

.pageimage ul.articles {list-style-type: none; margin: 0px 0px 0px 0px;}
.pageimage ul.articles li {height: auto; width: 97%; display:block; list-style-type: none; margin: 0px 0px 0px 0px;}
.pageimage ul.articles li a {height: 100%; width: 97%; display:block; list-style-type: none; padding: 4px;}
.pageimage ul.articles li a:hover {background: #666; padding: 4px; text-decoration:none;}
.pageimage ul.articles li.selected a {background: #FFF; color: #333 !important; padding: 4px; text-decoration:none;}
.pageimage ul.articles li.selectfirst:first-child a {background: #FFF; color: #333 !important; padding: 4px; text-decoration:none;}

.pageimage a.minilink {color: #FFF; float: left; margin: 10px 0px 0px -20px; width: 100px; font-size: 10px; height: 16px; display: block; background: url(../images/tab-red-large-lower.png) top right no-repeat; padding: 2px 3px 2px 6px;}
.pageinfo a.minilink {color: #FFFFFF; float: left; margin: 20px 0px 0px -10px; width: auto; font-size: 10px; height: 16px; display: block; background: url(../images/tab-red-large-lower.png) top right no-repeat; padding: 2px 20px 2px 6px;}

#newscontent {background: url(../images/grad-no-alpha-bg.jpg) bottom left repeat-x #FFF; float: left; padding: 10px 10px 10px 0px; width: 455px; height: 340px; margin: 22px 0px 0px 0px; -moz-border-radius-topright:10px; -webkit-border-radius-topright:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius-bottomright:10px;}

#footer {height: 75px; width: 100%; background:url(../images/footer-bg.png) top left repeat-x; margin-top: -75px; position:relative; clear:both;}
#footer #sponsors {margin: 11px 0px 0px 30px; width: 550px; display: block; height: 50px; position: relative; float: left;}
#footer #sponsors ul {display: inline; list-style-type:none;}
#footer #sponsors ul li {float: left; height: 50px; width: auto; display:block;}
#footer #sponsors ul li a.badger {height: 50px; width: 86px; display:block; border: none;}
#footer #sponsors ul li a.acorn {height: 50px; width: 123px; display:block; border: none;}
#footer #sponsors ul li a.lemac {height: 50px; width: 139px; display:block; border: none;}
#footer #sponsors ul li a.alpine-stars {height: 50px; width: 121px; display:block; border: none;}
#footer #sponsors ul li a.anonimo {height: 50px; width: 54px; display:block; border: none;}

#footer #pastsites {margin: 18px 30px 0px 0px; width: 200px; display: block; height: 30px; position: relative; float: right; text-align:right;}
#footer #pastsites ul {display: inline; list-style-type:none;}
#footer #pastsites ul li {float: right; height: 20px; width: 56px; display:block;}
#footer #pastsites ul li a {text-align: center; height: 15px; width: 36px; display:block; border: none; color: #FFF; padding: 2px 10px;}

#footer #smallprint {width: auto; display: block; height: 10px; position: relative; text-align: right; font-size: 10px; color: #888; padding-right: 12px;}

/* TWITTER BOX */
#twittercontainer {float: right; margin: 14px 0px 0px 0px; width: 400px; height: 100px; background:url(../images/tab-red-gallery-vert.png) top left no-repeat; display: block; padding: 0px;}
#twittercontainer a {color: #FFFFFF !important;}
#twitter_div {padding: 0px; float: right; display: block; width: 320px; height: 70px;} 
#twitter_div a {color: #FFFFFF !important;  text-align:right;}
#twitter_div #tweets {color: #FFFFFF !important;  text-align:right;  display: block; width: 300px; height: 50px; padding: 10px;} 
#twitter_div #tweets a {text-decoration: none; color: #ffffff !important;} 

#twitter_div a.twitterlink {color: #FFF !important; padding: 5px; float: right; width: 140px; height: 15px; display:block;}
#twitter_div #followers {color: #FFF !important; padding: 5px; display:block; float: right; width: 140px; height: 15px; display:block; text-align:right;}

#twitterholder {margin-bottom: 0px; width: auto; height: auto; background: url(../images/twitter-bg-red.jpg) bottom right no-repeat #D30000; margin-top: 10px; padding: 10px; color: #fff;}
#tweet-container a {color: #fff; font-weight: bold;}
#tweet-container {margin-bottom: 10px; width: auto; height: auto;}
.tweet {display: block; height: auto; width: 215px; padding: 0px; float: left; padding-right: 10px;}
.tweetavatar {display: block; height: 50px; width: 50px; float: left; background: #000; border: 2px solid #fff; margin: 0 0px 0px 0}
.tweetdetails {margin-top: 0px; display: block; height: 30px; padding: 10px; width: 130px; float: left; background: #FFF; color: #666; border: 2px solid #fff;}
.tweetdetails a {color: #666;}
.tweettxt {width: 205px; padding: 10px 0px;}