/* CSS Document . ALLFLAWS OFFICIAL WEBSITE V.2*/



* :focus { outline: 0; }
/*gets rid of ALL dotted outline artifacts*/
/* outline: none;  gets rid of outline on only specific a(link) element */

* {
margin:0;
padding:0;
}

body{
	margin: 0;
	font-family: Ariel, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background-image: url(images/background.jpg);
	background-position: 0px 0px;
	background-repeat: y-repeat;
	background-color: #000000;
	color: #ffffff;
}	

body,h1,h2,h3,h4,h6,blockquote,p,form{
	margin:0;
	padding:0;
}

#logo{

background-image:url(images/logo.jpg);
background-repeat:no-repeat;
position:absolute;
width:237px;
height:143px;
}

p{
	padding: 0px 0px 5px 0px;
}

p.small{
	font-size: 7pt; 
	color: #ffffff;
}

h1{
	color: #ffffff;
	font-size: 20px;

}

#container{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 1655px;
	text-align: left;
	padding: 0 20px 20px 20px;

}

a:link{
	color: #ffffff;

}

a:visited{
	color: #F5F5DC;

}

a:hover{
	color: #fffc02;
}



#album_list_one {
	margin-top: 0;
	margin-left: 0em;
	padding-left: 0;
	list-style-image: url(images/chevrons_transparent.png);
	list-style-position: inside;
}

#album_list_two {
	margin-top: 0;
	margin-left: 0em;
	padding-left: 0;
	list-style-image: url(images/chevrons_transparent.png);
	list-style-position: inside;

}

#new_single_list{
	margin-top: 0;
	margin-left: 0em;
	padding-left: 0;
	list-style-image: url(images/chevrons_transparent.png);
	list-style-position: inside;
	float: left;

}
.buy_list{
	margin-top: 0;
	margin-left: 0em;
	padding-left: 0;
	list-style-image: url(images/chevrons_transparent.png);
	list-style-position: inside;
	float: left;

}

.lyrics_list {
	margin-top: 0;
	margin-left: 0em;
	padding-left: 10px;
	padding-right:10px;
	width:250px;
	min-height:240px;
	list-style-image: url(images/chevrons_transparent.png);
	list-style-position: inside;
	float:left;
}



.float_left{
float:left;}


/*CONTENT-------------------------------------------CONTETN------------------------------------------------------*/

#left_side{
	position: absolute;
	left: 10px;
	top: 179px;
	width: 400px;
	z-index: 98;
}


#right_side{
	position: absolute;
	left: 400px;
	top: 179px;
	width: 390px;
}

#whole_width{
	position: absolute;
	left: 10px;
	top: 179px;
	width: 780px;
}

.img{
	float: left;
	display: inline;
	border: none;
	text-indent: 0;
	
	z-index:50;
}

.img a:link{

	
	z-index:50;
}

.lyrics_cover{
	float: left;
	display: inline;
	border: none;
	text-indent: 0;
	padding-right:5px;
}
.lyrics_cover_last{
	float: left;
	display: inline;
	border: none;
	text-indent: 0;
	padding-right:0px;
}

.img_with_border{
	float: left;
	display: inline;
	border: none;
	text-indent: 0;
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
}


.clear { clear: both; }

a img { border: none; }


.album_thumb {
	position: relative;
	float: right;
}

/*CONTENT-INDI----------------------------------CONTETNT-INDI-----------------------------------------------------------*/

.band_content{
	left: 0px;
	top: 0px;
	float: left;
	position: relative;
	width: 175px;
	margin-right: 20px;

}
/*for firt 2 content's to kkep the next floating in the desired way*/

.band_small{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 175px;
	margin-right: 10px;
	margin-left: 10px;
}

.band_large{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 370px;
	margin-right: 10px;
	margin-left: 10px;
}


.band_large_twitter{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 370px;
	margin-right: 0px;
	margin-left: 10px;
	margin-top:20px;
}


.band_extra_large{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 760px;
	margin-right: 10px;
	margin-left: 10px;
}

.band_lyrics{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 530px;
	margin-right: 10px;
	margin-left: 10px;
}

.content_small{
	margin-top: 5px;
	background: url(images/transparent_background.png);
	background-repeat: repeat;
	width: 165px;
	overflow: hidden;
	padding: 5px;
}
.content_large{
	margin-top: 5px;
	background: url(images/transparent_background.png);
	background-repeat: repeat;
	width: 360px;
	overflow: hidden;
	padding: 5px;
}
.content_extra_large{
	margin-top: 5px;
	background: url(images/transparent_background.png);
	background-repeat: repeat;
	width: 750px;
	overflow: hidden;
	padding: 5px;
}
.content_lyrics{
	margin-top: 5px;
	background: url(images/transparent_background.png);
	background-repeat: repeat;
	width: 520px;
	overflow: hidden;
	padding: 5px;
}

.content_videos_550{
	margin-top: 5px;
	background: url(images/transparent_background.png);
	background-repeat: repeat;
	width: 550px;
	overflow: hidden;
	padding: 5px;
}

#reverb_player{
	padding-left: 54px;
	text-align: centre;
	visibility: hidden;
}


#reverb_player_slim{
	padding-left: 95px;
	text-align: centre;
	
	z-index: 50;
}



/*TITLES----------------------------------TITLES-----------------------------------------------------------*/


#album_poster_spacer{
	margin-top: 20px;
	width: 156px;
	height: 19px;
	background-image: none;
	text-indent: -99999px;
}

.second_spacer{
	margin-top: 20px;
}

#professional_links{
	margin-top: 20px;
	width: 156px;
	height: 19px;
	background-image: url(images/titles/professional_links.png);
	text-indent: -99999px;
}


#news{
	margin-top: 20px;
	width: 64px;
	height: 19px;
	background-image: url(images/titles/news.png);
	z-index: 100;
	text-indent: -99999px;
}

#live_dates{
	margin-top: 20px;
	width: 94px;
	height: 19px;
	background-image: url(images/titles/live_dates.png);
	text-indent: -99999px;
}

#video{
	margin-top: 20px;
	width: 152px;
	height: 19px;
	background-image: url(images/titles/video.png);
	text-indent: -99999px;
}

#other_places{
	margin-top: 20px;
	width: 230px;
	height: 19px;
	background-image: url(images/titles/other_places.png);
	text-indent: -99999px;
}

#alternative_media{
	margin-top: 20px;
	width: 144px;
	height: 19px;
	background-image: url(images/titles/alternative_media.png);
	text-indent: -99999px;
}

#new_single_out_now{
	margin-top: 20px;
	width: 164px;
	height: 19px;
	background-image: url(images/titles/new_single_out_now.png);
	text-indent: -99999px;
}

#bio{
	margin-top: 20px;
	width: 44px;
	height: 19px;
	background-image: url(images/titles/bio.png);
	text-indent: -99999px;
}

#press{
	margin-top: 20px;
	width: 65px;
	height: 19px;
	background-image: url(images/titles/press.png);
	text-indent: -99999px;
}



#keep_up_to_date{
	margin-top: 20px;
	width: 130px;
	height: 19px;
	background-image: url(images/titles/keep_up_to_date.png);
	text-indent: -99999px;
}

#bookings_and_enquiries{
	margin-top: 20px;
	width: 91px;
	height: 19px;
	background-image: url(images/titles/bookings.png);
	text-indent: -99999px;
}

#message_allflaws{
	margin-top: 20px;
	width: 151px;
	height: 19px;
	background-image: url(images/titles/message_allflaws.png);
	text-indent: -99999px;
}

/*TITLES--------------------------------------------------------------TITLES NOT ON MAIN PAGE ------------------------*/


#album_3{
	margin-top: 20px;
	width: 225px;
	height: 19px;
	background-image: url(images/titles/black_box_here_after.png);
	text-indent: -99999px;
}


#album_2{
	margin-top: 20px;
	width: 217px;
	height: 19px;
	background-image: url(images/titles/album_these_walls_are_lies.png);
	text-indent: -99999px;
}

#album_1{
	margin-top: 20px;
	width: 208px;
	height: 19px;
	background-image: url(images/titles/album_talking_in_the_dark.png);
	text-indent: -99999px;
}



#singles{
	margin-top: 20px;
	width: 79px;
	height: 19px;
	background-image: url(images/titles/singles.png);
	text-indent: -99999px;
}

#singles_and_eps{
	margin-top: 20px;
	width: 135px;
	height: 19px;
	background-image: url(images/titles/singles_and_eps.png);
	text-indent: -99999px;
}


#t_shirts{
	margin-top: 20px;
	width: 79px;
	height: 19px;
	background-image: url(images/titles/t_shirts.png);
	text-indent: -99999px;
}

#listen_now{
	margin-top: 20px;
	width: 69px;
	height: 19px;
	background-image: url(images/titles/listen.png);
	text-indent: -99999px;
}

#listen{
	margin-top: 20px;
	width: 99px;
	height: 19px;
	background-image: url(images/titles/listen_now.png);
	text-indent: -99999px;
}


#gallery_page{
	margin-top: 20px;
	width: 81px;
	height: 19px;
	background-image: url(images/titles/gallery.png);
	text-indent: -99999px;
}

#videos_page{
	margin-top: 20px;
	width: 71px;
	height: 19px;
	background-image: url(images/titles/videos.png);
	text-indent: -99999px;
}


#escaping_sanity{
	margin-top: 20px;
	width: 168px;
	height: 19px;
	background-image: url(images/titles/escaping_sanity.png);
	text-indent: -99999px;
}


#replicant_breed_video{
	margin-top: 20px;
	width: 177px;
	height: 19px;
	background-image: url(images/titles/replicant_breed_video.png);
	text-indent: -99999px;
}


#choose_an_album{
	margin-top: 20px;
	width: 144px;
	height: 19px;
	background-image: url(images/titles/choose_an_album.png);
	text-indent: -99999px;
}

#new_single_amrak{
	margin-top: 20px;
	width: 156px;
	height: 19px;
	background-image: url(images/titles/new_single_amrak.png);
	text-indent: -99999px;
}

#new_single_interfearence{
	margin-top: 20px;
	width: 209px;
	height: 19px;
	background-image: url(images/titles/new_single_interfearence.png);
	text-indent: -99999px;
}

#new_ep_rcomplex{
	margin-top: 20px;
	width: 150px;
	height: 19px;
	background-image: url(images/titles/new_ep_rcomplex.png);
	text-indent: -99999px;
}

#acid_face{
	margin-top: 20px;
	width: 265px;
	height: 19px;
	background-image: url(images/titles/acid_face.png);
	text-indent: -99999px;
}







#lyrics_black_box_here_after{
	margin-top: 20px;
	width: 225px;
	height: 19px;
	background-image: url(images/titles/lyrics_black_box_here_after.png);
	text-indent: -99999px;
}

#lyrics_these_walls_are_lies{
	margin-top: 20px;
	width: 217px;
	height: 19px;
	background-image: url(images/titles/lyrics_these_walls_are_lies.png);
	text-indent: -99999px;
}

#lyrics_talking_in_the_dark{
	margin-top: 20px;
	width: 208px;
	height: 19px;
	background-image: url(images/titles/lyrics_talking_in_the_dark.png);
	text-indent: -99999px;
}



#lyrics_amrak{
	margin-top: 20px;
	width: 170px;
	height: 19px;
	background-image: url(images/titles/lyrics_amrak.png);
	text-indent: -99999px;
}

#lyrics_interfearence{
	margin-top: 20px;
	width: 225px;
	height: 19px;
	background-image: url(images/titles/lyrics_interfearence.png);
	text-indent: -99999px;
}

#lyrics_rcomplex{
	margin-top: 20px;
	width: 151px;
	height: 19px;
	background-image: url(images/titles/lyrics_rcomplex.png);
	text-indent: -99999px;
}

/*NAVIGATION---------------------------------------------------------------------------------------------------------------------- */

#Navbar {
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 507px;
	list-style: none;
	position: absolute;
	left: 20px;
	top: 160px;
}


#Navbar li {
	float: left;
}

#Navbar a {
	text-decoration: none;
	display: block;
	height: 19px;
	text-indent: -5000px;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
}


#Navbar #home {
	background-position: 0px 0px;
	width: 64px;
}

#Navbar #home:hover {
	background-position: 0px -19px;
}


#Navbar #buy {
	background-position: -64px 0px;
	width: 97px;
}

#Navbar #buy:hover {
	background-position: -64px -19px;
}


#Navbar #merch {
	background-position: -161px 0px;
	width: 117px;
}

#Navbar #merch:hover {
	background-position: -161px -19px;
}

#Navbar #gallery {
	background-position: -278px 0px;
	width: 82px;
}

#Navbar #gallery:hover {
	background-position: -278px -19px;
}

#Navbar #videos {
	background-position: -360px 0px;
	width: 74px;
}

#Navbar #videos:hover {
	background-position: -360px -19px;
}

#Navbar #lyrics{
	background-position: -433px 0px;
	width: 73px;
}

#Navbar #lyrics:hover {
	background-position: -433px -19px;
}





/*FOOTER----------------------------------------------------------------------------FOOTER------------------------------------------ */



#footer{
	position: relative;
	background-color: #000000;
	background-repeat: repeat;
	background-attachment: scroll;
	height: 172px;
	top: 3430px;
	left: 0px;
	
}


#footer_lyrics_page{
	position: relative;
	background-color: #000000;
	background-repeat: repeat;
	background-attachment: scroll;
	height: 172px;
	top: 26400px;
	left: 0px;
	
}


#footer_dark{
	position: relative;
	background-color: #000000;
	background-attachment: scroll;
	background-repeat: repeat-x;
	height: 145px;
	top: 40px;
	left: 0px;
}


#footer_left_side{
	position: absolute;
	left: 10px;
	top: -40px;
	width: 434px;

	z-index: 98;
}


#footer_right_side{
	position: absolute;
	left: 465px;
	top: -40px;
	width: 320px;
}

.footer_band{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;

	margin-right: 10px;
	margin-left: 10px;
}

.footer_content{
	margin-top: 5px;
	background: url(images/transparent_background.png);
	background-repeat: repeat;
	height: 140px;
	overflow: hidden;

}

p.footer{
	padding: 2.5px;
}