/* Stylesheet for www.WorldToAshes.com
 * (c)2009, Achim Wiedemann
 */

/** Common styles *************************************************************/
*{
  font-family:Arial, Sans-serif;
  font-size:10pt;
}

body{
  background:#000;
  margin:0px;
  color:#fff;
}

a{
  color:#fff;
}

a.external{
  padding-right:10px;
  margin-right:2px;
  background:url(../img/external.gif) no-repeat right center;
}

img{
  border:none;
}

h1{
  margin-top:0px;
  padding-top:0px;
  font-family:Georgia;
  font-weight:normal;
  font-size:26pt;
}

h2{
  margin-top:0px;
  padding-top:0px;
  font-family:Georgia;
  font-weight:normal;
  font-size:18pt;
}

ul{
  list-style-image:url(../img/arrow.gif);
  padding-left:0px;
  margin-left:20px;
}

td{
  vertical-align:top;
}

.red{
  color:#e40000;
}

.button{
  border:1px solid #fff;
  color:#fff;
  background:#3A3F35;
}

.photo{
  border:1px solid #fff;
}

.photoThumb{
  width:200px;
  height:200px;
}



/** Navigation ****************************************************************/
#navigation{
  z-index:999;
}
.navUnit{
  position:relative;
  float:left;
}

.navUnit .submenu{
  display:none;
  position:absolute;
  top:38px;
  left:5px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

.navUnit .submenu a{
  text-decoration:none;
  font-weight:bold;
}

.navUnit .submenu .entry{
  display:block;
  padding:2px 10px 3px 10px;
  border-bottom:1px solid #fff;
  white-space:nowrap;
  background:url(../img/bg-flyout-submenu.png);
}

.navUnit .submenu .entry a{
  color:#fff;
  font-weight:bold;
  font-family:Verdana, Sans-serif;
  font-size:9pt;
  text-decoration:none;
}



/** Containers ****************************************************************/
#container{
  position:relative;
  margin:auto;
  width:1024px;
}

#header{
  margin:auto;
  width:1024px;
  height:191px;
  background:url(../img/bg-header.jpg);
}

#navigation{
  position:absolute;
  top:191px;
  left:93px;
  width:839px;
  height:38px;
  z-index:999; /* for submenus */
}

#mainContainer{
  position:absolute;
  top:229px;
  left:93px;
  width:839px;
  padding-bottom:50px;
}

#mainContent{
  background:url(../img/bg-main-tiled-no-content.jpg) top center repeat-y;
  border-bottom:1px solid white;
}

#contentContainer{
  background:url(../img/bg-main-tiled.jpg) top center repeat-y;
}

#contentBgLayer{
  background:url(../img/bg-main.jpg) top center no-repeat;
}

#content{
  padding:20px;
  margin-left:73px;
  color:#fff;
  width:661px; 
  border-bottom:1px solid white;
}

#subnav{
  margin-left:72px;
  width:703px;
  height:23px;
  background:url(../img/bg-subnav.jpg);
  text-align:center;
  padding-top:3px;
}

#newsletter{
  position:relative;
  margin-left:73px;
  width:703px;
  height:55px;
}

#footer{
  width:839px;
  text-align:right;
  color:#fff;
}

#footer a{
  font-size:8pt;
  color:#222;
  text-decoration:none;
}



/** Specifics *****************************************************************/
h2.date{
  margin-bottom:0px;
  margin-top:30px;
}

#subnav a{
  color:#fff;
  font-weight:bold;
  font-family:Verdana, Sans-serif;
  font-size:9pt;
  text-decoration:none;
}

#newsletterLogo{
  position:absolute;
  top:2px;
  left:0px;
}

#newsletterForm{
  position:absolute;
  top:15px;
  left:130px;
}

#whirlwindLogo{
  position:absolute;
  top:5px;
  left:555px;
}

.formField{
  width:200px;
}

.formTextArea{
  width:400px;
}

table.shows{
  width:100%;
}

table.shows th{
  background:#333;
}

table.shows td{
  padding:7px;
  padding-bottom:10px;
}

tr.passed td, tr.passed td a{
  color:#aaa;
}

img.portrait{
 float:right;
 vertical-align:text-top;
 width:250px;
 height:300px;
 border:1px solid white;
}

.release{
  border:1px solid #fff;
}

td.coverColumn{
  padding-right:50px;
}

.msgBox{
  border:1px solid red;
  background:#fdc;
  color:#000;
  padding:10px;
}

.error{
	font-weight:bold;
	color:#f00;
}

.notice{
  color:#777;
}