/* ----------------- CSS Reset ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font: 63% georgia, "times new roman", palatino, times, serif;
background: #A78AAA url('../images/main/bgtile.png') -1px 55px repeat;
}
ol, ul {
list-style: none;
}

ul, ol, dl {
position: relative;  
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align: top;
}

.clear {
clear: both;
}

strong {
font-weight: bold;
}

/* ----------------- Main Structure ----------------- */

.bgwrap {
background: url('../images/main/gradient.png') top left repeat-x;
width: 100%;
height: 100%;
display: block;
position: relative;
}

#leftcol h1 {
text-indent: -9999px;
}

#content .index {
background-image:
}



/* ----------------- Links ----------------- */

a:link, a:visited, a:hover {
color: #544353;
text-decoration: underline;
}

a:visited {

}

a:hover {
color: #675466;
}

/* ----------------- Navigation ----------------- */

#mast {
background: url('../images/main/masttop.png') no-repeat scroll top left;
width: 632px;
height: 86px;
display: block;
position: relative;
z-index: 100;
}

#mast h2 {
text-indent: -9999px;
display: block;
position: relative;
background: url('../images/headlines/singersongwriter.png') top left no-repeat;
width: 364px;
top: 15px;
margin-left: 30px;
height: 49px;
}

#mast ul {
display: block;
position: relative;
list-style: none;
width: 370px;
height: 33px;
margin-right: 7px;
margin-top: 16px;
z-index: 100;
float: right;
background: url('../images/nav/first.png') no-repeat scroll top left;
}

#mast ul.first {
background: url('../images/nav/first.png') no-repeat scroll top left;	
}


#mast ul.second {
background: url('../images/nav/second.png') no-repeat scroll top left;	
}


#mast ul.third {
background: url('../images/nav/third.png') no-repeat scroll top left;	
}


#mast ul.fourth {
background: url('../images/nav/fourth.png') no-repeat scroll top left;	
}


#mast ul.fifth {
background: url('../images/nav/fifth.png') no-repeat scroll top left;	
}

#mast ul li {
float: left;
width:90px;
}

#mast ul li, #mast ul li a, #mast ul li a:link {
text-indent: -9999px;
text-decoration: none;
position: relative;
height: 33px;
display: block;
margin: 0 3px 0 0;
background: transparent;
}

#mast ul li.home a:link, #mast ul li.home a:hover, #mast ul li.home a:visited {
background: transparent url(../images/nav/home.png) center top no-repeat;
width: 70px;
}

#mast ul li.home {
left: 5px;
margin-top: 4px;
width: 70px;
}

#mast ul li.home a:hover {
background-position: center -80px !important;
}

#mast ul li.music a:link, #mast ul li.music a:hover, #mast ul li.music a:visited {
background: transparent url(../images/nav/music.png) center top no-repeat;
width: 60px;	
}	

#mast ul li.music {
margin-top: 6px;
width: 60px;
}

#mast ul li.music a:hover {
background-position: center -80px !important;
}

#mast ul li.gallery a:link, #mast ul li.gallery a:hover, #mast ul li.gallery a:visited {
background: transparent url(../images/nav/gallery.png) center top no-repeat;
width:  70px;
}

#mast ul li.gallery {
margin-top: 2px;
width:  70px;
}

#mast ul li.gallery a:hover {
background-position: center -80px !important;
}

#mast ul li.events a:link, #mast ul li.events a:hover, #mast ul li.events a:visited {
background: transparent url(../images/nav/events.png) center top no-repeat;	
width: 75px;
}

#mast ul li.events {
margin-top: 4px;
width: 75px;
}

#mast ul li.events a:hover {
background-position: center -80px !important;
}

#mast ul li.contact a:link, #mast ul li.contact a:hover, #mast ul li.contact a:visited {
background: transparent url(../images/nav/contact.png) center top no-repeat;
width: 75px;	
}

#mast ul li.contact {
margin-top: 4px;
width: 75px;
}

#mast ul li.contact a:hover {
background-position: center -80px !important;
}

#mast ul li.on a:link, #mast ul li.on a:hover, #mast ul li.on a:visited  {
background-position: center -40px !important;
}


/* ----------------- Newsletter ----------------- */

#newsletter  {
width: 354px;
height: 50px;
display: block;
position: relative;
margin-top: 505px;
}

#newsletter form {
width: 310px;
margin: 0 auto 0 0;
left: 70px;
display: block;
position: relative;
}

#newsletter input {
color: #e3dde3;
padding: 5px 3px 0 3px;
height: 18px;
width: 194px;
border: 1px solid #493249;
color: #493249;
margin-right: 5px;
float: left;
}

#newsletter input.button {
text-indent: -9999px;
font-size:0;
display: block;
position: relative;
line-height:0;
border: 0;
background: url('../images/main/go.png') no-repeat scroll top left;
width: 50px;
height: 28px;
}

/* ----------------- Pages ----------------- */

/* Index Page */

#leftcol {
background: url('../images/main/lefttop.png') no-repeat scroll top left;
width: 354px;
min-height: 1013px;
float: left;
font-family: helvetica, arial, verdana, sans-serif;
}

#leftcol a:link {
	color: #fff !important;
}

#rightcol {	
width: 641px;	
display: block;
position: relative;
margin-left: 354px;
padding-bottom: 25px;
}


#content {
width: 641px;	
min-height: 900px;
display: block;
z-index: 1 !important;
position: relative;
background: url('../images/main/bg.png') top left repeat-y;
}

.textwrap {
padding: 40px 50px 30px 50px;
font-size: 1.3em;
}

.headerwrap {
display: block;
position: relative;
background: url('../images/main/header.png') top left no-repeat;
width: 632px;
min-height: 546px;
}

.footer  {
background: url('../images/main/footer.png') bottom left no-repeat;
width: 641px;
height: 55px;
display: block;
position: relative;
}


/* ----------------- News Column ----------------- */

#news {
display: block;
position: relative;
left: 35px;
top: 185px;
}

.newswrap {
display: block;
position: relative;
top: -120px;
padding: 0 30px;
}

#news h4 {
display: block;
position: relative;
text-indent: -9999px;
}

#news p {
color: #fff;
font-size: 1.3em;
margin: 0 0 1em 0;
}


/* ----------------- Photos----------------- */

#photos {
background: url('../images/main/photos.png') no-repeat scroll top left;
width: 641px;
height: 175px;
margin: -20px 0 -20px 14px;
}

#photos ul {
left: 12px;
display: block;
position: relative;
}

#photos li {
display: block;
position: relative;
float: left;
margin-bottom: -5px;
padding: 20px 3px 5px 3px;
}

#photos p {
text-align: right;
display: block;
position: relative;
text-transform: uppercase;
color: #6A586A;
font-size: 1em;
margin: 0em 50px 0 0 !important;
padding: 0;

font-family: helvetica, arial, verdana, sans-serif;
}


/* ----------------- Music ----------------- */

.player {
margin: 20px auto;
display: block;
position: relative;
text-align: center;
}

.video {
margin: 20px 0 40px 0;
display: block;
position: relative;
font-family: helvetica, arial, sans-serif;
color: #544353;
}

.video h4 {
font-weight: bold;
margin-bottom: 0;
line-height: 12px;
padding: 0 !important;
margin: 0 !important;
}

.video p {
margin-top: 0;
padding: 0 !important;
margin: 0 0 10px 0!important;
}


/* ------ Calendar page ----- */	

table.calendar {
margin-top: 10px;
border: 2px solid #E9E0E9;
}

table.calendar img {
padding: 0;
text-align: left;
}

table.calendar tr {

}

table.calendar td {
font-size: 11px;
line-height: 1.5em;
margin: 0 0 .5em 0;
padding: 5px 10px;
font-family: helvetica, arial, sans-serif !important;
border-right: 1px solid #B6CCD9;
color: #928d8d;
background: #E9E0E9;
}

table.calendar tr.header td {
font-weight: bold;
background: #745F75;
color: #fff;
border-bottom: 1px solid #B6CCD9;
}

table.calendar tr.alt td {
background-color: #F9F2F9;
color: #6a596a;
}

table.calendar td.last {
border-right: none;
}



/* ------- Gallery ------- */


table.photos {
display: block;
position: relative;
margin: 10px auto 10px 0;
text-align: left;
}

tr.smallphoto {
}

table.photos img {
border: 1px solid #908090;
}


table.photos img:hover {
border: 1px solid #fff;
}

table.photos td {
padding: 10px;
width: 16%;
}

table.photos p {
margin: .3em 0;
}



/* ----------------- Headlines ----------------- */

h2 {

}

h3 {
text-indent: -9999px;
display: block;
position: relative;
left: -7px;
background: transparent;
}

h3.bio {
background: url('../images/headlines/bio.png') no-repeat scroll top left;
width: 128px;
height: 45px;
}

h3.style {
background: url('../images/headlines/style.png') no-repeat scroll top left;
width: 154px;
height: 45px;
}

h3.contact {
background: url('../images/headlines/contact.png') no-repeat scroll top left;
width: 94px;
height: 40px;
}

h3.music {
background: url('../images/headlines/music.png') no-repeat scroll top left;
width: 94px;
height: 40px;
}

h3.gallery {
background: url('../images/headlines/gallery.png') no-repeat scroll top left;
width: 94px;
height: 40px;
}

h3.events {
background: url('../images/headlines/events.png') no-repeat scroll top left;
width: 94px;
height: 40px;
}

/* ----------------- Typography ----------------- */

#rightcol p, li, dd {
margin: 1.1em 0;
line-height: 1.5em;
}

/* ----------------- Social Media ----------------- */

ul#social {
display: block;
position: relative;
list-style: none;
width: 140px;
height: 33px;
float: right;
margin-top: -59px;
}

ul#social li, ul#social li a, ul#social li a:link {
text-indent: -9999px;
text-decoration: none;
position: relative;
width: 32px;
height: 32px;
display: block;
float: left;
margin: 0 8px 0 0;
background: transparent;
}

ul#social li.facebook a:link, ul#social li.facebook a:hover,ul#social li.facebook a:visited {
	background: url('../images/nav/facebook.png') no-repeat scroll top left;
	width: 32px;
	height: 32px;
}

ul#social li.myspace a:link, ul#social li.myspace a:hover,ul#social li.myspace a:visited {
	background: url('../images/nav/myspace.png') no-repeat scroll top left;
	width: 32px;
	height: 32px;
}

ul#social li.twitter a:link, ul#social li.twitter a:hover,ul#social li.twitter a:visited {
	background: url('../images/nav/twitter.png') no-repeat scroll top left;
	width: 32px;
	height: 32px;
}