html, body
{
padding: 0px;
margin: 0px
}

body
{
background-color: #8f7866;
background-image: url('../images/background.jpg');
background-position: center center;
background-repeat: repeat-y;
color: #3f3630;
font-family: 'Arial', helvetica, sans-serif;
font-size: 0.9em;
text-align: center;
line-height: 1.5em;
}

#header
{
background-color: #C1BAAA;
background-image: url('../images/header.jpg');
background-position: top left;
background-repeat: no-repeat;
height: 398px;
width: 820px;
border-top: 1px solid #5D4D3D;
position: relative;
z-index: 2000;
}

#container
{
text-align: justify;
margin: 0 auto 0 auto;
width: 820px;
z-index: 0;
}

img
{
border: 0px	
}

#logo, #logo a
{
width: 340px;
height: 250px;
display: block;
}


/* =MENU (Main Menu) */
#nav
{
position: absolute;
left: 32px;
bottom: 64px;
z-index: 2000;
width: 756px;
}



/*IE7 FIX*/
ul#nav li:hover, ul#nav li.hover
{
position: static;
}
/*IE7 FIX*/


ul#nav, ul#nav ul /* all lists */
{
padding: 0;
margin: 0;
list-style: none;
font-size: 1.2em;
letter-spacing: -0.05em;
font-family: 'Georgia', 'Times New Roman', Serif;
font-weight: bold;
}



ul#nav ul a /* 2nd and 3rd level links */
{
text-align: left;
padding: 0.2em 0.5em 0.5em 0.5em;
font-size: 0.5em;
letter-spacing: 0;
text-transform: none;
color: #645444
}

ul#nav a
{
letter-spacing: -0.1em;
font-size: 1.2em;
display: block;
width: 3.5em;
margin: 0 0.35em 0.25em 0;
padding: 0.1em 0.3em 0.1em 0.3em;
text-decoration: none;
text-align: center;
color: #837060;
}

ul#nav a:hover
{
color: #645444
} 

ul#nav li /* all list items */
{
float: left;
width: auto; /* width needed or else Opera goes nuts */
}

ul#nav li ul /* second-level lists */
{
position: absolute;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}



ul#nav li ul ul /* third-and-above-level lists */
{
margin: -0.85em 0 0 6.5em;
font-size: 1em;
}

ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul
{
left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul /* lists nested under hovered list items */
{
left: auto;
}

ul#nav ul, ul#nav ul li, ul#nav ul a, ul#nav ul ul
{
width: 12em;
height: 1.3em;
margin: 0 0 -0.31em 0
}

ul#nav li li a
{
background-color: #81B1A1;
background-image: url('../images/album_background1.jpg');
background-position: center center;
color: #FFF;
font-size: 0.7em;
width: 14em;
line-height: 1em
}

ul#nav li li li a
{
background-color: #BF481D;
background-image: url('../images/gigs_background.jpg');
background-position: center center;
color: #FFF
}



label
{
display: block;
font-weight: bold;
font-size: 0.9em;
margin: 0 0 -2px 0;
font-family: 'Georgia', 'Times New Roman', Serif;
}



input, textarea

{
width: 240px;
}

input, textarea, select
{
color: #6a6a6a;
font-family: 'Arial', helvetica, sans-serif;	
}



textarea
{
height: 114px;
font-size: 1em
}



#contact1, #contact2

{

width: 47%;

float: left;

margin: 0 12px 0 0;

height: 240px

}



#contact1 input, #contact2 input, #contact1 textarea, #contact2 textarea

{

width: 98%	

}



.buttonbar
{
clear: both;
background-image: url('../images/month_background.jpg');
height: 49px;
margin: 32px 0 0 0
}

.buttonbar button
{
text-align: center;
position: relative;
top: 9px;
left: 16px
}



button
{
color: #645444;
font-family: 'Georgia', 'Times New Roman', Serif;
font-weight: bold;
cursor: pointer;
}





.success

{

background: #BFFF8F;

font-weight: bold;

padding: 8px;

color: #2F3F23

}



.problem

{

background: #FF6A5F;

font-weight: bold;

padding: 8px;

color: #3F2D2B

}

#front_col1
{
float: left;
width: 386px;
margin-left: 16px
}

#front_col2
{
width: 386px;
float: right;
margin-right: 16px
}

div.spacer
{
clear: both;
height: 1px;
width: 100%	
}

#adverts
{
height: 253px;
width: 100%;
position: relative;
margin: 0 0 32px 0
}

#advert_overlay
{
width: 357px;
height: 253px;
background-image: url('../images/advert_overlay.gif');
background-repeat: no-repeat;
background-position: top center;
margin-left: 13px;
position: absolute;
z-index: 1
}

.advert
{
position: absolute;
top: 24px;
left: 42px;
width: 300px;
height: 185px;
background-image: url('../images/background.jpg');
background-repeat: repeat-y;
background-position: center center;
z-index: 50
}

.advert_text
{
color: #846D5B;
text-decoration: none;
font-weight: bold;
font-size: 2.4em;
text-align: center;
font-family: 'Georgia', 'Times New Roman', Serif;
font-style: italic;
line-height: 1.2em;
letter-spacing: -0.05em;
display: block;
width: 270px;
height: 150px;
margin: 16px 0 0 16px
}

.advert_footer
{
display: block;
position: absolute;
bottom: -30px;
right: 0px;
width: 300px;
text-align: center;
color: #2F7F6E;
font-weight: bold
}

a, a:link
{
color: #6D99ED;
text-decoration: none;
font-weight: bold
}


a:visited
{
color: #A6A3C5;
text-decoration: none;
font-weight: bold
}

a:hover, a:active
{
color: #E8AD3D;
text-decoration: none;
font-weight: bold
}


#gigs
{
background-image: url('../images/gigs_background.jpg');
background-repeat: repeat-y;
background-position: center center;
height: 412px;
padding: 0 24px 0 24px;
position: relative
}

h1
{
font-family: 'Georgia', 'Times New Roman', Serif;
font-weight: bold;
font-size: 2.4em;
letter-spacing: -0.05em;
font-style: italic
}

h1 span
{
color: #9F8977
}

h2
{
font-family: 'Georgia', 'Times New Roman', Serif;
color: #5B4B3B
}

#gigs h2
{
color: #BE471C;
position: absolute;
top: -24px;
left: 21px;
line-height: 2em
/*
position: relative;
top: -20px
*/
}

#gigs table
{
width: 322px;
margin: 0 8px 0 8px;
position: absolute;
top: 36px;
/*
position: relative;
top: -16px
*/
}

#gigs td, #gigs th
{
border-bottom: 1px solid #CF724D;
text-align: left;
}

#gigs th
{
color: #FFD1BF;
text-align: center;
width: 80px
}

.clickable
{	
cursor: pointer;	
}


#gigs div.date
{
margin: 0 8px 0 0;
font-family: 'Georgia', 'Times New Roman', Serif;
font-size: 0.9em
}

#gigs a
{
color: #FFF
}

#gigs a.end
{
color: #EFAC95;
float: right;
font-weight: bold;
position: absolute;
bottom: 12px;
right: 37px;
/*
position: relative;
top: -12px;
right: 10px
*/
}

#gigs th
{
padding: 6px 0 6px 0
}

#subscribe_box
{
background-image: url('../images/mailing_background.jpg');
background-repeat: no-repeat;
background-position: center center;
height: 119px;
padding: 0 24px 0 24px;

}


#subscribe_box h2
{
color: #C98D1D;
position: relative;
top: -6px
}

#subscribe_box p
{
font-size: 0.8em;
font-weight: bold;
position: relative;
top: -5px;
color: #FFF;
text-align: center
}

#subscribe_box form
{
position: relative;
top: -8px;
left: 16px
}



#news_box
{
background-image: url('../images/news_background.jpg');
background-repeat: no-repeat;
background-position: 14px 21px;
height: 330px;
padding: 0 24px 0 24px
}

#news_box h2
{
color: #63989F
}


#news_box a
{
color: #FFF;
font-weight: normal
}

#news_box h3
{
font-family: 'Georgia', 'Times New Roman', Serif;
font-size: 1.2em;
font-style: italic;
margin-bottom: 12px;
}

#news_box h3 a
{
font-weight: bold
}

#news_box div.news
{
border-bottom: 1px solid #8cc1ca;
padding: 0 0 8px 0
}

#news_box h3
{
margin-bottom: 12px;
}

#news_box h3 a
{
font-weight: bold
}

#footer
{
text-align: center;
font-size: 0.8em;
margin: 16px 0 16px 0;
clear: both
}

#player
{
background-image: url('../images/player_background.jpg');
background-repeat: no-repeat;
background-position: center center;
height: 156px;
padding: 28px 0 0 29px;
margin-bottom: 24px
}

#page_content
{
margin: 0 24px 0 24px
}

.inline
{
display: inline;		
}

#month_bar
{
background-image: url('../images/month_background.jpg');
height: 49px;
}

#month_bar form
{
text-align: center;
position: relative;
top: 11px
}

#calendar
{
width: 100%
}

#calendar a
{
color: #3f3630
}

#calendar th a
{
font-family: 'Georgia', 'Times New Roman', Serif;
font-size: 2em;
color: #9F8977
}

#calendar th
{
width: 180px;
padding-left: 8px
}

#calendar th, #calendar td
{
border-bottom: 1px solid #C2BBAB;
height: 3em
}

tr.hover:hover
{
background-image: url('../images/onoff.gif');
background-repeat: repeat;
}

ul#photos
{
list-style-type: none;
padding: 0px
}

ul#photos li
{
display: block;
float: left;
width: 363px;
height: 363px;
background-repeat: no-repeat;
margin: 0 23px 7px  0;
position: relative
}

ul#photos li.album_style1
{
background-image: url('../images/album_background1.jpg');
background-position: 0 -4px;
}

ul#photos li.album_style2
{
background-image: url('../images/album_background2.jpg');
background-position: 0 4px;
}

ul#photos li img
{
position: absolute;
top: 32px;
left: 36px
}

ul#photos li span
{
position: absolute;
bottom: 51px;
right: 48px;
background-image: url('../images/background.jpg');
background-position: top left;
background-repeat: no-repeat;
color: #FFF;
display: block;
padding: 2px 6px 2px 6px
}

.media_page, .photos_page
{
padding: 16px 0 32px 0
}

ul#articles
{
list-style-type: none;
padding: 0px
}

ul#articles a
{
color: #FFF;
display: block;
width: 98%;
border-bottom: 1px solid #CF724D;
}

#articles_outer
{
background-image: url('../images/article_background.jpg');
background-position: top left;
background-repeat: no-repeat;
height: 148px;
width: 755px;
position: relative;
margin-bottom: 16px
}

#articles_inner
{
position: absolute;
top: 8px;
left: 16px;
width: 716px;
height: 120px;
overflow: auto
}

p#subscribe_result
{
position: relative;
top: 53px;
font-size: 1.2em
}

.float_right, .float_left
{
border: 1px solid #8F7866;
padding: 6px;
background: #FFF;
margin: 12px;
}

.noborder
{
border: 0px;
padding: 0px;
background: none	
}

.float_left
{
float: left
}

.float_right
{
float: right
}

.unsubscribe
{
text-align: center;
}

.unsubscribe form
{
width: 300px;
padding: 53px 0 0 190px
}

.unsubscribe input
{
width: 300px
}

.unsubscribe button
{
margin-top: 8px
}

#news_nav
{
clear: both;
background-image: url('../images/month_background.jpg');
height: 49px;
margin: 32px 0 0 0;
position: relative
}

#news_nav a
{
color: #FFF;
}

#news_nav a:hover
{
color: #EFD4A4
}

#news_nav a.prev
{
position: absolute;
top: 5px;
left: 8px
}

#news_nav a.next
{
position: absolute;
top: 8px;
right: 16px
}


#news_nav a span
{
color: #EFD4A4;
font-size: 2em;
font-family: Georgia, 'Times New Roman', serif;
position: relative;
top: 2px
}

#news_nav a:hover span
{
color: #FFF
}

#social_bar
{
clear: both;
background-image: url('../images/social_background.jpg');
background-position: bottom left;
background-repeat: no-repeat;
width: 740px;
height: 76px;
margin: 0 0 0 32px;
padding: 16px 0 0 0;
position: relative
}

#social_bar a
{
color: #FFF;
font-size: 2em;
display: block;
padding: 16px 16px 16px 58px;
letter-spacing: -0.05em
}

#social_bar a:hover
{
color: #EFC986
}

a#facebook
{
position: absolute;
top: 24px;
left: 24px;
}

a#myspace
{
position: absolute;
top: 30px;
left: 376px
}


table#event_details
{
margin-bottom: 32px;
width: 100%
}

table#event_details th
{
background-color: #C1481B;
background-image: url('../images/gigs_background.jpg');
background-position: center center;
color: #FFF;
font-family: Georgia, 'Times New Roman', serif;;
font-size: 1.1em;
padding: 16px;
border-bottom: 1px solid #AF4820
}


table#event_details td
{
padding-left: 16px;
border-bottom: 1px solid #C5BCAD
}


span.arrow
{
color: #777
}

.half
{
width: 48%;
float: left;
text-align: center
}



