/**
 *	Site : Murder and Chips
 *	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 : Georgia, "Times New Roman", Times, serif;
			background : #000;
			color : #fff;
			font-size : 62.5%;
		}
		
		#wrapper {
			width : 994px;
			margin : 0px auto;
		}
		
		#contentholder {
			overflow : auto;
		}
		
		#divider {
			position : relative;
		}
		
		#uvlampholder {
			position : absolute;
			width : 945px;
			height : 840px;
			top : -33px;
			left : 23px;
			z-index : 100;
		}
		
	.hide {
		visibility : hidden;
	}
		
	/* header */
		#header {
			background : url('../img/body_bg.jpg') no-repeat top center #000;
			padding-top : 315px;
			position : relative;
		}
		
		#header h1 {
			background : url('../img/h1_bg.png') no-repeat top left;
			width : 482px;
			height : 119px;
			text-indent : -9999px;
			margin : 0px auto;
		}
	
	/* Panels */
		.panel {
			position : relative;
		}
		
		.innerpanel {
			background : url('../img/panel_bg.png') top left;
			border-top : 1px solid #efd5b2;
			border-bottom : 1px solid #45341f;
			border-left : 1px solid #765f38;
			border-right : 1px solid #765f38;
			padding : 20px;
			margin : -14px 0 10px 0 ;
			overflow : auto;
		}
		
		.panel h2 {
			/* background : url('../img/intropanel_h2_bg.png') no-repeat top left;
			width : 215px;
			height : 38px;*/
			text-indent : -9999px;
			margin : 0 0 0 10px;
			position : relative;
			z-index:2;
		}
		
		.panel p {
			font-size : 1.4em;
			line-height : 155%;
			margin-bottom : 20px;
		}
		
		.innerpanel a {
			color : #35c1ff;
		}
		
		#intropanel h2 {
			background : url('../img/intropanel_h2_bg.png') no-repeat top left;
			width : 215px;
			height : 38px;
		}
		
		#newspanel h2 {
			background : url('../img/newspanel_h2_bg.png') no-repeat top left;
			width : 88px;
			height : 38px;
		}
		
		#castpanel h2 {
			background : url('../img/castpanel_h2_bg.png') no-repeat top left;
			width : 86px;
			height : 38px;
		}
		
		#toolspanel h2 {
			background : url('../img/toolspanel_h2_bg.png') no-repeat top left;
			width : 313px;
			height : 38px;
		}
		
		#storiespanel h2 {
			background : url('../img/storiespanel_h2_bg.png') no-repeat top left;
			width : 605px;
			height : 38px;
		}
			
		.leftcol {
			float : left;
			width: 466px;
			margin : 0 15px 0 24px;
		}
		
		.rightcol {
			float : left;
			width : 466px;
		}
		
		#storiespanel .leftcol {
			width : 422px;
			margin : 0px;
		}
		
		#storiespanel .rightcol {
			width : 422px;
			margin : 0px;
			padding : 0px;
			float : right;
		}
		
		#storiespanel h3 {
			font-size : 2.2em;
			font-style : oblique;
			font-weight : normal;
			color : #e7b864;
		}
		
		#storiespanel dt {
			font-weight : normal;
			color : #e7b864;
			font-size : 1.4em;
		}
		
		#storiespanel dd {
			font-size : 1.4em;
		}
		
		p.nomargin {
			margin : 0px !important;
		}
	
		#newspanel h3,
		#newspanel h4 {
			font-size : 2.2em;
			font-style : oblique;
			font-weight : normal;
			color : #e7b864;
		}
		
		#castpanel {
			clear : both;
			width : 946px;
			margin : 0px auto;
			overflow : auto;
		}
		
		#toolspanel , #storiespanel {
			width : 946px;
			margin : 10px auto;
			overflow : auto;
		}
		
		#castpanel .innerpanel {
			background : url('../img/castpanel_bg.jpg') no-repeat top left;
		}
				
		#castpanel .innerpanel {
			padding : 20px 0px;
		}
		
		#castpanel ul li {
			width : 150px;
			height : 194px;
			text-align : center;
			float : left;
			padding-top : 45px;
			margin-right : 8px;
			font-size : 1.4em;
			color : #e7b864;
			font-weight: bold;
		}
		
		#castpanel ul li span {
			font-size : 1.1em;
			width : 90px;
			display : block;
			margin : 0px auto;
		}
		
		#castpanel ul li.last {
			margin-right : 0px;
		}
		
		#castpanel ul li img {
			margin : 0 0 20px 0;
		}
		
		#toolspanel li {
			width : 224px;
			float : left;
			text-align : center;
			font-size : 1.7em;
			font-style : oblique;
			font-weight : normal;
			color : #e7b864;
			padding : 40px 0 15px;
		}
	
	/* stories */
		#goodhamgirlstory,
		#hauntedstory {
			margin-bottom : 25px;
		}
		
		#storiespanel img {
			float : right;
		}
		
	/* Accessible links - Hide from visual browsers */
		#accessiblelinks {
			display : none;
		}