/**
 *	Site : Best Murders
 *	Project : Ravenhill
 *	Agency : Ralphandco
 *	Client	: BBC
 *	Author	: Julio Ruiz (id2)
 **/

	/* Global Reset */
		* {
			margin : 0px;
			padding : 0px;
		}
		
		ul {
			list-style : none;
		}
	
	/* outline removal ff */
		object:active,
		a:active {
			outline: none;
		}
		
		object:focus,
		a:focus {
			-moz-outline-style: none;
		}
		
	/* Generic styles */
		body {
			font-family : "Courier New", Courier, monospace;
			background : url('../img/body_bg.jpg');
			font-size : 62.5%;
		}
		
		#wrapper {
			width : 1111px;
			margin : 0px auto;
			overflow:auto;
		}
		
		#header {
			position : relative;
			width : 1110px;
			height : 326px;
			background : url('../img/header_bg.png') no-repeat top left;
			margin : 0px auto 0;
		}
		
		#header h1 {
			background : url('../img/h1_bg.png') no-repeat top left;
			width : 661px;
			height : 167px;
			margin : 0px auto;
			text-indent : -9999px;
		}
		
		/* Mainnav */		
			#header #homelink {
				position : absolute;
				background : url('../img/homelink_on_bg.png') no-repeat top left;
				width : 142px;
				height : 81px;
				text-indent : -9999px;
				top : 177px;
				left : 324px;
			}

			#header #forumlink {
				position : absolute;
				background : url('../img/forumlink_bg.png') no-repeat top left;
				width : 140px;
				height : 73px;
				text-indent : -9999px;
				top : 178px;
				left : 492px;
			}
			
			#header #gamelink {
				position : absolute;
				background : url('../img/gamelink_bg.png') no-repeat top left;
				width : 128px;
				height : 80px;
				text-indent : -9999px;
				top : 176px;
				left : 661px;
			}
	
	/* intropanel */
		#intropanel {
			width : 930px;
			margin : -20px auto 30px;
		}
	
	/* youtube content placeholder */
		#youtubeplayer {
			border : 1px solid #ccc;
			background : url('../img/youtubeplayer_bg.png') no-repeat top left #000;
			width : 396px;
			height : 317px;
		}
	
		#youtubecontent {
			width : 398px;
			height : 411px;
			float : left;
			margin : 0px 30px 30px 0;
		}
		
		#youtubecontent h2 {
			background : none;
			text-indent : 0;
			color : #ffffff;
			font-size : 1.6em;
			margin : 7px 0 1px 6px;
		}
		
		#youtubevideolist ul {
			list-style : none;
		}
		
		#youtubevideolist ul li {
			display : inline;
			margin-right : 5px;
		}
		
		#youtubevideolist ul li a img {
			border : none;
		}
		
		#intro {
			background : url('../img/intro_bg.png') no-repeat bottom left;
			width : 455px;
/*			height : 345px;*/
			float : left;
			color : #fff;
			padding : 20px 20px 80px 20px;
		}
		
		#intro p {
			width : 313px;
			line-height : 130%;
			font-size : 1.5em;
			margin : 0 0 20px 0;
		}
		
		#intro img {
			float : right;
		}
		
	/* content */
		#content {
			background : #1a1e19;
			float : left;
			margin : 0 12px 50px 24px;
			width: 918px;
			padding-top : 20px;
		}
		
		#content h2 {
			background : url('../img/h2_bg.png') no-repeat top left;
			width : 330px;
			height : 41px;
			margin : 0px auto 20px;
			text-indent : -9999px;
		}
		
		#content #leftcol {
			margin : 0 15px 0 12px;
			width : 414px;
			float : left;
		}
		
		#content #rightcol {
			width : 420px;
			float : left;
		}
		
		#content p {
			font-size : 1.3em;
			color : #fff;
			line-height : 130%;
			margin-bottom : 20px;
		}	
		
		#content .killer {
			float : left;
		}
		
		#content .column1 {
			float : left;
			width : 181px;
			margin : 0 13px 0 0;
		}
		
		#content .column1 img {
			float : right;
		}
		
		#content .column2 {
			width : 220px;
			float : right;
		}
		
		#content ul {
			list-style-image : url('../img/content_list_bg.png');
			padding-left : 25px;
			color : #fff;
			font-size : 1.3em;
			line-height : 130%;
			margin-bottom : 20px;
		}
		
		#content #albert h3 {
			width : 131px;
			height : 20px;
			background : url('../img/h3_albert_bg.png') no-repeat top left;
			text-indent : -9999px;
		}
		
		#content #edgein h3 {
			width : 81px;
			height : 19px;
			background : url('../img/h3_edgein_bg.png') no-repeat top left;
			text-indent : -9999px;
		}
		
		#content #davidb h3 {
			width : 182px;
			height : 20px;
			background : url('../img/h3_david_bg.png') no-repeat top left;
			text-indent : -9999px;
		}
		
		#content #john h3 {
			width : 183px;
			height : 20px;
			background : url('../img/h3_john_bg.png') no-repeat top left;
			text-indent : -9999px;
		}
		
		#content #dennis h3 {
			width : 204px;
			height : 46px;
			background : url('../img/h3_dennis_bg.png') no-repeat top left;
			text-indent : -9999px;
		}
		
		#content #albertd h3 {
			width : 167px;
			height : 20px;
			background : url('../img/h3_albertd_bg.png') no-repeat top left;
			text-indent : -9999px;
		}
		
	/* ads */
		#ads {
			width : 124px;
			padding : 10px;
			background : #fff;
			float : left;
			border : 1px solid #ccc;
			font-family : verdana;
			font-size : 1em;
			overflow : hidden;
		}
		
		#ads h3 {
			font-size : 1em;
			color : #00f;
		}
		
		#ads p {
			color : #000;
		}
		
		#ads em {
			font-style : normal;
			color : #7b7b7b;
			text-decoration : none;
		}
		
		#ads .ad {
			margin-bottom : 20px;
		}		
		
	/* Accessible links - Hide from visual browsers */
		#accessiblelinks {
			display : none;
		}
		
	/*
	 *	Forum
	 */
	 
	 	#forum #content {
			width : 955px;
			margin : 0px auto;
			float : none;
			overflow : auto;
		}
		
		#forum #content h2 {
			background : url('../img/forum_h2_bg.png') no-repeat top left;
			width : 324px;
			height : 41px;
			margin : 0px auto 20px;
			text-indent : -9999px;
		}
		
		#forum #header #homelink {
			background : url('../img/homelink_bg.png') no-repeat top left;
		}
		
		#forum #header #forumlink {
			background : url('../img/forumlink_on_bg.png') no-repeat top left;
		}
		
		#forum #header #gamelink {
			background : url('../img/gamelink_bg.png') no-repeat top left;
		}
		
		#forum #leftcol {
			float : left;
			width :  427px;
			font-size : 1.4em;
		}
		
		#forum #rightcol {
			float : left;
			width : 494px;
		}
		
		#forum #cyberdavid {
			width : 494px;
			height : 454px;
			background : url('../img/forum_alternative.jpg') no-repeat top left;
		}
		
		#forum #qacontent {
			width : 955px;
			margin : 30px auto;
			float : none;
			overflow : auto;
		}
		
		#forum #qacontent .leftcol {
			width : 596px;
			float : left;
			margin-right : 50px;
		}
		
		#forum #qacontent .leftcol h2 {
			background : url('../img/h2_forum_qa.png') no-repeat top left;
			width : 79px;
			height : 39px;
			margin : 0px auto 20px;
			text-indent : -9999px;
		}
		
		#forum #qacontent .leftcol .panel {
			background : url('../img/forum_panel_bg.jpg') top left;
			color : #ffffff;
			line-height: 140%;
			font-size : 1.7em;
			padding : 20px;
			margin : 0 0 20px 0;
		}
	
		#forum #qacontent .leftcol .panel strong {
			color : #ff0000;
			font-weight : normal;
		}
	
	/*
	 *	Game
	 */
	 	#game #content {
			margin : 0px auto;
			float : none;
			padding-bottom : 10px;
		}
		
		#game #gameholder {
			background : url('../img/game_alternative.jpg') no-repeat top left;
			width : 638px;
			height : 562px;
			margin : 0px auto;
		}
		
		#game #header #homelink {
			background : url('../img/homelink_bg.png') no-repeat top left;
		}
		
		#game #header #forumlink {
			background : url('../img/forumlink_bg.png') no-repeat top left;
		}
		
		#game #header #gamelink {
			background : url('../img/gamelink_on_bg.png') no-repeat top left;
		}