/* CSS Document */

* {margin: 0; padding: 0;}
a {color:#c00;}

body {
	/* background-color: rgb(230,15,6);
	background-color: rgb(13,7,8); 
	background-color: rgb(14,22,85);*/
	background-color: #ffcb05;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
	line-height: 1;
	color: #000;
	background-attachment: fixed;
	background-image: url(images/background10.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

h2 {font: 16px Helvetica, Arial, sans-serif;}
h3 {font: 14px Helvetica, Arial, sans-serif;}

#container {
	margin: 0 auto;
	padding: 0;
	width: 600px;
}


#toplogo {
	width: 600px; 
	clear: both;
}

#top h1 {
	display: none;}

#navi {
	margin: 10px;
	padding: 0;
	font: bold 14px Helvetica, Arial, sans-serif;
}

#navi h1 {font-size: 23px; color: #c00;}

#navi li {
	display: inline;
	margin-right: 3px;
	background-color: rgb(226,0,26);
	padding: 4px;
}

#navi li a {font: bold 10px Verdana, Arial, Helvetica, sans-serif; letter-spacing: .11em;}
#navi li a:link, #navi li a:visited {
	width: 200px;
	text-decoration: none;
	color: #fff;
}

#navi li a:hover {
	color: #000;
}

#content {
	margin: 10px;
}

#text {
	padding-left: 40px;
	line-height: 160%;
	padding-top: 10px;
}

#text p {width: 400px;}
#text img {float: right;}


#postilista {
	background-color: rgb(0,0,0);
	padding-left: 40px;
	line-height: 160%;
}

#textnews {
	padding-left: 40px;
	line-height: 160%;
}

#textnews p {width: 400px; margin-bottom: 10px;}

#textnews a {color: #c00;}
#textnews h2 {padding-top: 10px;}

#kalenteri {
	margin: 0;
	padding: 0;
	padding-left: 40px;
	dddheight: 300px;
	dddoverflow: auto;
}

#kalenteri strong {	font-size: 1.11em;}

#kalenteri dt {
	margin-top: 22px;
	margin-bottom: 3px;
	font-weight: bold;
	font: 20px Arial, Helvetica, sans-serif;
	position: relative;
	width: 500px;
	clear: both;
	border-top: 2px dashed #c00;
	line-height: 220%;
}
	
#kalenteri dd {
	margin-bottom: 6px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	width: 480px;
	line-height: 1.44em;
	padding: 4px;
}

#kalenteri dd a:link, #kalenteri dd a:visited {color: #c00; text-decoration: none; font-weight: normal;}
#kalenteri dd a:hover {font-weight: bold;}

#kalenteri .down {
	width: 200px;
	float: left;
	clear: left;
	padding: 4px;
}

#kalenteri .up {
	width: 200px;
	margin-left: 260px;
	padding: 4px;
}

#kalenteri .clear {clear: both;}

#kalenteri dd img {float: right; clear: right;}

#dj {width: 518px; line-height: 140%;}

#dj a {color: #000;}

#dj p {
	font: x-small Verdana, Arial, Helvetica, sans-serif; 
	margin-bottom: 10px; 
	margin-top: 5px;
	line-height: 160%;
}

#dj h4, #dj h5 {
	font: small Arial, Helvetica, sans-serif; 
	font-weight: bold;
	clear: both;
	padding: 3px;
	padding-left: 6px;
	color:000;}

#dj h4 {background-color: #000; color: #fff; margin-top: 10px;}
#dj h5 {background-color: rgb(226,0,26);}

#dj ul {
	margin: 0; margin-bottom: 10px; 
	padding: 0; 
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	width: 310px;
}

#dj ul li {margin: 0; padding: 0; margin-bottom: 5px;}

#dj img {float: right; clear: right; margin-left: 12px; margin-bottom: 12px;}

.xtra {
	background-color: #000;
	color: #fff;
	padding: 6px;
}

.huom {
	right:0;
	top:0;
	position: absolute;
	color: #c00;
	font-weight: bold;
	font-size: x-small;}

#footer {
	clear: both;
	font: 10px Verdana, sans-serif;
	margin: 20px;}

#kuva {margin-top: 10px;}

.artisti {font: 22px Helvetica, Arial, sans-serif; line-height: 130%;}

#rant {margin: 32px 0 32px 12px;}
#rant p, #rant h2 {margin-bottom: 12px;}
#rant p {line-height: 160%; max-width: 330px;}

#tyro {width: 200px; float: right; border-left: 1px dotted #fff;}
#tyro p {margin: 10px; font-size:9px;} 

#floater {
	float: right;
	background-color: rgb(255,153,3);
	margin: 0;
	width: 140px;
	padding-left: 10px;
	padding-right: 40px;
	line-height: 140%;
	border-top: 2px dotted #000;
	border-bottom: 2px dotted #000;
}


#monk {
	height: 25px;
	background-color: #da1880; 
	text-align: center;
	border: 3px solid #da1880;}

#monk p {margin-top: 6px;}	
#monk img {float: left; margin-top: 2px;}
#monk a {color: #fff;}

/* fix for mozilla's center-position-changes-when-scrollbar-appears behaviour */
html {
	overflow:-moz-scrollbars-vertical;}