@import 'pages.css';
@import '../js/fancybox/jquery.fancybox.css?v=2.1.5';
@import '../js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7';


body {
   color:#000000;
   background:#ffffff;
   font: 62.5%  'Open Sans',Arial, Helvetica;
 }


/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
img { border: none; }


/* Clear Floats
--------------------------------------------------------------------------*/

.clearfix,ul.list-clear li{display:inline-block;}
.clearfix,ul.list-clear li{display: block;}

.clearfix:after,
ul.list-clear li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}


.right{float: right !important;}
.left{float:left !important;}
.clear{clear: both;}


/* General Form Styles
-------------------------------------------------------------------------*/
input, textarea, select { outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}


fieldset .col{
  width:257px;
  float:left;
}


label{
  width:238px;
  color:#000000;
  font:bold 11px Arial;
  padding: 0 0 8px 0;
  display: block;
}

input.textbox,textarea{
  height: 26px;
  background:#ebebeb;
  border:1px solid #c4c4c4;
  padding:5px 4px;
  font: 14px Arial;
  margin: 0 15px 20px 0;
}

input.textbox{
  width:238px;
}

textarea{
  width:100%;
  height:100px;
}

select{
  border:1px solid #cecece;
  border-radius: 5px;
  background:#FFF;
  height: 40px;
}

fieldset{
  margin: 0 0 20px 0;
}


/* General Link Styles
--------------------------------------------------------------------------*/
a:link, a:visited {
  color:#ff0000;
text-decoration: none;}

a:hover{ color:#ff0000;
 text-decoration:none;}


img.right{
  margin-left:15px;
  margin-bottom:15px;
}

img.left{
  margin-right:15px;
  margin-bottom:15px;
}

img.border{
  border:1px solid #FFF;
}



.btn{
  background:#e30613;
  color:#FFF;
  text-transform: uppercase;
  font-size:20px;
  text-align: center;
  padding:20px 50px;
  font-weight:bold;
  border:none;
  display: block;
}

.text-alt{
  font-family: 'Lato',Arial;
}




.text-center{
  text-align: center;
}

.text-upper{
  text-transform: uppercase;
}

.text-left{
  text-align: left !important;
}

.text-bold{
  font-weight:bold;
}

.text-italic{
  font-style: italic;
}

.text-right{
  text-align: right;
}

.text-highlight{
  color:#ff0000;
}

.icon{
  float:left;
  margin-right:10px;
  text-indent: -999px;
  overflow: hidden;
  display: block;
  background-image: url('../images/ui/icons.png');
}

.icon-tweets{
  width:24px;
  height:21px;
  background-position: -100px -50px;
}

.icon-fb{
  width:7px;
  height: 10px;
  background-position: -150px -150px;
}

.icon-email{
  width:8px;
  height: 8px;
  background-position: -100px -150px;
}

.icon-twitter{
  width:11px;
  height: 9px;
  background-position: -50px -150px;
}

.icon-youtube{
  width:6px;
  height: 8px;
  background-position: 0px -150px;
}

.icon-top{
  width:13px;
  height:14px;
  background-position: -100px -100px;
}


.icon-info{
  width:22px;
  height: 22px;
  background-position: -200px -100px;
}

.icon-photos-stack{
  width:27px;
  height: 27px;
  background-position: -250px -50px;
}

.icon-play-red{
  background-position: -150px -100px;
  width:23px;
  height: 28px;
}

.icon-more-short,
.icon-arrow{
  background-position: 0 -100px;
  width:13px;
  height:7px;
}

.icon-more,
.icon-more-alt{
  width:24px;
  height: 14px;
  background-position: -50px -100px;
}

.icon-more-alt{
  background-position: -50px -114px;
}

.icon-events {
  width:30px;
  height: 30px;
  background-position: -200px -50px;
}

.icon-latest-news{
  width:29px;
  height: 23px;
  background-position:-150px -50px
}

.icon-news{
  background-position: -50px 0;
  width:38px;
  height: 28px;
}

.icon-schedule{
  background-position: -100px 0;
  width:35px;
  height: 30px;
}


.icon-photos{
  width:29px;
  height: 22px;
  background-position: 0 0;
}

.icon-videos{
  width:43px;
  height: 26px;
  background-position:-150px 0;
}

.icon-contact{
  width:39px;
  height: 27px;
  background-position:-200px  0;
}

.icon-sponsors{
  width:29px;
  height: 29px;
  background-position: -250px 0;
}

.icon-user, .icon-roddey{
  width:37px;
  height: 36px;
  background-position: -300px 0;
}

.icon-calendar{
  background-position: 0px -50px;
  width:22px;
  height: 22px;
}

.icon-facebook{
  width:20px;
  height: 20px;
  background-position: -50px -50px;
}

.icon-play-big{
  width:74px;
  height: 74px;
  background-position: -300px -50px;
}

.icon-play{
  width:58px;
  height: 56px;
  background-position: -400px -50px;
}

.icon-photos2{
  width:23px;
  height: 19px;
  background-position: -250px -100px;
}

/*-------------------------------------------------------------------------
                        PAGE STYLES
*-------------------------------------------------------------------------*/
.container{
  width:960px;
  margin:0 auto;
  position: relative;
}

/*-------------------------------------------------------------------------
                        HEADER
*-------------------------------------------------------------------------*/
.header{
  position: relative;
  z-index: 0;
  background:#000 url('../images/ui/bg_header.jpg') no-repeat center top;
  border-bottom:6px solid #d81a20;
  height: 290px;
}

.header-top{
  height: 95px;
  background:url('../images/ui/bg_header_top.png') no-repeat center top;
}

.header .logo{
  position: absolute;
  top:35px;
  left:0;
  z-index: 1;
  display: block;
}

a.link-book{
  display: block;
  position: absolute;
  right:33px;
  top:4px;
  text-align: center;
  height: 21px;
  width:108px;
  color:#FFF;
  font-size:11px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight:bold;
  border-radius: 0 5px 5px 0;
  background:#d71a21;
}

.list-social{
  position: absolute;
  right:70px;
  top:5px;
  color:#898989;
  font-size:11px;
  font-style: italic;
  line-height: 16px;
}

.list-social li{
  float:left;
  margin: 0 0 0 10px;
}

.list-social li a{
  display: block;
  float:left;
  width:16px;
  height: 16px;
  border-radius: 16px;
  text-align: center;
  background:#FFF;
}

.list-social a{
  width:16px;
  height: 16px;
  border-radius: 16px;
  display: block;
  background:#FFF;
}

.list-social li .icon{
  float:none;
  margin:3px auto 0 auto;
}

.list-social li a:hover{
  background:#d71a21;
}

.nav{
  margin:0px 0 0 230px;
  position: relative;
  top:53px;
}

.main-nav{
  color:#a1a1a1;
  font-size:12.5px;
  font-weight:bold;
  text-transform: uppercase;
}

.main-nav li{
  float:left;
  margin: 0 0 0 15px;
}

.main-nav a{
  color:#a1a1a1;
}

.main-nav a:hover,
.main-nav a.active{
  color:#d71a21;
}

a.link-roddey{
  position: absolute;
  right:16px;
  top:34px;
}

.header .title{
  font-size:38px;
  font-weight:900;
  color:#FFF;
  padding:40px 0 0 0;
}

.header .title .icon{
  margin-top:9px;
}


/*-------------------------------------------------------------------------
                        CONTENT
*-------------------------------------------------------------------------*/
.content{
  background:#ebebeb url('../images/ui/bg_content.jpg') no-repeat center top;
}

.content-wrapper{
  position: relative;
  z-index: 1;
  top:-84px;
  background:#ffffff;
  border-bottom:3px solid #ff0000;
  padding:4px 0 0 0;
}

.share{
  background:#f5f5f5;
  padding:20px 25px;
  height: 60px;
}

.share .title{
  font-size:16px;
  color:#000000;
  font-weight:800;
}

.share a.btn-back{
  position: absolute;
  left:511px;
  top:20px;
  border-radius: 5px;
  padding:5px 10px;
  background:#d11a21;
  color:#fff;
  font-size:12.5px;
}

.main-content.full{
  padding:20px;
  float:none;
  width:900px;
}

.main-content{
  float:left;
  width:605px;
  margin: 20px 0 20px 20px;
}

.content-wrapper.noshare .main-content{margin-top:5px;}

.main-content.full  h1{
  font-size:25px;
  font-weight:800;
}

.main-content p{
  font-size:12.5px;
  line-height: 20px;
  margin: 0 0 20px 0;
}

.main-content.full  h2,
.main-content.full  h3,
.main-content.full  h4,
.main-content.full  h5{
  color:#252525;
  margin: 0 0 5px 0;
}

.main-content.full h2{font-size:28px;}
.main-content.full  h3{font-size:22px;}
.main-content.full  h4{font-size:19px;}
.main-content.full  h5{font-size:15px;}

.main-content.full  ol,
.main-content.full  ul{
  margin-bottom:15px;
}

.main-content ol li,
.list li{
  margin-bottom:5px;
  font-size:12.5px;
}

.list li{
  background:url('../images/ui/bullet.png') no-repeat 0 5px;
  padding: 0 0 0 10px;
}

.main-content ol li{
  margin-left:12px;
  list-style: decimal;
}

.date{
  color:#231f20;
  text-transform: uppercase;
  border-bottom:3px solid #ff0000;
  display: block;
  font-size:12px;
  float:left;
  margin: 0 0 15px 0;
}

.sidebar{
  width:305px;
  float:right;
  margin: 5px 10px 20px 0;
  position: relative;
  top:-60px;
}

.content-wrapper.noshare .sidebar{top:0;}

.upcoming-race{
  margin: 0 0 10px 0;
  background:#414141;
}

.upcoming-race .title{
  padding:20px;
  font-size:15px;
  font-weight:bold;
  color:#fff;
  background:#1b1b1b;
}


.list-races{
  padding:0 20px 20px 20px;
}

.list-races li{
  border-bottom:1px dotted #4d4d4d;
  padding:10px 0;
  color:#FFF;
}

.list-races h2{
  font-size:22px;
  font-weight:bold;
  text-transform: uppercase;
}

.list-races h3{
  color:#999ea9;
  font-size:12.5px;
  font-weight:bold;
  text-transform: uppercase;
}

.list-races h4{
  font-size:12.5px;
  font-weight:normal;
}

.list-races p {
  font-size:14.5px;
}

.list-races p span{
  color:#ec1b22;
  padding: 0 10px 0 0;
  border-right:1px solid #aeaeae;
}

.list-races p span:last-child{
  border:none;
}

.fb{
  height: 52px;
  color:#FFF;
  background:#ff0000;
  margin: 0 0 15px 0;
  padding: 15px 20px 0 20px;
}

.fb h4{
  font-size:18px;
  font-weight:bold;
}

.sidebar-photos{
  border:4px solid #000001;
  padding:15px;
  margin: 0 0 15px 0;
}

.list-sidebar-photos li{
  float:left;
  padding:0 18px 15px 0;
}

.list-sidebar-photos li:nth-child(3n+3){
  padding-right:0;
}

.list-sidebar-photos img{
  display: block;
  border:5px solid #dcdcdc;
}

.list-sidebar-photos a:hover img{
  border-color:#ff0000;;
}

.sidebar-photos .title{
  font-size:18px;
  color:#ff0000;
  margin: 0 0 30px 0;
}

.sidebar-photos a.more{
  font-size:13px;
  background:#242424;
  display: block;
  padding:12px 30px;
  text-align: center;
  color:#FFF;
  margin: 0 40px;
}

.sidebar-vid{
 margin: 0 0 15px 0;
}

.pagination {
  margin:10px 0;
}

.pagination li{
  float:left;
  padding: 0 4px 0 0;
  line-height: 18px;
}

.pagination a{
  display: block;
  float:left;
  background:#f6f6f6;
  border:1px solid #c9c9c9;
  border-radius: 5px;
  width:23px;
  height:23px;
  color:#717171;
  font-size:12px;
  line-height: 15px;
  font-weight:bold;
  text-align: center;
  padding:2px 0 0 0;
  text-shadow: 0px 0px 5px #ccc;
  box-shadow: 0 1px 1px #ccc;
}

.pagination a:hover{
  background:#626262;
  color:#FFF;
}

a.btn-top{
  display: block;
  margin:75px auto;
  color:#FFF;
  text-transform: uppercase; text-align:center;
  font-size:12px;
  font-weight:bold;
  border-radius: 5px;
  width:150px;
  height: 35px;
  background:#ff0000;
  padding:8px 15px 0 15px;
}

a.btn-top .icon{
  float:right;
  margin:3px 0 0 5px;
}

.tweets{
  margin: 16px 0;
  background:url('../images/ui/bg_twitter.jpg') no-repeat top left;
  height: 198px;
  width:960px;
  margin:16px auto;
  position: relative;
  z-index: 10;
}

.tweets  .pic{
  position: absolute;
  z-index: 2;
  bottom:0;
  right:0;
}

.tweets .title{
  font-weight:800;
  font-size:25px;
  text-transform: uppercase;
  float:left;
  width:320px;
  color:#FFF;
  padding:50px 0 0 30px;
}

.tweets .title a{
  display: block;
  text-transform: uppercase;
  color:#ff0000;
  font-size:12.5px;
  font-weight:normal;
  float:left;
}

.tweets .title a .icon{
  float:right;
  margin:4px 0 0 10px;
}

.tweets .tweet-list{
  width:640px;
  float:right;
  border:4px solid #ec0000;
  border-left:none;
  height: 198px;
  padding:50px 0 0 0;
  color:#000000;
}

.tweets .tweet-list h3{
  font-size:19px;
  font-weight:normal;
  margin: 0 0 15px 0;
}

.tweet{
  color:#292c3a;
  font-size:11px;
  line-height: 14px;
  width:275px;
  height: 55px;
}

.tweets .dots a{
  display: block;
  height: 9px;
  width: 9px;
  float:left;
  border-radius: 9px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 5px 0 0;
  background:#ee1c1c;
}

.tweets .dots a.activeSlide{
  background:#343434;
}

.sponsors{
  height: 180px;
  margin: 100px 0 0 0;
  color:#FFF;
  background:#2c2c2c url('../images/ui/bg_sponsors.jpg') no-repeat center top;
}

.list-sponsors-div {
	padding-top:30px;
	margin:0px auto;
}

.list-sponsors li{
  width:250px;
  height:110px;
  text-align: center;
/*  float:left;
  padding:30px 75px 0 0;
  */
}

.list-sponsors li:last-child{
  padding-right: 0;
}

.sponsors .title{
  border-bottom:2px solid #000000;
  text-transform: uppercase;
  font-size:24px;
  font-weight:800;
  position: absolute;
  top:-90px;
  width:100%;
}

.sponsors .title span{
  margin: 0 auto;
  color:#ec0000;
  background:#ffffff;
  display: block;
  width:173px;
  text-align: center;
  position: relative;
  top:13px;
}

/*-------------------------------------------------------------------------
                        FOOTER
*-------------------------------------------------------------------------*/
.footer{
  height: 269px;
  background:url('../images/ui/bg_footer.jpg') no-repeat bottom center;
}

.footer-top{
  height: 114px;
  padding:40px 0 0 130px;
  position: relative;
}

.footer-top .logo{
  position: absolute;
  left:0;
  top:32px;
}

.nav-footer{
  text-transform: uppercase;
  color:#898989;
  font-size:12.5px;
  font-weight:bold;
}

.nav-footer a{
  color:#898989;
}

.nav-footer a:hover{
  color:#ff0000;
}

.nav-footer li{
  float:left;
  padding:0 15px;
  border-right:1px solid #b7b7b7;
}

.nav-footer li:last-child{
  border:none;
}

.footer-bottom{
  color:#a7a8a8;
  padding:30px 0 0 0;
  position: relative;
}

.footer-bottom p{
  float:left;
  font: bold 11px Arial;
}

.footer-bottom p a{
  color:#a7a8a8;
}
.footer-bottom p a:hover{ color:#ec0000; }

.footer-bottom .dm{
  position: absolute;
  top:-5px;
  left:51%;
  display: block;
  text-indent: -999px;
  overflow:hidden;
  width:52px;
  height: 49px;
  margin: 0 0 0 -40px;
  background:url('../images/ui/DigMo_logo.png') no-repeat top left;
}
.footer-bottom .dm:hover{
	background-position: 0 -49px;
}