/* 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: Helvetica, Arial, sans-serif;
	background-image: url('koji_wall.jpg');
  } 
 
#pagewidth{ 
  background-color: #666666;
	width:800px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;
	outline: #666666 outset medium;
  } 
 
#header{
  position:relative; 
  height:25px; 
  background-color: #FFFFAA; 
  width:100%;
  } 
 
#leftcol{
  background-color:#666666;
  width:6%; /* approx 48px*/
  float:left; 
  position:relative;
  }

#leftcol a img {
	border: 0;
	}
 
#maincol{
 background-image: url('kojisuzuki_back.jpg');
 background-repeat: repeat;  
 width:94%; /* approx 752px*/
 float: right; 
 display:inline; 
 position: relative;
 margin: 0;
 padding: 0;
 }

#footer{
  position:relative; 
  background-color: #666666; 
  width:100%;
	text-align: center;
	font-size: x-small;
	padding: .5em 0;
	margin: 0;
	color: #ffffff;
  } 
	#footer a {
		text-decoration: underline;
		color: #fffffe;
		}
	#footer a:hover {
		color: #ffff99;
		}

/* 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;
	}

/* SUBMENU settings*/
#submenu {
		background-color:#000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-style: normal;
		font-weight: normal;
		word-spacing: normal;
		letter-spacing: normal;
		padding: 0;
		color: #ffcc00;
		line-height: normal;
		float:left;
		width:100%;
   	}
	#submenu ul {
	    text-align:right;
		  float:left;
	    width:100%;
	    list-style:none;	
	    margin:0 0 0 0;
	    padding:0;
	}
	#submenu ul li {
			display:inline;
			font-variant:small-caps;
	}
	#submenu a {
	    display:block;
	    float:left;
			width: 15%;
	    padding:3px 10px;
	    text-align:center;
	    background:#000000;
	    color:#ffffff;
		  line-height:1.5em;
	}
	#submenu a:hover {
	    background:#442222;
		  color:#ffffff;
	}

/*Subdiv elements ---------------------------------------------------*/

.horizontal {
 float: left;
 width: 100%;
 clear: both;
 border-bottom: .6em ridge #ffcc00;
 }

.virus {
 position: relative;
 float: left;
 width: 50%;
 text-align: center;
 }

.square {
 position: relative;
 float: left;
 width: 50%;
 }
	.square img {
 		margin:.75em;
 		}

.news {
 position: relative;
 float: left;
 width: 100%;
 clear: right;
 border-bottom: .6em solid #666666;
 }

.newsitems {
 float: left;
 display: inline;
 position: relative;
 width: 61%;
 padding: 0 2% 0 2%;
 clear: left;
 text-align: left;
 }
	.newsitems a {
		text-decoration: underline;
		color: #000000;
		}
	.newsitems a:hover {
  	color: #cc6633;
  	}

.newsphoto {
 float: right;
 display: inline;
 position: relative;
 width: 35%;
 clear: right;
 text-align: center;
 }
	.newsphoto a img {
		border: 1px ridge #000000;
		}
	.newsphoto a:hover img{
		border: 1px groove #CC9933;
  	}

.news {
 position: relative;
 float: left;
 width: 100%;
 clear: right;
 border-bottom: .6em solid #666666;
 }

.bookitem {
 float: right;
 display: inline;
 position: relative;
 width: 61%;
 padding: 0 2% 0 2%;
 clear: right;
 text-align: left;
 }
	.bookitem h1{
		color: #ffcc00;
		line-height: 1em;
		margin: 0.5em 0;
		border-bottom: 1px solid #ffcc00;
		}
	.bookitem h2{
		color: #ffcc00;
		line-height: .1em;
		}
	.bookitem h3{
		color: #ffcc00;
		font-family: Times, serif;
		}
	.bookitem h4{
		color: #ffcc00;
		font-family: Times, serif;
		}
	.bookitem h5{
		color: #ffcc00;
		font-family: Times, serif;
		}
	.bookitem a {
		text-decoration: underline;
		color: #ffcc00;
		}
	.bookitem a:hover {
  	color: #cc6633;
  	}

.bookphoto {
 float: left;
 display: inline;
 position: relative;
 width: 35%;
 clear:left;
 margin: 0;
 padding: 1.5em 0;
 text-align: center;
 }
  
#releases {
 border-bottom: .6em solid #666666;
 position: relative;
 float: left;
 width: 100%;
 background-color:#FFFFFF;
 clear: both;
 }

#titleload{
 position: relative;
 float: left;
 width:100%;
 }
 
#colone {
 float: left;
 display: inline;
 position: relative;
 width: 46%;
 margin: 0;
 padding: 0 2% 0 2%;
 }
	#colone img {
 		margin:.75em;
 		}

#colrev {
 float: right;
 min-height: 35em;
 display: inline;
 position: relative;
 width: 46%;
 margin: 0;
 padding: 0 2% 0 2%;
 }
	#colrev img {
 		margin:.75em;
 		}

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

h2 {
	font-weight: bold; 
	}

.text {
  color:#ffcc00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  }
	.text a {
		text-decoration: underline;
		color: #ffcc00;
  	}
	.text a:hover {
  	color: #cc6633;
  	}
	.text img {
 		margin:.0 .75em .75em 0;
 		}

.review {
  color:#ffcc00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 7px;
	text-align: center;
  }
	.review a {
		color: #ffcc00;
		}
	.review img {
 		margin:.0 .75em .75em 0;
 		}

.bold {
	font-weight: bold;
	}

.italic {
	font-style: italic;
	}

.title {
	font-variant: small-caps;
	text-decoration: underline;
	}


.widecol {
	float: right;
	display: inline;
	position: relative;
	width: 96%;
	padding: 0 2%;
	clear: right;
	text-align: left;
	}
	.widecol a {
		text-decoration: underline;
		color: #000000;
		}
	.widecol a:hover {
  	color: #cc6633;
  	}

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

.booklist {
	padding: 0 2% 0 2% ;
	border-top: .6em solid #666666;
	clear: both;
	}

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

.booklist ul li {
	position: relative;
	float: left;
  width: 20%;
	display: inline;
  font-size: 0.9em;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  padding: 1em 0 1em 0;
	}
	.booklist ul li a {
  	color: #000000;
  	text-decoration: none;
  	}
	.booklist ul li a:hover{
		color: #CC6633;
		}
	.booklist ul li a img {
  	border: 1px ridge #000000;
  	}
	.booklist 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;
}
 
 /* *** 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;}
}