/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 Joomla 1.0.x Template
 Copyright 2005 All rights reserved
 
 webrockers
 cliffrocker@webrockers.net
 http://www.webrockers.net
   24 September 2005
   Single site licence ONLY for vampire.cliffburton.de
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
}
/* Background */
body {
	text-align: center;	
        background: #000000; /* url(../images/body_bg.jpg) 0 0 no-repeat fixed; */
 	color: #AF9674;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
}

/* da link colour and style */
a {
    font-size: 1em;
	text-decoration: none;
	background-color: transparent;
    font-weight: bold;
    color: maroon;
}
a:hover { 
	color: red;
}
a:link, 
a:active,
a:visited {	
	color: maroon;
}




/*
 * div magic 
 */
div#outer_box {
/*border: solid 1px red;*/
/*margin: 1em auto;*/
	margin-top: 5px;
	margin-bottom: 5px;	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/*div#header_boxx {
/*border: solid thin silver;*/
/*}*/

#header {
/*border: solid thin blue;*/
	width: 960px;
	padding: 0em;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 71px;
}

.logo_spacer {
	height: 71px;
	width: 158px;
	float: left;
}



/* Farhner Image Replacement 
 - the code says its a header with the sitename, 
   so we replace the header text with this header image - sweet  :-) )*/
#logo {
/*border: solid thin green;*/
/*	background: url(../images/header.png) top left no-repeat;*/
	width: 631px;
	height: 71px; 
/*	text-indent: -5000px;*/
	float: left;
}


div#metalass {
letter-spacing:0.01em;
font-weight: bold;
}

div#metalass a:hover { color: red;}



/* diese box ist der dynamisch angepasste container in der mitte */
div#middle_section {
/*border: 1px solid blue;		*/
margin: 1em;
height: auto;
width: auto;
}


div#content_box {
/*border: 1px solid aqua;*/
/*width: 760px;*/
/*width: 960px;*/
text-align: center;
voice-family: "\"}\"";
voice-family:inherit;
/*width: 740px;*/
/*width: 940px;*/
}

html>body #content_box {
/*width: 760px;*/
/*width: 960px;*/
}

div#shout_box {
/*border: 1px solid yellow;*/
float: right; 
width: 160px;
height: 300px;
margin-right: 0px;
}





div#cliff_box{
/*border: solid 1px red;*/
position: relative;
font-style: italic;
text-align: center;
height: auto;
width: 100%;
}


div#cliff {
/*border: solid 1px silver;*/
position: absolute;
height: 100px;
width: 100px;
left: 0px;
/*bottom: 0px;*/
background-color: transparent;
background: url(../images/burton-twins.png) no-repeat;
}





#spilled {
/*border: solid 1px red;*/
position: relative;
font-size: 1.3em;
color: maroon;
font-weight: bold;
margin: 1em;

}



div#vali_box {
/*border: solid 1px silver;*/
text-align: center;
}



div#footer_box {
/*border: solid 1px silver;*/
width: 960px;
/* das die bg_grafik angezeigt wird muss hier pos relative und die gradik absolut sein!*/
position: relative;
height: 42px;
text-align: center;
background: white;
color: maroon;
padding-top: 2px;
padding-bottom: 2px;
border: 2px solid #0E0604;
line-height: 20px;
vertical-align: middle;
}
#footer_stain {
/*border: solid 1px black;*/
position: absolute;
left: 0px;
bottom: 0px;
width: 86px;
height: 29px;
background-color: transparent;
background: url(../images/bg/stain.png) no-repeat;
}
/*bottomrocker, mit vertical ausgerichtetem text*/
div#bottomrocker {
	font-size:12px;
}
div#bottomrocker span#valign{
	vertical-align:16px;
}
div#bottomrocker a, 
div#bottomrocker a:hover {
	text-decoration:none;
}
div#bottomrocker a#bottomrocker {
	background:transparent url(../images/webrockers2009blood.png) no-repeat center top;
	display:inline-block;
	width:150px;
	height:42px;
}
div#bottomrocker a#bottomrocker:hover {
	background-position:center bottom;
	outline-style:none;
}




/*** Static menu area ***/
#menu {
/*border: dotted thin silver;*/
	width: 960px; /* 865 */
	height: 36px;
	position: relative;
	background: url(../images/bg/navi_bg.png) top left no-repeat;
}
/* Workaround for IE flicker bug for the menu items 
 - partly based on Pixy's CSS rollovers without flicker */
#menu a:hover {
	top: 0px;
	left: 0px;
}
#menu a:active {
	top: 0px;
	left: 0px;
}
/* */	
/* Float left for everything to speed up layout generation - it's a quick way of doing faux tabling */
.navi_spacer {
	height: 36px;
	width: 0px;
	float: left;
}
#left_space {
	height: 36px;
	width: 167px;
	float: left;
	text-decoration : none;
}
#home {
	height: 36px;
	width: 107px;
	float: left;
	text-decoration : none;
/*	background : url(../images/buttons/dhome.png) no-repeat 0% 0%; 	*/
}
.home a:hover {
	background : url(../images/buttons/set2/home.png) no-repeat 0% 0%; 
}
.navi_spacer1 {
	height: 36px;
	width: 0px;
	float: left;
}
#about {
	height: 36px;
	width: 114px;
	float: left;
	text-decoration : none;
/*	background : url(../images/buttons/dabout.png) no-repeat 0% 0%; 	*/
}
.about a:hover {
	background : url(../images/buttons/set2/about.png) no-repeat 0% 0%; 
}
.navi_spacer2 {
	height: 36px;
	width: 0px;
	float: left;
}
#news {
	height: 36px;
	width: 109px;
	float: left;
	text-decoration : none;
	/*background : url(../images/buttons/dnews.png) no-repeat 0% 0%; 	*/
}
.news a:hover {
	background : url(../images/buttons/set2/news.png) no-repeat 0% 0%; 
}
.navi_spacer3 {
	height: 36px;
	width: 0px;
	float: left;
}
#hallofame {
	height: 36px;
	width: 216px;
	float: left;
	text-decoration : none;
/*	background : url(../images/buttons/dhallofame.png) no-repeat 0% 0%; 	*/
}
.hallofame a:hover {
	background : url(../images/buttons/set2/hallofame.png) no-repeat 0% 0%; 
}
.navi_spacer4 {
	height: 36px;
	width: 0px;
	float: left;
}
#add {
	height: 36px;
	width: 80px;
	float: left;
	text-decoration : none;
/*	background : url(../images/buttons/dadd.png) no-repeat 0% 0%; 	*/
}
.add a:hover {
	background : url(../images/buttons/set2/add.png) no-repeat 0% 0%; 
}









div#navi_links a {
font-size: 1.2em;
font-weight: bold;
font-style: italic;
}




table {
background:transparent url(../images/body_bg.jpg) no-repeat 0%;
border: solid 1px maroon;
/*text-align: left;*/
text-align: center;
width: 100%;
font-size: 1em;
padding: 0.2em;
margin: 0.5em;
}

th {
color: maroon;
font-size: 1em;
padding-right: 6px;
padding: 0.2em;
margin: 0.5em;
text-align: left;


}

td {
color: red;
font-size: 1em;
padding-right: 6px;
padding: 0.2em;
padding-left: 1em;
margin: 0.5em;
text-align: left;

}


table.home {
text-align: center;
width: 728px;
}

table.update {
text-align: left;
width: 728px;
}

table.tops {
text-align: center;
width: 728px;
}



/*nicht definierte überschriften/tags machen den IE zum idioten*/
h1 { 
font-size: 2em;
}
h2 { 	
font-size: 1.4em;
margin: 0.7em;
}
h3 { 	
font-size: 1.2em;
margin: 0.7em;
}
h4 { 	font-size: 1em;}
h5 { 	font-size: 1em;}
h6 { 	font-size: 1em;}

pre {
font-size: 1em;
}

img {
    border: none;
}

sup {
/*font-size: 1em;*/
}



/*nicht definierte tags machen den IE zum idioten*/
p
{
	font-size: 1em;
	padding: 0em;
	margin: 0em;
}


/* list items */
ul, 
li 
{
	/* blood-grafik als li-grafik?*/
	font-size: 1em;	
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#goo_rocker {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	height:17px;
	width:728px;
/*	background:#200000;
	border:solid 1px maroon;*/
}