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

See http://css-discuss.incutio.com/?page=BoxModelHack
*/
.mainsection{
 padding-left: 0px;
 padding-right: 0px;
 width: 740px;
}
#ImportantSiteContent {
	font-size:10px;
	color: #000;
	height: 58px;
	overflow: scroll;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
}

*{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:#ffffff url(images/pattern_back.gif); 
	font-family:Verdana, Arial, Helvetica, Sans-Serif; 
	font-size:80%; 
	color:#333333; 
	margin: 0;
	padding: 0;
}

h1{font-size: 1.5em;font-weight: bold;color:#338533;margin-top: 1em;margin-bottom: 10px; font-family: Times, Serif;text-transform: uppercase;}
h1:first-letter{font-size: 1.3em;/*Doesn't work in IE*/}
h2{font-size: 1.3em;font-weight: bold;color:#338533;margin-top: 1em;margin-bottom: 6px; font-family: Times, Serif;text-transform: capitalize;}
h3{font-size: 1.2em;font-weight: bold;color:#338533;margin-top: 1em;margin-bottom: 4px; font-family: Times, Serif;text-transform: capitalize;}
h4{font-size: 0.9em;font-weight: normal;color:#338533;margin-top: 1em;margin-bottom: 4px; font-family: Times, Serif;text-transform: capitalize;}
ul{margin-left: 2em;list-style-type: square;}

br{}
hr{
	margin:0;padding:0;
	clear: both;
	border:0;
	border-top: 1px solid #C7C4C4;
	width: 771px;
	margin-left: 13px;
	margin-top:3px;
}


/* Following is a hack that applies a rule for IE only */
* html hr{height: 1px;margin-bottom: -6px;padding:0;margin-left: -13px;}

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

/*Layout DIVS*/
#beforeOuter{width: 800px;margin: 40px auto;margin-top: 20px;margin-bottom:0;}
#outer{background:  url(images/main_middle.gif) repeat-y;width: 800px;
margin: 40px auto;margin-top: 0;margin-bottom:0;}
#afterOuter{width: 800px;margin: 40px auto;margin-bottom: 40px;margin-top:0;}
#inner{background:  url(images/main_under_middle.gif) repeat-y;width: 800px;}
* html #inner{margin-top: -3px;}


#nav{
	margin-top: 0px;
	margin-bottom: 20px;
	width: 180px;
	margin-left: 10px;
	margin-right: 40px;
	float: left;
}


#nav ul{
	list-style: none;
	margin: 10px 0 0 0;padding: 0;
}

* html #nav{padding-top: 10px;margin-left: 3px;}

* html #nav ul{margin-top: 0;}

#nav ul li {
	background: url(images/nav_back.gif) left no-repeat;
	background-position: -2px 2px;
	line-height: 24px;
	margin-left: 15px;
	margin-bottom: 1px;
	padding-bottom: 2px;
}
#nav ul li a{
	padding-left: 24px;
	background: url(images/menu_sep.gif) left no-repeat;
	font-size: 95%;
	letter-spacing: 1px;
	color: #E83725;
	font-weight: bold;
}
* html #nav ul li a{font-size: 85%;}
 
#nav ul li a:hover{color: #A79B2F;}

#mainContent{width: 530px;float:left;font-size: 0.85em;color: #999999;}

#mainContent p{margin-top: 8px; margin-bottom: 8px;}

#mainContent .copy{width: 300px; float: left;margin-right: 20px;margin-bottom: 20px;margin-top: 10px;}

#mainContent .copyfull{width: 530px;float:left; margin-right: 20px;margin-bottom: 20px;margin-top: 10px;}

#mainContent .rh_imgs{width: 110px;float: right;margin-right: 26px;margin-top: -8px;text-align:right;}

.copyright{text-align:center;font-size: 0.85em;margin-top: -40px;color: #333333;margin-bottom: 60px;}