/* ADASTRA - Tyylitedosto
   Asiakas : www.adastracave.com
   Versio : 1.0
   Tekijä : Miikka Mäkinen / miihkali.info */

/*PERUSTA ALKAA */
body,html {
	/*background:#ffffff url(../i/tausta.jpg) no-repeat;*/
	background:#000000 url(../i/tausta2.jpg) no-repeat;
	background-attachment:fixed;
	background-position:top center;
	width:100%;
	margin:0 auto;
	height:auto;
	}

a {
	color:#ff7700;
	text-decoration:none;
	outline: none;
	}

a:hover {
	color:#f1fd31;
	}

a img {
	border:none;
	}

h1 {
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:16px;
	color:#cccccc;
	margin:0 0 0 0;
	padding:6px 0 0 10px;
	}

h2 {
	background:#1d1d1d;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:20px;
	color:#cccccc;
	margin:0 0 0 0;
	padding:12px 0 0 20px;
	}

h3 {
	background:#1d1d1d;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:10px;
	color:#666666;
	margin:0 0 0 0;
	padding:5px 0 0 20px;
	}

h4 {
	background:#1d1d1d;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:18px;
	color:#cccccc;
	margin:0 0 0 0;
	padding:12px 0 0 20px;
	}

h5 {
	background:#1d1d1d;
	font-family:tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0 0 0 0;
	padding:10px 0 5px 20px;
	color:#cccccc;
	}

#raamit {
	background:url(../i/tausta.gif) repeat-y;
	margin:0 auto;
	padding:0 0 20px 0;
	width:900px;
	height:auto;
	border-bottom:1px solid #3d3d3d;
	}
/* PERUSTA PÄÄTTYY */

/* HEADER OSA ALKAA */
#ylareuna {
	background:#000000;
	width:850px;
	height:50px;
	margin:0 auto;
	border-bottom:1px dotted #3d3d3d;
	}

.navitila {
	position:absolute;
	width:560px;
	height:50px;
	margin:0 0 0 290px;
	padding:5px 0 0 0;
	}

.logo {
	position:absolute;
	background:url(../i/logo.png) no-repeat;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:304px;
	height:168px;
	border:none;
	}
	
#itunes {
	background:url(../i/itunes.png) no-repeat;
	position:absolute;
	margin:20px 0 0 65px;
	padding:0 0 0 0;
	width:160px;
	height:51px;
	border:1px dotted #ffffff;
	}

#bookings {
	background:url(../i/bookings.png) no-repeat;
	position:absolute;
	margin:60px 0 0 750px;
	padding:0 0 0 0;
	width:89px;
	height:15px;
	}
	
/* NAVIGAATIO ALKAA TÄSTÄ */
#navigation {
	margin:0 0 0 45px;
	width:510px;
	height:40px;
	background:#000000;
	}

#navigation ul {
	width:560px;
	margin:0 auto;
	padding:0 0 0 40px;
	}

#navigation li {
	display:inline;
	}

#navigation li a {
	position:relative;
	float:left;
	color:#FFFFFF;
	margin-right:33px;
	height:40px;
	background-position:0 0;
	text-indent:-9999px;
	outline: none;
	}
	
#navigation li a:hover, #navigation li.current a {
	background-position:0 40px;
	}

#navigation li#koti a {
	background-image:url("../i/navigaatio/etusivu.gif");
	width:50px;
	}

#navigation li#adastra a {
	background-image:url("../i/navigaatio/band.gif");
	width:84px;
	}

#navigation li#musa a {
	background-image:url("../i/navigaatio/musiikki.gif");
	width:53px;
	}

#navigation li#keikat a {
	background-image:url("../i/navigaatio/keikat.gif");
	width:66px;
	}

#navigation li#kuvat a {
	background-image:url("../i/navigaatio/kuvat.gif");
	width:69px;
	}

#navigation li#kontakti a {
	background-image:url("../i/navigaatio/kontakti.gif");
	width:80px;
	}

#navigation li#myspace a {
	background-image:url("../i/navigaatio/myspace.gif");
	width:80px;
	}
	
#navigation li#arkisto a {
	background-image:url("../i/navigaatio/arkisto.gif");
	width:75px;
	}
/* NAVIGAATIO PÄÄTTYY TÄHÄN */ 


#header {
	background:#222222 url(../i/header_kuva3.jpg) no-repeat;
	width:850px;
	height:200px;
	margin:0 0 0 25px;
	padding:0 0 0 0;
	}
/* HEADER OSA PÄÄTTYY */

/* SISÄLTÖ ALKAA */
#sisalto {
	width:554px;
	height:auto;
	margin:0 0 0 25px; 
	padding:0 0 0 0;
	border-right:1px solid #000000;
/*	border:1px dotted #ffffff;*/
	}

#sisalto p, #arkisto p {
	background:#1d1d1d;
	font-family:tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0 0 0 0;
	padding:10px 20px 20px 20px;
	color:#cccccc;
	border-bottom:1px dotted #333333;
/*	border:1px dotted #ffffff;*/
	}

.otsake {
	background:url(../i/otsikko-tausta.gif) repeat-x;
	width:554px;
	height:50px;
	margin:0 0 0 0;
	color:#cccccc;
	}

#arkisto {
	width:554px;
	height:auto;
	margin:0 0 0 25px; 
	padding:0 0 0 0;
	border-right:1px solid #000000;
	}

/* SISÄLTÖ OIKEA PUOLI ALKAA */
#sisalto-oikea {
	position:relative;
	width:320px;
	height:auto;
	margin:0 0 0 0; 
	padding:0 0 0 0;
	float:right;
	}
	
#more {
	position:absolute;
	margin:83px 0 0 240px;
	padding:0 0 0 0;
	width:46px;
	height:15px;
	}

#archive {
	position:absolute;
	margin:-20px 0 0 500px;
	padding:0 0 0 0;
	width:46px;
	height:15px;
	}

#takas {
	position:absolute;
	margin:-20px 0 0 450px;
	padding:0 0 0 0;
	width:46px;
	height:15px;
	}

#more a img, #archive a img {
	border-style:none;
	text-decoration:none;
	}

#more a:hover img, #archive a:hover img {
	text-decoration:none;
	border-style:none;
	}


/* PROFIILIKUVAT */
.olli{background-image: url(../i/bio/ollix.jpg); width:295px; height:50px; border-bottom:1px dotted #cccccc;}
.olli:hover{background-image: url(../i/bio/olli.jpg);}
.jussi{background-image: url(../i/bio/jussix.jpg); width:295px; height:50px; border-bottom:1px dotted #cccccc;}
.jussi:hover{background-image: url(../i/bio/jussi.jpg);}
.ville{background-image: url(../i/bio/villex.jpg); width:295px; height:50px; border-bottom:1px dotted #cccccc;}
.ville:hover{background-image: url(../i/bio/ville.jpg);}
.jari{background-image: url(../i/bio/jarix.jpg); width:295px; height:50px; border-bottom:1px dotted #cccccc;}
.jari:hover{background-image: url(../i/bio/jari.jpg);}
.santtu{background-image: url(../i/bio/santtux.jpg); width:295px; height:50px;}
.santtu:hover{background-image: url(../i/bio/santtu.jpg);}
	
.otsake-oikea {
	background:url(../i/otsikko-tausta.gif) repeat-x;
	width:295px;
	height:50px;
	margin:0 0 0 0;
	color:#cccccc;
	}
	
#sisalto-oikea p {
	background:#1d1d1d;
	width:255px;
	font-family:tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0 0 0 0;
	padding:15px 20px 20px 20px;
	color:#cccccc;
	}

#albumit {
	margin:0 0 0 0;
	padding:10px 0 0 0;
	width:293px;
	height:auto;
	}

#albumit p {
	background:#1d1d1d;
	width:145px;
	height:auto;
	font-family:tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:-122px 0 0 20px;
	padding:0 0 0 0;
	color:#cccccc;
	}

.levy {
	position:relative;
	margin:0 0 0 170px;
	padding:0 0 0 0;
	width:120px;
	height:122px;
	}

#adastratube {
	background:#1d1d1d;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	width:295px;
	height:auto;
	}

#adastratube p {
	background:#1d1d1d;
	width:145px;
	height:auto;
	font-family:tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:-120px 0 0 20px;
	padding:0 0 0 0;
	color:#cccccc;
	}

.levy2 {
	position:relative;
	margin:0 0 0 170px;
	padding:0 0 0 0;
	width:120px;
	height:118px;
	}

#violent {
	background:#1d1d1d;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	width:295px;
	height:auto;
	}

#violent p {
	background:#1d1d1d;
	width:145px;
	height:auto;
	font-family:tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:-120px 0 0 20px;
	padding:0 0 0 0;
	color:#cccccc;
	}

.logoviolent {
	position:relative;
	margin:0 0 0 170px;
	padding:0 0 0 0;
	width:120px;
	height:121px;
	}
/* OIKEA PUOLI PÄÄTTYY */

/* FOOTER ALKAA TÄSTÄ */
#footer {
	margin:0 auto;
	width:900px;
	height:40px;
	}

#footer p {
	background-image:url(../i/footertaus.png);
	font-family:tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0 0 0 0;
	padding:9px 0 15px 50px;
	color:#cccccc;
	text-align:center;
	}