/* BASIC DESIGN ELEMENTS */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: url(images/new/bg.jpg) repeat-x fixed;
}

a {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

#preload {
	display: none;
}


/* BASIC STRUCTURE */

#wrapper { 
 margin: 0 auto;
 width: 955px;
}

#content {
 margin-bottom: 5px;
 overflow: visible;
 width: 100%;
}

#header {
 color: #333;
 width: 955px;
 padding: 10px;
 height: 150px;
 margin: 10px 0px 5px 0px;
 text-align: right;
}

#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 345px;
 height: 400px;
 float: right;
}

#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 565px;
 height: 400px;
 display: inline;
 position: relative;
}

.clear { clear: both; background: none; }


/* DRIVE THROUGH */

#drivethrough {
	padding-left: 17px;
	position: relative;
	z-index: 2;
}
#drivethrough a {
	width: 100%;
	color: #000000;
	text-align: center;
}

#drivethrough_bg {
	background: url(images/new/dt_bg.png) no-repeat;
	width: 581px;
	height: 334px;
	z-index: -10;
	margin-top: -777px;
	margin-left: -17px;
	position: relative;
}

#drivethrough_text {
	margin-top: -88px;
	padding: 4px 0px 0px 10px;
	width: 520px;
	height: 70px;
	background: transparent url(images/new/trans_bg.png);
	position: relative;
	z-index: 10;
	color: #FFFFFF;
	font-family: Helvetica, Arial;
	font-weight: bold;
}

#drivethrough_title {
	font-size: 26px;
	letter-spacing: -2px;
	font-weight: bold;
	line-height: 110%;
}

#drivethrough_subtitle {
	font-size: 15px;
	line-height: 110%;
}

#drivethrough_thumb {
	border: 1px solid #000000;
}


/* SEARCH */

#searchdiv {
	background: url(images/new/searchbox.png) no-repeat left top;
	border: 0px;
	width: 265px;
	height: 65px;
	float: left;
}

#searchbox {
	background: transparent;
	border: 0px;
	width: 250px;
	padding: 5px 0px 0px 10px;
	color: #666666;
}

#checkbox {
	margin-left: 15px;
}

#resultsdiv {
	float:left;
	width: 660px;
}

#searchad {
	float: right;
	width: 250px;
}

#searchresult {
	height: 100px;
	z-index: 50;
	position: relative;
}

#searchimage {
	border: 1px #000000 solid;
	width: 132px;
	height: 75px;
	margin-right: 10px;
}


/* LATEST ARTICLES */

#latest_links a {
	font-family: Helvetica, Arial;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #000000;
}

#latest_links a:hover {
	font-family: Helvetica, Arial;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #A5A5A5;
}

#loading_div {
	display: none;
	height: 345px;
	width: 345px;
	text-align: center;
}

#latest_title {
	width: 340px;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	z-index: 70;
}

#latest_title a {
	font-size: 11px;
	font-weight: bold;
	position: relative;
	z-index: 70;
}

#latest_title a:hover {
	font-size: 11px;
	font-weight: bold;
	position: relative;
	z-index: 70;
}

#latest_left {
	float: left;
	height: 105px;
	width: 183px;
	padding-top: 10px;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	z-index: 70;
}

#latest_right {
	float: right;
	height: 105px;
	cursor: hand;
    z-index: 70;
}

#latest_right a {
	cursor: hand;
}

#latest_bg {
	background: url(images/new/latest_back.png) no-repeat;
	width: 162px;
	height: 105px;
}

#latest_image {
	margin-top: -90px;
	margin-left: 15px;
	width: 132px;
	height: 75px;
}

#readmore {
	background: url(images/new/readmore.png) no-repeat;
	width: 78px;
	height: 24px;
	display: block;
	padding-left: 12px;
	padding-top: 5px;
}

/* EXTRAS */

#extras { 
 width: 935px;
 clear: both;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 position: relative;
 z-index: 60;
}

#extrasad {
	width: 200px;
}

#podcast {
	width: 300px;
	float: left;
}

#videos {
	width: 100%;
}

#movies {
	width: 300px;
	float: right;
}

#extras_head {
	font-family: Helvetica, Arial;
	font-size: 22px;
	letter-spacing: -2px;
	color: #000000;
	font-weight: bold;
}

#extras_head a {
	font-family: Helvetica, Arial;
	font-size: 22px;
	color: #000000;
	font-weight: bold;
}

#extras_head a:hover {
	font-family: Helvetica, Arial;
	font-size: 22px;
	color: #CC0000;
	font-weight: bold;
}

#extras_head2 {
	font-family: Helvetica, Arial;
	font-size: 22px;
	letter-spacing: -2px;
	color: #A5A5A5;
	font-weight: bold;
}

#extras_bg {
	background: url(images/new/podcast_back.jpg) no-repeat;
	width: 217px;
	height: 170px;
}

#extras_image {
	margin-top: -155px;
	background: url(images/new/podcast_head.jpg) no-repeat;
	width: 187px;
	height: 140px;
}

#heading {
	font-weight: bold;
	font-family: Helvetica, Arial;
	font-size: 1.5em;
    letter-spacing: -1px;
	color: #000000;
}

#heading a {
	font-weight: bold;
	font-family: Helvetica, Arial;
    letter-spacing: -1px;
	color: #000000;
}

#heading a:hover {
	font-weight: bold;
	font-family: Helvetica, Arial;
	color: #990000;
}


/* FOOTER */

#bottomlinks {
    color: #666666;
    text-align: center;
    font-size: 11px;
}

#bottomlinks a {
    color: #990000;
    text-align: center;
    font-size: 11px;
}

#bottomlinks a:hover {
    color: #666666;
    text-align: center;
    font-size: 11px;
}


/* CONSOLE PAGES */

#drivethrough_div {
	height: 420px;
	padding-left: 80px;
}
#articlesdiv {
	float:left;
	width: 660px;
}

#advertdiv {
	float: right;
	width: 250px;
}


/* ARTICLES */

#articlediv {
	float:left;
	width: 660px;
}

#scorediv {
    text-align: center;
    font-family: Helvetica, Arial;
    font-weight: bold;
    font-size: 75px;
    color: #FFFFFF;
}

#goodpoints {
    width: 249px;
    background: url(images/new/good.jpg) #DDDFD4 no-repeat center;
    min-height: 50px;
}

#badpoints {
    width: 249px;
    background: url(images/new/bad.jpg) #A9AB96 no-repeat center;
    min-height: 50px;
}

#goodtext {
    padding-left: 10px;
    width: 185px;
    font-family: Helvetica, Arial;
    font-size: 12px;
    text-align: left;
}

#badtext {
    padding-left: 10px;
    width: 185px;
    font-family: Helvetica, Arial;
    font-size: 12px;
    text-align: left;
}

#trailer {
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
}


/* MAKING CURVED BOXES (FOR SUMMARY BOX) */

.raised {background: transparent; width:100%; margin:0 auto;}

.raised .top, .raised .bottom
{display:block; background:transparent; font-size:1px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b
{display:block; overflow:hidden;}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b
{height:1px;}

.raised .b2 {background:#A9AB96; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#A9AB96; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#A9AB96; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#A9AB96; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#A9AB96; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#A9AB96; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#A9AB96; border-left:1px solid #fff; border-right:1px solid #999;}