.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: #fff;
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
}

h1, h2, h3, h4 {
 font-family: tahoma, Arial, Helvetica, sans-serif; 
 color: #2B2F47;
 font-weight: normal;
}
h1 {font-size: 240%; font-weight: bold; margin-bottom: 8px; margin-left: 10px; margin-top: 10px;}
h2 {font-size: 120%; margin-bottom: 8px; font-weight: bold;}
h3 {font-size: 110%; margin-bottom: 0; font-weight: bold; color: #3F4A92;}
h3.faq {font-size: 110%; margin-bottom: 0; font-weight: bold; color: #3F4A92;}
h4 {font-size: 100%; margin-bottom: 3px;}

a img {border: 0;}
a {color: #434C91;}
a:hover {color: #333;}
a img {border: 0;}
a.lrgLink {display: block; width: 110px; margin-left: 19px; color: #fff; font-size: 120%; font-weight: bold; padding: 4px; background: #2B2F47;}
a.lrgLink:hover {color: #fff;}

p {margin-top: 0; margin-bottom: 9px;}
#copy p {margin-top: 0; margin-bottom: 9px;}

img {display: block;}

/* Generic Layout Definitions */
#container {width: 792px; margin: 10px auto; font-size: 80%; background: #fff;}
#topnav {width: 792px; height: 23px;}
#logo {width: 792px; height: 98px; border-bottom: 1px solid #fff;}
#navigation {width: 792px; height: 21px; background: url(../images/bg_nav.jpg); background-repeat: no-repeat;}
#main {float: left; width: 792px; margin-top: 10px; margin-bottom: 10px; background: url(../images/bg_footer.jpg); background-position: bottom; background-repeat: no-repeat;}
#sideNav {float: left; width: 192px; padding-bottom: 100px;}
#bandNav {background: url(../images/bg_sidenav.jpg); background-repeat: repeat-y; padding-left: 25px; padding-bottom: 20px;}
#addNav {margin-top: 2px;}
#content {float: left; width: 391px; padding: 0 7px 30px 7px; font-size: 85%;}
#copy {float: left; padding: 10px; margin-right: -3px;}
#subContent {float: left; width: 194px;}
#featuredArtist {float: left; width: 347px; height: 133px; padding: 5px 21px; background: url(../images/hp_feature.jpg); background-repeat: no-repeat;}
#footer {clear: both; text-align: right; width: 772px; height: 24px; padding-top: 8px; padding-right: 20px; color: #fff; font-size: 85%;}
#adminContent {padding: 0 20px 100px 20px;}


/* Page layout */
.featurePic {float: left; width: 132px; margin-right: 5px; display: inline;}
.featureText {margin: 0; padding: 0;}
#featuredArtist h2 {color: #2B2F47; margin: 0 0 3px 0; font-size: 160%; font-weight: bold;}
#featuredArtist h3 {color: #2B2F47; margin: 0 0 3px 5px; font-size: 110%; font-weight: bold;}
#featuredArtist a {color: #2B2F47;}

#subContent p.address {margin-top: 10px; font-size: 85%; color: #2B2F47;}

#hpWelcome {width: 369px; height: 354px; padding: 15px 10px; background: url(../images/hp_mainpic.jpg); background-repeat: no-repeat; color: #fff;}
#hpWelcome h2 {margin-bottom: 8px; margin-top: -8px; font-size: 240%; color: #fff; font-weight: normal;}
#hpWelcome h3 {font-size: 110%; margin-top: 0; margin-bottom: 15px; color: #FBB039;}
#hpWelcome a {color: #fff; text-decoration: none;}
#hpWelcome a:hover {color: #fff; text-decoration: underline;}

#panel {width: 170px; height: 180px; margin-top: 14px; background-image: url(../images/bg_panel.gif); color: #000;}
.panelText {margin: 0; padding: 33px 7px 10px 7px;}
#panel h2 {margin: 0; margin-bottom: 3px; font-size: 140%; font-weight: bold;}
#panel p {padding: 3px; margin: 0;}
#panel a {color: #fff; font-weight: normal;}
#panel .arrow {display: inline;}

#themeHead {float: left; width: 582px; height: 51px;}
#themeHead h1 {margin: 10px; font-size: 240%; color: #000}
#themeTabs {float: left; width: 582px; height: 22px;}
#themeTabs input {margin-left: 14px; padding: 0; border: 0; display: inline;}
#tabMenu {float: left;}
#themeBody {float: left; width: 542px; padding: 20px;  background-image: url(../images/artist_bluecurve.gif); background-repeat: no-repeat; background-position: top; background-color: #363D69;}
#video {float: left; width: 542px;}
#themeCopy {float: left; width: 358px; padding-top: 14px; padding-right: 14px; color: #fff;}
#themeInfo {float: right; width: 170px; padding-top: 14px; color: #ccc;}
#videoHelp {font-size: 80%; color: #ccc; margin-top: 5px; margin-bottom: 5px;}
#videoHelp a {color: #ccc;}
#videoHelp a:hover {color: #999;}
#artistBase {float: left; width: 582px; height: 38px; background-image: url(../images/artist_bottomcurve.gif);}
.artistThumb img {width: 170px;}


.artistPic {float: left; width: 170px;}
blockquote {margin: 0;}

.thumb {float: left; width: 97px;}
h2.artistListing {float: left; padding-top: 3px; padding-left: 10px;  width: 380px; height: 20px; margin-bottom: 0; margin-top: 10px; background: url(../images/bg_listinghead.jpg); background-repeat: no-repeat; border-bottom: 1px solid #fff;}
.artistDetails {float: left; width: 390px; background: url(../images/bg_listingdetails.jpg); background-repeat: repeat-y;}
.artistCopy {float: right; width: 280px; padding: 5px;}
.shortlistLinks {clear: both; padding: 4px 20px; width: 350px; height: 18px; background: url(../images/bg_listingbase.jpg); background-repeat: no-repeat; border-top: 1px solid #fff;}
.shortlistLinks img {display: inline;}
.shortlistLinks a {margin-right: 1px;}

.player {clear: both; height: 22px;}
.playerButton {float: left; display: inline; margin-right: 2px;}
.playerTitle {float: left; margin-top: 2px; font-weight: bold;}


.shortlistHead {float: left; background: #FBB039; margin-bottom: 5px;}

#pageHead {float: left; width: 391px; height: 70px; background: url(../images/bg_pagehead.jpg); background-repeat: no-repeat;}
#pageHead h1 {margin: 35px 10px 10px 10px; font-size: 240%;}

.subImage {margin-top: 100px;}

#adminContent h1 {font-size: 140%; margin-left: 0;}

/* Navigation Definitions */

/* Main navigation */
#navigation ul {
 list-style: none;
 padding: 0;
 margin: 0 0 0 25px;
} 
#navigation ul li {
 float: left;
 margin-right: 25px;
 display: inline;
}
#navigation ul li a {
 float: left;
 color: #fff;
 padding: 2px 0;
 text-decoration: none;
}
#navigation ul li a:hover {
 color: #FCB038;
}
#navigation ul li.on a {
 color: #FCB038;
}


/* Sub  navigation */
#bandNav a {
 display: block;
 width: 150px;
 padding-top: 4px;
 padding-bottom: 4px;
 color: #fff;
 text-decoration: none;
 background: url(../images/nav_divider.jpg);
 background-position: bottom left; 
 background-repeat: no-repeat;
} 
#bandNav a:hover {
 color: #FCB038;
}

/* Additional navigation */
#addNav a {
 display: block;
 width: 167px;
 height: 25px;
 background: url(../images/bg_bluenav.jpg); 
 background-repeat: no-repeat;
 padding-top: 7px;
 padding-left: 25px; 
 color: #fff;
 text-decoration: none;
}
#addNav a:hover {
 color: #FCB038;
 text-decoration: none;
}


/* Footer navigation */
#footer a {
 color: #fff;
 text-decoration: none;
 margin: 0 0 0 12px;
}
#footer a:hover {
 color: #fff;
}
#footer a.credit {margin: 0;}


/* Tab navigation */
#artistTabs ul {
 float: right;
 list-style: none;
 padding: 0;
 margin: 0;
} 
#artistTabs ul li {
 float: left;
 display: inline;
 width: 82px;
 height: 17px;
 background: url(../images/bandtab.gif); 
 background-repeat: no-repeat;
 text-align: center;
 padding-top: 6px;
 margin-right: 1px;
}
#artistTabs ul li a {
 color: #fff; 
 text-decoration: none;
}
#artistTabs ul li a:hover {
 color: #2B2F47;
}


/* Mini Shortlist Nav */
ul#leftShortlist {
 list-style: none; 
 margin: 0;
 padding: 0;
 font-size: 85%;
}
ul#leftShortlist li {
 margin: 0 0 4px 0;
 padding: 0;
}
#addNav ul#leftShortlist li a {
 display: block;
 width: 167px;
 height: 10px;
 padding-top: 4px;
 padding-left: 25px; 
 text-decoration: none;
 background: #fff;
 color: #34323D;
}
#addNav ul#leftShortlist li a:hover {
 color: #FCB038;
}
#addNav ul#leftShortlist a.submitShortlist {
 color: #FCB038;
 font-weight: bold;
}


/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.registrationForm {
 float: left; 
 width: 370px;
 margin: 0;
 padding: 0;
}
.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 padding: 3px;
 background: #2B2F47;
 color: #fff;
 font-weight: bold;
}
.formRowSubHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 padding: 3px;
 background: #A3B198;
 color: #fff;
 font-weight: bold;
}
.loginLabel {
 float: left;
 width: 60px;
 padding-top: 2px;
}
.fmLabel {
 float: left;
 width: 130px;
 padding-top: 2px;
}
.fmField {
 width: 150px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 150px;
 height: 100px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmCommentsLrg {
 width: 200px;
 height: 300px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select {
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select.fmField {
 width: 150px;
 color: #fff;
 background: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmButton {
 background: #2B2F47;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Arial, Helvetica, sans-serif;
}


/* 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;
}
.adminTextboxLrg {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 400px;
 height: 200px;
}
/* Styles for WYSIWYG Editor */
.FTBeditor {
 font-family: Arial, Helvetica, Sans-Serif;
 background: #fff;
 color: #333;
 margin: 5px;
 font-size: 80%;
}