/*  
Theme Name: Downfall
Theme URI: http://www.downfall.fi/
Author: Niklas R�m� / Not Evil Music and Hannu Kumpula / Artist Anonymous
*/



/* Begin Typography & Colors */

html, body {height:100%;}

body {
	font-size: 12px;
	font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
  	background-image: url(images/bg.jpg);
  	background-color: #000000;
  	background-position: center 522px;
  	background-repeat: no-repeat;
	color: #dddddd;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#page-wrap1{}

#page-wrap2{
  background: transparent url(images/header.jpg) no-repeat center top;
  height: 522px;
  min-height: 522px;
  width: 100%;
  display:block;
}

#header {
  height: 522px;
  z-index: 2; /* fix for stupid ie6/7 bug */
  position:relative;
	}
	
#page {
	background:transparent;
    border: none;
	text-align: left;
   	margin: 0 auto;
	padding: 0;
	width: 960px;
	}
	
p, li { line-height: 1.5em; }
	
#content ul {
	list-style-type: none;
	margin: 0 0 0 1em;
	padding: 0;
	} 

#content ul li {
	padding-left: 2em;
  	background: url(images/bullet.png) no-repeat; 
   	background-position: 0 3px;
	margin: 1em 0 0 0;
	} 

#content ul.gigpress-related-show {
	list-style-type: none;
	margin: 0;
	padding: 0;
	} 
	
#content ul.gigpress-related-show li {
	padding: 0 0 0 1em;
    background: none;
	margin: 0.7em 0 0 0;
	} 

#footer {
   	font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
	font-size: 11px;
   	font-weight: normal;
	border: none;
	text-align: left;
    	padding: 0;
	margin: 0 auto;
	width: 960px;
    	height: 100px;
	clear: both;
	}

#footer p {
	line-height: 2em;
	margin: 0 0 0 0;
    text-align: center;
    color:#555555;
	} 
	
#sidebar1 {
    float: left;
    font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #dddddd;
    text-align: center;
    text-decoration: none;
    width: 220px;
	}

#sidebar1 h1{
    color: #C95934;
    font-family: Lucida Grande,Verdana,Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 0px 5px !important;
    margin: 5px 10px 0 10px !important;
}

#sidebar1{
    margin-top:40px;
}
#sidebar1 li{
    padding: 5px 5px 5px 5px !important;
    margin: 5px 10px 0 10px !important;
    list-style-type: none !important;
}
#sidebar1 ul{
    list-style-type: none !important;
    padding: 0 !important;
    margin: -10px 0 0;
    width: 200px !important;
}
#sidebar1 p {
    	margin: 1em;
	}
	
#sidebar2, #sidebar3, #sidebar4, #sidebar5 {
    float: right;
    font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #666666;
    text-align: left;
    text-decoration: none;
    margin: 10px 0 20px 0;
	width: 220px;
	}

#sidebar2 p, #sidebar3 p, #sidebar4 p, #sidebar5 p {
    	margin: 1em;
	}

small {
	font-family: Lucida Grande, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
    line-height:1.5em;
	}
	
input, textarea {
	background: transparent;
	font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
	font-size: 12px; 
	text-decoration: none; 
	border: 1px solid #5b3518;
	}
	
h2,h2 a,h2 a:visited {
    font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
    font-weight: bold;  
	font-size: 14px;
	color: #c95934;
	margin: 0.5em 0 0 0;
	text-align: left;
	}
	
h2 a:hover, #index h2:hover, #page h2 a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
h3 {
    font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
    font-weight: bold;  
	font-size: 14px;
	color: #fff;
	padding: 0 0 0 0;
	margin: 1.4em 0 0 0;
	text-align: left;
	}
	
h3 a, h3 a:visited {
	color: #fff;
	text-decoration: none;
	}
    
a, a:visited, p a, p a:visited {
	color: #c95934;
	text-decoration: none;
	}  
	
a:hover, p a:hover {
	color: #444444;
	text-decoration: none;
	}
	
h3 a:hover, h4 a:hover, h5 a:hover, #header h5 a:hover {
	color: #c95934;
	text-decoration: none;
	}

/* End Typography & Colors */

/* Begin Structure */

.narrowcolumn, .widecolumn {
	float: left;
	padding: 0;
	margin: 10px 10px 20px 10px;
	width: 480px;
	}

.post {
	margin: 0 0 3em 0;
	text-align: left;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	text-align: center;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.postmetadata {
	clear: left;
	}
    
/* End Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 4px 0 10px 0;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 4px 10px 0 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* End Images */

/* Lists */
ol {
	padding: 0 0 0 30px;
	margin: 0;
	}

ol li {
	margin: 0;
	padding: 0;
    list-style: decimal outside;
	}
	
ul#twitter_update_list {
	list-style-type: none !important;
	padding: 0 !important;
        margin: -10px 0 0;
	width:200px !important;
	}

ul#twitter_update_list li {
	padding: 5px 5px 5px 5px !important;
	margin: 5px 10px 0 10px !important;
	font-size:11px !important;
	}
	
ul#twitter_update_list li a {
	display:block !important;
	}

/* End Lists */

/* Misc */

select {
	width: 130px;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 10px 0 10px 0;
	}

.floatclear {
	clear: both
	}
	
.divider {
	width:480px;
	height:9px;
	margin:0;
	padding:0;
	background: transparent url(images/divider.jpg) no-repeat;
	}
.side-divider {
	width:202px;
	height:7px;
	margin:0;
	padding:0;
    background: transparent url("images/side-divider.png") no-repeat;
}
	
p.photos a img, .photos a {
	float: left;
	margin: 0 9px 10px 0; 
	padding:5px;
	display: inline;
	background: transparent url(images/photo-bg.jpg) no-repeat;
	}

p.photos a:hover img, .photos a:hover {
	background: transparent url(images/photo-bg-hover.jpg) no-repeat;
	}
	
	
/* Releases page customization starts */

.release {
	display: block;
	margin: 0 0 0 0;
	padding: 10px 15px;
	border:1px solid #333333;
	}

.release-pic {
	float:left;
	margin: 0 30px 0 0;
	padding: 0;
	}

.release-info {
	float:right;
	margin: 0;
	padding: 0;
	}

/* Releases page customization ends */

/* Band page customization starts */

.ville a {
	display: block;
	width:200px;
	height:133px;
	background: transparent url(images/ville.jpg) no-repeat;
	}
	
.hannu a {
	display: block;
	width:200px;
	height:133px;
	background: transparent url(images/hannu.jpg) no-repeat;
	}
	
.timo a {
	display: block;
	width:200px;
	height:133px;
	background: transparent url(images/timo.jpg) no-repeat;
	}
	
.dino a {
	display: block;
	width:200px;
	height:133px;
	background: transparent url(images/dino.jpg) no-repeat;
	}

.dino a:hover, .timo a:hover, .hannu a:hover, .ville a:hover {
	background-position: -200px 0;
	}

/* Band page customization ends */

/* Sidebar 2 links */

.streetteam a {
	display: block;
	width:200px;
	height:145px;
	background: transparent url(images/streetteam.jpg) no-repeat;
	}
	
.guestbook a {
	display: block;
	width:200px;
	height:106px;
	background: transparent url(images/guestbook.jpg) no-repeat;
	}

.playground a {
	display: block;
	width:200px;
	height:43px;
	background: transparent url(images/playground.jpg) no-repeat;
	}
	
.notevilmusic a {
	display: block;
	width:200px;
	height:44px;
	background: transparent url(images/notevilmusic.jpg) no-repeat;
	}

.artistanonymous a {
	display: block;
	width:200px;
	height:78px;
	background: transparent url(images/artistanonymous.jpg) no-repeat;
	}
	
.fascinationstreet a {
	display: block;
	width:200px;
	height:53px;
	background: transparent url(images/fascinationstreet.jpg) no-repeat;
	}
	
.studiowatercastle a {
	display: block;
	width:200px;
	height:26px;
	background: transparent url(images/studiowatercastle.jpg) no-repeat;
	}
	
.dimedia a {
	display: block;
	width:200px;
	height:34px;
	background: transparent url(images/dimedia.jpg) no-repeat;
	}
	
.obscure a {
	display: block;
	width:200px;
	height:46px;
	background: transparent url(images/obscure.jpg) no-repeat;
	}
	
.paiste a {
	display: block;
	width:200px;
	height:56px;
	background: transparent url(images/paiste.jpg) no-repeat;
	}
	
.soitinlaine a {
	display: block;
	width:200px;
	height:100px;
	background: transparent url(images/soitinlaine.jpg) no-repeat;
	}
	
.pearl a {
	display: block;
	width:200px;
	height:71px;
	background: transparent url(images/pearl.jpg) no-repeat;
	}
	
.energia a {
	display: block;
	width:200px;
	height:53px;
	background: transparent url(images/energia.gif) no-repeat;
	}
.filmtown a {
	display: block;
	width:200px;
	height:53px;
	background: transparent url(images/filmtown.gif) no-repeat;
	}	
.wornaguitars a {
	display: block;
	width:200px;
	height:150px;
	background: transparent url(http://www.blackstarhalo.com/wp-content/uploads/2010/03/worna_logo.gif) no-repeat;
	}
.pirkkalancarwash a {
	display: block;
	width:200px;
	height:150px;
	background: transparent url(http://www.blackstarhalo.com/wp-content/uploads/2010/05/pirkkalancarwash.gif) no-repeat;
	}	
.streetteam a:hover, .guestbook a:hover, .playground a:hover, .notevilmusic a:hover, .artistanonymous a:hover, .fascinationstreet a:hover, .studiowatercastle a:hover, .dimedia a:hover, .obscure a:hover, .paiste a:hover, .soitinlaine a:hover, .pearl a:hover, .energia a:hover, .filmtown a:hover, .wornaguitars a:hover, .pirkkalancarwash a:hover {
	background-position:-200px 0;
	}


/* End Sidebar 2 links */	


/* End Misc */	

/* Menu */
	
#imap {
  margin:0;
  padding:0;
  display:block; 
  width:694px; 
  height:260px; 
  background:transparent; 
  position:relative;
  }

#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
  
/* Menu-navigation */
#imap #picnews {
  left:133px; 
  top:257px; 
  z-index:20;
  }
#imap #picband {
  left:133px; 
  top:283px; 
  z-index:20;
  }
#imap #pictour {
  left:133px; 
  top:309px; 
  z-index:20;
  }
#imap #picvideos {
  left:133px; 
  top:335px; 
  z-index:20;
  }
#imap #picphotos {
  left:143px; 
  top:361px; 
  z-index:20;
  }
#imap #picreleases{
  left:143px; 
  top:387px; 
  z-index:20;
  }
#imap #picextras {
  left:163px; 
  top:412px; 
  z-index:20;
  }
#imap #piccontact{
  left:163px; 
  top:439px; 
  z-index:20;
  }
#imap #picpress{
  left:193px; 
  top:467px; 
  z-index:20;
  }
#imap #picmerch{
  left:203px; 
  top:492px; 
  z-index:20;
  }  
#imap #picmyspace{
  left:771px; 
  top:257px; 
  z-index:20;
  }    
#imap #picfacebook{
  left:771px; 
  top:283px; 
  z-index:20;
  }
#imap #picyoutube{
  left:741px; 
  top:309px; 
  z-index:20;
  }
#imap #piclastfm{
  left:731px; 
  top:335px; 
  z-index:20;
  }
#imap #pictwitter{
  left:721px; 
  top:361px; 
  z-index:20;
  }
#imap #picilike{
  left:701px; 
  top:387px; 
  z-index:20;
  }
#imap #picitunes{
  left:681px; 
  top:413px; 
  z-index:20;
  }
#imap #picircgalleria{
  left:661px; 
  top:439px; 
  z-index:20;
  }
#imap #picpurevolume{
  left:631px; 
  top:465px; 
  z-index:20;
  }    
#imap #picplayer {
  left:390px; 
  top:430px; 
  z-index:20;
  }
/* button sizes */

#imap a#menunews,#imap a#menuband,#imap a#menutour,#imap a#menuvideos,#imap a#menuphotos,#imap a#menuextras,#imap a#menureleases,#imap a#menucontact,#imap a#menupress,#imap a#menumerch,#imap a#menumyspace,#imap a#menufacebook,#imap a#menuyoutube,#imap a#menulastfm,#imap a#menutwitter,#imap a#menuilike,#imap a#menuitunes,#imap a#menuircgalleria,#imap a#menupurevolume {
  display:block; 
  width:155px; 
  height:26px; 
  text-decoration:none; 
  z-index:20;
  }

#imap a#menuplayer {
  display:block; 
  width:200px; 
  height:50px; 
  text-decoration:none; 
  z-index:20;
  }
  
/* Hover */  
  
#imap .current a#menunews, #imap a#menunews:hover {
  background:transparent url(images/menu-highlight.jpg) 0px 0px no-repeat; 
  z-index:30;
  }

#imap .current a#menuband, #imap a#menuband:hover {
  background:transparent url(images/menu-highlight.jpg) 0px -26px no-repeat;
  z-index:30;
  }
#imap .current a#menutour, #imap a#menutour:hover {
  background:transparent url(images/menu-highlight.jpg) 0px -52px no-repeat;
  z-index:30;
  }
#imap .current a#menuvideos, #imap a#menuvideos:hover {
  background:transparent url(images/menu-highlight.jpg) 0px -78px no-repeat;
  z-index:30;
  }
#imap .current a#menuphotos, #imap a#menuphotos:hover {
  background:transparent url(images/menu-highlight.jpg) -10px -104px no-repeat;
  z-index:30;
  }
#imap .current a#menureleases, #imap a#menureleases:hover {
  background:transparent url(images/menu-highlight.jpg) -10px -130px no-repeat;
  z-index:30;
  }
#imap .current a#menuextras, #imap a#menuextras:hover {
  background:transparent url(images/menu-highlight.jpg) -30px -155px no-repeat;
  z-index:30;
  }  
#imap .current a#menucontact, #imap a#menucontact:hover {
  background:transparent url(images/menu-highlight.jpg) -30px -182px no-repeat;
  z-index:30;
  }
#imap .current a#menupress, #imap a#menupress:hover {
  background:transparent url(images/menu-highlight.jpg) -60px -210px no-repeat;
  z-index:30;
  }
#imap .current a#menumerch, #imap a#menumerch:hover {
  background:transparent url(images/menu-highlight.jpg) -70px -235px no-repeat;
  z-index:30;
  }  
  
/* Communities */ 
  
#imap .current a#menumyspace, #imap a#menumyspace:hover {
  background:transparent url(images/menu-highlight.jpg) -638px 0px no-repeat;
  z-index:30;
  }
#imap .current a#menufacebook, #imap a#menufacebook:hover {
  background:transparent url(images/menu-highlight.jpg) -638px -26px no-repeat;
  z-index:30;
  }
#imap .current a#menuyoutube, #imap a#menuyoutube:hover {
  background:transparent url(images/menu-highlight.jpg) -608px -52px no-repeat;
  z-index:30;
  }
#imap .current a#menulastfm, #imap a#menulastfm:hover {
  background:transparent url(images/menu-highlight.jpg) -598px -78px no-repeat;
  z-index:30;
  }
#imap .current a#menutwitter, #imap a#menutwitter:hover {
  background:transparent url(images/menu-highlight.jpg) -588px -104px no-repeat;
  z-index:30;
  }
#imap .current a#menuilike, #imap a#menuilike:hover {
  background:transparent url(images/menu-highlight.jpg) -568px -130px no-repeat;
  z-index:30;
  }
#imap .current a#menuitunes, #imap a#menuitunes:hover {
  background:transparent url(images/menu-highlight.jpg) -548px -156px no-repeat;
  z-index:30;
  }
#imap .current a#menuircgalleria, #imap a#menuircgalleria:hover {
  background:transparent url(images/menu-highlight.jpg) -528px -182px no-repeat;
  z-index:30;
  }
#imap .current a#menupurevolume, #imap a#menupurevolume:hover {
  background:transparent url(images/menu-highlight.jpg) -498px -208px no-repeat;
  z-index:30;
  }  
  
/* Player */ 

#imap .current a#menuplayer, #imap a#menuplayer:hover {
  background:transparent url(images/menu-highlight.jpg) -257px -173px no-repeat;
  z-index:30;
  }  
  
/* End Menu */