/*Project: Motor Sports
File: css/style.css
Last edited: Aug 17, 2011, 11:23 pm*/
/*****************************************HM .CSS**************************************************************/
@charset "utf-8";
/* CSS Document */
/*  Main  */
*{ margin: 0; padding: 0; outline:none}
html {height:100%; width:100%}
p{ margin:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:13px}
h1, h2, h3, h4, h5,{ font-size:12px; font-weight:normal; color:#333}
body { margin:0 0 0 0px; font-family: 'Jura', sans-serif; color:#000; text-decoration:none; font-weight:normal; font-size: 13px; background-color:#fff; background-image:url(../images/top-bg.jpg); background-repeat:repeat-x; background-position:top}
em{ font-size:14px; line-height:21px; color:#896b12; text-decoration:underline;}
a{ font-size:14px; line-height:21px; color:#896b12; text-decoration:underline;}
.clear{ clear:both}
#wrapper { margin:0 auto; width:100%}
#news-wrapper { margin:0 auto;  padding-bottom:12px; padding-top:12px;  width:100%}
#center-wrapper { margin:0 auto; width:100%}
#topheader{ margin:0 auto; width:1000px}
#topheader .followus-area{ margin:0 auto; height:60px; width:1000px}
#topheader .followus-area .search-area{ float:right; margin-top:18px;  border-right:1px #91720b solid; margin-right:13px;width:450px}
#topheader .followus-area .search-area .cm1{ float:left; margin-right:5px;}
#topheader .followus-area .search-area .submit-but2{ float:left; margin-right:10px;}
#topheader .followus-area .search-area .register-now{ margin-top:7px; float:left; margin-right:5px;}
#topheader .followus-area .search-area .register-now a{ font-size:13px; color:#5d4d1a; text-decoration:underline}

#topheader .followus-area .socl{ float:right; width:140px; margin-top:18px}
#topheader .followus-area .socl a .icn1{ float:left; background-image:url(../images/follow-us.jpg); background-repeat:no-repeat; width:35px; height:32px}
#topheader .followus-area .socl a .icn2{ float:left; background:url(../images/follow-us.jpg) no-repeat; background-position: 34% 50%; width:35px; height:32px}
#topheader .followus-area .socl a .icn3{ float:left; background:url(../images/follow-us.jpg) no-repeat; background-position: 67% 50%; width:35px; height:32px}
#topheader .followus-area .socl a .icn4{ float:left; background:url(../images/follow-us.jpg) no-repeat; background-position: 100% 50%; width:35px; height:32px}
#topheader .header-area{ margin:0 auto; width:1000px}
#topheader .header-area .logo{ position:absolute; margin-left:10px; padding-top:10px; width:110px; height:30px; z-index:15;}
#topheader .header-area .header-graphics{position:absolute; z-index:12; background-image:url(../images/header-transparent.png); background-repeat:no-repeat; width:1000px; height:272px}
#topheader .header-area .motorsport-logo{ margin-top:243px; margin-left:670px; position:absolute; z-index:16; background-image:url(../images/motorsport-logo.png); background-repeat:no-repeat; width:330px; height:28px}
#topheader .menu-area{ margin:0 auto; padding-top:0px; padding-bottom:0px; width:1000px}
#topheader .menu-area ul{ margin:0px; padding:0px}
#topheader .menu-area ul li{ float:left; list-style:none; margin:0px; padding-right:60px;}
#topheader .menu-area ul li a{ font-family: 'Jura', sans-serif; font-weight:normal; font-size:22px;color:#433403; line-height:45px; text-transform:uppercase; margin-left:10px; text-decoration:none}
#topheader .menu-area ul li a:hover, #topheader .menu-area ul li a.active{ color:#000;}



#topheader .menu-area .icon1{ float:left; width:45px; height:46px;background-image:url(../images/home-icon.jpg); background-repeat:no-repeat; display:inline; background-position:left;}
#topheader .menu-area .icon2{ float:left; width:45px; height:46px;background-image:url(../images/about-icon.jpg); background-repeat:no-repeat; display:inline; background-position:left;}
#topheader .menu-area .icon3{ float:left; width:45px; height:46px;background-image:url(../images/activity-icon.jpg); background-repeat:no-repeat; display:inline; background-position:left;}
#topheader .menu-area .icon4{ float:left; width:45px; height:46px;background-image:url(../images/gyan-icon.jpg); background-repeat:no-repeat; display:inline; background-position:left;}
#topheader .menu-area .icon5{ float:left; width:45px; height:46px;background-image:url(../images/gallery-icon.jpg);background-repeat:no-repeat; display:inline; background-position:left;}
#topheader .menu-area .icon6{ float:left; width:45px; height:46px;background-image:url(../images/blog-icon.jpg);background-repeat:no-repeat; display:inline; background-position:left;}
#news-area{ margin:0 auto; padding-top:15px; width:1000px; height:40px; background-image:url(../images/news-bg.jpg); background-position:center top; background-repeat:no-repeat}
#news-area p a{ font-size:13px; color:#876c1b}
#news-area .topnews-area2{ float:left; width:180px; margin-left:20px; border-right:1px #000 solid;   margin-right:30px;}
#news-area .topnews-area2 h2{font-family: 'Jura', sans-serif; font-weight:bold; padding-right:20px;font-size:18px; color:#4e3e0d}
#news-area .topnews-area { margin:0px; padding:0px; display:block;}
#news-area .topnews-area span{ font-family: 'Jura', sans-serif; font-weight:bold;padding-right:50px;font-size:18px; color:#000}
#news-area .topnews-area span a{font-family: 'Jura', sans-serif; font-weight:bold; text-decoration:none;  font-size:18px; color:#876c1b}

#center-area{margin:0 auto; width:1000px}
#center-area .left-area{ float:left; margin-top:5px; width:725px; min-height:600px;}
#center-area .left-area h1{ font-size:20px; color:#543e05; padding-bottom:5px; margin-top:5px;  border-bottom:1px #c8aa4a solid}
#center-area .left-area p{ font-size:14px; line-height:21px; color:#5d5d5d}
#center-area .left-area p a{ font-size:14px; line-height:21px; color:#896b12}
#center-area .left-area .pic-area{ float:left; margin-top:15px; margin-bottom:10px;width:725px}
#center-area .left-area .pages-no-aera{ float:left; padding-bottom:50px; width:725px}
#center-area .left-area .pages-no-aera .pagination_area3{ float:left; margin-top:10px;}
#center-area .left-area .pages-no-aera .next_but3{ float:left; width:45px; height:22px;}
#center-area .left-area .pages-no-aera .next_but3 a{ float:left; width:45px; text-decoration:none;font-size:12px; font-weight:normal; color:#525252; text-align:center; background-color:#b49844;padding:7px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#center-area .left-area .pages-no-aera .page_number3{ float:left; height:22px; padding-left:30px; padding-right:15px;}
#center-area .left-area .pages-no-aera .page_number3 a{font-size:12px;color:#3b3b3b; text-decoration:none;font-weight:normal;margin:0px; padding:0px; line-height:22px;}
#center-area .left-area .pages-no-aera .prev_but3{ float:left; width:45px; height:22px;}
#center-area .left-area .pages-no-aera .prev_but3 a{ float:left; width:45px; font-size:12px; text-decoration:none; font-weight:normal; color:#525252; text-align:center; background-color:#d8bc68; padding:7px;-moz-border-radius:4px;-webkit-border-radius:4px;}




#news-title{ float:left; height:52px; width:725px; background-image:url(../images/title_news.jpg); background-position:bottom; background-repeat:no-repeat}
#clm1{ float:left; margin:0px; padding:0px}
#clm1 .slide-div{ height:15px; background-image:url(../images/news-tab.png); background-repeat:no-repeat; margin-bottom:1px; padding-top:7px; padding-bottom:7px;  padding-left:20px;width:705px}
#clm1 .slide-div span{ float:left; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none}
#clm1 a{ text-decoration:none}
#clm2{ margin:0px; padding:0px}
#clm2 .box1{ margin:0px; padding:0px; background-image:url(../images/bg2.jpg); background-repeat:no-repeat;padding-left:20px; padding-bottom:7px; padding-top:10px; width:705px}
#clm2 .box1 .text-area{ float:left; width:550px; padding-left:16px}
#clm2 .box1 .text-area h1{ font-size:14px; color:#4b4b4b; text-transform:uppercase; padding-bottom:7px}
 
.text-area span a{-moz-border-radius:5px;-webkit-border-radius:5px; font-size:13px; background-image:url(../images/but-bg.jpg); background-repeat:repeat-x;  padding:6px 12px 6px 12px; text-decoration:none; color:#412f00}



#clm2 .box1 .text-area p{ font-size:12px; line-height:20px; color:#665016}
#clm2 .box1 .text-area p span{ font-size:12px; color:#4b4b4b}
#clm2 .box1 .text-area p span a{-moz-border-radius:5px;-webkit-border-radius:5px; font-size:13px; background-image:url(../images/but-bg.jpg); background-repeat:repeat-x;  padding:6px 12px 6px 12px; color:#412f00}
#rss-area{ width:1000px; float:left; margin-top:15px}
#rss-area .rss-title{ height:52px;  background-image:url(../images/title-rss.jpg); background-position:left; background-repeat:no-repeat}
#rss-area .clm3{ margin-top:10px; float:left; width:370px; padding-right:20px; background-image:url(../images/graphics1.jpg); background-position:right; background-repeat:no-repeat;}
#rss-area .clm3 p{ font-size:12px; color:#000}
#center-area .right-area{ float:right;  width:250px}
.summer-spr{ float:left;}
.summer-spr img{ margin:0px; padding:0px;}

.aads-area{ float:right;  min-height:230px; margin-top:25px; text-align:center; width:248px;  }

.common-div{ width:248px; text-align:center; margin-top:20px; padding-bottom:20px; padding-top:20px; float:left;border:1px #c8aa4a solid; }

#snapShots-area{ float:left; width:1000px; background-image:url(../images/bg.jpg); background-position:bottom; background-repeat:no-repeat; margin-top:15px}
#snapShots-area .snaps{ float:left; width:515px; padding-bottom:50px; min-height:366px; background-image:url(../images/snap-shots-bg.jpg); background-repeat:no-repeat; background-position:center}
#snapShots-area .snaps .snap-pics{ margin-left:70px; margin-top:90px; float:left; width:402px}
#snapShots-area .snaps .line{ float:right; position:relative; z-index:100; top:89px; right:43px; width:36px; height:38px; background-image:url(../images/line.png); background-repeat:no-repeat}
#snapShots-area .facebook{ padding-bottom:50px; float:left; width:482px; min-height:366px; background-image:url(../images/facebook-bg.jpg); background-repeat:no-repeat; background-position:center}
#snapShots-area .facebook .snap-pics{ margin-left:61px; margin-top:100px; float:left; width:402px}
#post-mamber-video{ float:left; margin-top:10px; width:1000px}
.cln4{ float:left; width:320px; margin-left:15px; margin-right:14px}
.cln4 .title-area{ float:left; width:326px; height:60px; background-image:url(../images/post-title.jpg); background-repeat:no-repeat}
.cln4 .title-area1{ float:left; width:321px; height:60px; background-image:url(../images/member-title.jpg); background-repeat:no-repeat}
.cln4 .title-area2{ float:left; width:331px; height:71px; background-image:url(../images/video-title.jpg); background-repeat:no-repeat}
.cln4 .text-area{ padding-top:25px; float:left; width:300px}
.cln4 .text-area h1{ font-size:15px; color:#000; padding-bottom:12px}
.cln4 .text-area p{ font-size:13px; line-height:16px; color:#6c6c6c}
.cln4 .text-area p strong{ font-size:14px; line-height:18px; color:#000}
.cln4 .text-area p span{ float:right;  text-align:right;font-size:13px; color:#6c6c6c}
.cln4 .text-area p a{ text-decoration:underline;font-size:13px; color:#a47309; font-style:italic}
.cln4 .vedio{padding-top:18px; float:left; width:300px}
#sponsor-area{ float:left;  width:1000px;  padding-top:20px; padding-bottom:20px; border-top:1px #c8c8c8 solid; border-bottom:1px #c8c8c8 solid}
#footer-area{ float:left; width:1000px; margin-top:20px; padding-bottom:80px;}
#footer-area .joincommunity{ float:left}
#footer-area .submit-news{ float:right}
#footer-area .copyright-area{ float:left; text-align:center; background-image:url(../images/footer_bg.jpg); background-repeat:no-repeat; background-position:left; width:400px; padding-top:25px; padding-bottom:25px; margin-left:110px; padding-left:40px;}
#footer-area .copyright-area ul{ margin:0px; padding:0px}
#footer-area .copyright-area ul li{ float:left; list-style:none; padding-left:10px; border-right:1px #000 solid; padding-right:10px}
#footer-area .copyright-area ul li a{ text-decoration:none;font-size:13px; font-weight:bold; color:#000}
.post-area{ float:left; width:248px; margin-top:40px;margin-right:14px}
.post-area .title-area{ float:left; width:248px; height:60px; background-image:url(../images/post-title.jpg); background-repeat:no-repeat}
.post-area .title-area1{ float:left; width:248px; height:60px; background-image:url(../images/member-title.jpg); background-repeat:no-repeat}
.post-area .title-area2{ float:left; width:248px; height:71px; background-image:url(../images/video-title.jpg); background-repeat:no-repeat}
.post-area .text-area{ padding-top:25px; float:left; width:248px}
.post-area .text-area h1{ font-size:15px; color:#000; padding-bottom:12px}
.post-area .text-area p{ font-size:13px; line-height:18px; color:#6c6c6c}
.post-area .text-area p span{ float:right;  text-align:right;font-size:13px; color:#6c6c6c}
.post-area .text-area p a{ text-decoration:underline;font-size:13px; color:#a47309; font-style:italic}
.post-area .vedio{padding-top:18px; float:left; width:248px}
#activity{ float:left; width:711px; padding:1px; margin-bottom:20px; background-color:#eaeaea}
#activity h2{font-size:22px; margin-top:13px; color:#595959;}
#activity p{ font-size:13px; padding-top:10px; color:#5d5d5d}
#activity a{ text-decoration:none}
#activity a h2{font-size:22px; margin-top:13px; text-decoration:none; color:#595959;}
#activity a p{ font-size:13px; padding-top:10px; text-decoration:none; color:#5d5d5d}

.clm5{ float:left; width:711px;}
#activity .nav3{ float:left; margin-top:20px; width:350px}
#activity .nav3 ul{ margin:0px; padding:0px}
#activity .nav3 ul li{ list-style:none; padding-bottom:10px;}
#activity .nav3 ul li a{ font-size:15px;  }

#activity .year-area{ float:right; margin-top:20px; margin-right:10px}

#activity a:hover h2{ color:#000;}
#ajax-nav-area{ width:725px; border-bottom:3px solid #ac923c; margin-top:12px}
#ajax-content-load{ margin:0px; padding:0px; margin-top:27px}
#content2{ float:left; margin:0px; padding:0px }
.gallery-area{ float:left; margin-right:23px; margin-bottom:28px;}
.gallery-pic{ float:left; border:1px #e3e3e3 solid}
.gallery-area h3{ font-size:13px; font-weight:normal; border-bottom:2px #b3b3b3 solid; padding-bottom:10px; margin-top:7px; color:#4c4c4c}
#center-area .left-area .blog-area{ float:left; width:725px; margin-bottom:20px; border-bottom:1px #e2e2e2 solid;}
#center-area .left-area .blog-area2{ float:left; width:650px; padding-left:15px }
#center-area .left-area .blog-area2 p{ font-size:14px; line-height:21px; color:#5d5d5d}
#center-area .left-area .blog-area2 p a{ font-size:14px; line-height:21px; color:#896b12}
#center-area .left-area .blog-area span{ float:left; padding:5px; width:15px; height:15px; background-color:#bfa34f; color:#000;-moz-border-radius:2px;-webkit-border-radius:2px; text-align:center}



.form-area{float:left; width:700px; padding-top:8px}
.form-area .box3{float:left; width:290px}
.form-area2{float:left; width:290px; margin-top:30px; background-image:url(../images/left_bg.jpg); background-position:right top; background-repeat:no-repeat}
.form-area3{float:left; width:290px; margin-top:7px}
.requestform input[type="text"]{font-family: 'Jura', sans-serif; font-size: 12px; color: #4d4d4d; font-weight:normal; width: 215px; height:21px; padding:4px 10px 4px 10px; margin-bottom:17px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #bbbbbb}
.requestform input[type="text"]{font-family: 'Jura', sans-serif; font-size: 12px; color: #4d4d4d; font-weight:normal; width: 215px; height:25px; padding:4px 10px 4px 10px; margin-bottom:17px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #bbbbbb}
.requestform input[type="password"]{font-family: 'Jura', sans-serif; font-size: 12px; color: #4d4d4d; font-weight:normal; width: 215px; height:25px; padding:4px 10px 4px 10px; margin-bottom:17px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #bbbbbb}

.form2{font-family: 'Jura', sans-serif; font-size: 12px; color: #4d4d4d; font-weight:normal; width: 70px; height:30px; padding:4px 4px 4px 4px; margin-bottom:17px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #bbbbbb}

.input-type{ background-color:#c0a653;font-family: 'Jura', sans-serif; font-size: 12px; color: #fff; font-weight:normal; width: 120px; height:18px; padding:5px 5px 5px 5px;-moz-border-radius:2px;-webkit-border-radius:2px;}


.requestform select{font-family: 'Jura', sans-serif; font-size: 12px; color: #a9a9a9; font-weight:normal; width: 237px; height:30px; padding:4px 5px 4px 10px; margin-bottom:17px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #e1e1e1}
.requestform select option{ height:22px; padding:4px 10px 4px 10px }
.requestform textarea{font-family: 'Jura', sans-serif; font-size: 12px; color: #4d4d4d; font-weight:normal; width: 215px; height:65px; padding:4px 10px 4px 10px; margin-bottom:17px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #bbbbbb}


.comment-area{ float:left; padding-bottom:15px; margin-bottom:20px; width:725px; border-bottom:1px #dbdbdb solid;}
.comment-area p strong{ font-size:13px; color:#252525;}
.bradcrom{ width:725px; margin-top:10px; padding-bottom:25px; border-bottom:3px solid #ac923c}
.bradcrom ul{ margin:0px; padding:0px}
.bradcrom ul li{ float:left; list-style:none; padding-right:10px}
.bradcrom ul li a{ font-size:16px; font-weight:bold; color:#8a6e1a; margin-right:8px; text-decoration:none}
.bradcrom ul li span{ font-size:16px; font-weight:bold; color:#353535; margin-left:8px; text-decoration:none}
.bradcrom .backbut{ float:right}
.bradcrom .backbut a{ float:right; -moz-border-radius:2px;-webkit-border-radius:2px; font-weight:bold; font-size:14px; background-image:url(../images/but-bg.jpg); background-repeat:repeat-x; padding:6px 12px 6px 12px; text-decoration:none; color:#412f00}
.video-area{ float:left; width:725px; text-align:center; padding-bottom:50px}
#center-area .video-categories{ float:right; margin-top:17px; width:250px}
#center-area .video-categories h1{ font-size:20px; color:#543e05; padding-bottom:13px; margin-top:5px;  border-bottom:1px #c8aa4a solid}
#center-area .video-categories ul{ margin:0px; padding:0px}
#center-area .video-categories ul li{ list-style:none; padding-left:25px; padding-bottom:12px; margin-top:15px; border-bottom:1px #dfd4bf solid;  background-image:url(../images/bullet.jpg); background-repeat:no-repeat}
#center-area .video-categories ul li a{ font-size:15px; text-decoration:none; color:#000}
.video-pic{ width:90px; height:63px; position:absolute;  z-index:3; background-image:url(../images/video-icon.png); border:1px #e3e3e3 solid; background-repeat:no-repeat; background-position:center}
.video-th-pic{ float:left; width:725px;}
td { height:20px;}
td p{ height:18px;}