
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }

body { font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; margin: 0; padding: 0 0 50px 0; background: #fff; text-align: center; overflow: visible; }

/* LINKS */
a, a:active, a:link { text-decoration: none; color: #0B9AC7; }
a:visited { text-decoration: none; }
a:hover { color: #895F30; text-decoration: underline; }
a img { background: #FAFAFA; border: 1px solid #DCDCDC; margin: 1em; padding: .5em; }


/* HEADERS */
h1, h2, h3 { font-family: "Trebuchet MS" , Tahoma, Arial, Sans-serif; color: #555555; }
h1 { font-family: Georgia, "Times New Roman" , Times, serif; font-size: 100%; font-weight: normal; padding: 15px 10px 5px 10px; margin: 0; }
h2 { font-size: 120%; color: #895F30; padding: 20px 10px 5px 10px; margin: 0; }
h3 { font-size: 120%; font-weight: bold; padding: 2% 0 2% 0; margin: 0; }

p, dl {  margin: 0; padding: .5em; font-size: .8em; font-weight: bold; line-height: 250%; }
ul, ol { margin: 10px 20px; padding: 0 20px; }
ul { list-style: none; }
dt { font-weight: bold; color: #895F30; }
dd { padding-left: 25px; }

/* IMAGE */
img { background: #fafafa; border: 1px solid #dcdcdc; margin: 1em; padding: .5em; }
img.full { width: 90%; margin: 5%; padding: .5em; }

/* LAYOUTS */
#container { width: 70%; margin: 0; padding: 0 15% 0 15%; text-align: left; overflow: hidden; }
#content { width: 100%; float: left; padding: 0; background: transparent; }

/* HEADER */
#header { width: 100%; margin: 0; padding: 0; }

/* NAVIGATION */
#nav { float: left; width: 100%; margin: 0; padding: 3% 0 1% 0; overflow: hidden; }
#nav ul { float: left; list-style: none; width: 100%; text-transform: uppercase; margin: 0; padding: 0; display: inline; }
#nav ul li { display: inline; margin: 0; padding: 0; }
#nav ul li a { float: left; margin: 0; padding: 0 10px; font-family: "Trebuchet MS" , Helvetica, Arial, Geneva, sans-serif; font-weight: bold; color: #777777; text-transform: uppercase; text-decoration: none; letter-spacing: -0.3px; }
#nav ul li a:hover, #nav ul li a:active { color: #000000; background: none; border: none; }
#nav ul li#current a { color: #0da7d2; }

/* HEADER-LOGO */
#header-logo { float: left; width: 96%; height: 100%; margin: 0; padding: 2%; background: #ffffff url('../images/header-bg.jpg') repeat-x; }
#header-logo h1 a { margin: 0; padding: 0; font: normal 375% Georgia, "Times New Roman" , Times, serif; color: #fff; text-transform: none; text-decoration: none; visibility: visible; overflow: auto; }
#header-logo p#intro { font-family: Georgia, "Times New Roman" , Times, serif; font-weight: normal; font-size: 110%; line-height: 1.6em; font-style: italic; text-transform: none; color: #755643; }
#header-logo h1 a:hover { background: none; border: none; }
#header-logo img { float: right; }

/* MAIN */
#main { float: left; width: 70%; margin: 0; padding: 0 2% 4% 2%; }
#main h2 { width: 100%; margin: 0; padding: 4% 0 1% 0; font: normal 200% Georgia, "Times New Roman" , Times, serif; color: #895F30; text-transform: none; border-bottom: 1px solid #ebebeb; }
#main h2 a { color: #895F30; text-decoration: none; background: none; border: none; }
#main ul li { list-style-image: url(../bullet.gif); }
#main p.from { margin: 0; padding: 0; font-weight: bold; }

/* QUOTE */
blockquote { margin: 2%; padding: 3%; font-weight: normal; font-size: 1.5em; font-style: italic; font-family: Georgia, "Times New Roman" , Times, serif; color: #976957; }
blockquote p { line-height: 1.5em; }

/* TABLES */
table.ticket-pricing { width: 80%; margin: 0; padding: 1%; border: solid .1em #DCDCDC; font-size: .75em; }
table.ticket-pricing tr td { padding: 1%; line-height: 1.8em; }
table.ticket-pricing tr.day { font-weight: bold; }

/* SIDEBAR */
#sidebar { float: right; width: 21%; margin: 3% 0 0 0; padding: 0; }
#sidebar h3 { font-size: 110%; }
#sidebar ul.sidemenu { text-align: left; margin: 7px 5px 8px 0; padding: 0; text-decoration: none; background: url(../dots.gif) repeat-x left top; }
#sidebar ul.sidemenu li { list-style: none; background: url(../dots.gif) repeat-x left bottom; padding: 3% 2% 3% 2%; margin: 0; }
* html body #sidebar ul.sidemenu li { height: 1%; }
#sidebar ul.sidemenu li a { text-decoration: none; background-image: none; background-color: transparent; border: none; color: #0C9BC2; font-weight: bold; font-family: "Trebuchet MS" , Tahoma, Helvetica, Arial, Sans-serif; font-size: 14px; /* letter-spacing: .5px;  */ }
#sidebar ul.sidemenu li a span { color: #989898; font-family: Georgia, "Times New Roman" , Times, serif; font-style: italic; font-weight: normal; font-size: .8em; }
#sidebar ul.sidemenu li a:hover { color: #555; }
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }

div.contact { margin: 0; padding: 2%; }
div.contact p { margin: 0; padding: 0; line-height: 1.5em; font-size: .7em; }

/* FOOTER */
#footer-content { float: left; width: 96%; margin: 0 0 3em 0; padding: 2%; font-size: .8em; background: #ECF8FE; color: #777; text-align: left; }
#footer-content h3 { font: normal 1.6em / 1.6em 'Trebuchet MS' , Tahoma, sans-serif; text-transform: none; color: #666666; }

#footer-content ul.col-list { background: url(../images/dots.gif) repeat-x left top; list-style: none; margin: 5px 0 0 0; padding: 0; }
#footer-content ul.col-list li { background: url(../images/dots.gif) repeat-x left bottom; padding: 4px 0 4px 8px; line-height: 2em; }
#footer-content ul.col-list li a { display: block; font-weight: normal; color: #777; border: none; }
#footer-content ul.col-list li a:hover { color: #333; text-decoration: none; }
#footer-content ul.col-list li a span { color: #989898; font-style: italic; font-weight: normal; font-family: Georgia, "Times New Roman" , Times, serif; }

#footer-content .bands { float: left; width: 30%; }
#footer-content .camping { float: left; width: 30%; margin-left: 5%; }
#footer-content .about { float: left; width: 30%; margin-left: 5%; }

/* DEVELOPMENT-NOTICE */
#development-notice { float: left; width: 100%; padding: 2% 0 1% 0; overflow: hidden; }
#development-notice p.logo { float: left; width: 100%; margin: 0; padding: 0; text-align: center; }
#development-notice img { border: none; background-color: Transparent; }