/* browser 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,
small, strike, strong, sub, sup, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* common styles */
body { color: #333; background: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; }
p {  color: #333;  margin: 5px 0 10px 0; font-family: arial, helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 1.2em; }
h1, h2 { margin-bottom: 10px; }
a, a.visited { color: #003333 }
a.hover, a.active { color: #006666 }

.clear { clear: both; }
hr { color: #330000; height: 1px; margin:0px 50px; border-style: solid; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* home page styles */
.home-page #content-right { padding: 20px 10px; } 

.home-page #content-right h3 {font-size: 14px; color: #333; font-weight: bold; }
.home-page #content-right h3 a, .home-page #content-right h3 a:visited { text-decoration: none; }

#waylons-wrap { margin: 20px auto; text-align: center; width: 800px; }
#waylons-green-main { width: 800px;}
#waylons-green-main p, h2 { color: #330000; }
#waylons-green-main h1 { margin-bottom: 10px; }
#waylons-green-main h2 { font-size: 16px; color: #333;font-weight: bold;  }
#waylons-green-main a:hover, a:active { color: #fff; }

#waylons-brown-main { margin: auto; width: 700px; }
#waylons-brown-main p, h2 { color: #000; }
#waylons-brown-main h1 { margin-bottom: 10px; }
#waylons-brown-main h2 { font-size: 14px; font-weight: bold; }
#waylons-brown-main a:hover, a:active { color: #fff; }

.show-hdr { background: url(graphics/headers/show.gif) no-repeat; width: 250px; height: 20px; display: block; text-indent: -9999px; }

#main-content { }
#content-left { float: left; width: 380px; padding: 10px 15px 20px 25px; text-align: left;  }
#content-left img { margin: 10px 0 20px; }
#content-left p { width: 300px; text-align: left;  }
.home-thumb-links {}
.home-thumb-links a { float: left; margin: 10px; }


#content-right { width: 320px; float: left; padding:15px; text-align: left; }
#main-content #content-right div {  }
#main-content #content-right div ul, 
#main-content #content-right div h3,
#main-content #content-right div p { margin-left: 10px; } 


#header { padding: 25px 30px 15px; position: relative; height: 30px; } 
#header #main-nav { width: 275px; position: absolute; top: 55px; right: 50px; }
#header #main-nav ul { margin: 0; padding: 0; list-style: none; }
#header #main-nav li { margin: 0 3px; display: inline; float: left; }

#header #main-nav ul.greenbg-links a { display: block; }
#header #main-nav ul.greenbg-links a span { display: none; }
#header #main-nav ul.greenbg-links a.booking-link { background: url(/graphics/images/links_teal_r2_c12.gif) no-repeat; width: 39px; height: 16px; }
#header #main-nav ul.greenbg-links a.booking-link:hover { background: url(/graphics/images/links_teal_r2_c12_f2.gif) no-repeat; } 
#header #main-nav ul.greenbg-links a.booking-link:active { background: url(/graphics/images/links_teal_r2_c12_f3.gif) no-repeat; }
#header .waylons-logo { float: right; margin-right: 20px; }
.waylons-hdr { background: url(graphics/waylons-header.gif) no-repeat; display: block; width: 238px; height: 32px; text-indent: -9999px; }

#main-nav ul.png-links { list-style: none; }
#main-nav ul.png-links li { float: left; }
#main-nav ul.png-links a { display: block; text-indent: -9999px; overflow: hidden; height: 15px; }
#main-nav ul.png-links li a.nav-home {background: url(graphics/mainnavbar.png) no-repeat; background-position: 0; width: 35px; }
#main-nav ul.png-links li a.nav-news {background: url(graphics/mainnavbar.png) no-repeat; background-position: -44px; width: 30px; }
#main-nav ul.png-links li a.nav-shows {background: url(graphics/mainnavbar.png) no-repeat; background-position: -82px; width: 35px; }
#main-nav ul.png-links li a.nav-listen {background: url(graphics/mainnavbar.png) no-repeat; background-position: -125px; width: 30px; }
#main-nav ul.png-links li a.nav-look {background: url(graphics/mainnavbar.png) no-repeat; background-position: -163px; width: 25px; }
#main-nav ul.png-links li a.nav-booking {background: url(graphics/mainnavbar.png) no-repeat; background-position: -196px; width: 45px; }
#main-nav ul.png-links li a.nav-press {background: url(graphics/mainnavbar.png) no-repeat; background-position: -250px; width: 30px; }


#waylons-foot { font-size: 12px; padding: 5px 0 10px 0; margin: 0 30px; text-align: center; border-top: 1px solid #330000}
#waylons-foot a { text-decoration: none; color: #330000; }

.show-page #content-right { width: 250px; }
.show-page #content-right h3 { font-size: 14px; margin-bottom: 5px; font-weight: bold; }
.show-page #content-right h2 { margin-bottom: 10px; font-family: times new roman; border: 1px solid #ddd; background: url(graphics/main-header-bg.gif) repeat; padding: 2px 10px; color: #eee; font-size: 18px; font-weight:normal; }

.home-page #content-right h2 { margin-bottom: -1px; font-family: times new roman; border: 1px solid #333; background: url(graphics/main-header-bg.gif) repeat; padding: 2px 10px; color: #eee; font-size: 18px; font-weight:normal;
 }

.home-page #content-right h3 { margin-bottom: 10px; }
.home-page #content-right div { clear: left; margin-bottom: 15px;  background: url(/graphics/press-bg.gif) repeat; padding: 12px 20px 10px 5px; border: 1px solid #006633; padding-top: 10px; }
.news-page #content-right h2 { font-size: 20px;  font-family: times new roman; border: 1px solid #333; background: url(graphics/news-header-bg.gif) repeat; padding: 2px 10px; color: #fff; font-size: 14px; font-weight:normal;
}


ul#connect-list  { list-style: none;   }
ul#connect-list  li a { margin-right: 5px; float: left; width: 45px; height: 45px; text-indent: -9999px; display: block; background: url(graphics/connect-sprite.png) no-repeat; }
ul#connect-list  li.facebook a { background-position: -2px 0; }
ul#connect-list  li.twitter a{ background-position: -50px 0; }
ul#connect-list  li.myspace a { background-position: -100px  0; }
ul#connect-list  li.lala a { background-position: -148px  0; }

.ratwine {  background-attachment: fixed; background-image: url(/graphics/rat_wine.gif); background-repeat: no-repeat; background-position: left top}
.ratblue {  background-attachment: fixed; background-image: url(/graphics/rat_blue.gif); background-repeat: no-repeat; background-position: left top}
.ratbrown { background-image: url(graphics/rat_brown.gif); background-repeat: no-repeat; background-position: left top}
.ratgreen { background-image: url(graphics/rat_background_darkgreen.gif); background-position: left top }
.ratgreen2 { background-repeat: no-repeat; background-position: 0% 0% ; background: url(rat_background_darkgreen.gif) no-repeat; }
.ratpink {  background-attachment: fixed; background-image: url(graphics/rat_background_pink.gif); background-repeat: no-repeat; background-position: left top}
.ratlime { background-image: url(graphics/rat_background_green.gif); background-repeat: no-repeat; background-position: left top }
.pilotgrey {  background-attachment: fixed; background-image: url(graphics/pilor_backgroundGREY.gif); background-repeat: no-repeat; background-position: left top; background-color: #9D9180}
.pilotgrey2 { background-repeat: no-repeat; background-position: 0% 0%}
.pilotgreen { background: url(graphics/pilor_backgroundGreen.gif); background-position: 200px top}
.pilotgreen2 { background-repeat: no-repeat; background-position: 0% 0%; }
.pilotpurple { background-attachment: fixed; background-image: url(graphics/pilor_backgroundpurple.gif); background-repeat: no-repeat; background-position: 175px top ; background-color: #935E5E}
.pilotpurple2 { background-repeat: no-repeat; background-position: 0% 0%}
.pilotbrown { background: url(graphics/pilor_backgroundbrown.gif); background-position: left top; }
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #FFFFFF}
.header {  font-family: Impact, "Arial"; font-size: 14px; font-style: normal; line-height: normal; text-transform: uppercase}

#press-page { margin: 5px 40px; text-align: left; font-size: 14px; }
#press-page img { margin: 0 25px 10px 0; }
#press-page h2.press-hdr { background: url(graphics/press.gif) no-repeat; margin: 0 auto 20px; text-indent: -9999px; display: block;  height: 25px }
#press-page p {margin-bottom: 12px; }
#press-page a, #press-page a:visited { font-size: 15px; font-weight: bold; }
#press-page h3 { font-weight: bold; margin-bottom: 10px; }
#press-page img { margin: 0 12px 12px 0; }
#press-page div { clear: left; margin-bottom: 15px;  background: url(/graphics/press-bg.gif) repeat; width: 500px; padding: 10px 30px 15px 10px; border: 1px solid #006633;  }

.waylons-news p { margin-bottom: 15px; }
.waylons-news h3 { font-size: 14px; font-weight: bold; margin: 0 0pt 10px 0 ; color: #313131; }

#emaillist-popup { background: url(graphics/rat_background_pink.gif) top left; width: 350px; height: 400px; padding: 20px; }
#emaillist-popup input { margin: 5px 0 8px 0; display: block; }
#emaillist-popup label { margin: 5px 0 2px 0; display: block; }
#emaillist-popup h1 { margin: 0 0 120px 30px; }
#emaillist-popup p { width: 250px; }
#emaillist-popup .button { display: inline; margin-right: 10px; }

#contactus-form { width: 250px; } 
#contactus-form input { margin: 5px 0 12px 0; display: block; }
#contactus-form label { margin: 5px 0 2px 0; display: block; }

.listen-page ul { margin: 10px 0; }
.listen-page li { color:#330000;  font-weight:bold; margin:8px 0 10px; }
.listen-page span { font-size: 11px; font-weight: normal; margin-bottom:2px; }
.listen-page h2 { font-size: 13px; margin: 10px 0; }
.listen-page img.listen-header { margin: 10px; }

#press-kit-wrapper { line-height: 1.4em; padding: 10px 0; width: 100%; height: 800px; color: #333; background: url('/advance/blue.gif'); }
#press-kit-wrapper img { }
#press-content { position: relative; display: block; min-height: 500px; width: 1080px; }
#press-content h3 { font-size: 18px; margin-bottom: 15px; font-weight: bold; margin-bottom: 18px;  }
#press-content h4 { font-size: 14px; color: #000; margin: 16px 0pt 8px; font-weight: bold; }
#press-kit-wrapper #left-content { padding: 0 10px; display: block; height: auto; min-height: 250px; text-align: left; float: left; }
#press-kit-wrapper #center-content { margin: 30px 0pt 0pt 10px; background:#FFFFFF; border:2px solid #333;width: 360px; padding:20px 15px 0pt; display: block; height: auto; min-height: 250px; text-align: left; float: left; }
#press-kit-wrapper #right-content { width: 300px; float: left; padding:0px 10px 20px; }
.simple-list { list-style: none;}
.simple-list li { margin-left: 20px; padding: 8px 0; }