/* CSS Document */

/***********************************************************************************************
 Setup
***********************************************************************************************/

* {
margin: 0;
padding: 0;
border: 0;
}

/***********************************************************************************************
 Reference Colours
***********************************************************************************************/

/*
dark blue: #265161
mid blue: #418BA7
light blue: #CBE2EB
lighter blue: #F1F8FA
dark grey: #1A1A1A
light grey: F5F5F5

Unused:
brighter light blue: #57B7DB
*/

/***********************************************************************************************
 Layout Elements
***********************************************************************************************/

#wrapper {
width: 740px;
margin: 50px auto 0;
}

#top {
height: 169px;
border-bottom: 3px solid #000000;
}

#logo {
float: left;
}

#content {
width: 620px;
margin-left: 120px;
}

#footer {
margin-left: 120px;
padding: 30px;
}

#leftcol {
float:left;
width: 120px;
}

#story {
padding: 30px;
border-bottom: 3px solid #000000;
}

#rss {
width: 36px;
margin-top: 30px;
margin-left: 40px;
text-align: center; 
}

.link {
float: left;
margin: 1.5em 0;
}

#welcome {
margin-left: 150px;
padding-top: 140px;
}
/***********************************************************************************************
 Nav
***********************************************************************************************/
	
#leftnav {
width: 82px;
margin-top: 30px;
}

#leftnav ul {
list-style: none;
}

#leftnav li a {
text-decoration: none;
height: 25px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
font-size: 1.5em;
text-align:right;
}
	
#leftnav li a:link, #leftnav li a:visited {
color: #fff;
display: block;
padding: 0 0.1em 0 0;
}
	
#leftnav li a:hover {
color: #fff;
background: url(../images/structure/leftnav.gif) 0 -100px;
padding: 0 0.1em 0 0;
}
	
#leftnav li a:active {
color: #fff;
background: url(../images/structure/leftnav.gif) 0 -100px;
padding: 0 0.1em 0 0;
}

.labelnews {
background: url(../images/structure/leftnav.gif) 0 0;
}

.labelbands {
background: url(../images/structure/leftnav.gif) 0 -25px;
}

.labelcontact {
background: url(../images/structure/leftnav.gif) 0 -50px;
}

.labelsignup {
background: url(../images/structure/leftnav.gif) 0 -75px;
}

/***********************************************************************************************
 Text
***********************************************************************************************/

/* set base font size to equivalent of 10px */
/* therefore to get 18px use 1.8em */
body {
font-size: 62.5%;
}

body {
font-family:Georgia, "Times New Roman", Times, serif;
color: #666666;
}

p, ul {
font-size: 1.1em;
line-height: 1.8em;
margin-bottom: 0.8em;
}

h1 {
font-size: 2.4em;
margin-bottom: 0.8em;
font-weight: normal;
}

h2 {
font-size: 1.4em;
margin-bottom: 0.8em;
/*margin-top: 1.2em;*/
font-weight: normal;
}

a:link, a:active, a:visited {
color: #666666;
}

a:hover {
background-color: #666666;
color: #FFFFFF;
}

#story ul {
margin-left: 2em;
}
/***********************************************************************************************
 Misc
***********************************************************************************************/

.clearit {
clear: both;
}

.storylabel {
margin-right: 0.3em;
vertical-align:middle;
}

.totop {
clear: both;
font-style:italic;
font-weight: bold;
}