/* @override 
	http://localhost/~viljo/palmawww/palma.css
	http://www.palmamusic.com/palma.css
*/

/* @group General styles */

body {
	background-image: url('images/bg_front_vignette.jpg');
	background-color: #000;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	color: #ddd;
	font-family: Georgia, Times New Roman;
	font-size: 62.5%;
	}

#wrapper {
	width: 76em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
		
body.home {
	background-image: none;
	/* background-image: url('images/bg_front2.jpg'); */
	}

body.band {
	background-image: url('images/bg_movingon.jpg');
	}

body.gigs {
	background-image: url('images/bg_meteor.jpg');
	}

body.contact {
	background-image: url('images/bg_outofbreath.jpg');
	}
	
body.disc {
	background-image: none;
	}

body.press {
	background-image: none;
	}


a {
	color: #e34224;
	text-decoration: none;
	}

a:hover {
	color: #ff4722;
}

h1, h2, h3, h4 {
	font-family:  Trashhand, Tahoma;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h1 {
	width: 100%;
	font-weight: normal;
	font-size:  4em;
	color: #e34224;
	
	}

	h1.band {
		background-image: url('images/headings/about.png');
		background-position: center top;
		background-repeat: no-repeat;
		text-indent: -1000em;
	}

	h1.gigs {
		background-image: url('images/headings/gigs.png');
		background-position: center top;
		background-repeat: no-repeat;
		text-indent: -1000em;
	}
	
	h1.contact {
		background-image: url('images/headings/contact.png');
		background-position: center top;
		background-repeat: no-repeat;
		text-indent: -1000em;
	}
	
	h1.press {
		background-image: url('images/headings/press.png');
		background-position: center top;
		background-repeat: no-repeat;
		text-indent: -1000em;
	}
	
	h1.ride {
		background-image: url('images/headings/ride.png');
		background-position: center top;
		background-repeat: no-repeat;
		text-indent: -1000em;
	}
	
	h1.disc {
		background-image: none;
		background-position: center top;
		background-repeat: no-repeat;
		text-indent: -1000em;
	}

h2 {
	font-family: Georgia, Times New Roman;
	font-weight:normal;
	font-size: 2.4em;
	margin-top: 1.6em;
	margin-bottom: -.3em;
	color: #ddd;
	}

h3 {
	color: #ddd;
}

p {
	font-size: 1.4em;
	line-height: 1.4em;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
	}

ul {
	font-size: 1.6em;
	line-height: 1.4em;
}

p.al {
	text-align: left;
	}

p.caption {
	font-size: .8em;
	text-align: right;
	width: 640px;
	padding-right: 2em;
	margin-top:-5em;
	margin-bottom: 5em;
}


/* @end */

/* @group Header */

#header {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 7em;
	}

/* @group Navigation */

ul#navi {
	width: 40em;
	margin:auto;
	margin-left: 2.9em;
	margin-top: 44px;
	font-family: Trashhand, Tahoma;
	font-size: 2em;
	}

ul#navi a {
	color:  #fff;
}

ul#navi a:hover{
	color: #c00;
	}


ul#navi li {
	float: left;
	list-style: none;
	margin-left: 1em;
	}

ul#navi li a {
	background-position: -7px -7px;
	width: 100px;
	display: block;
	text-indent: -1000em;
}

ul#navi li a:hover {
	background-position: -7px -41px;
}

ul#navi li a#home {
	width: 75px;
	background-image: url('images/navi/navi_home.png');
}

ul#navi li a#gigs {
	width: 150px;
	background-image: url('images/navi/navi_news.png');
}

ul#navi li a#band {
	width: 70px;
	background-image: url('images/navi/navi_band.png');
}

ul#navi li a#contact {
	width: 100px;
	background-image: url('images/navi/navi_contact.png');
}

ul#navi li a#press {
	width: 70px;
	background-image: url('images/navi/navi_press.png');
}

ul#navi li a#disc {
	width: 160px;
	background-image: url('images/navi/navi_disc.png');
}



/* @end */

/* @group Player */

.player-info {
	float:left;
}

#player {
	width: 250px;
	height: 100px;
	float:left;
	margin-top: 5px;
	}



/* @end */



/* @end */

/* @group Content */

#content {
	margin-top: 20px;	
}



/* @end */

/* @group Footer */

#footer {
	clear: both;
	font-family: trashhand, tahoma;
	font-weight:normal;
	margin-top: 4em;
	margin-bottom: 3em;
	}

	#footer p {
		font-size:  1.2em;
		text-align: center;
	}


/* @end */

/* @group Page Specifics */

/* @group Press */

.imglist img {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #333;
	opacity: 0.7;
}


.imglist img:hover {
	opacity: 1;
	border: 1px solid #999;
}

/* @end */

/* @group Contact */



/* @end */

/* @group News & Gigs */

#giglistdiv {
	visibility: hidden;
	height: 0;
}

ul.giglist {
	font-size: 1.4em;
	line-height: 1.4em;
	list-style: none;
	width: 45em;
	margin-left: auto;
	margin-right: 4.5em;
	}
/*
ul.giglist {

	line-height: 1.2em;
	list-style: none;
	width: 45em;
	margin-left: auto;
	margin-right: auto;
	}
*/
ul.giglist li {
	
	margin-bottom: .5em;
	}

/* @end */

/* @group Band */

img.band {
	border: 1px solid #999;
	margin-bottom: 2em;
	margin-top: 1em;
}

/* @end */

/* @group Home */

#splash-sticker {
	width: 600px;
	height: 600px;
	margin: auto;
	background-image: url('images/fp_explosion.png');
	background-repeat: no-repeat;	
}

#myspace-sticker {
	position: absolute;
	margin-left: 540px;
	margin-top: -400px;
	width: 140px;
	height: 140px;
	background-image: url('images/listen_myspace.png');
	}

#facebook-sticker {
	position: absolute;
	width: 140px;
	height: 140px;
	margin-top: -170px;
	margin-left: 450px;
	background-image: url('images/join_facebook.png');
	}

#download-sticker {
	position: absolute;
	width: 175px;
	height: 172px;
	margin-left: 120px;
	margin-top: -250px;
	background-image: url('images/palma_downloadSingle.png');
	}


#links {
	margin: auto;
	margin-top: -20em;
	margin-left: 10em;
	}

#download {
	margin: auto;
	margin-top: -28em;
	margin-right: 10em;
	}

.sticker {
	text-indent: -1000em;
	overflow: hidden;
	}

	.sticker a {
		display:block;
		width:100%;
		height:100%
	}
	
/* @end */

/* @group Disc */

.disc #content {	
	text-align: left;
	}
	
.disc p {
	margin-left: 0em;
	}
	
.disc img {
	float: left;
	margin-right: 5em;
	padding-top: 1em;
	padding-bottom: 2em;
	}

.tracklist {
	font-size: 1.2em;
	line-height: 1.4em;
	/*
	list-style: decimal-leading-zero;
	*/
	}

/* @end */


/* @end */

/* @group Ajax */

#load {  
    display: none;  
    position: absolute;  
    right: 10px;  
    top: 10px;  
    background: url('images/ajax-loading.gif');  
    width: 16px;  
    height: 16px;  
    text-indent: -9999em;  
}



/* @end */