.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 */

.clear {
 clear: both;
 height: 0px;
}

/* Main Text Definitions */

body {
 background: #0B0708;
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
}

h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 color: #50bfff;
 font-weight: normal;
}
h2, h3, h4 {color: #fff; font-weight: normal;}

h1 {font-size: 1.4em; font-weight: bold; margin-top: 0; margin-bottom: 2px;}
h2 {font-size: 1.2em; margin: 0;}
h3 {font-size: 1.3em; margin: 0 0 5px 0; font-weight: bold; color: #faaf38;}

.orange {color: #faaf38;}
.blue {color: #50bfff;}

a img {border: 0;}
a {color: #faaf38;}
a:hover {color: #fff;}
a img {border: 0;}

p {margin-top: 0; margin-bottom: 9px;}
b, strong {color: #50bfff;}
img {display: block;}

/* Generic Layout Definitions */
#container {width: 960px; margin: 0 auto; font-size: 0.7em; background: #000;}
#main {float: left; width: 960px; background: #282828; background-image: url(../images/bg-main.jpg); background-position: top; background-repeat: no-repeat;}
#logo {float: left; width: 241px; height: 112px;}
#headPanel, #headEventPanel {margin-left: 280px; height: 100px; padding: 32px 0 0 14px; line-height: 1.5em;}
.eventList {float: left; width: 310px;}
a.moreDetails {display: block; text-decoration: none; width: 310px;}
a.moreDetails:hover {background: #000; color: #faaf38;}

h1.headEvent {font-size: 2.2em; margin-bottom: 8px; margin-top: 0; font-weight: normal; color: #fff;}
h2.headEvent {font-size: 2.0em; font-weight: normal; color: #50bfff;}

.artistListing {line-height: 1.4em;}
h3.artistName {color: #50bfff; margin-bottom: 2px; font-size: 1.2em;}
a.artistLink {color: #fff; text-decoration: none; display: block; padding: 5px; width: 640px;}
a.artistLink:hover {background: #000;}

#sideCopy {float: left; width: 234px; line-height: 1.4em; padding-left: 23px; padding-right: 23px; padding-bottom: 20px;}
#mainCopy {float: left; width: 640px; padding-bottom: 20px;}
#subCopy {padding-left: 14px;}
#basePanel {float: left; width: 914px; padding: 15px 23px; background: #faaf38; color: #0B0708; background-image: url(../images/shadow.jpg); background-position: top; background-repeat: no-repeat;}
#basePanel a {color: #000; text-decoration: none;}
#basePanel a:hover {color: #000454;}
#basePanel h3 {color: #000454;}
#linksCol {float: left; width: 257px; line-height: 1.6em;}
.partners {float: left; width: 200px; margin-right: 28px; display: inline;}
.partners img {float: left; margin-right: 5px; display: inline;}
.partners a {font-size: 1.0em; color: #000454; display: block; width: 200px;}
.partners strong {color: #000454;}
#address {float: left; width: 200px;}
#footer {float: left; width: 914px; padding: 5px 23px; background: #282828; color: #CCCCCC; text-align: right;}
#footer a {color: #ccc; text-decoration: none;}
#footer a:hover {color: #fff;}











/* Admin styles */
.adminLabel {
 width: 100px;
 background: #eee;
 border-bottom: 1px solid #fff;
}
.adminRow {
 border-bottom: 1px solid #f3f3f3;
 padding: 3px 0;
}
.adminInput {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
}
.adminInputSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 100px;
}
.adminTextbox {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
 height: 60px;
}

/* Styles for WYSIWYG Editor */
.FTBeditor {
 font-family: Arial, Helvetica, Sans-Serif;
 background: #fff;
 color: #333;
 margin: 5px;
 font-size: 80%;
}