@charset "UTF-8";
/* CSS Document */

/* Copyright 2008-2009 Theresa Manning http://threadmangler.com 
	only for use by Scott Christian Sava on his website
	http://www.bluedreamstudios.com/ */

/* Reset */
* { margin: 0; padding: 0; }

/* Main stuff */
body {
	background: url(images/site_bg.jpg) #2f6dfe fixed top center;
	color: #000;
	text-align: center;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	}
	
#box {
	width: 770px;
	margin-left: -375px; text-align:left;
	position: absolute;
	left: 50%;
	}
	
#content {
	position: absolute;
	top: 180px;
	left: 296px;
	width: 472px; height: 424px;
	overflow: auto; 
	}
a:link { color: #009; font-weight: 700; text-decoration: none; font-style: normal;}
a:hover { color: #06f; text-decoration: underline; }
a:active { color: #06f; text-decoration: underline; }
a:visited { color: #226; font-weight: 700; font-style: normal; text-decoration: none;}

	
/* Page Headings 
	height: 33px
	width: 474 (max)
	If using image replacement, change #properties in HTML page to #(filename) */
	
#welcome {
	background: url(images/welcome_text.gif) no-repeat;
	width: 127px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}	
#welcome h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
	
#about {
	background: url(images/aboutus_text.gif) no-repeat;
	width: 129px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#about h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
	
#properties {
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;;
	}		
#properties h1 {
	margin: 0;
	color:#ff0;
	font-size: 1.75em;
	font-style: italic;
	}
#booksp {
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;;
	}
#booksp h1 {
	color:#FFFF00;
	font-size:1.75em;
	font-style:italic;
	margin:0;
	}
#partners {
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#partners h1 {
	margin: 0;
	color:#ff0;
	font-size: 1.75em;
	font-style: italic;
	}
	/* Page headings for individual properties */
#animalcrackers {
	background: url(images/animalcrackers_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#animalcrackers h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#dinowars {
	background: url(images/dinowars_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#dinowars h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#dreamland {
	background: url(images/dreamland_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#dreamland h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#eddiefeldman {
	background: url(images/eddiefeldman_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#eddiefeldman h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#edsterrestrials {
	background: url(images/edsterrestrials_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#edsterrestrials h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#emperor {
	background: url(images/emperor_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#emperor h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#garythepirate {
	background: url(images/garythepirate_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#garythepirate h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#grandparents {
	background: url(images/grandparents_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#grandparents h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#hyperactive {
	background: url(images/hyperactive_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#hyperactive h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#kidracers {
	background: url(images/kidracers_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#kidracers h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#luckiestboy {
	background: url(images/luckiestboy_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#luckiestboy h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#magiccarpet {
	background: url(images/magiccarpet_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#magiccarpet h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#petrobots {
	background: url(images/petrobots_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#petrobots h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
#thelab {
	background: url(images/thelab_text.gif) no-repeat;
	width: 474px; height: 33px;
	position: absolute;
	top: 190px;
	left: 296px;
	}
#thelab h1 {
	text-indent: -500em;
	margin: 0;
	color:#ff0;
	}
	

/* Content */
.boxtop {   background: url(images/ne.gif) no-repeat top right; margin-bottom: -5px;}
.boxtop div {   height: 9px;   background: url(images/nw.gif) no-repeat top left;}
.boxbottom {   background: url(images/se.gif) no-repeat bottom right; margin-top: -5px;}
.boxbottom div {    height: 9px;   background: url(images/sw.gif) no-repeat bottom left; }
.boxcontent {  padding: 0; background: #ff9;}

#wmessage p.hidden { text-indent: -5000px; background: #ff9; height: 9px; padding: 0; margin:0 9px 0 9px;}

#wmessage {
	width: 472px; height: 197px;
	position: absolute;
	top: 51px;
	left: 0;
	overflow: auto;
	
	}
#wmessage h2 {
	color: #ff0;
	font-size: 1.25em;
	}
#wmessage p {
font-size: 0.7125em;
margin: 5px 5px 5px 9px; 
}

#wmessage p.colon { font-size: 0.8em; font-weight: 500; }

#bmessage p.hidden { text-indent: -5000px; background: #ff9; height: 9px; padding: 0; margin:0 9px 0 9px;}

#bmessage {
	width: 425px; height: 373px;
	position: absolute;
	top: 51px;
	left: 0;
	overflow: auto;
	}
#bmessage p {
font-size: 0.8em;
margin: 5px 5px 5px 9px; 
}

#content{
	position:relative;
}

#message {
	width: 472px; height: 373px;
	position: absolute;
	top: 51px;
	left: 0;
	overflow: auto;
	}
	
#message h2 {
	color: #ff0; background: #39d;
	font-size: 1.25em;
	}
	
#message p {
font-size: 0.8em;
margin: 0 8px 8px 0;
 
}


#message p.colon { font-size: 0.8em; font-weight: 500; }

#free {
	list-style:none;
	height:320px;
	margin: 5px 5px 5px 9px;
	}

#free li {
display:inline;
font-size:0.75em;
}

 #free li a {
 display:block;
 float:left;
 height:95px;
 margin:5px;
 width:70px;
 }

/* News */
#newsbox {
	background: url(images/newsbox_left.gif) no-repeat;
	width: 472px; height: 176px;
	overflow: auto;
	position: absolute;
	top: 248px;
	left: 0;
	}
.box { width: 412px; height: 176px; position:absolute; left: 56px; top: 0;}
.boxtopn {   background: url(images/nen.gif) no-repeat top right; margin-bottom: -1px;}
.boxtopn div {   height: 9px;   background: url(images/nwn.gif) no-repeat top left;}
.boxbottomn {   background: url(images/sen.gif) no-repeat bottom right; margin-top: -1px;}
.boxbottomn div {    height: 9px;   background: url(images/swn.gif) no-repeat bottom left; }
.boxcontentn {  padding: 0; background: #9fc;}
#newsbox p.hidden { text-indent: -5000px; background: #9fc; height: 9px; padding: 0; margin:0 9px 0 9px;}
#newsbox h3 {
	margin: 8px 0 3px 60px;
	font-size: 0.75em;
	}
#newsbox h3.first { margin: 0 0 3px 60px; }
#newsbox p {
	margin: 0 0 3px 60px;
	font-size: 0.7em;
	}
#newsbox td.date { font-style: italic; font-size: 0.8em; width: 7em;}
#newsbox table {border:0; padding: 0; margin: 0 0 0 9px; width: 402px;}
#newsbox td {vertical-align:top; font-size: 0.8em; }

/* lightbox extras */

#lb {
	width: 472px; height: 176px;
	overflow: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	}


/* Structure */

#header {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 180px; width: 770px;
	}
	
#nav {
	width: 296px;
	position: absolute;
	top: 180px;
	left: 0;
	}
	
#navtop {
	width: 296px; height: 46px;
	background: url(images/navigation_top.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	}
#navtop h2 {
	text-indent: -500em;
	margin: 0;
	color: #eff133;
	}
	
#navigation {
	width: 172px; height: 223px;
	margin: 0;
	position: absolute;
	top: 46px;
	left: 0;
	background: #010ba0;
	}
#navigation ul {
	margin: 0 0 0 20px; padding: 0; text-indent: 0; width: 152px;
	list-style-type: none;
	}
#navigation ul li {
	padding-bottom: 4px;
	}
#navigation ul li a:link {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	}
	
#navigation	ul li a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	}
#navigation ul li a:hover, a:active {
	color: #eff133;
	font-weight: 600;
	font-style: italic;
	}
#navigation ul li a:active {
	color: #eff133;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	}
#navigation p,form {
	margin: 8px 8px 8px 20px;
	}
#books {margin-bottom: 16px;}
	
#navmid {
	background: url(images/navigation_mid.gif) left no-repeat;
	height: 223px; width: 124px;
	position: absolute;
	top: 46px;
	left: 172px;
	text-indent: -500em;
	}
#navbase {
	background: url(images/navigation_base.gif) no-repeat;
	width: 296px; height: 155px;
	position: absolute;
	left: 0;
	top: 269px;
	text-indent: -500em;
	}
	
#navigation a#current {
	color:#ff0;
	text-decoration: underline;
	}
	
#foot {
	width: 770px;
	text-align: center;
	position: absolute;
	top: 604px;
	left: 0;
	}

#ftop {
	background: url(images/site_mid_spacer.gif) left no-repeat; height: 11px; width: 307px;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#fleft {
	background: url(images/base_left.gif) no-repeat; height: 157px; width: 90px;
	position: absolute;
	top: 11px;
	left: 0;
	}
#fbanner {
	width: 601px; height: 157px;
	position: absolute;
	top: 11px;
	left: 90px;
	}
#fbtopl {
	height: 29px; width: 89px;
	background: url(images/banner_topleft.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	}
#fbtopt {
	background: #010ba0;
	width: 423px; height: 29px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 89px;
	}
#fbtopt p {
	font-size: 0.5625em;
	margin: 2px 0 0 0;
	}
#fbtopr {
	height: 29px; width: 89px;
	background: url(images/banner_topright.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 512px;
	}
#fbleft {
	width: 512px; height: 98px;
	position: absolute;
	top: 29px;
	left: 0;
	}
#fbright {
	height: 98px; width: 89px;
	position: absolute;
	top: 29px;
	left:512px;
	}
	
#fbottom {
	width: 601px; height: 30px;
	background: white;
	position: absolute;
	top: 127px;
	left: 0;
	}
#fbottom p {
	font-size: 0.6875em;
	color: #000;
	}
#fbottomr {
	width: 79px; height: 157px;
	background: url(images/base_right.gif) no-repeat;
	position: absolute;
	top: 11px;
	left: 691px;
	}
.fpleft {float:left; width: 400px; height: 20px; }
.fpright {float:right; width: 100px; height: 20px; margin-right: 75px;}

/* Store Stuff */

#storenews {
	background: #900;
	text-align: center;
	width: 442px;
	}
.sets {
	background: #ff6;
	text-align: center;
	width: 100%;
	}
#message h3 {
	font-size: 1em;
	}
p.desc {
	font-weight: 100;
	font-style: italic;
	}
strong {
	font-style: normal;
	}


img {
	border: 0;
	margin: 0;
	}