/*----------------------------------------------------------------------------
Layout stylesheet for modern browsers

version: 	0.1
author: 	Jacob Olsson
email:		jacob(at)bananpaj.com
website:  	www.staireo.com
-------------------------------------------------------------------------------*/

/* Layout for band page 
-------------------------------------------------------------------------------*/
#band_container
{
	position:relative;
	text-align:center;
}


.band_image
{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	display:inline;

}

#arrow_coma
{
	position:absolute;
	left:-42px;
	top:66px;
	width:116px;
	height:48px;
	background-image:url('images/splashes/pil_coma_116_48.png');
}

/* transparancy hack for ie users */
* html #arrow_coma
{
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splashes/pil_coma_116_48.png',sizingMethod='scale');
}

#box_coma
{
	position:absolute;
	width:120px;
	height: 200px;
	left:-125px;
	top:114px;
}

#arrow_wendt{
	position:absolute;
	top:268px;
	left:-33px;
	width:272px;
	height:96px;
	background-image:url('images/splashes/pil_wendt_272_96.png');
}

/* transparancy hack for ie users */
* html #arrow_wendt
{
    background-image:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splashes/pil_wendt_272_96.png', sizingMethod='scale');
}

#box_wendt{
	position:absolute;
	left:-130px;
	top:280px;
	width:120px;
	height:200px;
}

#arrow_billing{
	position:absolute;
	top:35px;
	left:451px;
	width:321px;
	height:77px;
	background:url('images/splashes/pil_billing_321_77.png');
}

/* transparancy hack for ie users */
* html #arrow_billing
{
    background-image:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splashes/pil_billing_321_77.png', sizingMethod='scale');
}

#box_billing{
	position:absolute;
	top:62px;
	left:780px;
	width:120px;
	height:200px;
}

#arrow_seb
{
	position:absolute;
	top:191px;
	left:657px;
	width:141px;
	height:64px;
	background-image:url('images/splashes/pil_seb_141_64.png');
}

/* transparancy hack for ie users */
* html #arrow_seb
{
    background-image:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splashes/pil_seb_141_64.png', sizingMethod='scale');
}

#box_seb{
	position:absolute;
	top:256px;
	left:795px;
	width:120px;
	height:200px;

}



/* Layout for music pages 
-------------------------------------------------------------------------------*/

#music_container
{
	margin:0px;
	padding:0px;
	min-height:600px;	
	width:750px;
	margin-bottom:5px;
	background-image:url('images/backgrounds/band_back_750_600_01.jpg');
	background-repeat:no-repeat;
	float:left;
	display:inline;
	text-align:center;
}

/* Fixes the min-height property for IE, since IE will
expand a container to fit it's content this is ok. Hides from IE MAC*/

/*\*/
* html #music_container
{
    height: 600px;
}
/**/

#music_faux
{
	background-image:url('images/backgrounds/lyrics_faux_750_9_01.gif');
	background-repeat:repeat-y;
	margin-bottom:5px;	
	float:left;
	display:inline;
}

#record_menu
{
	margin-top:65px;
	text-align:center;
}

#song_menu{
	text-align:center;
}

#lyric_block
{
		
	margin-top:20px;
	text-align:center;
	width:100%;
}

#lyric_block p{
	padding-left:85px;
	text-align:left;
	background-position:0px 0xp;
	background-repeat:no-repeat;
	width: 260px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

p.skiva_staireo
{
	background-image:url('images/backgrounds/skiva_staireo_77_76_01.jpg');
}
p.skiva_tele
{
	background-image:url('images/backgrounds/skiva_tele_77_76_01.jpg');
}
p.skiva_multi
{
	background-image:url('images/backgrounds/skiva_multi_77_76_01.jpg');
}

/* Layout for contact page
-------------------------------------------------------------------------------*/

#contacts_container
{
	margin:0px;
	padding:0px;
	height:611px;	
	width:750px;
	margin-bottom:5px;
	background-image:url('images/backgrounds/band3_back_750_611.jpg');
	background-repeat:no-repeat;
	float:left;
	display:inline;
	text-align:center;
}

#contact_text
{
    float:left;
    margin-left:50px;
    margin-top:76px;
    display:inline;
    text-align:left;
    min-width:120px;
}

#contact_played_at
{
    float:left;
    margin-left:100px;
    margin-top:100px;
    display:inline;
    text-align:left;
    width:550px;
}

#contact_text h1
{
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;
}
#contact_text h2
{
    margin-top:10px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;
}
#contact_played_at h1
{
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;
}

#contact_text p
{
    margin-top:5px;
    padding-top:0px;
}

#contact_played_at p
{
    margin-top:5px;
    padding-top:0px;
}
/* Layout for bio page
-------------------------------------------------------------------------------*/

#bio_container{
	margin:0px;
	padding:0px;
	height:611px;
	width:750px;
	background-image:url('images/backgrounds/band1_back_750_611.jpg');
	background-repeat:no-repeat;
	float:left;
	display:inline;
	text-align:left;

}

#bio_container p
{
	text-align:left;
	width: 600px;
	display:block;
	margin-left:75px;
	margin-top:0px;
	padding-top:0px;
}
#bio_container h1
{
	margin-left:75px;
	margin-top:65px;
	margin-bottom:5px;
}

/* Layout for the critics page
------------------------------------------------------------------------------*/
#critics_container{
	margin:0px;
	padding-top:70px;
	width:750px;
	background-image:url('images/backgrounds/band_back_750_498_01.jpg');
	background-repeat:no-repeat;
	float:left;
	display:inline;
	text-align:left;
}

#critics_container p
{
	text-align:left;
	width: 560px;
	min-height: 80px;
	display:block;
	margin-left:75px;
	margin-top:0px;
	margin-bottom: 30px;
	padding-top:0px;
	padding-left:40px;
	background-image:url('images/backgrounds/quotes_35_33_01.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}

* html #critics_container p
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/backgrounds/quotes_35_33_01.png", sizingMethod="crop");
}


/* Style for band page 
-------------------------------------------------------------------------------*/
.box_text
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

.box_text h1
{
    color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	font-weight:bolder;
	padding:0;
	margin:0;
}


/* Style for music pages 
-------------------------------------------------------------------------------*/
#record_menu, #song_menu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	font-weight:bolder;
}

#record_menu a, #record_menu a:visited
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bolder;
}
#record_menu a:hover{
	color: #ba3e00;
	text-decoration:none;
}


#song_menu{
	font-size:10px;
	font-weight:bolder;
}

#song_menu a, #song_menu a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#song_menu a:hover{
	color:#ba3e00;
}

#lyric_block p{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}

/* Style for bio pages 
-------------------------------------------------------------------------------*/

#bio_container p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}
#bio_container h1
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;

}
/* Style for critics page
-----------------------------------------------------------------------------*/
#critics_container p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}

/* Style for contacts page
-----------------------------------------------------------------------------*/


#contact_text h1
{
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
#contact_played_at h1
{
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

#contact_text h2
{
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}


#contact_text p, #contact_played_at p
{
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;   
}

#contact_text a, #contact_text a:visited
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bolder;   
}
#contact_text a:hover
{
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    color:#ba3e00;
    text-decoration:none;
}

/* format for input types
------------------------------------*/
.band_input_button{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	width:70px;
	color:#000000;
	margin-top:5px;
}

.band_inputform{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:150px;
	border:solid 1px #AAAAAA;
	margin-top:3px;
}

#band_error
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight:bold;
    visibility:hidden;
    color:Red;
    margin-left:10px;
}