/*
Theme Name: Drift
Theme URI: http://www.aman-ideas.com
Description: A theme by <a href="http://www.aman-ideas.com">Aman-Ideas</a>.
Version: 1
Author: Abd Rahman
Author URI: http://www.aman-ideas.com

*/

body {margin:0; padding:0; text-align:center; font-family: Arial, Georgia, Verdana, Helvetica, sans-serif; font-size:12px; background: url('images/bg-loop.jpg')}
ul, li {list-style:none;}
h2 {font-size:20px;}
#header {width:100%; height:450px; background: url('images/header.jpg') no-repeat;}

/* global css */
#page {width:1000px; margin:auto; text-align:center; background: url('images/bg-page.jpg')}
#content {margin:-100px 20px 0px 20px; text-align:left; position:relative; float:left; height:700px;}
.clear {clear:both}

/* featured video */
#featuredVideo {width:420px; height:350px; float:left;}
#titleFeaturedVideo {margin-bottom:25px; width:100%; height:30px; background:url('images/featured_video.png') no-repeat; border-bottom:3px solid white;}
#featuredVideoList {margin-top:10px;}
#featuredVideoList ul {margin:0; padding:0;}
#featuredVideoList li {margin-top:10px; border:1px solid white;}
#featuredVideoList li div {width:100%; height:330px; padding:5px;}

/* featured image */
#featuredImage {width:230px; height:400px; float:left; margin-left:20px; }
#titleFeaturedImage {margin-bottom:25px; width:100%; height:30px; background:url('images/featured_image.png') no-repeat; border-bottom:3px solid white;}
#featuredImageList {margin-top:-10px;}
#featuredImageList ul {padding:0; margin:0;}
#featuredImageList ul li a {cursor:pointer;}
#featuredImageList img {border:1px solid white; width:220px; height:130px; padding:5px;}
#featuredImageList img:hover {background-color:white;}

/* latest events */
#latestEvents {width:260px; height:400px; float:left; margin-left:20px; }
#titleLatestEvents {margin-bottom:25px; width:100%; height:30px; background:url('images/latest_events.png') no-repeat; border-bottom:3px solid white;}
#latestEventsContents {margin-top:-10px;}
#latestEventsContents ul {padding:0; margin:0;}
#latestEventsContents ul li small {color:#feb403;}
#latestEventsContents ul li a {color:white;}
#latestEventsContents ul li a:hover {color:yellow;}

/* promotion */
#promotionContainer {margin:0 20px 0 20px;}
#promotion {width:420px; height:350px; float:left;}
#promotionList {margin-top:-10px; }
#promotionList ul {margin:0; padding:0;}
#promotionList li {margin-top:10px; border:1px solid white; text-align:center;}

/* bottom-banner */
#driftCarBanner {margin:380px 20px 20px 20px; padding:5px; text-align:center; width:950px; height:175px; border:1px solid white;}
#leftCar {float:left; width:475px; height:175px; background:url('images/drift-car1-edit.jpg') no-repeat;}
#rightCar {float:left; width:475px; height:175px; background:url('images/drift-car2.jpg') no-repeat;}

#enterForum {margin:-165px 15px 20px 25px; text-align:center; width:950px; height:120px; z-index:10; position:absolute;}
#enterForumImage {text-align:center; margin:auto; width:100px; height:100px; background:url('images/enterForumButton2.png') no-repeat;}
#enterForum a:hover {cursor:pointer; }

/* footer */
#footer {width:100%; height:50px; margin:auto; position:relative; background:url('images/bg-footer.jpg');}
#footer #credit {padding-top:2px;}
#footer #credit p {line-height:20px;}
#footer #credit p a {text-decoration:none; color:white;}
#footer #credit p span {background-color:#a0011c; padding:5px; line-height:5px;}