@CHARSET "UTF-8";

html, body { height: 100%; width: 100%; overflow: hidden;  }
body { background: url(/assets/images/site/bkg_tile.png); font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Lucida, sans-serif; font-size: 12px; color: #333; }


/* GENERAL SETTINGS */
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.floatleft { float: left; }
.floatright { float: right; }
.strong { font-weight: bold; }
a { text-decoration: none; color: #019BE3; }
a:hover { background: #019BE3; color: #fff; }

#ui-datepicker-div { z-index: 9999; position: absolute; display: none; }
.hidden { visibility: hidden; display: none; }
.scrolly { overflow-x: hidden; overflow-y: auto; }
.small { font-size: 10px; }
.ajax-button { color: #019BE3; cursor: pointer; }
.ajax-button:hover { color: #fff; background: #019BE3; }
.alertText { color: #DD0000; }
/* global overflow (read more/less style controls) classes -ba */
.textblock-overflow .hide { display:none; }
.textblock-overflow .padding { font-size: 0.8em; font-style: italic; cursor: pointer; color: #EC983E; font-weight: bold; }



/* loading styles */
#contentDiv { display: none; } /* will display after tabs have loaded */
#contentDiv.standalone { display: block; } /* standalone profile not tabbed! must display initially */
#content-loading { margin: 100px auto; text-align: center; background: #fff; padding: 40px; width: 100px; } /* div to show before contentDiv is tab-ified */
#loading-timeout { width: 200px; text-align:center; position: relative; top: 0px; padding-top: 5px; left: -50px;  color: #CC0000; } /* div shown if page is taking too long to load */



/* GENERAL LAYOUT  */
#container { width: 100%; min-width: 1020px; border: none; overflow: hidden; min-height: 100%; position: relative; }
#top { background: url(/assets/images/site/header_tile.png) repeat-x; position: relative; height: 68px; width: 100%; margin-bottom: 20px; }
#bottom { background: url(/assets/images/site/footer_tile.png) repeat-x; height: 40px; width: 100%; position: absolute; bottom: 0px; }
#contentDiv { left: 50%; margin-left: -500px; width: 1000px; bottom: 100px; top:80px; position: absolute; border: none; }
#topNavDiv { background: url(/assets/images/site/main_top.png) no-repeat; position: relative; padding: 10px; padding-bottom: 0px; height: 30px; }
#mainDiv { background: url(/assets/images/site/main_mid.png) repeat-y; width: 1000px; margin-right: 10px; position: absolute; top: 40px; bottom: 20px; overflow-y: auto; min-height:  }
#leftMainDiv { width: 680px; float: left; }
#rightMainDiv { width: 300px; float: left; padding-top: 10px; }
#bottomDiv { width: 1000px; height: 20px; background: url(/assets/images/site/main_btm.png) no-repeat; position: absolute; bottom: 0px; }



/* HEADER */
#logo a { display: block; width: 120px; height: 70px; background: url(/assets/images/site/knerd_logo_2.png) no-repeat; position: absolute; top: 0px; left: 10px; }
#tagLine { font-size: 13px; font-weight: bold; font-family: Century Gothic, Helvetica, Arial, san-serif; position: absolute; left: 125px; top: 12px; }
#loginStatus { position: absolute; top: 10px; right: 20px;}



/* NAVIGATION */
#contentDiv.ui-widget-content  { background: transparent !important; }
#topNav.ui-widget-header  { background: transparent; border: none;}
#topNav { height: 30px; display: block; }
#topNav.ui-tabs-nav {  font-size: 12px;  }
#topNav.ui-tabs-nav li { top: 0px; margin:0 5px 0px 0; }
#topNav .ui-state-default { background: none; border: none;  }
#topNav .ui-state-active { background: none; border: none;  }
#topNav.ui-tabs-nav li a { margin: 0px; padding: 0px; display: block; width: 100px; height: 30px; overflow: hidden;  text-align: center; line-height: 30px; font-family: Century Gothic, Helvetica, Arial, san-serif; font-weight: bold; text-transform: uppercase; }
#topNav .ui-state-default a { background: transparent url(/assets/images/site/nav_tabs.png) no-repeat top right; }
#topNav .ui-state-active a { background: transparent url(/assets/images/site/nav_tabs.png) no-repeat top left; }
#topNav .ui-state-default a:hover { padding-top: 3px; height: 27px; color: #2E6E9E; background-position: -110px 3px; }
#topNav .ui-state-active a:hover { padding-top: 0px; height: 30px; color: #019BE3; background-position: 0px 0px; }


/* top nav search styles */
.searchbox { position: absolute; right: 10px; top: 7px; height: 26px; margin-bottom: 7px; line-height: 26px; }
.searchbox .searchForm { text-align: right; }
.searchbox .searchLabel { font-family: Century Gothic, Helvetica, Arial, san-serif; text-transform: uppercase; font-weight: bold;  }
.searchbox .searchForm { background: transparent url(/assets/images/site/search_bkg.png) no-repeat top right; display: block; width: 300px; height: 26px; }
.searchbox .searchInput { width: 185px; background: none; margin-left: 15px; border: none; font-family: Verdana, san-serif; color: #666; }
.searchbox .searchInput:focus { color: #333; }
.searchbox .searchButton { border: none; background: transparent url(/assets/images/site/search_button.png) no-repeat; float: right; cursor: pointer; outline: none; display: block; height: 20px; width: 20px; margin: 3px 3px 0px 0px; }
.searchbox .searchButton:focus { outline: none; }





/* GENERAL TAB FORM STYLES */
.tabs .knerd-tab-content { width: 640px; padding: 10px 0px 0px 20px; }
.tabs .selectRow { margin-bottom: 10px; }
.tabs .selectRow select { display: inline; margin-right: 20px; }
.tabs .selectRow .tab-header { float: left; width: 100px; line-height: 24px; }
.tabs .selectRow .knerd-button {  }
.tabs .tab-header { font-size: 16px; font-family: Century Gothic, Arial, san-serif; font-weight: normal !important; margin-bottom: 5px; }
.tabs .profilePhoto { width: 120px; height: 120px; overflow: hidden; margin-bottom: 10px; }
.tabs .profilePhoto img { width: 120px; height: auto; }
.tabs .knerd-button { margin-bottom: 10px; }
.tabs .subhead { font-weight: bold; font-size: 1.1em; line-height: 1.3em; }
.tabs .instructions { font-size: .9em; line-height: 1.4em; margin-bottom: 5px; }
.tabs .ruleAbove { margin-top: 15px; padding: 5px 0px;  border-top: 1px solid #ccc;  }
.tabs .ruleBelow { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.tabs .grey { background: #f3f3f3; }
.tabs .formRow { padding-bottom: 10px; position: relative; }
.tabs .formRight { text-align: right; }
.tabs label { font-size: .9em; color: #333;  }
.tabs label.inputLabel { line-height: 1.3em; padding: 5px 0px; width: 100px; display: block; float: left; }
.tabs input.text { width: 240px; padding: 5px; background: #e6f0fa; border:1px solid #A6C9E2; text-align: left; font-weight: bold; font-size: 1.1em; }
.tabs input.text:focus { background: #fff; }
.tabs input.disabled { color: #666; border: 1px solid #ddd; background: #fff;  }
.tabs textarea, .tabs textarea.ui-state-default { color: #333; background: #fff; border: 1px solid #A6C9E2; padding: 10px; font-size: 1.1em; line-height: 1.5em; font-family: Helvetica, Arial, san-serif; width: 350px; height: 200px; padding: 10px; }
.tabs select.smallDD { width: 60px; margin-right: 10px; }
.tabs select.medDD { width: 110px; margin-right: 10px; }
.tabs .comingSoon { padding: 10px; }
.tabs .memberName { font-weight: bold; }
.tabs .memberRole { }
.tabs .delete { background: url(../images/ui/delete.png) no-repeat; font-size: .9em; color: #dd0000; margin: 5px 0px; padding-left: 20px; cursor: pointer; }
.tabs .body { line-height: 1.5em; }
.tabs li, .tabs p { line-height: 1.5em; }

/* MY HOME STYLES */
#myHome #leftnav { width: 120px; float: left; margin-right: 20px; }
#myHome .profilePhoto { margin-bottom: 5px;}
#myHome .dashBtn { margin-bottom: 10px; }
#myHome .dashBtn li { color: #019BE3; font-size: .9em; display: block; border-bottom: 1px solid #eee; padding: 5px 0px;  }
#myHome .dashBtn li:hover { cursor: pointer; background: #019BE3; color: #fff; }
#myHome #rightDiv { width: 500px; float: left; border: none;}
#myHome #newArtistsHomeSpan { width: 500px; height: 160px; }
#myHome h4.sectionHead { font-family: Century Gothic, Helvetica, Arial, san-serif; padding-left: 10px; background: #999; color: #fff; text-transform: uppercase; height: 20px; line-height: 19px; margin-bottom: 10px;}
#myHome #leftnav .knerd-button { width: 120px; }
.newArtistHomeBlock { display: block; padding: 5px; float: left; width: 70px; height: 100px; background: #f3f3f3; color: #019be3; margin: 0px 10px; cursor: pointer; }
.newArtistHomeBlock:hover { background: #019be3; color: #fff; }
.newArtistHomeImage { display: block; height: 70px; width: 70px; overflow: hidden; }
p.newArtistHomeBlockName { font-size: 11px; text-align: center; padding-top: 5px; line-height: 1.2em;  }



/* WELCOME (WHAT-IS-KNERD) styles (formerly in welcome.css). Also used by #what-is-knerd tab */

#welcome { padding: 20px 40px; position: relative; }

.welcomeMain { width: 300px; float: left; } /* overridden in welcome.css */
.welcomeMain h3 { font-family: Century Gothic, Helvetica, Arial, san-serif; font-size: 1.7em; line-height: 1.5em; }
.createAccount-wrapper { width: 250px; float: right; clear: right; }
.createAccount-wrapper .facebook-connect { margin: 5px auto; text-align: center; }
.createAccount-wrapper .facebook-connect p.or { font-weight: bold; padding-bottom: 5px; }
.createAccount { }
.createAccount a { display: block; width: 220px; background: url(/assets/images/site/createaccount.png) no-repeat; height: 36px; margin: 20px auto 0 auto; }
.createAccount a:hover { background-position: -220px 0px; }
#welcome p.login { font-size: .9em; width: 220px; text-align: center; padding: 5px 0px; margin: 0 auto 0 auto; color: #999; }
#welcome p.login a { color: #999; text-decoration: underline; }
#welcome p.login a:hover { color: #333;}

.welcomeScreenshots { width: 250px; float: right; }
.screenshot { font-size: .9em; text-align: center; color: #999; }

.welcomeAudience { margin-top: 15px; } /* overridden in welcome.css */
.audience { width: 200px; margin-top: 12px; float: left; clear: left; }
.audience.last { margin-right: 0px; }
.audience h3 { height: 15px; line-height: 15px; font-size: 1.1em; font-family: Century Gothic, Helvetica, Arial, san-serif; text-transform: uppercase; color: #000; margin-bottom: 5px; }
.audience p { line-height: 1.5em; }
.audience.fans h3 { background: url(/assets/images/site/welcome_fans.png) no-repeat; padding-left: 18px;  }
.audience.artists h3 { background: url(/assets/images/site/welcome_artists.png) no-repeat; padding-left: 18px;  }
.audience.others h3 { background: url(/assets/images/site/welcome_others.png) no-repeat; padding-left: 20px;  }

/* newest bands and fastest growing city stats in left column of default #discover tab. (Hidden once search is performed) */
#welcome .stats-content { position: relative; width: 100%; margin-top: 20px; }
#welcome .stats-content .new-bands {float: right; width: 60%; text-align: right; }
#welcome .stats-content .city-stats {float: left; width: 40%;}
#welcome .stats-content ul { margin: 10px 0; }
#welcome .stats-content ul li { line-height: 100%; margin-bottom: 6px;  }
#welcome .stats-content .new-bands .band-location { font-size: 0.8em; }



/* MYBAND STYLES */
#myBandsLeftNav { width: 640px; border-bottom: 1px solid #ccc; }
#edit_band_div { width: 640px; height: 410px; padding: 20px 0px 20px 0px; }
#edit_band_div_left { width: 120px; float: left; margin-right: 20px }
#edit_band_div_left .knerd-button { width: 120px; }
#edit_band_div_left .profilePhoto { margin-bottom: 5px;}
#edit_band_div_left .bandBtn { margin-bottom: 10px; }
#edit_band_div_left .bandBtn li { color: #019BE3; font-size: .9em; display: block; border-bottom: 1px solid #eee; padding: 5px 0px;  }
#edit_band_div_left .bandBtn li:hover { cursor: pointer; background: #019BE3; color: #fff; }
#edit_band_div_right { float: left;  width: 480px; }
#myBands #my_band_url { float: left; }
#myBands #my_band_url p { font-size: .9em; }
#myBands #my_band_url .knerd-button { margin-bottom: 5px; }
#my_band_bio { width: 300px; height: 175px; }
#myBandMembersSpan { font-size: 1em;  padding-top: 5px; margin-bottom: 10px; }
#myBandMembersSpan li { margin-bottom: 5px; }
.statcount { padding-top: 5px; float: left; margin-left: 10px; line-height: 1.3em; }




/* for social acct icons -ba */
img.linked-account-icon { vertical-align: middle; }

#bandInfoSocialIcon { display: block; height: 32px; width: 180px; line-height: 32px; }
#bandInfoSocialIcon img { float: left; margin-right: 10px; }


/* link icons */
.socialIcon { float: left; margin-right: 10px !important; }
.socialLink { line-height: 32px; }
.socialLink .ui-icon { margin-top: 8px; }
.myspace { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/myspace_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0;}
.twitter { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/twitter_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0;}
.facebook { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/facebook_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0;}
.lastfm { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/lastfm_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.linkedin { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/linkedin_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.bandsite { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/bandsite.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.blogger { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/blogger_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.delicious { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/delicious_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.friendfeed { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/flickr_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.flickr { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/friendster_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.friendster { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/livejournal_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.livejournal { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/myspace_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.wordpress { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/wordpress_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.other { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/other.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.recordlabel { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/record_label.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.yelp { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/yelp_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.youtube { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/youtube_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.mixx { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/mixx_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.apple { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/apple_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.amazon { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/amazon_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }
.sonicbids { width: 32px; height: 32px; background-image: url(http://c1293062.cdn.cloudfiles.rackspacecloud.com/sonicbids_32.png); background-repeat: no-repeat; border: none; margin: 0; padding: 0; }



/* footer styles */
#bottom { font-size: .9em; padding: 10px; padding-bottom: 30px;  color: #fff;  }
#bottom a { color: #fff; }
#bottom .bottomNav a:hover, #bottom #copyright a:hover  { border-bottom: 1px dotted #ccc; }
#bottom a.active, #bottom a.active:hover { color: #E59217; border: none; background: none; }
#bottom .bottomNav { float: left; margin: 10px 20px 0px 10px; margin-bottom: 0px; width: 120px; }
#bottom .bottomNav li { margin-bottom: 7px; }
#bottom #copyright { float: right; background: url(/assets/images/site/knerd_logo_footer.png) no-repeat; width: 120px; height: 30px; padding-left: 60px; margin: 10px;  }
#bottom #copyright p { line-height: 1.5em; font-size: .8em; }
#bottom #visitor_count { float: right; clear: right; position: relative; right: 20px; }



/* add space */
.adspace_300x60 { height: 60px; width: 300px; overflow: hidden; border: 1px solid #ccc; vertical-align:middle; horizontal-align:middle;}
.adbrite_300x250 { height: 250px; width: 300px; overflow: hidden; vertical-align:middle; horizontal-align:middle;}


/* BEGIN: styles for song purchase links (triggered when rollover playlist entry) */
.qtip-song-rollover { padding: 10px 5px 10px 5px; line-height: 1.5em; }
.qtip-song-rollover img { border: 0 none; }
.qtip-song-rollover h2 { padding: 0 0 10px 0; }
.qtip-song-rollover .song-purchase-link { float: left;	margin-right:5px; }
.qtip-song-rollover .song-purchase-link a { display: block; }
.qtip-song-rollover .no-purchase-links { /* msg when no links avail */ }
.qtip-song-rollover .song-info { margin-bottom: 15px; }
.qtip-song-rollover .song-info .song-title { font-style: italic; }
/* end: styles for song purchase links (triggered when rollover playlist entry) */

/* BEGIN: styles for song review qtip on discover (triggered when rollover search results) */
.qtip-review-rollover { padding: 10px 5px 10px 5px; line-height: 1.5em; }
.qtip-review-rollover p { margin-bottom: 10px; }