/* General Styles
======================================================================= */
@import url(featured_slide.css);
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#000000;
background-color:#4b262e;
background-image:url(../img/body-bg.gif);
background-position:top;
background-repeat:repeat-x;
}

a:link, a:visited {
color:#b6effd;
text-decoration:none;
}

a:hover, a:active {
color:#e1f1cb;
text-decoration:underline;
}

a[class ="out"] { /* Slaps a small icon to the end of a link */
padding-right: 10px;
background: transparent no-repeat center right url(../img/icon-link.png);
margin-right:2px;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

img {
margin:0px;
padding:0;
border:none;
}

.lefty {
margin:0 0 0 0;
padding:0;
float:left;
}

.righty {
margin:0 0 0 0;
padding:0;
float:right;
}
.center {
text-align:center;
}
h1, h2, h3, h4 {
margin:0 0 10px 0;
padding:0;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#ffffff;
}

h1 {
font-size:40px;
margin:0 0 5px 0; /* The larger font size means it needs more leg room then the other headers */
line-height:38px;
}

h2 {
font-size:24px;
line-height:24px;
}

h3 {
font-size:20px;
line-height:20px;
}

h4 {
font-size:14px;
line-height:12px;
color:#000000; /* The smaller font size means it needs less leg room then the other headers */
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
}

p {
margin:0 0 10px 0;
}

ol, ul {
margin:0 0 15px 25px;
padding:0;
}


ol li, ul li {
margin:0 0 5px 0;
padding:0;
}

ol li ol, ul li ul {
margin:5px 0 0 20px;
padding:0;
}

ol li ol li, ul li ul li {
margin:0 0 5px 0;
padding:0;
}

ol li {
list-style-type:decimal;
}

ol li ol li {
list-style-type:lower-alpha;
}

ul li {
list-style-type:none;
list-style-image:url(../img/li-bg.jpg);
}

ul li ul li {
list-style-type:none;
list-style-image:url(../img/li-ul-li-bg.jpg);
}

blockquote {
margin:0 25% 10px 25%;
padding:15px;
font-style:italic;
background-color:#cccccc;
font-size:11px;
line-height:16px;
color:#333333;
text-align:center;
border-top:1px dashed #454545;
border-bottom:1px dashed #454545;
}

blockquote h2 {
margin:0 0 8px 0;
font-style:normal;
color:#333333;
}

/* Layout Styles
======================================================================= */
#container {
width:1000px;
background-image:url(../img/concert-bg.jpg);
background-position:top;
background-repeat:no-repeat;
margin-top: 60px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0px;
}

#topHeader {
margin:0;
padding:0;
width:100%;
height:75px;
text-align:left;
}

#topHeader img {
padding:0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 25px;
}

#topHeader p.top {
margin:0;
padding:17px 0 0 0;
color:#ffffff;
font-size:10px;
}

#mainHeader {
width:870px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 150px;
padding-top: 10px;
}

#mainHeader h1 {
margin:0 0 0 80px;
padding:15px 0 0 0px;
font-family:"Times New Roman", Times, serif;
color:#0085c5;
font-size:55px;
line-height:55px;
}

#mainHeader p.tagline {
margin:10px 0 0 85px;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#0085c5;
font-size:20px;
}

#mainHeaderBox {
float:right;
margin:40px 150px 0 0;
padding:2px 0 0 0;
width:235px;
height:145px;
font-size:11px;
overflow:hidden;
}

#mainHeaderBox h3 {
margin:0 0 4px 0;
color:#C30;
}

#mainHeaderBox a:link, #mainHeaderBox a:visited {
color:#0b76a9;
text-decoration:underline;
}

#mainHeaderBox a:hover, #mainHeaderBox a:active {
color:#999999;
text-decoration:none;
}

#nav {
padding:0;
width:870px;
height:25px;
border-bottom:1px dashed #d0eea1;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}

#nav ul {
list-style-type:none;
margin:0;
padding:0;
}

#nav ul li {
list-style-type:none;
display:inline;
float:left;
font-family:"Times New Roman", Times, serif;
font-size:24px;
line-height: 18px;
margin-right: 20px;
margin-bottom: 0;
margin-left: 10px;
padding: 0;
}

#nav ul li a:link, #nav ul li a:visited {
color:#d0eea1;
text-decoration:none;
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a.selected {
color:#ffffff;
text-decoration:none;
}

#mainContent {
width:870px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
}
#mainContent p {
font-size:1em;
line-height: 1.2em;
}
#headline{
width:590px;
}
#headline.feature {
margin-right: auto;
margin-left: auto;
width: 790px;
}

.spacer {
padding:0;
width:870px;
height:20px;
border-bottom:1px dashed #d0eea1;
margin-top: -5px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}

#artistthumbgrid {
height: 522px;
width: 522px;
float: left;
display: inline;
margin-top: 30px;
margin-left: 20px;
overflow: hidden;
}
#artistthumbgrid td {
	width: 76px;
	height: 76px;
	background-color: #999999;
	border: 3px solid #E6E6B2;
	text-align: center;
	vertical-align: middle;
}

#artistthumbgrid td a:link img, #artistthumbgrid td a:visited img {
	border: 2px solid #999999;
}
#artistthumbgrid td a:hover img, #artistthumbgrid td a:active img,
#artistthumbgrid td a.hover img {
border: 2px solid #4b262e;
}
#artist-namelist {
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#artist-namelist ul li {
font-size:12px;
}
#artist-namelist ul li a.hover {
	text-decoration: underline;
}
.gal-prev {
width:230px;
}
.gal-prev a:link img, .gal-prev a:visited img {
border: 2px solid #999999;
}
.gal-prev a:hover img, .gal-prev a:active img {
border: 2px solid #e1f1cb;
}
.mainContentMini {
float:left;
margin:0 15px 0 0;
padding:0 15px 0 0;
width:265px;
}

.separateMain {
border-right:1px dashed #d0eea1;
}

#rightColumn {
float:right;
margin:0 0 0 10px;
padding:0 0 0 10px;
width:250px;
font-size:11px;
color:#142704;
border-left:1px dashed #d0eea1;
text-align: center;
}
#rightColumn p {
margin-bottom:5px;
line-height:normal;
}
#rightColumn h3 {
color:#e1f1cb;
text-align: center;
}

#rightColumn img {
padding:0;
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}

#footer {
width:100%;
background-color:#111111;
color:#ffffff;
font-size:10px;
clear: both;
margin: 0px;
padding: 0;
height: 290px;
}

#footerBlock {
width:870px;
text-align:center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

#footerBlock a:link, #footerBlock a:visited {
color:#b6effd;
text-decoration:underline;
}

#footerBlock a:hover, #footerBlock a:active {
color:#999999;
text-decoration:underline;
}

.footerBox {
float:left;
margin:0 10px 0 0;
padding:0 15px 0 5px;
width:259px;
height:230px; /* This is set just to make all four boxes equal in height and pretty looking. Remove if neccessary */
text-align:left;
}
.footerBox a:link img, .footerBox a:visited img {
	border: 2px solid #999999;
}
.footerBox a:hover img, .footerBox a:active img {
border: 2px solid #e1f1cb;
}
.footerBox a.help img {
border:none;
}
.separate {
border-right:1px dashed #454545;
}

.quote {
font-size:1em;
line-height:18px;
font-family:"Times New Roman", Times, serif;
color:#cccccc;
font-style:italic;
}

#footerLine {
padding:0;
width:870px;
color:#999999;
text-align:right;
line-height:35px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

.view{
text-align:right;
}
.calendar-events {
width: 590px;
float: left;
position: relative;
margin-bottom: 10px;
}
#map {
height: 530px;
width: 320px;
background-color:#FFFFFF;
padding: 0px;
font-family: "Times New Roman", Times, serif;
}

.map {
float:right;
margin-right: 20px;
margin-bottom: 10px;
}
#map a:link, #map a:visited {
color: #000000;
}
#map a:hover, #map a:active {
color: #666666;
}
#help {
font-size:14px;
color:#CCCCCC;
}

/* Fix to make sure parent DIV clears nested, floated DIVs
======================================================================= */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Accordion
======================================================================= */

#accordion h3 {
font-size:20px;
line-height:14px;
}
#accordion h4 {
font-size:14px;
color:#000000; /* The smaller font size means it needs less leg room then the other headers */
font-weight: bold;
margin-top: 10px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
#accordion img.lefty {
margin-right: 10px;
}
#accordion p {
font-size:.9em;
margin: 0px;
padding: 0px;
}
.ui-widget-content {
opacity: .50;
filter:Alpha(Opacity=50);
}
.ui-widget-content a:link, .ui-widget-content a:visited {
color:#0000FF;
text-decoration:none;
}
.ui-widget-content a:hover, .ui-widget-content a:active {
color:#0066FF;
text-decoration:underline;
}
.ui-state-active, .ui-widget-content .ui-state-active {
opacity: .75;
filter:Alpha(Opacity=75);
}
.where{
padding: 0px;
margin-top: 15px;
}
.artist-website {
float: left;
position: relative;
padding: 0px;
margin: 0px;
}
.playlist {
float: right;
position: relative;
padding: 0px;
margin: 0px;
}
div.time {
float: right;
margin: 0px;
padding: 0px;
position: absolute;
left: 506px;
top: 9px;
}
.artist-info {
width:750px;
height:260px;
}
.artist-info2 {
width:750px;
height:260px;
padding: 10px;
}
.artist-imgholder {
display:block;
float:right;
width:380px;
height:250px;
margin:0;
padding:4px;
border:1px solid #FFFFFF;
text-align: center;
	}
.artist-info .floater{
display:block;
float:left;
width:315px;
height:250px;
margin:0 0 0 10px;
padding:0;
overflow:hidden;
}
.artist-info .floater p {
color:#CCCCCC;
font-size: 1.1em;
line-height: 14px;
}
.artist-info .floater p.quote {
font-size:1.2em;
line-height: 18px;
}
.sound th {
font-size:0.7em;
padding-right: 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #333333;
border-right-width: 1px;
border-right-style: dashed;
border-right-color: #333333;
padding-left: 5px;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #333333;
}
.sound th.no-border, .sound td.no-border {
border-right-width: 0;
}
.sound td {
border-right-width: 1px;
border-right-style: dashed;
border-right-color: #333333;
padding-top: 5px;
text-align: center;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #333333;
}
/*Form elements*/

legend {
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#ffffff;
font-size:20px;
line-height:20px;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding: 0;
}
legend img {

}

label {
display:block;
margin-bottom:3px;
}
.sponsor, .sth {
margin:0px;
padding:0px;
font-size:14px;
}
.tickets {
margin:0px;
padding:0px;
font-size:14px;
text-align: left;
}
input {
margin-bottom:3px;
}
input.tickets {
width:20px;
}
input.submit {
margin-top:5px;
}
input.email {
margin-bottom:5px;
}
.note {
font-size: 12px;
}
.renew {
font-size: 11px;
}
input.check {
margin:0px;
}
#contactform_content {
width: 410px;
padding: 10px;
font-weight: bold;
color: #FF0000;
margin-left: 20px;
}
.form_element, .imgverify, .newimg {
	margin-bottom: 1em;
}
.form_element label, .imgverify label, .newimg label {
display: block;
font-weight: bold;
color: #d0eea1;
margin-bottom: 3px;
}
#vimg {
margin:0px;
padding:0px;
vertical-align: middle;
}
.form-element-required {
	color: #FF0000;
}
.formtext, textarea {
display: block;
font-family:inherit;
font-size:100%;
font-style:inherit;
}
#fmerror {
	width: 510px;
	height: 233px;
	padding: 10px;
}
#return-link {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
#form-ad {
font-size: 10px;
padding: 5px;
margin-left: 20px;
}
#error, #thankyou {
width:600px;
margin-right: auto;
margin-left: auto;
}

/*===================galleriffic=======================*/

div.navigation a.prev {
	background-image: url("../img/prevPageArrowWhite.gif");
}
div.navigation a.next {
	background-image: url("../img/nextPageArrowWhite.gif");
}

/*custom galleriffic*/
#gallery-container {
overflow: hidden;
margin: 0;
padding: 0px;
}
div.slideshow img, div.slideshow a.advance-link img {
border:0px;
}
/*==================contentslider===================*/
#slider1 {
height: 300px;
width: 240px;
}
/*===============addtoany share button==============*/
#share{
width: 240px;
margin-top: 10px;
}