/*-- RedrumTattoo.com Styles --*/

body {
	background: #000000 url(../images/redrum_bg_2.jpg) top no-repeat;
	margin: 0;
	padding: 0;
}

#container 
{
width: 900px;
\width: 920px;
w\idth: 900px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
/*background-color:#000000;*/
font-family: Arial, Helvetica, sans-serif;
color: #c3c3c3;
}

/*-- Header --*/

#banner 
{
padding: 0;
margin-bottom: 0;
}

/* Content Styles */

.content a { padding: 1px; }

.content a:link, .content a:visited
{
color: #bd0f16;
background-color: #000;
text-decoration: none;
}

.content a:hover
{
color: #fff;
background-color: #bd0f16;
text-decoration: none;
}

#homecontent 
{
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align:center;
}

#biocontent 
{
width: 550px;
padding: 0;
margin-left: 300px;
font-size: small;
line-height: 20px;
text-align:left;
background:url(../images/redrum_cross.jpg) top no-repeat;
}

#content 
{
width: 700px;
padding: 0;
margin-left: 200px;
text-align:right;
background:url(../images/redrum_cross.jpg) top no-repeat;
}

#singlecolumncontent 
{
width: 875px;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align:center;
background:url(../images/redrum_cross.jpg) top no-repeat;
}

#nocrosscontent 
{
width: 875px;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align:center;
}

/*-- Sidebars --*/

#sidebar-a 
{
float: left;
clear: right;
width: 180px;
margin: 0;
/*margin-right: 700px;*/
padding: 0;
/*border: 1px solid #bd0f16;*/
}

#biosidebar-a 
{
float: left;
clear: right;
width: 300px;
margin: 0;
padding: 0;
text-align: center;
}

/*-- Gallery Styles --*/

#gallery 
{
width: 500px;
padding: 0;
margin: 0;
/*border: 1px solid #FFF;*/
}

#gallery td 
{
width: 100px;
height: 100px;
padding: 10px;
text-align: center;
}

#gallery2 
{
width: 875px;
padding: 0;
margin: 0;
}

#gallery2 td 
{
width: 100px;
height: 100px;
padding: 10px;
text-align: center;
}

#gallery3 
{
width: 875px;
padding: 0;
margin: 0;
}

#gallery3 td 
{
width: 100px;
height: 100px;
padding: 10px;
text-align: center;
}

#gallery3 img 
{
border: 1px solid #bd0f16;
}

/*-- Main Navigation --*/

#mainnav2
{
/*border: 1px solid #bd0f16;*/
padding: 0;
margin: 0 140px 25px 140px;
width: 620px;
}

#nav {
    margin: 0;
	padding: 0;
	height: 71px;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align:center;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 71px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 71px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -71px;
	}

#nav a:active, #nav a.selected
{
background-position: 0 -142px;
}
	
#bio a  {
	width: 56px;
	background: url(../images/nav_bio.jpg) top left no-repeat;
	}
	
#tattoos a  {
	width: 246px;
	background: url(../images/nav_tattoo_gallery.jpg) top left no-repeat;
	}
	
#media a  {
	width: 78px;
	background: url(../images/nav_media.jpg) top left no-repeat;
	}
	
#photos a  {
	width: 166px;
	background: url(../images/nav_photos.jpg) top left no-repeat;
	}
	
#links a  {
	width: 74px;
	background: url(../images/nav_links.jpg) top left no-repeat;
	}

/*-- Subnavigation --*/

#subnav {
	margin: 0;
	padding: 0;
	height: 71px;
	list-style: none;
	/*display: inline;*/
	overflow: hidden;
	width: 180px;
	height: 200px;
	}

#subnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	height: 40px;
	/*display: inline;*/
	}

#subnav a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	}
	
#subnav a:hover {
	background-position: 0 -40px;
	}

#subnav a:active, #subnav a.selected
{
background-position: 0 -80px;
}
	
#general a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_general.jpg) top left no-repeat;
	}
	
#horror a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_horror.jpg) top left no-repeat;
	}
	
#giger a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_giger.jpg) top left no-repeat;
	}
	
#portrait a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_portrait.jpg) top left no-repeat;
	}
	
#wounds a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_wounds.jpg) top left no-repeat;
	}
	
#bodypiercings a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_body.jpg) top left no-repeat;
	}
	
#procedural a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_procedural.jpg) top left no-repeat;
	}
	
#surface a  {
	width: 180px;
	height: 40px;
	background: url(../images/subnav_surface.jpg) top left no-repeat;
	}
	
/*--Links Page Styles --*/

#linkscontainer ul
{
margin-left: 40px;
padding: 0;
}

#linkscontainer li 
{ 
list-style-type: none;
margin: 0; 
padding: 0;
text-align:left;
}

#linkscontainer a
{
display: block;
color: #c3c3c3;
/*background-color: #1d1d1d;*/
width: 300px;
padding: 7px;
text-decoration: underline;
}

#linkscontainer a:hover
{
/*background-color: #151515;*/
color: #bd0f16;
text-decoration: none;
}

/*-- Footer --*/
	
#footer
{
clear: both;
padding: 5px;
margin-top: 30px;
margin-bottom: 20px;
color: #c3c3c3;
font-size:small;
text-align:	center;
}

#footer h2
{
font-size:x-small;
font-weight:normal;
color: #404040;
}

.footerlink a { padding: 1px; }

.footerlink a:link, .footerlink a:visited
{
color: #5d5d5d;
background-color: #000;
text-decoration: none;
}

.footerlink a:hover
{
color: #878787;
background-color: #000;
text-decoration: none;
}