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

/* 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:focus,
a:visited {	
	color: maroon;
	outline:0;
}




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


#header {
/*border: solid thin blue;*/
	width: 960px;
	padding: 0;
	margin: 0 auto;
	height: 120px;
}



#logo {
height:95px;
margin:10px 0 0 0;
}

div#metalass {
letter-spacing:0.01em;
font-weight: bold;
margin-bottom:0px;
}

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


div a#awiki {
background: transparent url(../images/headlines/awikiinthedarksmall.png) top center no-repeat;
height:45px;
width:305px;
margin:30px 0 0 0 ;
display:none; /*inline-block;*/
}

div a#awiki:hover {
background-position:center bottom;
outline-style:none;
}

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


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

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


div#support a#support_image {
background: transparent url(../images/headlines/support.png) top center no-repeat;
height:60px;
width:195px;
display:inline-block;
}

div#support a#support_image:hover {
background-position:center bottom;
outline-style:none;
}



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


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

p a#email {
margin-bottom:1em;
display:block;
}

#spilled {
/*border: solid 1px red;*/
position: relative;
/*font-size: 1.3em;*/
color: maroon;
font-weight: bold;
margin: 0 1em 1em 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 grafik 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 a,
div#bottomrocker a:hover {
	text-decoration:none;
}
div#bottomrocker a {
	background:transparent url(../images/webrockers2009blood.png) no-repeat center top;
	display:inline-block;
	width:150px;
	height:42px;
	vertical-align:middle;
}
div#bottomrocker a:hover {
	background-position:center bottom;
	outline-style:none;
}

.clear_both {
clear:both;
}

.valign {
vertical-align:middle;
}


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


div#top_nav,
div#bottom_nav {
height:36px;
width:960px;
/*display:inline-block;*/
margin:0 auto;
text-align:center;
}

div#top_nav {
margin-top:0px;
}
div#bottom_nav {
margin-bottom:30px;
display:none;
}

div.navigation {
width:646px;
display:inline-block;
text-align:center;
margin: 0 auto;
}

span.nav_view,
span.nav_about,
span.nav_wiki,
span.nav_halloffame,
span.nav_report {
float:left;
}


span.nav_view a.link_view {
background:url(../images/navigation/1home.png) no-repeat top center;
height:36px;
width:90px;
outline:none;
display:inline-block;
/*float:left;*/
}

span.nav_view a.link_view:hover {
background-position:bottom center;
}

span.nav_about a.link_about {
background:url(../images/navigation/2about.png) no-repeat top center;
height:36px;
width:122px;
outline:none;
display:inline-block;
/*float:left;*/
}

span.nav_about a.link_about:hover {
background-position:bottom center;
}

span.nav_wiki a.link_wiki {
background:url(../images/navigation/3wiki.png) no-repeat top center;
height:36px;
width:87px;
outline:none;
display:inline-block;
/*float:left;*/
}

span.nav_wiki a.link_wiki:hover {
background-position:bottom center;
}

span.nav_halloffame a.link_halloffame {
background:url(../images/navigation/4halloffame.png) no-repeat top center;
height:36px;
width:208px;
outline:none;
display:inline-block;
/*float:left;*/
}

span.nav_halloffame a.link_halloffame:hover {
background-position:bottom center;
}

span.nav_report a.link_report {
background:url(../images/navigation/5report.png) no-repeat top center;
height:36px;
width:138px;
outline:none;
display:inline-block;
/*float:left;*/
}

span.nav_report a.link_report:hover {
background-position:bottom center;
}






div.table_headline {
margin:30px 0 0 0;
}



table {
background:transparent url(../images/body_bg.jpg) no-repeat 0 0;
/*border: solid 2px #650201;*/
border-top:solid 2px #854545;
border-left:solid 2px #854545;
border-bottom:solid 2px #850201;
border-right:solid 2px #850201;
/*text-align: left;*/
text-align: center;
width: 100%;
font-size: 1em;
padding: 0.2em;
margin: 0.5em auto;
}

tr td {
padding:2px 12px 2px 12px;
}

tr.even td {
/*border-bottom: solid 1px #5f2f2f;*/
/*border-right:solid 1px #650201;*/
} 

tr.odd td {
border-bottom: solid 1px #650201;
/*border-right:solid 1px #b53535;*/

}

th {
color: #d50201;
font-weight:bold;
background:black;
font-size: 1em;
padding-right: 6px;
padding: 0;
margin: 0.0em;
text-align: center;
}

table.home th,
table.update th{
padding:2px;
border-top:solid 1px #854545;
border-left:solid 1px #854545;
border-bottom:solid 1px #850201;
border-right:solid 1px #850201;
color:maroon;
}


th a {
border-top:solid 1px #854545;
border-left:solid 1px #854545;
border-bottom:solid 1px #850201;
border-right:solid 1px #850201;
padding:2px;
font-weight:bold;
color:#d50201;
display:block;
}

th a:hover {
border-top:solid 1px #850201;
border-left:solid 1px #850201;color:red;
border-bottom:solid 1px #854545;
border-right:solid 1px #854545;
}


th.SortMark a {
color:#e56565;
}

th.SortMarkDirection_up {
background:black url(../images/dripping-blood2.png) no-repeat bottom right;
}

th.SortMarkDirection_down {
background:black url(../images/dripping-blood.png) no-repeat top right;
}
th.SortMarkDirection_down a {
}

table.home tr.odd td{
color:#4F6060;
}
table.home tr.even td{
color:#d50201;
}


td {
font-size: 1em;
padding:2px 5px;
margin: 0;
text-align: left;
}


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

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

table.update span.compare {
font-weight:bold;
color:red;
text-align: center;
display:none;
}


table.halloffame {
text-align: center;
width: 960px;
}

table.halloffame th.hof_pos {
background:transparent;
}
table.halloffame th.hof_names {
width:250px;
}
table.halloffame th.hof_lastposts {
width:180px;
}
table.halloffame th.hof_ages {
width:160px;
}


table.halloffame tr.pa_legend {
}

table.halloffame tr.pa_threeyears {
color:#2f4040;
}

table.halloffame tr.pa_year {
color:#4f6060;

}
table.halloffame tr.pa_halfyear {
color:#6f6060;

}
table.halloffame tr.pa_month {
color:#8f6060;

}
table.halloffame tr.pa_week {
color:#af4040;

}
table.home tr td.pa_day,
table.halloffame tr.pa_day {
color:#df2020;
}
table.home tr td.pa_hour,
table.halloffame tr.pa_hour {
color:#ff0000;
}
table.home tr td.pa_just,
table.halloffame tr.pa_just {
color:#ff3300;
}



td.age,
td.digit {
text-align:right;
}

td.age {
width:135px;
}

td.name {
width:150px;
}
td.location {
width:390px;
}
td.reporter {
width:auto;
}



tr.tbottom {
font-weight:bold;
font-size:13px;
}

tr.tbottom {
background:transparent;
}

tr.tbottom td.link_top {
text-align:left;
}
tr.tbottom td.link_report {
text-align:right;
}

tr.tbottom td a,
tr.tbottom td a:hover{
background: none;
padding:0px;
}
tr.tbottom td a:hover{
color:red;
}


tr.tbottom td.link_top a span.crossleft,
tr.tbottom td.link_report a span.crossright{
width:22px;
height:29px;
padding:0;
background:transparent url(../images/cross.png) no-repeat center top;
display:inline-block;
vertical-align:middle;
}
tr.tbottom td.link_top a:hover span.crossleft,
tr.tbottom td.link_report a:hover span.crossright{
background-position: center -30px;
}

tr.tbottom td.link_top span.crossleft{
margin-right:5px;
}

tr.tbottom td.link_report span.crossright{
margin-left:5px;
}


table.update {

}
table.update th.update_empty,
table.update th.update_between{
background:none;
border:none;
/*width:10px;*/
}
table.update th.update_empty,
table.update th.update_name,
table.update th.update_astreet,
table.update th.update_nstreet{
width:32%;
}

table.update th.update_regex_name {
width:66%;
}

table.update td{
text-align:center;
}

table.update td#regex_help  {
    text-align:left;
}

table.update input,
table.update select{
width:80%;
}

table.update td.update_buttons {

}
table.update input.button{
width:30%;
}
table.update input.update_checkbox{
width:13px;
}

table.update select.update_hunter{
width:60%;
}
table.update select.update_relative{
width:20%;
}



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