BODY {
	background: #000000 url(../images/coolest-vampire-background.jpg) repeat-y; /* that will be repeated only along the y-axis [North/South] */
	margin: 0; /*margins are set to zero*/
	padding-top: 0; /*for Opera6*/
	line-height: 10px;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color: #504e4e;
	font-size: 12px;
}
      
#container {
	background-color: #000000;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 130px;
	width: 1000px;
	background-color: #000000;
	background-image: url(http://www.coolest-vampire-art-gallery.com/images/header.gif);
}

#content {
	width: 580px;
	padding: 10px;
	margin-right: 160px;
	margin-left: 160px;
}
#leftnav {
	float: left;
	width: 130px;
	background-color: #000000;
	padding: 5px;
}


#leftnav a:link, .navlist a:visited
{
color: #8000;
text-decoration: none;
font-weight: bold;
}

#leftnav a:visited
{
   color: #de0505;
   text-decoration: none;
   font-weight: bold;
}

#leftnav a:hover
{
	text-decoration: none;
	color: #bf0505;
}

#sidebar {
	padding: 2px;
	float: right;
	width: 179px;
	background-color: transparent;
	border: 1px solid #171616;

}

#footer {
	background-color: transparent;
	padding: 10px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #171616;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #800000;
	line-height: 24px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #800000;
	line-height: 20px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #800000;
	line-height: 20px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 11pt;
	color: #ffffff;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-bottom: 9px;
}

a {
	color: #800000;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #de0505;
	text-decoration: none;
	font-weight : bold;
}
a:hover {
	color: #bf0505;
	text-decoration: none;
}


.box1 {
	background:#323233;
	color: #0000;
	border:1px solid #00ffff;
	width: 400px;
	height: 165px;
	padding-top: 5;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	line-height: 16px;
}

.box2 {
	background:#111111;
	color: #000000;
	border:1px solid #00ffff;
	width: 500px;
	height: 600px;
	padding-top: 5;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	line-height: 16px;
}

.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px 0;
    	margin: 3px 0;
	line-height: 12pt

}    
    
strong, b {font-weight:800;}/*NN 4.xx needs that...*/ 
big {font-size:larger;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size:smaller;}/*not really necessary, but one never knows...use it inline with a <span> class*/

/*This removes the need to add border=0 to linked images*/
A IMG {border:0.1px none #000000;} 


}

ul{/*You can create a special image to use in lists, upload to the Graphics Library and be sure and name it li.gif*/
	list-style-image:url(../images/li.gif);
	list-style-position:outside;
	list-style-type:none;
}

em,i{ /*sets italics to bold to stand out better*/
	font-weight: bold;
	font-style: italic;
}