/*OUTLINE
1. GENERAL
2. STRUCTURAL DIVS 
3. HEADER
4. TOP NAV
5. MAIN CONTENT

*/

/* GENERAL */
body {
  	background-color: #320f69;
  	margin: 0px;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 62.5%;
	}
img {
  	border: 0px;
	}
a:link, a:visited, a:hover, a:active {
  	color: #FFFFFF;
  	text-decoration: underline;
	}
a:focus, a:active { 
	outline: 0; 
	-moz-outline: none; 
	}	
.right {
	float:right;
	}		
/* STRUCTURAL DIVS */
#expandingbck {
  	position: relative;
  	float: left;
  	width: 100%;
  	background-color:#320f69;
  	background:url(../img/pj_scrn_background_rpt.jpg) repeat bottom right;
	}
#expandingbckfoot {
  	position: relative;
  	float: left;
  	width: 100%;
  	background-color:#320f69;
  	background:url(../img/pj_scrn_background_foot.jpg) repeat-x bottom right;
	}
#sitewrapper {
  	position: relative;
  	width: 790px;
  	margin: 10px 0px 200px 0px;
  	background:url(../img/pj_tablet_back.gif) repeat-y top;
	}
#header {
  	position: relative;
  	float: left;
  	width: 770px;
  	height: 206px;
  	left: 10px;
  	background: url(../img/pj_header_bck.jpg) no-repeat top left;
	}
#footer {
  	position: relative;
  	top:-240px;
  	width: 930px;
  	height:155px;
  	background: url(../img/pj_content_foot_790.png) no-repeat top center;
  	clear:both;
	}
/* HEADER */
#headerlogo {
  	position: relative;
  	width:315px;
	height:174px;
	margin:0 auto;
  	text-align:center;
	}
#datestrip, #strapline {
  	text-align: right;
	color:#ffffff;
	margin:-22px 0 0 0;
	padding:0;
	font-size:12px;
	clear:none;
	font-weight:bold;
	}
#strapline {
	float:left;
	}
#strapline p {
	margin:0 0 0 20px;
	padding:0;
	}	
#datestrip{
	float:right;
	}
#datestrip p {
	margin:0 20px 0 0;
	padding:0;
	}
/* TOPNAV */
#headernav {
	height:32px;
	clear:both;
  	position: relative;
	display:block;
	padding:0;
	margin:0;
	}
#headernav ul{
	padding:0;
	margin:0;
	}
#headernav li{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
	}
/* MAIN CONTENT */
#maincontenthome, #maincontent {
  	position: relative;
  	float: left;
  	width: 760px;
  	left: 15px;
  	margin-top: 20px;
  	text-align:left;
	}
#maincontent {
  	left: 20px;
	}	
.colabc {
  	position: relative;
	float: left;
  	width: 560px;
  	left: 5px;
  	background-color:#FFFFFF;
	}	
.cola, .colb, .colc {
  	position: relative;
  	float: left;
  	width: 180px;
  	margin-top: 10px;
	}
.cola {
  	left: 5px;
	}	
.colb {
  	left: 15px;	
	}
.colc {
  	left: 25px;
	}
.cold {
  	position: relative;
  	float: right;
 	width: 180px;
  	right: 10px;
	} 
.colcontentabc {
 	position: relative;
  	float: left;
  	width: 560px;
	}
.colcontentabc h1 {
  	margin: 15px 20px 0px 20px;
	}
.colcontentabc p,
.colcontentabc ol li {
  	margin: 15px 20px 15px 20px;
	}	
.colcontentabc h3 {
  	margin: 15px 20px 15px 20px;
	}
.contentcolbottom {
  	background:url(../img/contentcolbottom.gif) no-repeat bottom; 
	}
.colcontentabc1 {
  	position: relative;
  	float: left;
  	width: 275px;
	}
.colcontentabc2 {
  	position: relative;
  	float: left;
  	width: 275px;
  	left: 0px;
	}
.bluecontentbck {
  	background: url(../img/pj_content_blue_bck.gif) repeat-y left;
	}
.bluecontentbot {
  	position: relative;
  	float: left;
  	width: 760px;
  	text-align:left;
  	background: url(../img/pj_content_blue_bot.gif) no-repeat bottom left;
	}
.greencontentbck {
  	background: url(../img/pj_content_green_bck.gif) repeat-y left;
	}
.greencontentbot {
  position: relative;
  float: left;
  width: 760px;
  text-align:left;
  background: url(../img/pj_content_green_bot.gif) no-repeat bottom left;
}
.purplecontentbck {
  background: url(../img/pj_content_purple_bck.gif) repeat-y left;
}
.purplecontentbot {
  position: relative;
  float: left;
  width: 760px;
  text-align:left;
  background: url(../img/pj_content_purple_bot.gif) no-repeat bottom left;
}
#flashad {
  position: absolute;
  width: 195px;
  height: 130px;
  left: 575px;
  top: 360px;
}
#flashadbook {
  position: absolute;
  width: 195px;
  height: 375px;
  left: 590px;
  top: 221px;
}
#flashad2 {
  position: absolute;
  width: 195px;
  height: 130px;
  left: 590px;
  top: 595px;
}
#flashad3 {
  position: absolute;
  width: 195px;
  height: 130px;
  left: 590px;
  top: 730px;
}
#flashad4 {
  position: absolute;
  width: 195px;
  height: 130px;
  left: 590px;
  top: 860px;
}
#flashad5 {
  position: absolute;
  width: 195px;
  height: 130px;
  left: 590px;
  top: 990px;
}
.formcola {
  position: relative;
  float: left;
  width: 180px;
  left: 20px;
  padding-top: 10px;
  clear:left;
}
.formcolb {
  position: relative;
  float: right;
  width: 360px;
  padding-top: 10px;
	display:block;
	}
.authorpagetxt {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.4em; 
  line-height: 1.5em;
}
.blacktxt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color:#000000;
}
.whitetxt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  line-height: 1.8em;
  color:#FFFFFF;
}
.whitemedtxt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  color:#FFFFFF;
}

/* FUN STUFF SECTION - MONSTER QUIZ */
.flash_feature {
	padding:20px 0 20px 20px;
	}
/* EVENTS SECTION */
.eventsthumba {
  	position: relative;
  	float: left;
  	width: 175px;
  	margin-bottom: 5px;
  	left: 20px;
	}
.eventsthumbb {
  	position: relative;
  	float: left;
  	width: 175px;
  	margin-bottom: 5px;
  	left: 20px;
	}
/* DOWNLOADS SECTION*/
.wallpaperl {
  	position: relative;
  	float: left;
  	margin: 0px 0px 20px 0px;
  	width: 255px;
  	left: 20px;
	}
.wallpaperr {
  	position: relative;
  	float: right;
  	margin: 0px 0px 20px 0px;
  	width: 255px;
  	right: 20px;
	}
.wallpapercola {
  	position: relative;
  	float: left;
  	width: 140px;
	}
.wallpapercolb {
  	position: relative;
  	float: right;
  	width: 115px;
	}
/* MAPS SECTION  */	
#mapframe {
  	width: 520px; 
  	height: 375px;
  	background-image:url(../img/pj_maps_mapbck.gif);
  	margin:0px 20px 0px 20px;
	}
.maplabel p {
  	font-size: 1em;
  	line-height: 1.2em;
  	color:#000000;
  	margin: 10px 10px 0px 10px;
	}
.googlemapswindow {
  	width: 480px; 
  	height: 300px;
  	left: 20px;
  	top:25px;
	}
.googlemapsmessage {
  	margin: 10px 0px 20px 15px;
	}
/* AUTHOR */
.authorcontentbck {
  	background: url(../img/pj_content_author_bck.gif) repeat-y left;
	}
.authorcontentbot {
  	position: relative;
  	float: left;
  	width: 760px;
  	text-align:left;
  	background: url(../img/pj_content_author_bot.gif) no-repeat bottom left;
  	padding-bottom: 20px;
	}
/* WHOS WHO SECTION */
.whoswholist ul {
  	padding: 0px;
  	margin: 0px 0px 20px 20px;
  	list-style-type: none;
	}
.whoswholist li {
  	float: left;
  	padding: 0px;
  	margin: 0px 5px 0px 0px;
  	list-style-type: none;
	}
.featurepageheader {
  	position: relative;
  	float: left;
  	height: 30px;
  	width:520px; 
  	left: 20px; 
  	background-color:#FF9900;
	}
.featurepagebox {
  	position: relative;
  	float: left;
  	width:520px; 
  	margin:0px 0px 10px 0px; 
  	left: 20px;
  	background-color:#FFFFFF
	}
.friendcommentrow {
  	position: relative;
  	float: left;
  	margin: 10px 0px 0px 0px;
	}
.friendicon {
  	position:relative;
  	float: left;
  	width: 70px;
  	left: 20px;
  	padding-bottom: 10px;
	}
.friendcomment {
  	position:relative;
  	float: left;
  	width: 410px;
  	left: 40px;
	}
/* ASK THE GODS SECTION */
.askthegodsquestion {
  	color: #FFFFFF;
	}
.godsresponserow {
  	position: relative;
  	clear: both;
  	width: 100%;
  	margin-bottom: 30px;
	}
.godspaperbck {
  	position: relative;
  	float: left;
  	width: 520px;
  	left: 20px;
  	background: url(../img/pj_gods_paper_bck.gif) repeat-y left;
  	margin-bottom: 20px;
	}
.godspapertop {
  	position: relative;
  	float: left;
  	width: 520px;
  	background: url(../img/pj_gods_paper_top.gif) no-repeat top;
	}
.godspaperbot {
  	position: relative;
  	float: left;
  	width: 520px;
  	background: url(../img/pj_gods_paper_bot.gif) no-repeat bottom;
	}
.godspaperbot p {
  	font-family:Georgia, "Times New Roman", Times, serif;
  	font-size: 1.1em;
  	line-height: 1.5em;
  	padding: 0px 10px 0px 10px;
	}
/* FOOTER */
#contentfoot {
  	position: relative;
  	float: left;
  	width: 760px;
  	left: 10px;
	}
#footerlogo {
 	position: relative;
  	float: left;
  	width: 50px;
  	text-align:left;
	}
#footertext {
  	position: relative;
  	float: right;
  	width: 790px;
  	text-align:center;
  	font-size: 0.9em;
	right:60px;
	top:230px;
	}
#footertext p {
  	margin: 20px 0px 20px 0px;
  	color: #fff;
	}
/*MOVIE*/
.thetop{
	height:3px;
	overflow:hidden;
	width:560px; 
	background:url(../img/pj_content_blue_top.gif) no-repeat top;
	}
#movie .title{
	padding:0 0 0 4px;
	margin:0;
	}
#movie.colcontentabc{
  	background: url(../img/pj_film_bg.jpg) no-repeat top center;
	margin-top:0;
	}
.movie_bg{
	padding-bottom:420px;
  	background: url(../img/pj_film_bottom.jpg) no-repeat bottom center;
	}
#movie .intro{
	color:#ffffff;
	line-height:1.8em;
	font-size:16px;
	font-weight:normal;
	width:240px;
	height:210px;
  	background: url(../img/pj_film_intro.jpg) no-repeat center 0;
	padding:15px 30px;
	margin:0px 0 0 3px;
	overflow:auto;
	}
#movie .intro p{
	padding:0;
	margin:0;
	}
#movie .cast{
	padding:10px 0px 10px 0;
	width:300px;
	}