/* universal */

* {
	margin: 0%;
	padding: 0%;
	font-size: 100%;
	list-style-type: none;
	text-decoration: none;
}

a {
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #8DA2B2;
	color: #FFFFFF;
	padding-left: 8%;
	padding-right: 8%;
}

h2 {
	font-size: 180%;
}

div.h3 {
	background: #5F6C78 url(../images/gradient.png) 0 100% repeat-x;
}

div.h3-button {
	background: #5F6C78 url(../images/gradient.png) 0 100% repeat-x;
	width: 20%;
	text-align: center;
	float: right;
	margin: 1% 4% 0 0;
}

div.h3 > div, div.h3-flat > div, div.h3-button > div {
	background: url(../images/h3-top-right.gif) 100% 0 no-repeat;
}

div.h3 > div > div, div.h3-flat > div > div, div.h3-button > div > div {
	background: url(../images/h3-top-left.gif) 0 0 no-repeat;
}

div.h3 > div > div > h3, div.h3-button > div > div > h3 {
	font-size: 140%;
	font-family: Helvetica, sans-serif;
	display: block;
	width: 100%;
	background: url(../images/h3-bottom-left-grad.gif) 0 100% no-repeat;
}

div.h3 > div > div > h3 > a, div.h3-button > div > div > h3 > a {
	padding: 2% 0% 1.4% 3%;
	display: block;
	color: #000000;
	width: 97%;
	background: url(../images/h3-bottom-right-grad.gif) 100% 100% no-repeat;
}

div.h3 > div > div > h3.minor-column > a {
	padding: 3% 0% 2.3% 3%;
}

div.h3-flat {
	background: #5F6C78;
}

div.h3-flat > div > div > div {
	background: url(../images/h3-bottom-right-flat.gif) 100% 100% no-repeat;
}

div.h3-flat > div > div > div > h3 {
	color: #000000;
	padding: 2% 0% 1.4% 3%;
	font-size: 140%;
	font-family: Helvetica, sans-serif;
	display: block;
	width: 97%;
	background: url(../images/h3-bottom-left-flat.gif) 0 100% no-repeat;
}

div.h3 a:hover, div.h3-button a:hover {
	text-decoration: none;
}

img {
	border: 2px #FFFFFF solid;
}

span.bold {
	font-weight: bold;
}


/* header.php */

#thebasementimage {
	float: left;
	width: 100%;
	margin-top: 1.6%;
	border: none;
}

#tagline {
	float: right;
	width: 55%;
	margin-top: 2.4%;
	font-size: 125%;
	text-align: center;
	color: #000000;
}

#mainnav {
	float: left;
	margin-top: 2.4%;
	width: 45%;
}

#mainnav li {
	display: inline;
}

#mainnav a {
	display: block;
	float: left;
	margin-left: 1em;
	padding: 0.2em 1em;
	background: #5F6C78;
	font-size: 150%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#mainnav a:hover {
	color: #8DA2B2;
	text-decoration: none;
}

/* subnav */

#subnavcontainer {
	float: left;
	clear: both;
	width: 100%;
	margin: 2.4% 0 0 4%;
}

#subnavcontainer li {
	display: inline;
}

#subnavcontainer li a {
	float: left;
	margin-left: 1em;
	padding-left: 0.6%;
	color: #A73125;
	background: #FFFFFF url(../images/subnavunselectedleft.gif) 0 0 no-repeat;
	text-decoration: none;
}

#subnavcontainer li a span {
	background: url(../images/subnavunselectedright.gif) 100% 0 no-repeat;
	font-size: 120%;
	width: 100%;
}

#subnavcontainer li#selected a {
	background: #A73125 url(../images/subnavselectedleft.gif) 0 0 no-repeat;
	color: #FFFFFF;
}

#subnavcontainer li#selected a span {
	background: url(../images/subnavselectedright.gif) 100% 0 no-repeat;
}

/* header-add-on.html */

#content, #content-tl, #content-tr, #content-bl {
	overflow: auto;
}

#content {
	float: left;
	clear: both;
	background: #A73125 url(../images/content-bottom-right.gif) no-repeat 100% 100%;
	width: 100%;
}

#content-tl {
	background: url(../images/content-top-left.gif) no-repeat;
}

#content-tr {
	background: url(../images/content-top-right.gif) no-repeat 100% 0;
}

#content-bl {
	background: url(../images/content-bottom-left.gif) no-repeat 0 100%;
	padding: 2% 2% 1.5%;
	position: relative;
}

/* index.php */

#indexcomingup .content, #indexcomingup .content div {
	overflow: auto;
}

#indexnews {
	float: left;
	width: 48%;
}

#indexnews li {
	margin-top: 3%;
	padding-left: 3%;
}

#indexinteraction {
	float: right;
	width: 48%;
	text-align: center;
}

#indexinteraction img.button {
	width: 10%;
	border: none;
}

#indexinteraction p {
	margin-top: 4%;
}

#indexinteraction form {
	margin-top: 1.6%;
}

#indexfirsthr {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 2%;
}

#indexcomingup {
	float: left;
	width: 60%;
	margin-top: 2.2%;
}

#indexcomingup li {
	margin-top: 3.5%;
}

#indexcomingup .header {
	background: #FFFFFF url(../images/box-top-left.gif) no-repeat 0 0;
	font-size: 110%;
}

#indexcomingup .header a, #indexfeatures .header a {
	display: block;
	padding: 4%;
	text-align: center;
}

#indexcomingup .header a {
	background: url(../images/box-top-right.gif) no-repeat 100% 0;
}

#indexcomingup .header a {
	color: #5F6C78;
}

#indexcomingup .header a .date, #indexrecommends .header a .date {
	color: #000000;
}

#indexcomingup .content {
	border: 2px solid #FFFFFF;
	background: #5F6C78;
}

#indexcomingup .content, #indexfeatures .content {
	font-size: 85%;
}

#indexcomingup .content div, #indexfeatures .content div {
	padding: 5%;
}

#indexcomingup .content img {
	float: left;
	margin-right: 3%;
}

#indexcomingup li.main .content img {
	width: 30%;
}

#indexcomingup li.remainder .content img {
	width: 17%;
}

#indexcomingup li.remainder .content p {
	float: left;
	width: 79%;
}

#indexcomingup li.remainder .content, #indexfeatures .content {
	text-align: center;
}

#indexrecommends {
	float: right;
	width: 36%;
	margin-top: 2.2%;
}

#indexrecommends .main {
	margin-top: 7%;
}

#indexrecommends .main .picture {
	display: block;
	width: 100%;
	overflow: auto;
	background-color: #FFFFFF;
}

#indexrecommends .main img {
	margin: 5% 10%;
	border: 5px #5F6C78 solid;
	float: left;
	width: 80%;
}

#indexrecommends .main .header {
	float: left;
	width: 100%;
	background-color: #5F6C78;
}

#indexrecommends .main .header a {
	color: #FFFFFF;
	display: block;
	padding: 4%;
	text-align: center;
}

#indexrecommends .main .content {
	float: left;
	width: 88%;
	border: 3px solid #5F6C78;
	padding: 5%;
	color: #5F6C78;
	background:  #FFFFFF;
	font-size: 85%;
}

#indexrecommends .main .content a {
	color: #5F6C78;
}

#indexrecommendsrest {
	float: left;
	margin-top: 9%;
}

#indexrecommendsrest p {
	font-weight: bold;
}

#indexrecommendsrest ul {
	margin: 2% 0;
	font-size: 90%;
}

#indexfeatures {
	float: right;
	width: 36%;
	margin-top: 3%;
}

#indexfeatures li {
	margin-top: 5%;
}

#indexfeatures .header {
	background: #5F6C78;
}

#indexfeatures .header a {
	color: #FFFFFF;
}

#indexfeatures .content {
	border: 3px solid #5F6C78;
	color: #5F6C78;
	background:  #FFFFFF;
}

#indexfeatures .content a {
	display: block;
	margin-top: 3%;
	color: #5F6C78;
	font-weight: bold;
}

#twitterbox {
	float: right;
	width: 36%;
	margin-top: 9%;
}

/* mailing-list.php */

#mailing-list {
	width: 70%;
	margin-left: 15%;
	text-align: center;
}

#mailing-list p, #mailing-list hr {
	margin-top: 3%;
}

/* news-list.php, features-list.php */

.listbox {
	float: left;
	clear: both;
	width: 80%;
	margin-left: 10%;
	margin-top: 4%;
}

.listbox h3 {
	text-align: center;
}

.listbox div.info {
	border: 3px black solid;
	margin: 0 8px;
	float: left;
	padding: 1em;
	text-align: justify;
}

.listbox div.info p {
	margin-top: 2%;
}

.fullfeaturelink {
	float: left;
	clear: both;
	margin: 1em 0em;
	width: 100%;
	text-align: center;
}

.paging-selector {
	float: left;
	width: 80%;
	margin: 3% 0 0 10%;
	font-size: 120%;
}

.paging-selector .older {
	float: right;
}

.paging-selector .newer {
	float: left;
}

/* news-item.php */

.newsmain {
	float: left;
	padding: 0 2%;
}

.newsmain p {
	margin-top: 4%;
}

/* feature-item.php */

#featuresitem {
	width: 90%;
	margin-left: 5%;
	margin-top: 2.5%;
}

#featuresmain {
	float: left;
	margin-top: 1%;
}

#featuresmain dl dt {
	float: left;
	font-weight: bold;
	margin-top: 1.5%;
}

#featuresmain dl dd {
	float: left;
	margin-top: 0.5%;
}

.featuresvideo {
	float: left;
	width: 60%;
	margin-left: 20%;
	margin-top: 4%;
}

#featurescredits {
	float: left;
	margin-top: 2%;
}

/* listings.php, live-music.php, comedy.php, other.php, listings-footer.php */

h2#month {
	margin: 1% 0 0 2%;
	float: left;
}

#date_select_box {
	position: absolute;
	visibility: hidden;
	margin-left: 77%;
	margin-top: 3em;
	width: 10%;
	z-index: 5;
	background-color: #FFFFFF;
	color: #A73125;
	padding: 1%;
	border: 1px #000000 solid;
	text-align: center;
}

#date_select_box a {
	color: #A73125;
}

ul#listings {
	margin: 1% 0;
	float: left;
	clear: both;
}

ul#listings li {
	float: left;
	clear: both;
	margin-top: 3%;
	width: 100%;
	overflow: hidden;
}

ul#listings .picture-column {
	float: left;
	width: 10%;
	background-color: #8DA2B2;
	text-align: center;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	padding-top: 3%;
}

ul#listings .date-column {
	float: left;
	width: 12%;
	text-align: center;
	background-color: #5F6C78;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	padding-top: 4%;
}

ul#listings .detail-column {
	float: left;
	width: 61%;
	background-color: #8DA2B2;
	padding: 2%;
}

ul#listings .detail-column h4 {
	font-size: 105%;
}

ul#listings .detail-column p {
	margin-top: 1.5%;
	font-size: 85%;
}

ul#listings .info-column {
	float: left;
	width: 11%;
	text-align: center;
	background-color: #5F6C78;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	padding-top: 4%;
}

p#no-events {
	float: left;
	clear: both;
	margin: 2% 0 0 2%;
}

h5#next-month {
	float: left;
	clear: both;
	margin: 2% 0 0 2%;
}

/*event.php*/

#Info {
	float: left;
	width: 50%;
	text-align: justify;
}

#Info p {
	margin-top: 3%;
}

#Info h2 {
	margin: 4% 0;
	text-align: left;
}

#eventposter {
	float: right;
	width: 40%;
	margin: 5% 5% 0 0;
}

#links-box {
	float: left;
	width: 40%;
	text-align: center;
	margin: 3% 4% 0;
}

#links-box .content {
	margin: 0 8px;
	padding: 2%;
	border: 3px #000000 solid;
}

.addthis_button, .addthis_button * {
	border: none;
	float: left;
	clear: both;
	margin: 2% 0 0 0;
}

/* venue-info.php, contact.php */

#info dt {
	float: left;
	clear: both;
	margin: 1% 3% 0;
	font-size: 120%;
}

#info dd {
	float: left;
	clear: both;
	margin: 2% 3% 0;
}

/* venue-history.php */

#venue-history p {
	margin: 2% 3% 0;
}

.imagealignleft {
	border: 1em #000000 solid;
	margin: 3%;
	float: left;
}

.imagealignright {
	border: 1em #000000 solid;
	margin: 3%;
	float: right;
}

/* find-us.php */

#googlemap {
	float: left;
	width: 45%;
	height: 350px;
	margin: 2% 3% 0;
}

#findustext {
	float: left;
	width: 45%;
	margin: 2% 3% 0 0;
}

#findustext p {
	margin-top: 1.4em;
}

/* regular-promoters.php */

.regular-promoters {
	float: left;
	margin-left: 10%;
	width: 80%;
	margin-top: 4%;
	text-align: center;
}

.regular-promoters .content {
	border: 3px solid black;
	float: left;
	margin: 0 8px;
	padding: 1em;
}

.regular-promoters .info {
	float: left;
}

.regular-promoters .image {
	float: right;
	height: 100px;
	margin-left: 3%;
}

.regular-promoters hr {
	float: left;
	width: 90%;
	margin: 3% 0 0 5%;
}

.regular-promoters .shows, .regular-promoters p.more {
	float: left;
	width: 100%;
	margin-top: 3%;
}

.regular-promoters .shows ul {
	margin-top: 2%;
}

.regular-promoters p.more {
	margin-bottom: 3%;
}

/* sitemap.php */

#sitemap {
	margin: 3% 0 0 5%;
	font-weight: bold;
}

#sitemap li {
	padding-top: 1%;
}

#sitemap ul {
	margin-left: 6%;
	font-weight: normal;
}

/* footer.php */

#footer-links {
	float: left;
	clear: both;
	width: 100%;	
	text-align: center;
	margin: 3% 0 0;
}

#footer-links li {
	display: inline;
	margin-left: 4%;
}