/*
For Panssarinyrkki.com
Author: Karri Saarinen(KarriSaarinen.com) 2006
*/

body {
	background:url(images/bgbgr.gif) repeat-x #020202;
	color: #eee;
	font-family: Georgia, Arial, Verdana, Helvetica, 'Lucida Grande', Sans-Serif;
	font-size:0.8em;
	margin:0 ;
}


/*
*** STRUCTURE ***
*/

#wrap {
	margin:0 auto;
	width:755px;
	background:url(images/bgpaper3.gif);
	padding:0 0 10px 0;
}

#header {
	margin:0 auto;
	height:164px;
	width:760px;
	background:url(images/header4.gif) no-repeat;;
}

#newsbar {
	border-right:1px solid #333;
	float:left;
	position:relative;
	width:465px;

	margin-left:15px;
	padding:0 30px 0 10px;
}

#infobar {
	float:right;
	position:relative;
	margin:0 0 0 0;
	padding:0 15px 30px 5px;
	width:195px;
	margin:0;
}

#content {width:720px; padding:10px 20px;}

#footer {
	font-size:0.8em;
	border-top:1px solid #333;
	clear:both;
	margin-top:50px;
	padding:10px 20px 0 20px;
}

#gallery {text-align:center;}

/*
*** TEXT ***
*/

h1, h2, h3, h4, h5, a {color:#c3c1ad;}
small {font-size:0.8em; color: #CE312A;  margin:0px; padding:0;}

a {color:#cc0000;text-decoration:none;line-height:1.5; padding:0; }
a:hover {background:red; color:white; }

.news h3 {font-size: 1.3em; margin-bottom:0; padding-bottom:0;}


#entered {padding:0px;margin:0 10px;}
#entered .reply {font-style:italic; color: #CE312A; margin:8px 2px;}

	
div.comment {border:1px solid #ccc;color:#f5f5f0;margin:15px 0;font-size:0.9em;}

div#topic p {font-size:2em;margin:0 0 10px 0;}

input, textarea {
	color:white;
	border:1px solid #333;
	margin:0 0 10px 0;
	background:transparent;
}

input.button {display:block; margin:10px 0;}


/* 
*** NAVIGATION ***
*/

#navigation ul a {
	display:block;
	color:white;
	float:left; 
	font-weight: bold; 
	height: 50px; 	
	margin:5px;		
	padding:10px 0px;
}

#navigation li {display:inline;}
#navigation ul {margin:0; padding-top:95px; text-indent:-9999px;}

a#main {background: transparent url(images/linkit_03.gif) no-repeat 0 0; width:80px;}
a#bio {background: transparent url(images/linkit_05.gif) no-repeat 0 0; width:95px;}
a#music {background: transparent url(images/linkit_07.gif) no-repeat 0 0; width:120px;}
a#media {background: transparent url(images/linkit_11.gif) no-repeat 0 0; width:80px;}
a#guestbook {background: transparent url(images/linkit_09.gif) no-repeat 0 0; width:80px;}
a#contact {background: transparent url(images/linkit_13.gif) no-repeat 0 0; width:80px;}
a#journal {background: transparent url(images/linkit_15.gif) no-repeat 0 0; width:100px;}

#navigation li a:hover {background-position:0 -60px;}
#navigation li.active a {background-position:0 -60px;}


#infobar ul {	border-top:1px solid #333;list-style:none; padding:0; margin:10px 0;}
#infobar li {
	border-bottom:1px solid #333;
	font-size:0.9em;
	display:block; 
	margin:0;
 	padding:0;	 
}

#infobar ul#glist a {background:url(images/cross2.gif) no-repeat; padding:10px 5px 10px 30px; color: #e6e6d8; line-height:1.2; display:block;}
#infobar ul#glist a:hover {background-color: #200000; color:white;	 }
#infobar ul#glist span {font-weight:bold; display:block;}

#infobar ul#gigs span {text-decoration:line-through; font-weight:normal;}
#infobar ul#gigs li {padding:5px 2px; color: #e6e6d8; font-weight:bold;}

.album {margin:50px 0;}
.album img {float: left; position:relative;}
.album ol {list-style-type: decimal; float:left; margin-left:40px; position:relative; font-size:1.2em;}
.album h2 {margin:0;padding:0;}
.album .info {font-size:0.9em; margin:0 0 15px 0;padding: 0;}


.author {color:#ccc; font-size:0.9em; font-style: italic;  padding-bottom: 20px;}
.news {border-top: 1px solid #363631;}

label {display:block;}


hr {color:#363631;}



.avatar {
	background:none;
	float:left;
	height:40px; 
	margin:0 10px 4px 4px;
	width:40px; 
	
}
.bavatar {
	background:none;
	float:left;
	height:30px; 
	margin:0 10px 4px 4px;
	width:30px; 
	border:1px solid black;
}



.commenthead {display:block;}
div.commentbody {clear:both;}


ol {padding:0; list-style:none;}

ol.guestbook li {
	border-bottom: 1px solid #363631;
	color: #e6e6d8;
	margin:30px 0;
	padding:5px;;
	clear:both;
	
}

.guestbook h4 {margin:0; padding:0; font-size:1.1em;}

.date {font-size:0.9em; margin:0; padding:0; color:#8F8E86;}

ol.comments li {	
	border-bottom: 1px solid #363631;
	color: #e6e6d8;
	margin:15px 0 10px 0;
	padding: 2px 5px;
}

ol.comments h4 {display:inline;}



.bio {float:right; margin-left:20px;}
.bioeven {float:left; margin-right:20px;}
.member {margin:20px 20px; clear:both; padding:20px 10px;}
.member h4 {margin:0; padding;0; font-size:1.2em;}

#lyrics {text-align:center;}

#addinfo {
	float:right; 
	width:130px;
	padding:0 10px;
	font-size:0.9em;
}

ul.review {border-top:1px solid #333;list-style:none; padding:0; margin:0;}
ul.review li {margin-bottom:2px; border-bottom:1px solid #333; padding:5px;}

/*AVATARS*/
.doll {background:url(images/mask.gif) no-repeat; height:40px; width:40px; }

/*Band Avatars*/
.ville {background:url(images/skull.gif) no-repeat; height:40px; width:40px; }

.entry, .reply {margin-left:53px;}
.newsentry {border-bottom: 1px solid #363631; margin-bottom:20px;}

img {border:none; background:none;}

.paging {color:#666;}
.paging big {color:white;} 
.clearer {clear:both;}
.gallery-list a:hover {background:none;}
.gallery-list {background:#111; width:150px; text-align:center; float:left; margin-right:20px;}
#gallery .img-view {margin-bottom:30px;}
#gallery div.thumb:hover, div.active {background:#222; border:1px solid #333;}
#gallery div.thumb {line-height:90px;width:100px; height:100px; margin:5px; float:left; padding:3px; background:#111; border:1px solid #222;}
#gallery div.thumb img {vertical-align:middle;}
#gallery div.thumb a {vertical-align:middle;}
#gallery a {color:#c3c1ad}
#gallery a:hover {background:none; color:#c3c1ad;}

.file {float:left; width:120px; margin:20px 30px 0 30px;}