/* generated by csscreator.com; These are the main div elements*/ 
html, body{ 
  margin:0; 
  padding:0; 
  text-align:center;
  color:#000000;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  } 
 
#pagewidth{ 
  background-color: #666666;
	width:800px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;
  } 
 
#header{
  position:relative; 
  height:25px; 
  background-color:#FFFFAA; 
  width:100%;
  } 
 
#leftcol{
  background-color:#666666;
  width:13%; /* approx 104px*/
  float:left; 
  position:relative;
  }
 
#maincol{
 background-color: #FFFFFF;  
 width:87%; /* approx 696px*/
 float: right; 
 display:inline; 
 position: relative;
 }

/* Navbar settings*/
#navbar {
		background-color:#666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-style: normal;
		font-weight: normal;
		word-spacing: normal;
		letter-spacing: normal;
		padding: 0;
		color: #ffffff;
		line-height: normal;
		float:left;
		width:100%;
   	}
	#navbar ul {
	    text-align:right;
		  float:left;
	    width:100%;
	    list-style:none;
	    margin:0 0 0 0;
	    padding:0;
	}
	#navbar ul li {
		display:inline;
	}
	#navbar a {
	    display:block;
	    float:left;
			width: 10%;
	    padding:3px 10px;
	    text-align:center;
	    background:#666666;
	    color:#FFF;
		  line-height:1.5em;
	}
	#navbar a:hover {
	    background:#FFA500;
		  color:#000;
	}

/*Subdiv elements ---------------------------------------------------*/
#news{
 position: relative;
 clear: both;
 }

#newsitems{
 float: left;
 display: inline;
 position: relative;
 width: 50%;
 height: 17em;
 clear: left;
 }

#newsphoto{
 float: right;
 display: inline;
 position: relative;
 width: 50%;
 height: 17em;
 clear: right;
 text-align: center;
 }
 
#releases{
 border-top: .8em solid #666666;
 border-bottom: .8em solid #666666;
 position: relative;
 float: left;
 width: 100%;
 background-color:#FFFFFF;
 clear: both;
 }

#titleload{
 position: relative;
 float: left;
 width:100%;
}
 
#textcol1{
 float: left;
 display: inline;
 position: relative;
 width: 25%;
 margin:0;
 padding: 0 1em 1em 1em;
 background-color: #ffffff;
 }
 
#textcol2{
 float: left;
 display: inline;
 position: relative;
 width: 25%;
 margin:0;
 padding: 0 1em 1em 1em;
 background-color: #ffffff;
 }

#textcol3{
 float: left;
 display: inline;
 position: relative;
 width: 25%;
 margin:0;
 padding: 0 1em 1em 1em;
 background-color: #ffffff;
 }

#buttons {
 float: left;
 display: inline;
 position: relative;
 width: 96px;
 padding: 0;
 margin: 0;
 }

  
/* Text Styles ---------------------------------------------------*/

.whatsnew {
  /*color:#666666;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 0 0 0 1em;
  }

.whatsnew a:link {
  color: #000000;
  padding: 0 0 .5em 0; 
  }

.whatsnew a:hover {
  color: #CC6633;
  }

.review {
  color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 7px;
  }

.bookline ul {
  margin: 0;
  padding: 0;
  }

.bookline ul li {
	position: relative;
  float: left;
  width: 25%;
	display: inline;
  font-size: 0.9em;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  padding: 1em 0 1em 0;
}

.bookline ul li a {
  color: #000000;
  text-decoration: none;
  }

.bookline ul li a:hover{
	color: #CC6633;
	}

.bookline ul li a img {
  border: 1px ridge #000000;
  height: 120px;
  }

.bookline ul li a:hover img {
  border: 1px groove #CC9933;
  }

.genre {
	font-style: normal;
	line-height: 15px;
	clip: rect(1pt, auto, 1pt, auto);
	color: #000000;
	text-decoration: none;
}

.genre p:first-line {
	color: #cc6633;
	font-style: oblique;
	text-decoration: underline;
	}

.genre a {
	color: #000000;
	text-decoration: none;
	}

.genre a:hover {
	color: #CC6633;
  }

#buttons a img {
	width: 96px;
	height: 96px;
  border: 1px ridge #000000;
  }

#buttons a:hover img {
	border: 1px groove #CC9933;
	}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}