/* /Volumes/Macintosh\ HD/Users/jackhooker/Sites/psychoville/BestMurders */

/**
 *	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: 1225px;
/* 			width : 1130px; */
			margin : 0px auto;
			overflow: hidden;
			position: relative;
		}
		
		#header {
			position : relative;
			width : 1110px;
			height : 326px;
			background : url('../img/header_bg.png') no-repeat top left;
			margin : 0px auto 0;
			z-index: 0;
		}
		
		#header h1 {
			background : url('../img/h1_bg.png') no-repeat top left;
			width : 661px;
			height : 167px;
			margin : 0px auto;
			text-indent : -9999px; 
		}
		.more-info a {
			color: #fff;
			padding: 10px;
			font-size: 1.3em;
			display: block;
			width: 135px;
		}
		
		p {
			margin: 0 0 20px 0;
		}
		
		/* Positioning tools */
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.center {
			text-align: center;
		}
		
		.pad {
			padding: 20px;
		}
		
		.mgn {
			margin: 20px 0 20px 0;
		}
		
		.mgn-top {
			margin: 20px 0 0 0;
		}
		
		.mgn-bottom {
			margin: 0 0 25px 0;
			overflow: hidden;
		}
		
		/* Mainnav */
			#mainnav {
				margin: 0 auto;
				position: absolute;
				top:0;
				left:50px;
			}
			
			#mainnav ul li a {
				cursor: pointer;
			}
				
			#mainnav #homelink {
				position : absolute;
				background : url('../img/homelink_on_bg.png') no-repeat top left;
				width : 142px;
				height : 81px;
				text-indent : -9999px; 
				top : 177px;
				left : 110px;
				z-index: 100;
			}
			
			#mainnav #cheerin-up-tapes {
				position : absolute;
				background : url('../img/nav-cheerin-up.png') no-repeat top left;
				width : 292px;
				height : 81px;
				text-indent : -9999px; 
				top : 177px;
				left : 260px;
			}
			
			#mainnav #gallery {
				position : absolute;
				background : url('../img/nav-gallery.png') no-repeat top left;
				width : 160px;
				height : 81px;
				text-indent : -9999px; 
				top : 177px;
				left : 560px;
			}

			#mainnav #forumlink {
				position : absolute;
				background : url('../img/forumlink_bg.png') no-repeat top left;
				width : 140px;
				height : 73px;
				text-indent : -9999px; 
				top : 178px;
				left : 740px;
			}
			
			#mainnav #gamelink {
				position : absolute;
				background : url('../img/gamelink_bg.png') no-repeat top left;
				width : 128px;
				height : 80px;
				text-indent : -9999px; 
				top : 176px;
				left : 895px;
			}
	
	/* intropanel */
		#intropanel {
			width : 970px;
			margin : -20px auto 30px;
			height: 330px;
		}
	
	/* youtube content placeholder */
	
		#youtubeplayer {
			border : 1px solid #ccc;
			background : url('../img/youtubeplayer_bg.png') no-repeat top left #000;
			width : 640px;
			height : 385px;
		}
	
		#youtubecontent {
			width : 400px;
			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;
		}
		
		#content #youtubevideolist p {
		    font-family: Arial,Helvetica,sans-serif;
		    font-size: 12px;
/* 		    text-align: center; */
		    width: 80px;
		}
		
		#youtubevideolist ul {
			list-style : none;
		}
		
		#youtubevideolist ul li {
			display : inline;
			margin-right : 5px;
			float: left;
		}
		
		#youtubevideolist ul li a img {
			border : none;
		}
		
		/* Cheerin up tapes video styles */
		
		#cheerin-up-tapes #youtubecontent {
			width : 660px;
			height: 3600px;
			margin: 0 0 0 140px;
		}
		
		#cheerin-up-tapes #youtubeplayer {
			margin: 0 auto;
		}				
		
		#intro {
			background : url('../img/intro_bg.png') no-repeat bottom left;
			width : 275px;
/*			height : 345px;*/
			float : right;
			color : #fff;
			padding : 20px 20px 80px 20px;
		}
		
		#intro p {
			width : 255px;
			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 27px;
			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;
/*
			position: absolute;
		    right: -45px;
		    top: 747px;
*/
		}
		
		#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;
		}
		
	/*
	 *	Home 
	 */
	 
	 #home p {
	 	color: white;
	 }
	 
	 #home #content {
		background : #1a1e19;
		margin: 95px auto 0 auto;
		padding: 0 0 20px 0;
		width: 918px;
		float: none;
		overflow: hidden;
	}
	 
	 #primary-container {
	 	width: 350px;
	 	float: left;
	 }
	 
	 #secondary-container {
	 	width: 475px;
	 	float: right;	
	 }
	 
	 #home #secondary-container h2 {
	 	background: url(../img/h2-all-about-my-mother.png) no-repeat top left;
	 	width: 410px;
	 	height: 35px;
	 	margin: 0 0 20px 0;
	 }
	 
	 #home #intro-text {
	 	color: #fff;
	 	background: url(../img/home-intro-bg.jpg);
 	    height: 386px;
	    width: 315px;
	 	float: left;
	 	font-size: 14px;
	 }
	 
	 #intro-text h2 {
	    font-size: 30px;
	    font-weight: normal;
	    margin-bottom: 15px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 0;
	    text-align: right;
	    width: 293px;
	}
	 
	 #home .outro {
	 	background: url(../img/home-outro-bg.jpg);
	 	width: 596px;
	 	height: 431px;
	 	margin: 40px auto 0 auto;
	 	text-align: center;
	 	font-size: 13px;
	 }
	 
	 #home .outro-splash {
	 	background:url(../img/blood-splat.png);
	 	width: 246px;
	 	height: 188px;
	 	margin: 0 auto;
	 }
	 
	 #intro-vid {
	 	border: 1px solid #fff;
	 }
		 
		
	/*
	 *	Cheerin up tapes
	 */
	 
		#cheerin-up-tapes #mainnav #homelink {
			background : url('../img/homelink_bg.png') no-repeat top left;
		}
		
		#cheerin-up-tapes #mainnav #cheerin-up-tapes {
			background : url('../img/nav-cheerin-up-on.png') no-repeat top left;
		}	
		
		#cheerin-up-tapes #content h2 {
			background : url('../img/h2-cheering-up-tapes.png') no-repeat top left;
			width : 380px;
			height : 41px;
			margin : 0px auto 20px;
			text-indent : -9999px; 
			margin: 0;
		} 
	 
	/*
	 *	Gallery
	 */
	 
		#gallery #mainnav #homelink {
			background : url('../img/homelink_bg.png') no-repeat top left;
		}
	 	
		#gallery #mainnav #gallery {
			background : url('../img/nav-gallery-on.png') no-repeat top left;
		} 
		
	/*
	 *	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 #mainnav #homelink {
			background : url('../img/homelink_bg.png') no-repeat top left;
		}
		
		#forum #mainnav #cheerin-up-tapes {
			background : url('../img/nav-cheerin-up.png') no-repeat top left;
		}
		
		#forum #mainnav #gallery {
			background : url('../img/nav-gallery.png') no-repeat top left;
		}
		
		#forum #mainnav #forumlink {
			background : url('../img/forumlink_on_bg.png') no-repeat top left;
		}
		
		#forum #mainnav #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, #cheerin-up-tapes #content  {
			margin : 0px auto;
			float : none;
			padding-bottom : 10px;	
			overflow: hidden;
		}
		
		#game #gameholder {
			background : url('../img/game_alternative.jpg') no-repeat top left;
			width : 638px;
			height : 562px;
			margin : 0px auto;
		}
		
		#game #mainnav #homelink {
			background : url('../img/homelink_bg.png') no-repeat top left;
		}
		
		#game #mainnav #forumlink {
			background : url('../img/forumlink_bg.png') no-repeat top left;
		}
		
		#game #mainnav #gamelink {
			background : url('../img/gamelink_on_bg.png') no-repeat top left;
		}
		
		
		
		
.secondary-content {
	margin: 0 20px 0 0;
	float: right;
}