/* ----------------------------------- CSS || THE STATE WITHIN || MHAYNES OCT 2006 \*/

/* commented backslash hack v2 for IE 5x on Mac http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \\*/

/* ----------------------------------- GENERAL \*/

body {color:#fff;background:#000 url('/staticarchive/38e6b25e64fbbb4c42101a1ec0aede632cfd5c86.gif');font-family:verdana,arial,helvetica,sans-serif;}

a, a:link{color:#fff;}
a:visited {/*color:#959190;\*/}
a:hover {color:#d62924;}
a.bbcpagecrumb {text-transform:uppercase;font-weight:bold;}

img {border:0;}

h1 {padding:0;margin:0 0 20px 0;}
h3 {font-size:1em;margin:0 20px 7px 0;padding:0;}

.structuralLabel {display:block;position:absolute;left:-1000px;top:-1000px;}

/* ----------------------------------- BANNER \*/

div#banner {position:relative;z-index:1;left:-125px;width:770px;height:110px;

/* CHANGE THIS VALUE FOR THE BANNER IMAGE \*/
background:#000000 url('/staticarchive/811bc6c5e3903357bea63472ccffd3477b01b78e.jpg') right top no-repeat;}


div#banner a {margin:0 0 0 125px;display:block;width:635px;height:100%;}
div#banner a h1 {position:absolute;left:-1000px;top:-1000px;} 

td.bbcpageToplefttd table tbody * {z-index:2;position:relative;} /* move contents up in z-index \*/
td.bbcpageCrumb {height:70px;}

/* ----------------------------------- NAV \*/

div#grid-navigation {margin:20px 0 0 8px;}

div#grid-navigation ul {list-style:none;margin:0;padding:0;}
div#grid-navigation ul li {margin:0 0 3px 0;]margin:0;padding:0;}
div#grid-navigation ul li a {text-decoration:none;margin:0;padding:0;display:block;width:100%;height:12px;}
div#grid-navigation ul li a span {position:absolute;left:-1000px;top:-1000px;}

div#grid-navigation ul li#theStateWithin {margin-bottom:15px;}
div#grid-navigation ul li#theStateWithin a {background:url('/drama/thestatewithin/images/nav/_theStateWithin.gif') top left no-repeat;}
div#grid-navigation ul li#theStateWithin a:hover, div#grid-navigation ul li#theStateWithin.selected a {background-position:0px -12px;}

div#grid-navigation ul li#game a {background:url('/drama/thestatewithin/images/nav/_game.gif') top left no-repeat;}
div#grid-navigation ul li#game a:hover, div#grid-navigation ul li#game.selected a {background-position:0px -12px;}

div#grid-navigation ul li#episodes a {background:url('/drama/thestatewithin/images/nav/_episodes.gif') top left no-repeat;}
div#grid-navigation ul li#episodes a:hover, div#grid-navigation ul li#episodes.selected a {background-position:0px -12px;}

div#grid-navigation ul li#characters a {background:url('/drama/thestatewithin/images/nav/_characters.gif') top left no-repeat;}
div#grid-navigation ul li#characters a:hover, div#grid-navigation ul li#characters.selected a {background-position:0px -12px;}

div#grid-navigation ul li#aboutTheShow a {background:url('/drama/thestatewithin/images/nav/_aboutTheShow.gif') top left no-repeat;}
div#grid-navigation ul li#aboutTheShow a:hover, div#grid-navigation ul li#aboutTheShow.selected a {background-position:0px -12px;}

div#grid-navigation ul li#interviews a {background:url('/drama/thestatewithin/images/nav/_interviews.gif') top left no-repeat;}
div#grid-navigation ul li#interviews a:hover, div#grid-navigation ul li#interviews.selected a {background-position:0px -12px;}

div#grid-navigation ul li#photoGallery a {background:url('/drama/thestatewithin/images/nav/_photoGallery.gif') top left no-repeat;}
div#grid-navigation ul li#photoGallery a:hover, div#grid-navigation ul li#photoGallery.selected a {background-position:0px -12px;}

div#grid-navigation ul li#classified a {background:url('/drama/thestatewithin/images/nav/_classified.gif') top left no-repeat;}
div#grid-navigation ul li#classified a:hover, div#grid-navigation ul li#classified.selected a {background-position:0px -12px;}

/* START NEW 24/10/2006 */

div#grid-navigation ul li#yourReviews a {background:url('/drama/thestatewithin/images/nav/_yourReviews.gif') top left no-repeat;}
div#grid-navigation ul li#yourReviews a:hover, div#grid-navigation ul li#yourReviews.selected a {background-position:0px -12px;}

div#grid-navigation ul li#watchTrailer a {background:url('/drama/thestatewithin/images/nav/_watchTrailer.gif') top left no-repeat;}
div#grid-navigation ul li#watchTrailer a:hover, div#grid-navigation ul li#watchTrailer.selected a {background-position:0px -12px;}

/* END NEW 24/10/2006 */

/* ----------------------------------- CENTRE COLUMN \*/

div#centreColumn {width:425px;float:left;padding:0 0 50px 0;margin:20px 0 0 0;font-size:0.7em;}

/* ----------------------------------- RIGHT COLUMN \*/

div#rightColumn {width:208px;float:left;text-align:left;padding:0;margin:20px 0 0 0;font-size:0.7em;}

/* ----------------------------------- PROFILES \*/

/* General --- \*/

div#profileRedBg {text-align:center;padding:20px 0 8px 0;margin:0;width:408px;background:#810e00 url('/drama/thestatewithin/images/bg/profileRedBg.gif') top left no-repeat;}

div#profilePaperBg {position:relative;color:#000;text-align:left;padding:0 0 31px 0;margin:0 auto;]margin-top:-3px;width:394px;background:url('/drama/thestatewithin/images/bg/profilePaperBg.gif') top left repeat-y;}

div#profilePaperBgTop {width:394px;height:44px;background:url('/drama/thestatewithin/images/bg/paperTop.jpg') top left no-repeat;}

/* Generic Page \*/

div#genericPageRedBg {position:relative;width:408px;padding:0 0 8px 0;text-align:center;background-color:#810e00;}

div#normalTemplate {margin:0 0 0 70px;padding:5px 30px 0 0;line-height:20px;}
div#normalTemplate p {padding:10px 0 10px 0;margin:0;}
div#normalTemplate img.left {float:left;margin:5px;}
div#normalTemplate img.right {float:right;margin:5px;}

div#profilePaperBg img.mainImage {position:absolute;top:0;left:0;z-index:1;}

/* Episodes --- \*/

div#profilePaperBg div#normalTemplate div.episode {padding:15px 0 20px 0;background:url('/drama/thestatewithin/images/bg/dottedLine.gif') bottom center no-repeat;}
div#profilePaperBg div#normalTemplate div.episode h3 {padding:0;margin:0 0 10px 0;}
div#profilePaperBg div#normalTemplate div.episode img.left {margin:0px 5px 5px 0;}
div#profilePaperBg div#normalTemplate div.episode p {padding:0;margin:0;}

img#episodeMainImg {position:absolute;top:0;left:0;}
div#episodeGuideTopPromo h3 {padding:0;margin:10px 0 20px 0;}
div#episodeGuideTopPromo {text-align:left;margin:0 0 0 7px;padding:0;position:relative;z-index:3;padding:1em;}

/* Character Dossiers --- \*/

div#profileDetails {margin:0 0 0 40px;}

img.dossiers {margin:0 6px 5px 0;padding:0;}

ul.dashList {list-style:disc;list-style-position:inside;margin:0;padding:0;}
ul.dashList li {margin:0.25em 0 0.25em 0;padding:0;}

dl#profileDefinitionList {margin:-100px 0 30px 10px;position:relative;z-index:2;width:180px;}
dl#profileDefinitionList dt {width:60px;height:10px;float:left;clear:both;margin:0.25em 0.5em 0.25em 0;}
dl#profileDefinitionList dd {margin:0.25em 0 0.25em 0;}
dl#profileDefinitionList dt span {position:absolute;display:block;top:-1000px;left:-1000px;}
dl#profileDefinitionList dt#profileDefinitionListName {background:url('/drama/thestatewithin/images/titles/dossierName.gif') 0px 1px no-repeat;}
dl#profileDefinitionList dt#profileDefinitionListJob {background:url('/drama/thestatewithin/images/titles/dossierJob.gif') top left no-repeat;}
dl#profileDefinitionList dt#profileDefinitionListDob {background:url('/drama/thestatewithin/images/titles/dossierDob.gif') top left no-repeat;}
dl#profileDefinitionList dt#profileDefinitionListNationality {background:url('/drama/thestatewithin/images/titles/dossierNationality.gif') top left no-repeat;}
dl#profileDefinitionList dt#profileDefinitionListFamily {background:url('/drama/thestatewithin/images/titles/dossierFamily.gif') top left no-repeat;}

/* ----------------------------------- GENERIC INDEX \*/

div.genericPromo {margin:0 0 15px 0;height:150px;position:relative;color:#000;background:url('/drama/thestatewithin/images/bg/genericIndexPromoPaper.jpg') top left repeat-y;width:408px;}
div.genericPromo p {margin:0.25em 0 1em 0;padding:0;}
div.genericPromo img.bg {position:absolute;top:0;left:0;z-index:1;}
div.genericPromo div.overlay {position:absolute;top:15px;left:165px;width:200px;z-index:2;}

/* ----------------------------------- CLASSIFIED \*/

div#passwordBox {width:400px;background:#000;margin:0 auto;height:100px;border:1px solid #810e00;}
div#passwordBox form {font-size:1em;padding:1em;margin:0;text-align:center;}
div#passwordBox form fieldset {margin:0;padding:0;border:0;}
div#passwordBox form legend {padding:0 0 20px 30px;font-size:1.3em;font-weight:bold;color:#fff;}
div#passwordBox form p {padding:0;margin:0.5em 0 0 0;color:#810e00;font-weight:bold;}

/* ----------------------------------- GAME \*/

div#widePaperTop {color:#000;width:651px;height:44px;background:url('/drama/thestatewithin/images/bg/widePaperTopBg.gif') 0px 0px repeat-y;}
div#widePaper {color:#000;width:651px;background:url('/drama/thestatewithin/images/bg/widePaperBg.gif') 0px 0px repeat-y;}

/* ----------------------------------- EPISODES LINKS (RH NAV) \*/

div#episodesLinks {width:203px;]width:208px;height:360px;]height:430px;background:#880e00 url('/drama/thestatewithin/images/bg/episodesLinks.jpg') top left no-repeat;padding:70px 0 0 5px;text-align:left;}

/* ----------------------------------- INTERVIEW LINKS (RH NAV) \*/

div#interviewLinks {width:203px;]width:208px;height:360px;]height:430px;background:#880e00 url('/drama/thestatewithin/images/bg/interviewsLinks.jpg') top left no-repeat;padding:70px 0 0 5px;text-align:left;}

/* ----------------------------------- DOSSIERS LINKS (RH NAV) \*/

div#dossiersLinks {width:203px;]width:208px;height:609px;]height:679px;background:#880e00 url('/drama/thestatewithin/images/bg/dossiersLinks.jpg') top left no-repeat;padding:70px 0 0 5px;text-align:left;}

/* ----------------------------------- PROMOS \*/

div.promo {text-align:left;letter-spacing:-1px;width:192px;]width:208px;]height:101px;background: url('/drama/thestatewithin/images/bg/promo.jpg') top left no-repeat;padding:30px 8px 8px 8px;margin:0 0 10px 0;background-color:#810e00;}
div.promo h2 {padding:0;margin:0;font-size:1em;text-transform:uppercase;font-weight:bold;}
div.promo img {margin:5px 5px 0 0; float:left;}
div.promo p {margin:5px 0 0 0;padding:0;}
div.promo a {display:block;float:left;margin:0;padding:0 0 0 14px;font-weight:bold;text-transform:uppercase;background:url('/drama/thestatewithin/images/bg/promoLink.gif') 0px 2px no-repeat;text-decoration:none;}
div.promo a:hover {color:#ffffff;text-decoration:underline;} 

/* end hack */


/*-------------- GALLERY STYLES -----------*/

div.gallery #characterNav {
	margin-bottom: 20px;
}

div.gallery #characterNav p {
	font-weight: bold;
	margin-top: 5px;
}

div.gallery #characterNav p, select{
	float: left;
	margin-right: 10px;
}

div.gallery #image {
	width:   408px;
	min-height: 281px;
	_height : 281px;
}

div.gallery #thumbGallery {
	position: absolute;
	background-image: url(../images/gallery/thumbsImage.jpg);
	background-repeat: no-repeat;
	background-color: #7C0D00;
	margin-left: 421px;
	margin-top: -281px;
	min-width: 188px;
	max-width: 188px;
	padding: 20px 10px 0px 10px;
	_width: 208px;
	font-weight: bold;
}

div.gallery #thumbGallery h3 {
	padding-left: 3px;
	_padding-left: 8px
}


div.gallery div.thumb{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	padding: 0px;
	width: 82;
}

div.gallery div.thumb p{
	margin: 0px;
	padding: 5px;
	text-align: center;
}

div.gallery img#currentThumb {
	border: 1px black solid;
}

div.gallery img.otherThumbs {
	border: 1px #7C0D00 solid;
}

div.gallery div#imageNav {
	margin-top: -60px;
}

div.gallery #imageNumber {
	position: absolute;
	margin-top: -80px;
	margin-left: 170px;
	font-weight: bold;
}

div.gallery #downloadOptions {
	position: absolute;
	margin-top: -30px;
	margin-left: 65px;
	font-weight: bold;
}

div.gallery #instructions {
	position: absolute;
	margin-left: 50px;
}

div.gallery #instructions a {
	font-weight: bold;
}

/*-----------END GALLERY STYLES -------------*/