html, body
{
padding: 0;
margin: 0
}

body
{
background: #FFFFFF;
color: #646464;
font-family: 'Lucida Sans Unicode', 'Trebuchet MS', 'Arial', helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
line-height: 1.6em;
background-image: url('../images/top.gif');
background-position: top left;
background-repeat: repeat-x
}

a
{
text-decoration: none;
color: #6F96FF;
font-weight: bold
}

a:hover
{
color: #3B70EF
}

div#container
{
width: 756px;
margin: 0 auto 0 auto;
text-align: justify
}

div#header
{
width: 100%;
height: 131px;
margin: 20px 0 20px 0;
position: relative;
z-index: 1000
}

div#logo
{
background-image: url('../images/logo.png');
background-position: top left;
background-repeat: no-repeat;
width: 233px;
height: 110px;
position: absolute;
top: 9px;
left: 2px;
}

div#logo a
{
display: block;
width: 100%;
height: 100%
}



div#front_box1
{
height: 162px;
border-style: solid;
border-color: #dedede;
border-width: 4px 0 4px 0;
margin: 0 0 23px 0
}

div#front_box1_text
{
width: 292px;
margin: 14px 14px 14px 10px;
height: 132px;
overflow: hidden;
float: left
}

div#front_box1 h1
{
text-transform: lowercase;	
}

h1
{
font-size: 1.95em;
color: #858585;
}

h1, h2, h3, h4
{
margin: 0;
text-align: left;
letter-spacing: -0.1em
}

div#front_box1_pic
{
width: 436px;
height: 162px;
overflow: hidden;
/*background-image: url('../images/artist.jpg');
background-position: top left;
background-repeat: no-repeat;*/
cursor: pointer
}

div.featured_artist
{
position: relative;	
}

div#front_box1_pic div#artist_label
{
position: absolute;
top: 16px;
left: 24px
}

div#front_box1_pic div.artist_name
{
position: absolute;
bottom: 12px;
left: 16px
}



div.artist_name
{
font-weight: bold;
color: #ffffff;
font-size: 1.4em;
letter-spacing: -0.05em;
background: #FF4A4A;
padding: 1px 3px 2px 3px
}

div.artist_name:hover, div#front_box1_pic:hover div.artist_name
{
background: #943737;	
}

div.front_block
{
height: 178px;
border-style: solid;
border-color: #dedede;
border-width: 4px 0 0 0;
width: 46%;
float: left;
padding: 1% 1% 0 1%
}

div.front_block.odd
{
margin-right: 4%
}

div.front_block h2
{
color: #b95959;
background-image: url('../images/bullet1.gif');
background-position: bottom left;
background-repeat: no-repeat;
padding: 0 0 0 24px;
margin: 8px 0 0 0
}

div#footer
{
text-align: center;
font-size: 0.9em;
padding: 16px 0 32px 0;
clear: both
}

h1#main_title
{
font-size: 2.2em;
margin: 0 0 0.75em 0;
background-image: url('../images/bullet2.gif');
background-position: bottom left;
background-repeat: no-repeat;
padding: 0 0 0 32px;
}



ul#nav
{
width: 512px;
position: absolute;
top: 24px;
left: 246px
}

ul#nav a
{
color: #696969;
font-weight: bold;
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: -0.05em;
border-bottom: 6px solid transparent
}

ul#nav a:hover
{
color: #464646;
border-bottom: 6px solid #bf8080
}

/*IE7 FIX*/
ul#nav li:hover, ul#nav li.hover
{
position: static;
}
/*IE7 FIX*/


#nav, #nav ul
{     
padding: 0;     
list-style: none;
z-index: 100
} 

#nav ul
{
display: block; 
margin: 0;
clear: left;
}

#nav a
{     
display: block;     
width: 5.7em;
text-decoration: none;
text-align:center;
padding: 0.25em 0 0.25em 0;
}

#nav a:hover
{
color: #000000;
} 

#nav li
{
display:block;
float: left;    
width: 5.7em;
padding: 0 0 0 0;
}

#nav li ul
{     
position: absolute;     
width: 5.7em;     
left: -999em;
text-transform:none;
} 

#nav li:hover ul
{
 left: auto; 

}
 
#nav li:hover ul, #nav li.sfhover ul
{
left: auto; 
}

#nav li li a
{
background-color: #E1E1E1;
color: #464646;
font-size: 0.85em;
width: 120px;
text-align: left;
padding: 0.25em 0.75em 0.25em 2.25em;
text-transform: none;
border-bottom: 0px;
background-image: url('../images/menubullet.gif');
background-position: 6px 7px;
background-repeat: no-repeat;
}

#nav li li a:hover
{
border-bottom: 0px;
color: #000;
background-image: url('../images/menubullet_hover.gif');
background-position: 6px 7px;
background-repeat: no-repeat;
}

#nav a.even
{
background-color: #EEEEEE	
}

#nav a.odd
{
background-image: url('../images/menubullet_odd.gif');	
}

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 li ul ul /* third-and-above-level lists */
{
margin: -2em 0 0 11.9em;
font-size: 1em
}

div.calendar_event
{
border: 1px solid #CFCFCF;
width: 100%;
float: left;
margin: 0 0 8px 0;
height: 64px;
padding: 8px;
background: #E1E1E1;
position: relative;
}

div.calendar_event.even
{
background: #EEEEEE	
}



div.calendar_event_date
{
height: 64px;
width: 96px;
text-align: center;
background: #FFF;
border: 1px solid #CFCFCF;
}

div.calendar_event_date .day_number
{
font-size: 3.5em;
letter-spacing: -0.2em;
padding: 16px 8px 0 0;
color: #953838;
font-weight: bold;
}

div.calendar_event_date .day_word
{
color: #858585;
padding: 6px 0 0 0;
letter-spacing: 0.1em;
font-size: 0.9em;
}

div.calendar_event h2
{	
position: absolute;
top: 8px;
left: 120px;
font-size: 2em
}

div.calendar_event_details
{
position: absolute;
top: 36px;
left: 120px;
line-height: 1.4em
}

div#month_bar
{
padding: 8px;
margin: 0 0 12px 0
}

.event
{
margin: 32px 0 0 0;
width: 100%
}

.event td
{
border-bottom: 4px solid #A5A5A5;
padding: 8px 0 8px 0
}

.event th
{
border-bottom: 4px solid #858585;
text-transform: uppercase;
width: 120px;
padding: 8px 0 8px 0
}

a.event_artist
{
display: block;
float: left;
width: auto;
background: #EEE;
padding: 8px;
margin: 0 8px 8px 0;

}

a.event_artist:hover
{
background: #E8E8E8
}

a.event_artist img
{
border: 2px solid #CCC
}

a.event_artist span
{
font-size: 1.4em;
margin: 0 0 0 4px;
position: relative;
bottom: 20px
}

img
{
border: 0px
}

.clickable
{
cursor: pointer
}


.artist
{
width: 370px;
height: 208px;
border: 1px solid #EEE;
float: left;
margin-top: 12px;
position: relative
}


.artist.even
{
margin-left: 12px
}

.artist img
{
position: absolute;
top: 0px;
left: 0px
}


.artist a
{
position: absolute;
bottom: 12px;
left: 12px;
background: #FF4B4B;
color: #FFF;
font-size: 1.3em;
padding: 2px 6px 2px 6px;
letter-spacing: -0.05em
}

.artist a:hover, .artist:hover a
{
background: #943737
}

img.profile
{
border-bottom: 5px solid #FF4A4A;
margin: 0 0 16px 0
}


div#artist_col1
{
width: 370px;
float: left
}

div#artist_col2
{
width: 366px;
float: right
}

div#artist_col1 input, div#artist_col1 textarea
{
width: 350px
}

div#artist_col2 h2
{
margin: 0 0 16px 0;
background: #FF4A4A;
color: #FFF;
width: auto;
padding: 0px 5px 3px 5px
}

table#artist_events
{
width: 100%;
}

table#artist_events td
{
background: #FFF;
padding: 0 4px 0 4px	
}



table#artist_events td
{
border-bottom: 1px solid #EEE;
text-align: left
}

table#artist_events th
{
border-bottom: 1px solid #9F9F9F;
text-align: left
}

table#artist_events th
{
background: #A4A4A4;
color: #FFFFFF;
text-align: center;
width: 100px;
}

label
{
display: block;
font-weight: bold;
font-size: 0.9em;
margin: 0 0 -2px 0
}

input, textarea
{
width: 240px;
color: #6a6a6a;
font-family: 'Lucida Sans Unicode', '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: #EEEEEE;
padding: 4px;
margin: 32px 0 0 0
}

button
{
color: #5E5E5E;
font-family: 'Lucida Sans Unicode', 'Arial', helvetica, sans-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
}

div.blog_entry
{
padding: 22px 0px 16px 0px;
margin: 16px 0 8px 0;
cursor: pointer
}

div.blog_entry img, .blog_image
{
float: right;
margin: 16px 0 8px 16px;
background: #FFF;
padding: 12px;
border: 1px solid #CFCFCF
}

div.blog_entry h2
{
background: #FF4A4A;
color: #FFFFFF;
display: inline;
padding: 2px 4px 2px 4px;
font-size: 2em;
}

div.blog_entry h2 a
{
color: #FFFFFF	
}

div.blog_entry h2:hover
{
background: #943737	
}

div.blog_footer
{
background: #CFCFCF;
padding: 4px		
}

div.spacer
{
clear: both;
height: 1px;
width: 100%	
}

.pager_bar
{
clear: both;
border: 1px solid #EFE8E0;
padding: 1px 4px 1px 4px;
margin: 0 0 8px 0;
font-size: 0.9em;
background: #FAFAFA
}

.pager_bar span
{
color: #EFE8E0;
display: none
}

.pager_bar a
{
padding: 0 2px 0 2px
}

.pager_bar a:hover
{
background: #CFCFCF;
color: #FFFFFF;
}


.pager_bar a.selected
{
background: #FF4A4A;
color: #FFFFFF;
}

.pager_bar a.selected:hover
{
background: #943737
}
.blog_col a
{
background: #EFEFEF;
display: block;
padding: 6px 6px 2px 6px;
margin: 5px 0 5px 0
}

.blog_col a span
{
position: relative;
bottom: 9px
}

.blog_col a:hover
{
background: #CFCFCF
}


a.video_thumbnail
{
width: 146px;
height: 113px;
float: left;
margin: 0 19px 19px 0;
position: relative;
}


a.video_thumbnail img
{
border: 8px solid #000;
position: absolute;
top: 0px;
left: 0px;
z-index: 0
}

a.video_thumbnail span
{
display: block;
background: #FF4A4A;
color: #FFF;
position: absolute;
bottom: 12px;
left: 12px;
z-index: 1;
text-align: left;
width: auto;
max-width: 118px;
padding: 1px 2px 2px 2px;
font-size: 0.9em;
line-height: 1.3em
}

a.video_thumbnail:hover span
{
background: #943737
}


a.photo
{
display: block;
width: 370px;
height: 208px;
background: #EEE;
text-align: center;
float: left;
margin: 0 8px 8px 0;
position: relative;
overflow: hidden
}

a.photo span
{
position: absolute;
bottom: 12px;
left: 12px;
background: #FF4B4B;
color: #FFF;
font-size: 1.3em;
padding: 2px 6px 2px 6px;
letter-spacing: -0.05em
}

a.photo:hover span
{
background: #943737
}

div.artists
{
margin: 16px 0 16px 0	
}


div.profile_box
{

margin: 0 0 16px 0;
background: #F1F1F1;
padding: 8px
}

span.video_title
{
background: #000000;
color: #FFF;
width: 342px;
display: block;
font-size: 0.8em;
padding: 0 4px 2px 4px
}

#artist_contact_form
{
display: none	
}


.share_box
{
border-top: 5px solid #FF4A4A;
text-align: left;
margin: 12px 0 0 0
}

.share_box a
{
display: block;
float: left;
margin: 0 8px 8px 0
}


h2 span
{
color: #7F7F7F
}

.profile_box a, a.special
{
background: #943737;
color: #FFF;
padding: 1px 3px 2px 3px;
margin: 8px 4px 0 0;
display: block;
float: left;
}

.profile_box a:hover, a.special:hover
{
background: #FF4A4A
}

.front_block img
{
float: right;
margin: 0 0 0 16px
}

a#front_specials
{
background: #FF4A4A;
color: #FFFFFF;
display: block;
width: 692px;
margin: 0 0 24px 0;
padding: 8px 32px 16px 32px;
text-align: left;
line-height: 3.3em
}

a#front_specials span
{
font-size: 3.4em;
letter-spacing: -0.1em
}

.contact
{
border-top: 5px solid #FF4A4A	
}

.share_box h2, .contact h2
{
margin: 8px 0 18px 0
}

#contact_title
{
margin: 24px 0 8px 0;
background: #EEEEEE;
color: #b95959;
background-image: url('../images/bullet1.gif');
background-position: 8px 10px;
background-repeat: no-repeat;
padding: 4px 4px 4px 28px;
}