/* v1.0 | 20080212 */
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: 14px;
	vertical-align: baseline;
	background: transparent;
	font-family: Georgia, Arial, Verdana, sans-serif;
}

a, strong, em, span {font-size:100%;}
address {font-style:normal;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}


/*------------------------------------------------------------ clean clear method */
.clear:after, .clear-left:after {
   content : ".";
   display : block;
   height : 0;
   clear : both;
   visibility : hidden;
}
.clear-left:after {
   clear : left;
}
.clear, .clear-left {
   display : inline-block;
}
* html .clear, * html .clear-left {
   height : 1%;
}
.clear, .clear-left {
   display : block;
}
h1 {font-size:180%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h6 {font-size:110%;}

body {}

/*-------------------------------------------------------------- UNIVERSAL ELEMENTS --*/
p, li, dt, dd, h1, h2, h3, h4, h5, h6, div {color:#676767;}
p {margin:.6em 0 .5em;}
a {color:#118890;}
p, li, h1, h2, h3, h4, h5, h6 {line-height:115%;}
#main-container {
 width:1000px;
 position:relative;
 margin:0 auto;
 height:650px;
 background: #fff;
}
#scrolling-content {
 height:285px;
 width:515px;
 padding-right:15px;
 overflow:auto;
 margin-left:10px;
}
#footer {
 position:absolute;
 bottom:0;
 left:0;
 padding-left:165px;
 height:150px;
 width:375px;
 background:url(images/footer-image.jpg) no-repeat bottom left
}
#footer p.top, #footer p.bottom {
 position:absolute;
 bottom:30px;
 left:165px;
}
#footer p.bottom {
 position:absolute;
 bottom:10px;
 font-size:85%;
}
/* IMAGE REPLACEMENTS */
h2.news, h2.shows, h2.photos, h2.blog, h2.contact {
 display:block;
 text-indent:-9999em;
 border:0;
}
#logo {
 position:absolute;
 top:0;
 right:0;
 background:url(images/logo.gif) no-repeat;
 height:304px;
 width:416px;
 z-index:99;
}
#logo h1 a {
 display:block;
 margin-top:40px;
 text-indent:-9999em;
 width:415px;
 height:135px;
}
h2.news, h2.shows, h2.photos, h2.blog, h2.contact {
 height:63px;
 clear:both;
 margin:15px 0 6px;
}
h2.news {background:url(images/title-news.gif) no-repeat;}
h2.shows {background:url(images/title-shows.gif) no-repeat;}
h2.photos {background:url(images/title-photo.gif) no-repeat;}
h2.blog {height:90px; background:url(images/title-blog.gif) no-repeat;}
h2.contact {background:url(images/title-contact.gif) no-repeat;}

img.lauraphoto {
 position:absolute;
 right:0;
 top:265px;
}
#blog-entries strong {
 font-size:115%;
}
#blog-entries p {
 margin:.2em 0 .7em;
}
#upcoming-events p, #previous-events p {margin:.2em 0 .2em 10px;}
#blog-entries div, #upcoming-events li {
 margin:.75em 0 .75em 5px;
}
#blog-entries ul {list-style-type:disc; margin:.5em 0 .5em 10px;}
#upcoming-events .add-event {font-size:80%; font-weight:normal;}

#image-thumbs li {
 display:block;
 text-align:center;
 width:100px;
 margin-bottom:15px;
 float:left;
}

/*--------------------------------------------------------------------------- MAIN NAVIGATION -----*/
ul#nav {
 padding:35px 0 0 10px;
 margin:0;
}
ul#nav li {
 float:left;
}
ul#nav li, ul#nav li a {
 margin:0;
 padding:0;
 display:block;
 height:75px;
 text-indent:-9999em;
 list-style-type:none;
 background:url(images/main-menu.gif) no-repeat top left;
}
ul#nav .home a, ul#nav .home-active {width:94px; background-position:left top;}
ul#nav .shows a, ul#nav .shows-active {width:94px; background-position:-94px top;}
ul#nav .photos a, ul#nav .photos-active {width:109px; background-position: -188px top;}
ul#nav .blog a, ul#nav .blog-active {width:87px; background-position:-297px top;}
ul#nav .contact a, ul#nav .contact-active {width:124px; background-position:-384px top;}
/*---HOVER EFFECTS --*/
ul#nav .home a:hover, ul#nav .home-active {background-position:left bottom;}
ul#nav .shows a:hover, ul#nav .shows-active {background-position:-94px bottom;}
ul#nav .photos a:hover, ul#nav .photos-active {background-position:-188px bottom;}
ul#nav .blog a:hover, ul#nav .blog-active {background-position:-297px bottom;}
ul#nav .contact a:hover, ul#nav .contact-active {background-position:-384px bottom;}