/******************************************************
 Style Sheet for DevilsChampion.com
 Design by Website Pyro,www.websitepyro.com
 ******************************************************/
body{
	background:#000;
	text-align:center;
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	color:#7b2905;
	font-size:10pt;
}
.container{
	background:#000 url(/images/main_background.jpg) repeat-y center -290px;
	width:900px;
	margin:0 auto;
	border:1px solid #7b2905;
	border-top:0;
}

strong{font-weight:bold;}
a{
	color:#fff;
	text-decoration:underline;
}
a:hover{
	color:#7b2905;
	text-decoration:none;
}
thead,th{
	FONT:10pt arial;
	FONT-WEIGHT:bold;
	BACKGROUND:#222;
	padding:2px;
	TEXT-ALIGN:center;
	border:0;
}
#Table table{
	border:1px solid #7b2905;
	background-color:black;
	padding:0;
	margin:0;
	border-collapse:collapse;
	width:100%;
}
.td25{
	width:25%;
	text-align:center;
	margin:0 auto;
}
.left{float:left;}
.right{float:right;}
.clearer{clear:both;}
.showCol{width:33%;}
object{
	margin:0 auto;
	text-align:center;
}
textarea,#MessageForm input,#Forum input{
	font:8pt courier;
	color:#FFC77F;
	background-color:#222;
	border:1px solid #696969;
}
a img{
	border:0;
	text-decoration:none;
}
.album{
	float:left;
	padding:15px;
	clear:none;
	text-align:center;
}
.album a{text-decoration:none;}
h1.pageTitle{background:black;
width:100%;
opacity:0.7;filter:alpha(opacity=70);
}
/******************************************************
 header and nav
 ******************************************************/
.header{
	background:#000 url(/images/header.jpg) no-repeat;
	height:223px;
	margin:0;
	padding:0;
}
.header a{
	color:#ccc;
	text-decoration:underline;
	margin:0;
	padding:0;
}
.header a:hover{
	color:#E8930B;
	text-decoration:none;
}
.navigation{
	background:transparent;
	color:#fff;
	padding:0;
	margin:0 150px auto;
	border:1px solid #7b2905;
}
.navigation ul{
	padding:0;
	margin:0;
	width:600px;
}
.navigation li, .navigation a{
	color:#fff;
	text-decoration:none;
	font:bold 11px verdana, arial, helvetica, sans-serif;
	float:left;
	margin:0;
	list-style:none;
}
.navigation li a{
	background:black;
	opacity:0.7;filter:alpha(opacity=70);
	padding:5px 0;
	height:20px;
	width:150px;
}
.navigation li a:hover{
	color:#7b2905;
	opacity:1;filter:alpha(opacity=100);
}

/******************************************************
 content
 ******************************************************/
.content{
	width:850px;
	margin:10px auto;
	background:transparent;
	color:#7b2905;
	padding:0;
	padding-top:10px;
	overflow:auto;
	position:relative;
	clear:both;
	opacity:.85;filter:alpha(opacity=85);-moz-opacity:0.85;

}
.content hr{
	color:#7b2905;
	margin-right:20px;
	margin-left:20px;
}
/******************************************************
 Left Column
 ******************************************************/
#Left{
	width:360px;
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	padding:0;
}
#LeftBG{
	font-size:12px;
	background-color:#151515;
	border:1px solid #7b2905;
	margin:0;
	padding:20px;
}
#Left p{
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin-top:10px;
	margin-bottom:10px;
}
#Left h3{
	font-family:"Trebuchet MS",Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-weight:bold;
	color:#ccc;
	margin:5px 0;
	padding:0;
}
a.center,.center{
	display:block;
	text-align:center;
	margin:0 auto;
	border:0;
}
#Row{
	background-color:#222;
	clear:both;
	color:#999;
}
/******************************************************
 Right Column
 ******************************************************/
#Right{
	float:right;
	width:405px;
	background:#141414 url('/images/DC.gif') no-repeat center 230px;
	border:1px solid #7b2905;
	overflow:auto;
	clear:both;
}
#Right h4{
	padding:2px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	background-color:#151515;
	margin:100px 10px 0 10px;
	text-align:center;
}
#Right br{color:#999;}
#RightItem{
	float:right;
	width:405px;
	background-color:#141414;
	border:1px solid #7b2905;
	overflow:auto;
	opacity:.85;filter:alpha(opacity=85);-moz-opacity:0.85;
	padding-top:10px;
}
/***************************************
 TopNews 
****************************************/
#TopNews{
	height:30px;
	clear:both;
	overflow:auto;
	padding:5px;
	margin:0 auto;
	border:1px solid #7b2905;
	font-size:10px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:#151515;
}
#TopNews{height:150px;}
#TopNews h1{
	padding:2px;
	font-size:12pt;
	font-weight:bold;
	background:#7b2905;
	color:black;
	margin:0;
}
#TopNews ul{
	clear:both;
	margin-top:5px;
	margin-bottom:0;
	text-align:left;
}
#TopNews a{color:#999;}


/***************************************
 Footer 
****************************************/
#Footer{
	height:30px;
	clear:both;
	overflow:auto;
	padding:10px;
	margin:0 auto;
	font-size:10px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#999;
	width:880px;
}
#Footer p{
	color:#494949;
	margin:0;
	padding:0;
	text-align:center;
}
#Footer a{
	color:#ccc;
	text-decoration:underline;
}
#Footer a:hover{
	color:#E8930B;
	text-decoration:none;
}
#Footer div{text-align:center;}
/******************************************************
 Table
 ******************************************************/
#Table{
	background-color:#141414;
	opacity:.85;filter:alpha(opacity=85);-moz-opacity:0.85;
	clear:both;
	border:1px solid #7b2905;
	padding:0;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	overflow:hidden;
	width:90%;
}
#Table td{
	border-top:1px solid #7b2905;
	border-bottom:1px solid #7b2905;
	text-align:center;
}
#Table h3{
	font:10pt arial;
	font-weight:bold;
	background-color:#7b2905;
	color:black;
	padding:3px;
	margin:0;
	text-align:center;
	border:0;
}
#Table fieldset input{width:180px;}
#TableRow{
	width:100%;
	clear:both;
}
#TableCol{
	width:49%;
	height:100%;
	float:left;
}
#TableCol img{border:0;}
#TableCol h2{margin-top:30px;}
#TableCol a{font-weight:bold;}
#Table input.formButton{
	width:100px;
	margin:0 auto;
	float:right;
}
#Table fieldset{
	width:75%;
	margin:0 auto;
	margin-left:5px;
	text-align:center;
}
#Table legend{
	font-weight:bold;
	color:#6b6b6b;
}
#Table label{
	float:left;
	width:80px;
	text-align:center;
	padding:3px 0px 0px 10px;
	clear:both;
}

/******************************************************
 Item
 ******************************************************/
#Left .item,#Slideshow{
	overflow:hidden;
	width:88%;
	color:#999;
	font-size:12px;	
	background-color:#000;
	opacity:.85;filter:alpha(opacity=85);-moz-opacity:0.85;
	border:1px solid #7b2905;
	margin:0;
	padding:5px 20px;
	text-align:center;
	clear:both;
	margin-top:15px;
}
#Left .item h1,.pollQuestion{
	text-align:center;
	padding:2px;
	font-size:12pt;
	font-weight:bold;
	background:#7b2905;
	border:1px solid #8c3016;
	color:black;
	margin:0;
}
#Left .item h2{
	font-weight:bold;
	font-size:11pt;
	color:#7b2905;
}
#Left .item .showDate{font-weight:bold;color:#7b2905;font-size:11pt;}
#Left .item .showVenue{font-style:italic;}
#Left .item .showFeaturing{font-weight:bold;color:#7b2905;}

#subTable{text-align:center;}
#subTable h3{
	background-color:#222;
	background-image:none;
	clear:both;
	color:white;
}
#RSS{
	float:right;
	margin-right:10px;
}
.TableHeader{
	FONT:10pt arial;
	FONT-WEIGHT:bold;
	background-color:#7b2905;
	padding:3px;
	margin:0;
	TEXT-ALIGN:center;
	border:0;
}
/******************************************************
 Bios
 ******************************************************/
#Bios p{
	margin-right:5px;
	text-align:justify;
}
#Bios h3{background-color:#222;}
#Bios img{
	float:left;
	margin-right:5px;
}
#Biolinks{clear:both;}
#Biolinks div{
	float:left;
	border:0;
	margin-left:55px;
}
#Biolinks img{
	border:0;
	float:none;
	text-decoration:none;
}
#Biolinks a{
	text-decoration:none;
	text-align:center;
}
/******************************************************
 Poll
 ******************************************************/
#Poll{text-align:left;}
#Poll form{margin-left:10px;}
.pollButton{
	background-color:#7b2905;
	color:#fff;
	border:1px solid #696969;
	margin:0 auto;
	text-align:center;
}
/******************************************************
 Blogs
 ******************************************************/
#Blogs{margin:0 3px;}
#Blogs blockquote{
	text-align:justify;
	color:#999;
	margin:0;
	padding:0 15px;
	font-style:italic;
}
#Blogs p{
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin:0;
	padding:10px 20px;
	text-align:justify;
}
#Blogs h1{
	padding:2px;
	font-size:12pt;
	font-weight:bold;
	border-top:1px solid #999;
	background:#7b2905;
	color:black;
}

#Table #Blog h1{
	FONT:10pt arial;
	FONT-WEIGHT:bold;
	background-color:#7b2905;
	padding:3px;
	margin:0;
	TEXT-ALIGN:center;
	border:0;
}
#Blog{clear:both;}
#Blog .formButton{
	background-color:transparent;
	color:#7b2905;
	font-size:10pt;
	font-weight:bold;
	border:1px solid #7b2905;
	padding:0;
	margin:0;
}
#Blog fieldset{width:90%;}
#Blog p{
	font-style:italic;
	padding:5px 0;
}
#Blog input{
	font:8pt courier;
	color:#FFC77F;
	background-color:#222;
	border:1px solid #696969;
}
#Comment{
	width:90%;
	margin:0 auto;
	text-align:center;
}
#Discography h3{background-color:#222;color:white;}
#Discography fieldset{margin:0 auto;}
#Discography ul{text-align:left;}
#Discography select{background:black;color:white;}
/******************************************************
 Products
 ******************************************************/
.categoryHoverOn{border:1px solid #ccc;}
.categoryHoverOff{border:1px solid black;}
#Product{
	border-top:1px dashed #ccc;
	padding:5px 0;
	width:100%;
	clear:both;
}
#Product h1{
	font-size:11pt;
	font-weight:bold;
	text-align:center;
}
#ProductTitle{
	float:right;
	width:450px;
}
#ProductTitle h1{text-align:left;}
.productImages{float:left;}
.productDescription{
	float:left;
	margin:0 10px;
	width:400px;
}
#FeaturedProduct{
	text-align:center;
	margin:0 auto;
}
#FeaturedProduct h1{
	font-size:10pt;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:3px;
}
#Product select{background:black;color:white;}
/******************************************************
 Category Navigation
 ******************************************************/
#CategoryNavigation{
	text-align:center;
	padding:10px 0;
	clear:both;
}
/******************************************************
 SlideShow
 ******************************************************/
.Caption{
	font-weight:bold;
	color:#7b2905;
	text-align:center;
	background-color:#ccc;
	width:300px;
	display:none;
}
#SlideShowImage img{height:200px;}
#SlideShow{height:200px;}

/******************************************************
 News
 ******************************************************/
#News fieldset{
	width:95%;
	margin-left:10px;
}
#News ul{text-align:left;}
#News h1{
	FONT:10pt arial;
	FONT-WEIGHT:bold;
	background-color:#7b2905;
	padding:3px;
	margin:0;
	TEXT-ALIGN:center;
	border:0;
}
#News p{margin:10px;}
/******************************************************
 tob bar div
 ******************************************************/
#topbar{
position:absolute;
border:1px solid #7b2905;
padding:2px;
background-color:#151515;
width:440px;
visibility:hidden;
z-index:999;
margin:0 auto;
text-align:center;
}
#topbar img{margin-left:5px;}
#topbar div{padding:5px;}
#topbar p{
	margin:0;
	padding:0;
}
#topbar a{font-size:8pt;}
#PageLinks{float:left;}
/******************************************************
 PageLinks
 ******************************************************/
#PageLinks a,.currentPage{
	border:1px solid black;
	padding:1px;
	text-decoration:none;
	margin-left:3px;
}
/******************************************************
 Advertisement Div
 ******************************************************/
#sponsorAdDiv{
	position:absolute;
	top:0;
	left:0;
	border:1px dashed #6b6b6b;
	background:black url(/images/body_background.jpg);
}
#sponsorAdDiv h1{
	font-size:14pt;
	text-align:center;
}
#sponsorAdDiv h2{
	font-size:12pt;
	color:#7b2905;
	text-align:center;
}
#sponsorAdDiv img{border-top:1px dashed #6b6b6b;}
/******************************************************
 Profile
 ******************************************************/
#Profile #Row{padding:3px 0;}
#Profile #Row,#Profile #HeaderRow{
	clear:both;
	border:1px solid black;
}
#Profile #HeaderRow{
	background-color:#7b2905;
	color:#6b6b6b;
	font-weight:bold;
}
#ProfileImage{
	float:left;
	margin:3px;
	margin-right:8px;
}
#ProfileDetails{float:left;}
#ProfileDetails label{
	width:110px;
	display:block;
	float:left;
	clear:both;
}
#ProfileDetails input{
	float:left;
	width:200px;
}
.profileSmall{
	float:left;
	width:22%;
	padding:1%;
	text-align:center;
	height:100px;
}
/******************************************************
 ShoppingCart
 ******************************************************/
#ShoppingCart{
	width:130px;
	float:right;
	border:1px solid #686868;
	display:block;
	background-color:#252525;
	color:#ee9700;
	font-size:9pt;	
	text-align:center;
	margin:0;
	padding:3px;
	opacity:.85;filter:alpha(opacity=85);-moz-opacity:0.85;
	margin-bottom:10px;
}
#Table #ShoppingCart{width:90%;}
#ShoppingCart h1{
	font-size:11pt;
	color:#fff;
	text-align:right
}
#ShoppingCart a{
	text-align:center;
	text-decoration:none;
}
#ShoppingCart td{border:0;}
#ShoppingCart button{font-size:8pt;}
#ShoppingCart table p{
	text-align:right;
	margin-right:5px;
}

/******************************************************
 Gallery
 ******************************************************/
#Gallery{
	padding:0;
	border:0;
	margin:0 auto;
	margin-top:10px;
	overflow:auto;
	height:auto;
	font-size:11px;
	text-align:center;
}
.AlbumCol{margin-left:30px;}
#GalleryCol{
	float:left;
	padding:2px;
	margin:0 20px;
}
#GalleryCol a{text-decoration:none;}
.adminEdit{border:2px solid green;}
.adminEditHoverOn{border:2px dashed green;}

#Pics{
	border:0;
	padding-left:40px;
}
#Pics div{
	float:left;
	padding:10px;
}
#Pics a{font-size:9pt;}
.imageAlbumHover{
	filter:xray;
	border:1px solid #6b6b6b;
}
.imageThumbHover{border:1px solid #808080;} 
.imageNormal{border:1px solid black;}
#Pics fieldset{
padding:0;
margin:0;
}

.epleft{float:left;}
.epright{float:right;width:200px;}
.epBlock{width:100%;text-align:center;border-bottom:2px solid #7b2905;clear:both;}
.epBlock h1{font-size:14pt;color:white;}
.epBlock h2{font-size:12pt;}