/* CSS Document Ring Of Fire Official Homepage */
body {
	background-image:url(../images/bg.jpg);
	font: small "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #ccc;
	padding: 0; 
	margin: 0;
}

p {margin: 0;}

.black	{color: #000000;}
.red	{color: #ee1111;}
.white	{font: small "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #ffffff;}
.pink 	{font: small "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #ffccff;}

img {border: 0;}

a:link, a:visited, a:active {font-weight: bold;	text-decoration: none;	color: #fff;}

a:hover {text-decoration: underline;}

.bold {font-weight: bold;}

.readmore {font: bold small "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #ee1111;}

.right {float: right;}

.left {float: left;} 

blockquote {
	background:transparent url(../images/quote.png) no-repeat scroll 0px 0pt;
	color:#d1d1d1;
	font-style:italic;
	margin:15px 1px 0px 15px;
	padding-left:30px;
}

hr.news {
	border: none 0;
	border-top: 1px dashed #999;/*the border*/
	width: 115%; /* Before ad puff I had 101% */ 
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/* NAVIGATION */

#navlinks {
	position: relative;
	top:177px;
	left: 205px;
}

.arrows {position: absolute; top: 25px; left: 0px; float:left; z-index:-1;}

#homeArrow {position: absolute; top: 3px; left: 8px; bottom: 0; width: 53px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; z-index:10;}
#homeRegular {float: left;}

#biographyArrow {position: absolute; top: 3px; left: 88px; width: 77px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; margin-left:10px; z-index: 10;}
#biographyRegular {float: left; margin-left: 10px;}

/*Escpecially for Index page */
#biographyArrowIndex {position: absolute; top: 3px; left: 88px; width: 77px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; margin-left:90px; z-index: 10;}
#biographyRegularIndex {float: left; margin-left: 90px;}
/*End Escpecially for Index page */

#discographyArrow {position: absolute; top: 3px; left: 88px; width: 89px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; margin-left:117px; z-index: 10;}
#discographyRegular {float: left; margin-left:117px;}

#gigsArrow {position: absolute; top: 3px; left: 88px; width: 47px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; margin-left:238px; z-index: 10;}
#gigsRegular {float: left; margin-left:120px;}

#picturesArrow {position: absolute; top: 3px; left: 88px; width: 64px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; margin-left:315px; z-index: 10;}
#picturesRegular {float: left; margin-left: 95px;}

#promotersArrow {position: absolute; top: 3px; left: 88px; width: 75px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; margin-left:405px; z-index: 10;}
#promotersRegular {float: left; margin-left: 95px;}

#contactArrow {position: absolute; top: 3px; left: 88px; width: 62px; height: 34px; float: left; padding-top: 8px; text-align: center; background: url(../images/btn_over/menu_bg.gif) repeat-x; margin-left:525px; z-index: 10;}
#contactRegular {float: left; margin-left: 115px;}

ul {
	margin: 0px; 
	padding: 11px 0 0 16px;
}

#navlist li{
	display: inline;
	list-style-type: none;
	padding-right: 48px;
}


#navlist a:link, #navlist a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	color: #a8a8a8;
}


#navlist a:hover {color: #a8a8a8;}


h1 {font: bold 150% "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #ee1111; line-height:normal; margin: 0 0 8px 0;}
h2 {font: bold 100% Arial, Verdana, Helvetica, sans-serif; color: #fff; margin: 0 0 0 0;}
h3 {font: bold 95% Arial, Verdana, Helvetica, sans-serif; color: #fff; margin: 0 0 2px 0;}

/* Header Images */

#headerRof {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/ringoffire.gif); background-repeat: no-repeat;
	}
	
#headerRof span {
	display: none;
	}

#headerGigs2009 {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/gigs2009.png); background-repeat: no-repeat;
	}
	
#headerGigs2009 span {
	display: none;
	}
	
#headerGigs2009 {width: 240px; height: 20px; background-image:url(../images/headers/gigs2009.png); background-repeat:no-repeat;}
* html #headerGigs2009 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headers/gigs2009.png", sizingMethod="crop");}	

#headerGigs2008 {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/gigs2008.png); background-repeat: no-repeat;
	}
	
#headerGigs2008 span {
	display: none;
	}
	
#headerGigs2008 {width: 240px; height: 20px; background-image:url(../images/headers/gigs2008.png); background-repeat:no-repeat;}
* html #headerGigs2008 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headers/gigs2008.png", sizingMethod="crop");}	

#headerGigs2007 {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/gigs2007.png); background-repeat: no-repeat;
	}
#headerGigs2007 span {
	display: none;
	}

#headerGigs2007 {width: 240px; height: 20px; background-image:url(../images/headers/gigs2007.png); background-repeat:no-repeat;}
* html #headerGigs2007 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headers/gigs2007.png", sizingMethod="crop");}	


#headerBio {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/biography.gif); background-repeat: no-repeat;
	}
#headerBio span {
	display: none;
	}	
	
#headerDisc {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/discography.gif); background-repeat: no-repeat;
	}
#headerDisc span {
	display: none;
	}
	
#headerThanks {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/thanks.gif); background-repeat: no-repeat;
	}
#headerThanks span {
	display: none;
	}	
	
#headerCancel {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/cancel.gif); background-repeat: no-repeat;
	}
#headerCancel span {
	display: none;
	}	
	
#headerPics {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/pictures.gif); background-repeat: no-repeat;
	}
#headerPics span {
	display: none;
	}

#headerContact {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/contact.png); background-repeat: no-repeat;
	}
#headerContact span {
	display: none;
	}
* html #headerContact {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headers/contact.png", sizingMethod="crop");}	

#headerPromoters {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/promoters.gif); background-repeat: no-repeat;
	}
#headerPromoters span {
	display: none;
	}


/*Headers bandmembers */

#headerMarie {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/marie.gif); background-repeat: no-repeat;
	}
#headerMarie span {
	display: none;
	}
	
#headerBacon {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/bacon.gif); background-repeat: no-repeat;
	}
#headerBacon span {
	display: none;
	}
	
#headerPatrick {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/patrick.gif); background-repeat: no-repeat;
	}
#headerPatrick span {
	display: none;
	}
	
#headerMats {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/mats.gif); background-repeat: no-repeat;
	}
#headerMats span {
	display: none;
	}
	
#headerTommy {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/tommy.gif); background-repeat: no-repeat;
	}
#headerTommy span {
	display: none;
	}
	
#headerLinus {
	width: 240px;
	height: 20px;
	background-image: url(../images/headers/linus.gif); background-repeat: no-repeat;
	}
#headerLinus span {
	display: none;
	}
	
.em {font: x-small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: italic; color: #ccc; line-height:normal;}
.small {font: 11px italic Verdana, Arial, Helvetica, sans-serif; color: #fff; line-height:normal;}

.boxWrap {width: 439px; height: 380px; margin-top: 20px;}
.boxleftCol {width: 215px; height: 146px; float: left;}
.boxrightCol {width: 210px; height: 146px; padding-left: 0px; float: left;}
/* End Header Images */


#wrap {
	width: 1019px;
	height: 100%;
	margin: 0 auto;
	text-align:center;
}



	#header {
		width: 1019px;
		height: 234px;
		background-image: url(../images/header.jpg);
		background-position:center;
		background-repeat: no-repeat;
	}
	
	/*#header {width: 1019px; height: 234px; background-image:url(../images/header.png); background-repeat:no-repeat;}
	* html #header {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/header.png", sizingMethod="crop");}*/
	
	#content {
		width: 1019px;
		min-height: 463px;
		height:auto !important;
  		height:463px;
		background-image: url(../images/mainbg.png);
		background-repeat: repeat-y;
		margin: 0 auto;
		text-align: center;	
	}
	
	#content {width: 1019px; min-height: 463px;	height:auto !important;	height:463px; background-image:url(../images/mainbg.png); background-repeat: repeat-y;}
	* html #content {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/mainbg.png", sizingMethod="crop");}
	
	#wrapTwocol {
		width: 870px;
		margin: 0 auto;
		text-align: center;
	}
	
		#left {
			width: 440px;
			float:left;
			}
			
			#leftContent {margin: 3px; text-align: left;}
			
		#bandmember_right {
			width: 381px;
			margin-left: 45px;
			float: left;
			}
				
			#bandmember_rightContent {margin: 0px; padding: 0px;}
		
		#right {
			width: 250px;
			margin-left: 100px;
			float: left;
			}
				
			#rightContent {margin: 3px; text-align: left;}
	
		
		#rightWide {
			width: 429px;
			margin-left: 0px;
			float: left;
			}
				
			#rightContent {margin: 0px; padding: 0px;}
	
	#contentContact {
		background-image:url(../images/red_bg.gif); background-repeat: no-repeat; background-position: right;
		text-align: left;
		width: 935px;
		min-height: 500px;
		height:auto !important;
  		height:500px;
		text-align: left;
		margin: 10px 0 10px 10px;
	}
	
#footer {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	width: 1019px;
	height: 40px;
	background-image: url(../images/footer.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: center;
	clear: both;
}	

/*#footer {width: 1019px; height: 41px; background-image:url(../images/footer.png); background-repeat:no-repeat;}
	* html #footer {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/footer.png", sizingMethod="crop");}*/

.footerlink {color: #fff;}

.table {width: 350px;}
.formborder {background: #ccc; border: 1px solid #646464; color: #000;}
