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


@font-face {
    font-family: 'SilkscreenNormal';
    src: url('slkscr-webfont.eot');
    src: url('slkscr-webfont.eot?#iefix') format('embedded-opentype'),
         url('slkscr-webfont.woff') format('woff'),
         url('slkscr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



#header {
	clear: both;
	float: none;
	height: 200px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #FFF;
	
}

#nav {
	float: none;
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(images/navbar.jpg);
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 700px;
	color: #FFF;
	padding-left:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

#nav li {
	font-family:"SilkscreenNormal", Arial, Helvetica, sans-serif;
	float:left;
	list-style:none;
	margin-right:0px;
	text-align: center;
	clear: none;
	padding: 0px;
	margin-left: 0px;
	text-decoration: none; 
	width: 233px;
/* Width canges to 233 to match up with navbar and set the block size of "a" */
}
#nav li a {
	 display:block;
	 line-height:50px;
/* line-height changed to match up with nav-bar for rollover and area size of nav li a */
}
#nav ul {
	padding:0px;
	margin:0px;
	text-decoration: none;
}



#nav ul.presskit {
	float:right;
	color: #FFF;
	font-size: 12px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;

}
#nav ul li a {
	color: #FFF;
	text-decoration: none;
}
#nav a:hover {
	background-color: #F33;
	width: 234px;
	height: 50px;
	text-decoration: none;
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;

}

#new {
	position: absolute;
	clear: both;
	float: none;
	z-index: 2;
	top: 300px;
	margin-top: auto;
	margin-bottom: auto;
	width: 218px;
	height: 514px;
	right: auto;
	left: 1px;
	bottom: auto;
}

#thumbnailholder {
	clear: both;
	float: none;
	height: auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-color: 
 	font-weight: bold;
	border: 1px none #666;
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
}

#thumbnailholder h1 {
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	float: none;
	clear: none;
	background-color: #333;
	height: 25px;
	padding: 5px;
}


#thumbnailholder p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#footer {
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;
	color:#FFF
	padding: 10px;
	clear: both;
	float: none;
	height: 20px;
	width: 700px;
	background-color: #999;
	color: #FFF;
	font-size: 12px;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}
	

#illustrationinfo {
	float:right;
	height: auto;
	width: auto;
	background-color: #FFF;
	clear: both;
	padding: 0px;
}


#illustrationinfobottom {
	float:right;
	height: 100px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


#content h3 {
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;

	font-size:14px
	padding: 5px;
	background-color: #333;
	color: #000;
	height: 25px;
	width: auto;
	padding: 5px;
	font-size: 9px;
}



#series{
	float: left;
}

#mainillo,{
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	height: 400px;
	width: 625px;
	align: center;
    
}

#mainillo img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:auto;
	height:auto;
	float: none;
	align: center;
	clear: both;
}

	
.thumbnail {
	width: 223px;
	height: 223px;
	float:left;
	overflow:hidden;
	padding: 5px;
	position:relative;
}

.thumbnail .details {
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;
	font-size:15px;
	position:absolute;
	bottom:0px;
	background:#F33;
	z-index:2;
	height:25px;
	width:100%;
	color:#FFF;
	-moz-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	

}



.thumbnail img {
	width:100%;
	height:auto;
}


.illustrationholder img {
	width: 500px;
	height: 500px;
	float:left;
	overflow:hidden;
	padding: 5px;
}


.illustrationholder img {
	width:100%;
	height:auto;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/bg_236844.png);
	height: auto;
	width: auto;
	font-size: 12px;
}
a {
	text-decoration: none;
	color:#000;
	font-size: 12px;
}

h3 a{
	text-decoration: none;
	color:#FFF;
	font-size: 12px;
}


h1 a{
	text-decoration: none;
	color:#F33;
	font-size: 14px;
}

h4 {
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	float: none;
	clear: none;
	background-color: #F33;
	height: 15px;
	width: 690px;
	text-align:left;
	padding: 5px;
}

h5 {
	font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	float: none;
	clear: none;
	background-color: #CCC;
	height: 15px;
	padding: 5px;
}

::selection {
	background: #F33; /* Safari */
	color: #FFF;	
	}
::-moz-selection {
	background: #F33; /* Firefox */
	color: #FFF;	
}
	
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #999;
color: White;
float: left;
width: 100%;
font-family: "SilkscreenNormal", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:center;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	
padding: 0.2em 1em;
background-color: #;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
text-align:center;
position:relative;
left:75%;
text-align:right;
display:block; margin:0 0 0 1px;
}

#navcontainer ul li a:hover
{
background-color: #3FF;
color: #fff;
}