/* 
Stylesheet for Brighton Gig Scene 
Mick Sear, www.ecreate.co.uk
March 2006

See http://css-discuss.incutio.com/?page=BoxModelHack
*/
	
*{padding:0;margin:0;font-size: 100%}

html>body li, html>body dd    {
    font-size:    inherit;
    /* be nice to Opera */
    }
	
*, html{font-size: 100%;margin: 0;padding: 0;}


body{
	background:#000000 url(images/pattern_back.gif); 
	font-family:Arial, Helvetica, Sans-Serif; 
	font-size:80%; 
	color:#ffffff; 
	margin: 0;
	padding: 0;
}

h1{font-size: 1.5em;font-weight: bold;color:#ffffff;margin-top: 1em;margin-bottom: 10px;}
h2{font-size: 1.3em;font-weight: bold;color:#ffffff;margin-top: 1em;margin-bottom: 6px;border-bottom: 1px solid #AEACAC;}
h3{font-size: 1.2em;font-weight: bold;color:#ffffff;margin-top: 1em;margin-bottom: 4px;}
h4{font-size: 0.9em;font-weight: normal;color:#ffffff;margin-top: 1em;margin-bottom: 4px;}
ul{margin-left: 2em;list-style-type: square;}
p{margin-top: 8px;margin-bottom: 8px;}

br{height:1em;}
hr{
	clear: both;
	border:0; 
	border-bottom: 1px solid #AEACAC;
	width: 909px;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	margin-top:3px;margin-bottom: 3px;
}

/* Following is a hack that applies a rule for IE only */
* html hr{margin-top:-5px;margin-bottom: -10px;height: 2px;}

img {border:0;}
a:link, a:active, a:visited{color: #FFFF80;text-decoration: none;font-weight: bold;}
a:hover{color: #000000;text-decoration: underline;}

/*Layout DIVS*/
#outer{background:  url(images/main_back.gif) repeat-y;padding-left: 10px;width: 919px;padding-top: 10px;}


#topAd{width: 468px;float:right;margin-right: 10px;margin-bottom: 3px;}

* html #banner{margin: 0;padding: 0;margin-top: -5px;}

#nav{margin-top: 10px;margin-bottom: 15px;}
#nav ul{
	list-style: none;
	margin: 0;padding: 0;
}
* html #nav ul{height: 15px;margin-top: -10px;}
#nav ul li {display: inline;}
#nav ul li a{
	padding-left: 18px;
	background: url(images/menu_sep.gif) left no-repeat;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 3px;
	color: #ffffff;
}
* html #nav ul li a{font-size: 85%;}
 
#nav ul li a:hover{color: #FFFF80;}


#logo{}

#mainContent{clear: left;}
#firstTwoCols{width: 700px;float: left;}
#left{width: 250px;float: left;}
#middle{width: 440px;float: right;}
#middle_subpage{
	width: 440px;
	float: right;
	background: #999999 url(/images/box_corner.gif) top right no-repeat; 
	margin-bottom: 10px;
}
#middle_subpage .indent{margin-left: 10px;margin-right: 10px; }
#middle_subpage h1 {margin: 10px 0 10px 0; }
#middle_subpage h2 {margin: 10px 0 10px 0; }
#middle_subpage h3 {margin: 10px 0 10px 0; color: #FFDF51;}
#middle_subpage h4 {margin: 10px 0 10px 0; }
#middle_subpage h5 {margin: 10px 0 10px 0; }
#middle_subpage .search_results_line{
	list-style-type: none;
	margin-left: 0px;
	clear: both; 
	margin-bottom: 8px;
	margin-top: 8px;
	bisplay:block;
	background: #B4B2B2;
	padding: 4px;
	width: 410px;
}


#middle_subpage hr {
	width: 420px;
height: 4px;
border: 0;
border-bottom: 1px solid #AEACAC;
	clear: both;
	/*background: #999 url(/images/hr_back.gif) repeat-x;*/
	text-align: center;/*this will align it for IE*/
	margin: 0 auto 0 auto; /*this will align it center for Mozilla*/
	margin-top:3px;margin-bottom: 3px;

}
#middle_subpage br {clear:none;}
#middle_subpage p {margin-bottom: 10px;}
#middle_subpage ol li {margin-left: 20px;}


#right{width: 200px; float: right; margin-right: 10px;}

/* Following is a hack that applies a rule for IE only */
* html #right{margin-right: 5px;}

.midAd{float: right;width: 440px;}


.leftFeatureBox{background: #999999 url(/images/box_corner.gif) top right no-repeat; margin-top: 10px;width: 250px;clear: left;padding-top: 2px;}
.feature{clear:left;margin-left: 10px;}
.feature img{clear: both;float: left;margin-right: 10px;margin-top: 3px;}
.leftFeatureBox p{float: right; text-align: left; width: 145px; font-size: 85%;margin-bottom: 10px;}
.leftFeatureBox hr{
	clear: both;
	border:0; 
	border-bottom: 1px solid #AEACAC;
	width: 240px;
	text-align: center;/*this will align it for IE*/
	margin: 5px auto 5px auto; /*this will align it center for Mozilla*/
}
.leftFeatureBox p.normal{float:none;width: 220px;margin-left: 10px;}
.leftFeatureBox h3{margin-left: 10px;}
.leftFeatureBox h2{margin-left: 10px;}
.leftFeatureBox h1{margin-left: 10px;}
/* Following is a hack that applies a rule for IE only */
* html .leftFeatureBox p{width: 142px;}
* html .leftFeatureBoxImg{margin-left: 5px;margin-right: 5px;}

.leftFeatureBox br{height: 1px; clear: both;}

.mainFeatureBox{margin-bottom: 10px;background: #999999;width: 440px;clear: both;}

.mainFeatureBox .content{float: left; width: 230px; margin-bottom: 10px;}
.mainFeatureBox br{height: 10px;}
.mainFeatureBox p{display:block;white-space: no-wrap}


/*Classes*/
.loginForm{width: 400px;float: left;}
.loginForm p{margin-bottom: 5px;color: #ffffff;}
.loginForm input, .loginForm label{float: left;width: 70px;margin-right: 10px;border: 0px;}
.loginForm label{color: #ffffff;}
.loginForm input{background: #ffffff;color: #000000;}
input.goButton{width: 30px;background: #eeeeee;color: #000000;}
.floatholder{margin-bottom:30px;}


#calendarBox h2{color: #9B0C13;font-size: 1.8em;}

.padded_10px{margin-top: 3px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;}
* html .padded_10px{margin-left: 5px;margin-right: 5px;}

.genericForm{width: 90%;}
.genericForm br{
	height: 1em; 
	clear: both;
}
.genericForm input{
	vertical-align: middle;
	padding: 3px;
	margin: 3px 0 12px 0;
	clear: both;	
	width: 300px;
	border : 1px solid #bbbbbb;	
	color: #444444;	
	background-color: #eeeeee;
}
* html .genericForm input{
margin-left: -10px;margin-top: -1px;
}
.genericForm textarea{
	padding: 3px;
	margin: 3px 0 12px 0;
	clear: both;
	width: 300px;
	border : 1px solid #bbbbbb;	
	color: #444444;	
	background-color: #eeeeee;
}
.genericForm label{
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
	margin-top: 15px;
	padding: 3px;
	clear: both;
	border-left : 1px solid #bbbbbb;
	border-right : 1px solid #bbbbbb;
	border-top : 1px solid #bbbbbb;
	color: #2E2E2E;
	background: #FFFFFF;	
}
.genericForm select{
	padding: 1px;margin: 0;
	margin: 3px 0 12px 0;
	clear: both;
	width: 300px;
	border : 1px solid #bbbbbb;	
	color: #444444;	
	background-color: #eeeeee;
}
* html .genericForm select{
margin-top: -1px;
}
.genericForm .generic_button{
	border : 1px solid #bbbbbb;
	color: #222222;	
	background-color: #dddddd;
	width: 100px;
}
.genericForm .checkboxlabel{
	height: 30px;
	border: 1px solid #bbbbbb;
	padding-top: 4px;
}
.genericForm .checkbox{
}

#status{
clear:both;
margin-bottom: 10px;
padding: 10px;
color: #FE1E1E;
background: #ffffff;

}

/* For the forums */
.blogDate{border-bottom: 1px solid #898888;margin: 0;padding: 0;font-size: 85%;height: 14px;}
.blogDate p{padding: 1px 10px 1px 10px;margin: 0; text-transform: uppercase;}
.blogTitle{margin: 0;padding: 0;font-size: 90%;height: 16px;font-weight:bold;}
.blogTitle p{padding: 1px 10px 1px 10px;margin: 0;}
.blogContents .indent{margin: 0;padding: 0;}
.blogContents{margin: 0;padding: 0;padding-top: 5px;padding-bottom: 5px;font-size: 90%}

 /*The outer <ul> has a border, which encompasses the entire menu*/
 #menuRoot{padding:0;margin:0;}
 #menuRoot li{padding:0;margin:0;list-style-type: none;background: #807F7F;border: 1px solid #282727;margin-bottom: 10px; }
 #menuRoot ul{padding:0;margin:0;list-style-type: none;}
 
 /*Rules for the top level of menu*/
 #menuRoot ul li{margin:0;padding:0;display:block;list-style-type: none;border: none;background: #EFEFEF; color: #3E3D3D;} 
  
 /*Stop the second level from inheriting the border*/
 #menuRoot ul ul{border: none;margin-left: 20px;} 
 
 /*Rules for the second menu level - this is basically lists within the blogs.*/
 #menuRoot ul ul li{list-style-type: disc;border: none;}


 li.hide ul{
    display: none;
 }
 li.show ul{
    display: visible;
 }


.month{
width: 200px;
background: #999999 url(/images/box_corner.gif) top right no-repeat;
padding: 5px;
}
.monthname{font-weight: bold;text-align: center;}
.event{}

.rating{float:right;width: 80px;font-size: 90%;}
.rating ul{display:inline;list-style-type: none;margin:0;padding:0;}
.rating ul li{display:inline;list-style-type: none;}

.artist_detail_rating .rating{float: none;clear:both;width: 410px;font-size: 90%; margin: 0px 10px 10px 0;border-top: 1px solid #EFB91D;border-bottom: 1px solid #EFB91D;padding: 3px 5px 3px 0; background: #919190;text-align: right;}
.artist_detail_rating .rating ul{margin-left: 5px;}
.artist_detail_rating .rating img{margin-bottom: -3px;}

#artist_event_box{clear:left;}
#address{clear:left;}

.profile_list1 li{margin: 0;list-style-type: none;padding-left: 30px;
	background: url(images/bullet_square_yellow.gif) top left no-repeat;}

.profile_list2 li {margin: 0;list-style-type: none;padding-left: 20px;
	background: url(images/bullet_tiny_grey.gif) top left no-repeat;}