/*OUTLINE
1. GENERAL
2. STRUCTURAL DIVS 
3. HEADER
4. TOP NAV
5. MAIN CONTENT
6. RIGHT COLUMN
7. PAGES
8. FOOT
9. FORMS
*/

/* 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;
	}		
.clear{
	clear:both;
	height:0;
	zoom:1;
	overflow:hidden;
	line-height:0;
	margin:0;
	padding:0;
	font-size:0;
	}	
/* 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;
	z-index:3000;
  	float: left;
  	width: 770px;
  	height: 206px;
  	left: 10px;
  	background: url(../img/pj_header_bck.jpg) no-repeat top left;
	}
#headerlogo {
  	position: relative;
  	width:315px;
	height:172px;
	margin:0 auto;
  	text-align:center;
	overflow:hidden;
	}
#headernav {
	height:32px;
	clear:both;
  	position: relative;
	display:block;
	padding:0;
	margin:0;
	}
#footer {
  	position: relative;
  	top:-240px;
  	width: 930px;
  	height:155px;
  	background: url(../img/pj_content_foot_790.png) no-repeat top center;
  	clear:both;
	}
/* HEADER */
a#books_heroes, a#books_heroes:link, a#books_heroes:visited, a#books_heroes:hover, a#books_heroes:active, 
a#books_percy, a#books_percy:link, a#books_percy:visited, a#books_percy:hover, a#books_percy:active{
	position:absolute;
	background-position:top left;
	background-repeat:none;
	top:14px;
	width:180px;
	height:137px;
	text-indent:-9999px;
	display:block;
	}	
a#books_heroes{
	left:50px;
  	background-image: url(../img/pj_head_heroes.jpg);
	}	
a#books_percy{
	left:562px;
  	background-image: url(../img/pj_head_percy.jpg);
	}
#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 ul.primary_nav{
	padding:0;
  	background: url(../img/pj_nav_bg.jpg) no-repeat top left;
	margin:0;
	width:757px;
	padding-left:12px;
	height:32px;
	}
ul.primary_nav li{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul.primary_nav li a, ul.primary_nav li a:link, ul.primary_nav li a:visited, ul.primary_nav li a:hover, ul.primary_nav li a:active{
	height:32px;
	display:block;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
	}
ul.primary_nav li a:hover,
ul.primary_nav li.on a, ul.primary_nav li.on a:link, ul.primary_nav li.on a:visited, ul.primary_nav li.on a:hover, ul.primary_nav li.on a:active{
	background-position:bottom left;
	}
ul.primary_nav li a#nav_author {
  	background-image: url(../img/pj_nav_author.gif);
	width:103px;
	}
ul.primary_nav li a#nav_books{
  	background-image: url(../img/pj_nav_books.gif);
	width:95px;
	}
ul.primary_nav li a#nav_who{
  	background-image: url(../img/pj_nav_features.gif);
	width:103px;
	}
ul.primary_nav li a#nav_gods{
  	background-image: url(../img/pj_nav_gods.gif);
	width:117px;
	}
ul.primary_nav li a#nav_fun{
  	background-image: url(../img/pj_nav_fun.gif);
	width:91px;
	}
ul.primary_nav li a#nav_events{
  	background-image: url(../img/pj_nav_events.gif);
	width:65px;
	}
ul.primary_nav li a#nav_downloads{
  	background-image: url(../img/pj_nav_downloads.gif);
	width:110px;
	}
ul.primary_nav li a#nav_maps{
  	background-image: url(../img/pj_nav_maps.gif);
	width:59px;
	}
/* NAV - essential styles for jquery superfish */
ul.primary_nav, ul.primary_nav * {
	margin:0;
	padding:0;
	list-style:none;
	}
ul.primary_nav {
	line-height:1.0;
	}
ul.primary_nav li {
	position:relative;
	}
ul.primary_nav a {
	position:relative;
	}
ul.primary_nav ul {
	position:absolute;
	top:-999em;
	}
ul.primary_nav ul li {
	width:200px;
	margin:0 0 1px 0;
	}
ul.primary_nav li:hover {
	visibility:inherit; 
	}
ul.primary_nav li:hover ul,
ul.primary_nav li.sfHover ul {
	left:0;
	top:32px; 
	z-index:9999;
	}
ul.primary_nav li.sfHover ul {
	position:absolute;
	}
ul.primary_nav li:hover li ul,
ul.primary_nav li.sfHover li ul {
	top:-999em;
	}
ul.primary_nav li li:hover ul,
ul.primary_nav li li.sfHover ul {
	left:10em; 
	top:0;
	}
ul.primary_nav li li:hover li ul,
ul.primary_nav li li.sfHover li ul {
	top:-999em;
	}
ul.primary_nav li li li:hover ul,
ul.primary_nav li li li.sfHover ul {
	left:10em; 
	top:0;
	}
/* NAV - sub nav */
#headernav ul.primary_nav li ul {
	width:200px;
	height:auto;
	background:#000000;
	}
#headernav ul.primary_nav li li {
	font-size:1em;
	height:auto;
	text-indent:0;
	margin:0 0 1px 0;
	padding:0;
	}
#headernav ul.primary_nav li li a, #headernav ul.primary_nav li li a:link, #headernav ul.primary_nav li li a:visited, #headernav ul.primary_nav li li a:hover, #headernav ul.primary_nav li li a:active {
	height:auto;
	text-indent:0;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	letter-spacing:-0.05em;
	padding:5px 10px;
	color:#FF9900;
	background:#282A65;
	}
#headernav ul.primary_nav li li a:hover {
	color:#ffffff;
	background:#292B66;
	}	
/* RIGHT COLUMN */
.rightcolumn{
  	width: 195px;
	float:right;
	overflow:hidden;
	padding:5px 5px 0 0;
	}
/* MAIN CONTENT */
#maincontent {
  	position: relative;
  	float: left;
  	width: 560px;
  	left: 20px;
  	margin-top: 20px;
  	text-align:left;
	background-repeat:repeat-y;
	background-position: left 16px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	}
.contentbot {
  	position: relative;
  	float: left;
  	width: 560px;
  	text-align:left;
	background-repeat:no-repeat;
	background-position:bottom left;
  	padding-bottom: 20px;
	}
.contenttop {
	width:560px; 
	height:5px; 
	background-repeat:no-repeat;
	background-position:top left;
	}
/* PAGES: BLUE TEMPLATE */
.bluecontentbck {
  	background-image: url(../img/pj_content_blue_bck.gif);
	}
.bluecontentbck .contentbot {
  	background-image: url(../img/pj_content_blue_bot.gif);
	}
.bluecontentbck .contenttop {
	background-image: url(../img/pj_content_blue_top.gif);	
	}
p.btn_facebook a, p.btn_facebook a:link, p.btn_facebook a:visited, p.btn_facebook a:hover, p.btn_facebook a:active{
	display:block;
	text-indent:-9999px;
	width:195px;
	height:37px;
  	background:url(../img/pj_btn_facebook_reversed.gif) no-repeat top left;
	}	
/* PAGES: GREEN TEMPLATE */
.greencontentbck {
  	background-image: url(../img/pj_content_green_bck.gif);
	}
.greencontentbck .contentbot {
  	background-image: url(../img/pj_content_green_bot.gif);
	}
.greencontentbck .contenttop {
	background-image: url(../img/pj_content_green_top.gif);	
	}
/* PAGES: PURPLE TEMPLATE */
.purplecontentbck {
  	background-image: url(../img/pj_content_purple_bck.gif);
	}
.purplecontentbck  .contentbot {
  	background-image: url(../img/pj_content_purple_bot.gif);
	}
.purplecontentbck .contenttop {
	background-image: url(../img/pj_content_purple_top.gif);	
	}
/* PAGES: EVENTS */
.events{
	width:517px;
	margin:20px 0 20px 20px;
	background:url(../img/pj_events_repeat.gif) repeat-y top left;
	}
.events_top{
	width:;
	background:url(../img/pj_events_top.gif) no-repeat top left;
	}
.events_bot{
	padding:10px 10px 50px 10px;
	background:url(../img/pj_events_bot.gif) no-repeat bottom left;
	}
.events dl{
	padding: 0px 0 10px 0;
	margin: 0;
	/*background: url(../img/etb_dotted_line.gif) repeat-x bottom left;*/
	}	
.events dt{
	width: 100px;
	position:absolute;
	margin: 0 0 0 0;
	padding: 10px 0;
	}
.events dd{
	width: 250px;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 180px;
	color:#999999;
	/*border-top:1px solid #666666;*/
	background: url(../img/te_dotted_line.gif) repeat-x top left;
	}
#maincontent .events, #maincontent .events dl, 
#maincontent .events a, #maincontent .events a:link, #maincontent .events a:visited, #maincontent .events a:hover, #maincontent .events a:active{
	color:#000000;
	}
/* PAGES: AUTHOR */
.authorcontentbck {
  	background-image: url(../img/pj_content_author_bck.gif);
	}
.authorcontentbck .contentbot {
  	background-image: url(../img/pj_content_author_bot.gif);
	}
#maincontent.authorcontentbck .contentbot {
	color:#000000;
  	font-family: Georgia, "Times New Roman", Times, serif;
  	font-size: 1.167em; 
  	line-height: 1.7em;
	}
.authorcontentbck .contenttop {
  	background-image: url(../img/pj_content_author_top.gif);
	}
ul.socialMedia{
	margin:0 10px;
	padding:0;
	}
ul.socialMedia li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}
ul.socialMedia li a, ul.socialMedia li a:link, ul.socialMedia li a:visited, ul.socialMedia li a:hover, ul.socialMedia li a:active {
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
	width:170px;
	height:77px;
	}
ul.socialMedia li.btn_facebook a{
  	background-image:url(../img/pj_btn_facebook.gif);
	}
ul.socialMedia li.btn_twitter a{
  	background-image:url(../img/pj_btn_twitter.gif);
	}
ul.socialMedia li.btn_blog a{
  	background-image:url(../img/pj_btn_blog.gif);
	}
/* PAGES: HOME */
#maincontent.homecontentbck {
  	left: 15px;
  	width: 760px;
	font-size:1em;
	}	
#maincontent.homecontentbck .contentbot {
  	width: 760px;
	}	
.colabc {
  	position: relative;
	float: left;
  	width: 560px;
  	left: 5px;
  	background-color:#FFFFFF;
	}	
.homead{
  	position: relative;
  	float: left;
  	width: 180px;
  	padding: 10px 5px 10px 5px;
	z-index:3000;
	}
.homead embed,
.homead object{
	margin:-10px -20px 0 5px;
	}
#maincontent.homecontentbck .rightcolumn{
  	width: 180px;
	padding:0;
	}	
#maincontent.homecontentbck .rightcolumn .flashad{
	padding:0 0 10px 0;
	}
.colab{
	float:left;
  	padding: 5px 5px 0 5px;
	}
.colcd{
	float:right;
  	padding: 5px 0 0 5px;
	}
.colcontentabc {
 	position: relative;
  	float: left;
  	width: 560px;
	}
.colcontentabc h1,
.colcontentabc h2 {
  	margin: 15px 20px 0px 20px;
	}
.colcontentabc p,
.colcontentabc dl,
.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: 288px;
	margin-right:-13px;
	}
.colcontentabc2 {
  	position: relative;
  	float: left;
  	width: 275px;
	}
/* PAGES: FUN STUFF/MONSTER QUIZ */
.flash_feature {
	padding:20px 0 20px 20px;
	}
/* PAGES: EVENTS */
.eventsthumba {
  	position: relative;
  	float: left;
  	width: 175px;
  	margin-bottom: 5px;
  	left: 20px;
	}
.eventsthumbb {
  	position: relative;
  	float: left;
  	width: 175px;
  	margin-bottom: 5px;
  	left: 20px;
	}
/* PAGES: DOWNLOADS */
.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;
	}
/* PAGES: MAPS */
#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;
	}
/* PAGES: WHO'S WHO */
.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;
	color:#000000;
	}
.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;
	}
/* PAGES: ASK THE GODS */
.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;
	}
/* PAGES: 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;
	}
/* FORMS */
.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;
	}
.blacktxt {
  color:#000000;
}
.intro {
  font-size: 1.083em;
}
/* 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;
	}