/* 
    Document   : main.css
    Created on : May 30, 2009, 9:39:32 PM
*/
body {
    padding: 0px;
    margin: 0px;
    background-color: #000000;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 11px;
}


h1,h2,h3 {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}

a {
    color: #95F863;
}
a img {
    border: none;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
a:hover {
    background-color: #95F863;
    color: #000000;
}
input.inputborder {
    border: 3px solid #000000;
    background-color: #FFFFFF;
}
h1,h2,h3 {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    letter-spacing: -1px;
}
.push-top {
    margin-top: 15px !important;
}
.time {
    color: #999999;
    font-size: 10px;
}
.pad-med {
    padding: 20px;
}
.pad-small {
    padding: 10px;
}
#header{
    background-image: url(/objs/hdrbar.png);
    height: 34px;
}
#logo {
    margin-top: 5px;
}
.locate-content {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.search {
    position: absolute;
    right: 0px;
    top: 5px;
}
#main-top {
    height: 3px;
    background-image: url(/objs/maintop.png);
}
#main-content {
    background-color: #333333;
    margin-top: 10px;
}
.col-half {
    width: 460px;
    float: left;
}
.col-tq {
    width: 300px;
    float: left;
}
.clear {
    clear: both;
}
.black-box {
    background-color: #000000;
}


/** TRACKLIST **/

ul.tracklist {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.tracklist li {
    margin-bottom: 4px;
}

/** Big search box **/
.search-form .search-input {
    font-size: 17px;
    padding: 5px;
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    border: 0px;
    width: 350px;
}

/** TAG CLOUD **/
.tag-cloud {
    line-height: 20px;
    padding-right: 20px;
}
.tag-cloud a:link, .tag-cloud a:visited {
    color: #999999;
}
.tag-cloud a:hover {
    color: #000000;
}

.listbox {
    overflow: scroll;
    max-height: 200px;
    padding: 10px;
}
.listbox a:link, .listbox a:visited {
    text-decoration: none;
}
.listbox a:hover span.item {
    background-color: #666666;
    color: #FFFFFF;
}
.listbox span.item {
    display: block;
}
.listbox span.item span.time {
    text-decoration: none;
}

.comment {
    background-color: #666666;
    padding: 10px;
    margin-bottom: 5px;
}
.comment .avatar {
    float: left;
    width: 50px;
    margin-right: 10px;
    border: 4px solid #000000;
}
.comment .comment-content {
    float: left;
    width: 400px;

}
.comment .name {
    font-size: 16px;
    font-weight: bold;
   
}
.comment .comment-text {
    padding: 5px;

}
.nav {
    display: inline-block;
    font-size: 16px;
    font-wight: bold;
    margin-left: 20px;
    color: #000000;
}

.nav a:link, .nav a:visited {
    color: #000000;
    font-weight: bold;
}
.nav a:hover {
    color: #95F863;
    background-color: #000000;
}

.artist-box {
    background-color: #000000;
    padding: 10px;
}
.artist-box .artist-image {
    float: left;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}
.artist-box .artist-name {
    float: left;
    margin-left: 10px;
    width: 300px;
}
.artist-box .artist-name span {
    font-size: 17px;
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    letter-spacing: -1px;
}
.pad-play-right {
    padding-left: 10px;
}

/* ad units */
.ad-unit-top  {
    text-align: center;
    margin-bottom: 10px;
}
/* end ad units */

.social-bar {
    margin: 5px 0px 5px 0px;
    text-align: right;
}
.msg-done {
    font-size: 17px;
    color: green;
    font-weight: bold;
}
#footer-main {
    display: block;
    margin: 0px 0px 10px 0px;
    color: #999999;
}
#footer-text {
    display: inline;
    float: left;

}
#footer-logo {
    display: inline;
    float: left;
    padding-top: 4px;
    margin-right: 10px;
}
.alpha-letter {
    margin-bottom: 20px;
}
.alpha-letter-text {
    font-size: 18px;
    text-shadow: #000000 1px 1px 0px;
    border-bottom: 1px solid #FFFFFF;
}
.alpha-letter-list-artists {
    padding: 10px;
}
.artist-listing {
    width: 290px;
    float: left;
    margin: 0px 10px 10px 0px;
}
.artist-image {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    border: 4px solid #000000;
    float: left;
    background-color: #000000;
    background-position: center center;
    display: block;
}
.artist-text {
    float: left;
    margin-left: 10px;
    width: 130px;
}
.artist-text .artist-name {
    font-size: 18px;
}
.artist-viewmore {
    text-align: right;
    font-weight: bold;
}
#social {
    float: right;
    margin-top: 5px;
}

/* artist highlight feature */
#feature-artist-highlight {
    background-color: #000000;
    height: 305px;
    position: relative;
}
#feature-artist-highlight a {
    color: #FFFFFF;
}
#feature-artist-highlight a:hover {
    background-color: #FFFFFF;
    color: #000000;
}
#index-top-title h1 {
    font-size: 37px;
    margin: 0px 0px 5px 20px;
}
#feature-artist-highlight #artist-image {
    width: 542px;
    height: 305px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    z-index: 10;
}
#feature-artist-highlight #effect-overlay {
    height: 305px;
    width: 960px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(/objs/index_artist_feature_effect_overlay.png);
    background-repeat: no-repeat;
    z-index: 11;
}
#feature-artist-highlight #text-overlay {
    position: absolute;
    left: 450px;
    top: 15px;
    z-index: 12;
    width: 500px;
}
#feature-artist-highlight #text-overlay #feature-title {
    font-size: 11px;
    color: #CCCCCC;
}
#feature-artist-highlight #text-overlay #feature-title-link {
    font-size: 34px;
    letter-spacing: -2px;
    font-weight: normal;
    margin: 15px 0px 10px 0px;
}
#feature-artist-highlight #feature-artist-spotlight-tracks {
    margin-top: 20px;
}
#feature-artist-highlight #feature-artist-spotlight-tracks li {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

/* New Play page design */
#right-col-336 {
    width: 336px;
    float: left;
}
#left-col-336 {
    float: left;
    width: 564px;
    margin-right: 20px;
}
.dark-contentbox {
    background-image: url(/objs/contentbox-bg-top-rephoriz.png);
    background-repeat: repeat-x;
    padding: 15px;
    background-color: #1B1B1B;
    margin-bottom: 10px;
    border: 2px solid #1B1B1B;
}
#share-embed input {
    width: 100%;
    font-size: 15px;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}
#share-buttons {
    margin-top: 10px;
}
#share-buttons a:hover {
    background: transparent;
}
.artist-img {
    border: 4px solid #000000;
    width: 100px;
    max-height: 100px;
    overflow: hidden;
    text-align: center;
    background-color: #000000;
}
.artist-summary-image {
    float: left;
    width: 108px;
    margin-right: 10px;
}
.artist-summary-text {
    float: left;
    width: 400px;
}
.comments-sub-container {
    margin-bottom: 10px;
}

.comment-input-outer {
    border: 3px solid #000000;
    padding: 3px;
    background-color: #FFFFFF;
    margin: 0px 3px 3px 0px;
    display: inline-block;
}
.comment-input-outer input,.comment-input-outer textarea {
    margin: 0px;
    padding: 0px;
    font-size: 17px;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-weight: normal;
    color: #333333;
    border: none;
}
.comment-form {
    display: inline-block;
}
.comment-form #submit-row {
    text-align: right;
}
.comment-email-subscribe {
    display: block;
    margin: 0px 0px 5px 0px;
}
.tags {
    margin: 0px 0px 10px 0px;
}
.tags span a {
    color: #CCCCCC;
    font-size: 10px;
}
.player {
    margin: 0px 0px 10px 0px;
}

/* scrolling divs */

a.jScrollArrowUp {
    background-image: url(/objs/scroll-up.gif);
    background-repeat: no-repeat;
}
a.jScrollArrowDown {
    background-image: url(/objs/scroll-down.gif);
    background-repeat: no-repeat;
}

/* purchase rows - play */
#purchase-links {
    

}
#purchase-links a {
    color: #FFFFFF;
}
#purchase-links a:hover {
    background: transparent;
}
.purchase-row {
    background-image: url(/objs/purchase-row-bg.png);
    background-repeat: repeat-x;
    background-color: #4F4F4F;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}
a:hover .purchase-row {
    background-image: url(/objs/purchase-row-bg_hover.png);
}
.purchase-row img {
    vertical-align: middle;
}
.purchase-btn-price {
    float: left;
    width: 150px;
    height: 50px;
    display: block;
    line-height: 45px;
}
.purchase-title {
    float: left;
    width: 365px;
    margin-right: 5px;
    padding: 12px 0px 12px 0px;
    display: block;
    text-decoration: underline;

}
.purchase-title span {
    vertical-align: middle;
}
span.clear {
    display:block;
}
#downloads-heading {
    font-size: 15px;
    font-weight: bold;
}
#comment-form-validation div {
    background-color: #95F863;
    margin: 0px 0px 4px 0px;
    padding: 5px;
    color: #000000;
}
#ga-inline {
    margin: 5px 0px 5px 0px;
}
#playtabs {
    margin-top: 10px;
}
#playtabs ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#playtabs ul li {
    display: inline-block;
}
#playtabs ul li a:link,#playtabs ul li a:visited, #playtabs ul li a:active {
    display: inline-block;
    padding: 10px;
    background-color: #252525;
    color: #FFFFFF;
    outline: none;
    text-decoration: none;
}
#playtabs ul li a:hover {
    background-color: #95F863;
    color: #000000;
}
#playtabs ul li a.selected {
    background-color: #191919;
}
#playtabs ul li a.selected:hover {
    color: #FFFFFF;
}

/*DevelopStuff.net*/
a#by-developstuff,a#by-developstuff:hover{color:#FFFFFF!important;text-decoration:none;background:transparent;}
a#by-developstuff img {margin:0px 0px -3px 0px;}
/*DevelopStuff.net EOF*/

#addplaylist-form {
    display: none;
}

#playlist-message {
    background-image: url(/objs/done.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 5px 10px 20px;
    line-height: 20px;
    background-color: #000000;
    display: none;
}
#playlistloader {
    display: inline-block;
    margin: 0px 0px 0px 20px;
}
#playlist-load {
    background-color: #1B1B1B;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    background-image: url("/objs/contentbox-bg-top-rephoriz.png");
    background-repeat: repeat-x;
    border: 2px solid #1B1B1B;
}
#google_ads_div_Play-Top-Left {
    margin: 0px 0px 10px 0px;
}
#google_ads_div_Play-Bottom {
    margin: 10px 0px 0px 0px;
}
#google_ads_div_Play-In-Content {
    margin: 0px 0px 10px 0px;
}
.playlist-title {
    font-size: 18px;
    letter-spacing: -1px;
}
.playlist-controls {
    float: right;
}
#playlist-load .track {
    display: block;
    margin: 2px 0px 2px 0px;
    color: #FFFFFF;
    padding: 3px;
    border-bottom: 1px dotted #999999;
}
#playlist-load a:hover .track, #playlist-load a#playlingnow .track {
    background-color: #000000;
    padding: 3px 3px 3px 20px;
    background-image: url(/objs/play.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}
.playlist-top {
    border-bottom: 1px solid #333333;
    padding: 0px 0px 5px 0px;
}
#header-selectedpl {
    display: none;
}
ol#playlist {
    font-size: 18px;
    font-weight: bold;
}
ol#playlist li span {
    font-size: 13px;
    font-weight: normal;
}
ol#playlist li {
    margin-bottom: 10px;
}
#breadcrumbs {
    padding: 10px;
    border-bottom: 1px solid #000000;
}
#breadcrumbs a {
    color: #FFFFFF;
    background-color: transparent;
}

/* site switcher */
.site-switcher {
    text-align: right;
    margin: 10px auto 0px auto;
}
a:link span.site-switcher-button,a:visited span.site-switcher-button {
    width: 163px;
    height: 29px;
    display: block;
    background-image: url(/objs/btn_switch.png);
    float: right;
    text-align: center;
    line-height: 25px;
    color: #FFFFFF;
    font-size: 18px;
    margin: 0px 0px 0px 1px;
    text-shadow: 0px -1px 0px #000000;
}
a:hover span.site-switcher-button,a:focus span.site-switcher-button {
    background-image: url(/objs/btn_switch_on.png);
}
a span.site-switcher-selected {
    background-image: url(/objs/btn_switch_on.png) !important;
}
a:active span.site-switcher-button {
    background-image: url(/objs/btn_switch_on.png);
    line-height: 26px;
}
/* end switcher */

.fblike-area {
    height: 23px;
    overflow: hidden;
    color: #FFFFFF;
}