/* CSS Document */

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

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


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

body {
background-color: #FFF;
background-image:url(../images/structure/body_bg.jpg);
background-repeat:repeat;
}

#wrapper {
width: 956px;
margin: 0 auto 20px;
padding: 2px;
border: 2px solid #000;
border-top:none;
background-color:#000000;
}

#inner_wrapper {
background-image:url(../images/structure/wrapper_bg.jpg);
background-repeat:repeat-y;
background-color:#000000;
}

#top {
background-image: url(../images/structure/top_bg.jpg);
height: 413px;
width: 758px;
margin-left: 200px;
border-bottom: #222 1px solid;
}

#content {
margin-left: 200px;
padding: 5em;
width: 657px;
background-image:url(../images/structure/content_bg.jpg);
background-repeat:no-repeat;
}

#footer, #footer p {
text-align: center;
line-height: 2em;
background:none;
}

#footer p {
font-weight: bold;
color: #000000;
}

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

#rightcol {
width: 300px;
float: right;
padding: 2em;
}

#signup {
float: right;
margin-right: 40px;
margin-top: 370px;
text-align:right;
}

#signup input.text {
background-color: #99CCFF;
border: 1px dashed #FFF;
}
#signup input {
padding: 2px;
}

.submit_button {
padding: 0.2em 1em;
text-decoration: none; 
color: #FFFFFF;
border: 1px dotted #FFFFFF;
cursor: pointer;
width: auto;
background-color: #000;
}

.submit_button:hover, .submit_button_small:hover {
background-color: #FFF;
color: #000;
}


/***********************************************************************************************
 Nav
***********************************************************************************************/
	
#nav {
float:left;
margin-left: 4em;
margin-top: 1em;
}

#nav ul {
}

#nav li {
display: block;
list-style-type: none;
}
	
#nav li a:link, #nav li a:visited {
color: #FFF;
text-decoration: none;
text-align:left;
font-size: 1.4em;
font-weight: bold;
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
	
#nav li a:hover {
color: #000;
}
	
#nav li a:active {
}


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

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

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*color: #ADC414;*/
color: #FFF;
}

p, ul {
font-size: 1.3em;
line-height: 1.8em;
margin-bottom: 0.8em;
margin-top: 1em;
text-align:justify;
}

table {
font-size: 1.3em;
line-height: 1.8em;
}

h1 {
font-size: 2.2em;
margin-bottom: 1em;
font-weight: normal;
font-style:italic;
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}

h2 {
font-size: 1.7em;
margin-bottom: 0.3em;
margin-top:2em; 
/*margin-top: 1.2em;*/
font-weight: normal;
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;

}

h3 {
font-size: 1.8em;
margin-bottom: 0.3em;
/*margin-top: 1.2em;*/
font-weight: normal;
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;

}

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

a:hover {
color:#FFFFFF;
}

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



/***********************************************************************************************
 News, Stage etc.
***********************************************************************************************/
	
#news_story {
border-bottom: 1px dashed #666666;
padding: 2em 0 4em;
margin: 0 0 3em;
}

#news_img {
float:left;
margin-right: 4em;
border: 2px solid #000000;
}

.stage_listing {
border-bottom: 1px dashed #666666;
padding: 2em 0 4em;
margin: 0 0 3em;
}

.stage_text {
margin-left: 180px;
}

.stage_image {
float:left;
margin-right: 4em;
border: 2px solid #000000;
clear: left;
}

.albums {
border-bottom: 1px dashed #666666;
padding: 2em 0 4em;
margin: 0 0 3em;
}

.review {
border-bottom: 1px dashed #666666;
padding: 2em 0 4em;
margin: 0 0 3em;
}

.review_img {
float:left;
margin-right: 4em;
border: 2px solid #000000;
clear: left;
}

.quote {
font-style:italic;
}

.reviewer {
font-weight: bold;
}

/***********************************************************************************************
 Misc
***********************************************************************************************/

.clearit {
clear: both;
}

.clearit_line {
clear: both;
border-bottom: 1px dashed #666666;
margin-top: 3em;
}

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

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