/*--------------------------------------------------------------

    Site Styles
    
    Author: Charles Choiniere
    Email:  info@binarysushi.com
    URL:    binarysushi.com

--------------------------------------------------------------- */
@import url('reset.css');
@import url('color.css');
@import url('typography.css');

body { margin: 0; }
#page-wrap { width: 960px; margin: 0 auto; }
#masthead { position: relative; padding-top: 70px; padding-bottom: 30px;}
#nav-global { position: relative; height: 56px; }

.logo { position: absolute; top: -21px; left: 45px; }
.logo-text { position: absolute; top: 10px; left: 150px; }
.logo-beta { position: absolute; top: 15px; right: -22px; }

.search { position: absolute; right: 20px; top: 17px; }
.search input { float: left; }
.search #id_search { width: 180px; }
.search .submit { height: 27px; width: 25px; text-indent: -9999px;}
.nav-global { position: absolute; bottom: 2px; left: 142px; top: 28px; margin: 0; float: left; }
.nav-global li { float: left; }
.nav-global span { text-indent: -9999px;}

#album-slider { width: 940px; margin: 0 auto;}
#album-slider .content-box-top { height: 18px;}

.content { margin: 0 auto; width: 940px; }
.content-box-top { height: 28px;  }
.content-box-bottom { clear:both; height: 28px; }

.search-control { height: 30px; position: relative; }
.search-box { padding-left: 30px; }
.search-box p { float: left; margin:0;  padding: 0; line-height: 0; }
.search-box label { margin-right: 10px; }

.artist-results { padding: 0 30px 10px; position: relative; }
.artist-results img { float: left; margin-right: 30px; }

.album-results { float: left; width: 49%; }

.album-results ul { float: left; margin: 0; position: relative; left: 16px;}
.album-results li { float: left; position: relative; margin: 0 12px 0 0; padding-bottom: 45px; }
.album-results img { padding: 0 14px 14px; }
.album-results h3 { position: absolute; z-index: 10; margin-top: .7em; }
.album-results h4 { position: absolute; z-index: 10; }

.post-results { float: left; width: 49%; }

.index .featured { position: relative; left: 30px; padding: 0 0 10px; height: 320px; }
.news { float: left; width: 390px; margin-left: 36px; padding-right: 28px; border-right: 2px solid #69bad8; }
.fifty-fifty .news { border: none; }
.news ul { margin: 0; padding: 0; list-style: none; }
.mailing-list { float: left; width: 410px; margin-left: 30px; }
.news .more { width: 100px; margin: 8px 0 0; padding: 0 5px; height: 25px; line-height: 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #69bad8; }

#mc_embed_signup legend { display: none; }
#mc_embed_signup input { width: 360px; padding: 1px 30px; height: 32px; line-height: 32px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #302f3a; }
#mc_embed_signup label { display: none; }
#mc_embed_signup .btn { width: 100px; float: right; margin: 5px 0 0; padding: 0 0 3px 0; height: 25px; line-height: 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #69bad8; cursor:pointer;  }
.nospam { margin: 6px 0 0 5px; float: left; width: 300px; font-size: 1em; line-height: 1.5em; }

#content { border-top-width: 1px; border-style: solid; }
    #weblog .content-primary { float: left; width: 550px; padding-right: 60px; margin: 0 0 0 60px; border-right: 2px solid #69bad8; font-size: 10pt !important; font-weight:500;}
    #weblog .content-primary a { font-weight: bold; }
#weblog .content-secondary { float: left; width: 150px; padding-left: 60px; margin: 0 0 0 0 60px;  }
.artist-detail .content-primary { float: left; width: 464px; margin: 0 0 0 15px; }
.artist-detail .content-secondary { float: left; width: 410px; margin: 0 10px; }
.mugshot-box-bottom { padding: 0 16px 20px; }
.artist-detail .bio,
.social-artist { margin: 0 auto; width: 430px; }
.artist-detail .bio h2 { padding-bottom: .4em; }

.artist-detail .albums { padding-bottom: 60px; }
.artist-detail .albums li { padding: 38px 0 28px; border-bottom: 3px solid #5e5d66;}
.artist-detail .albums li.first { padding-top: 0; }
.artist-detail .albums .description { float: left; width: 210px; margin-left: 200px; }
.artist-detail .albums .links { float: left; width: 200px; margin-left: -410px;}
.artist-detail .round-button { margin-top: 10px; float: left; }
.artist-detail .related-news { margin-bottom: 28px; border-bottom: 3px solid #5e5d66;;}


.artist-list .content ul { float: left; margin: 0; position: relative; left: 18px; }
.artist-list .content li { float: left; margin-bottom: 37px; padding-right: 27px; width: 284px; }
.artist-list .mugshot { margin: 0 auto; display: block; }
.artist-box-top { height: 24px; }
.artist-box-bottom { height: 25px; }

.album-list .content ul  { float: left; margin: 0; position: relative; left: 16px;}
.album-list li { float: left; position: relative;}
.album-list .albums li { margin: 0 12px 0 0; padding-bottom: 45px; }
.album-list .featured-albums li { margin: 0 69px 0 0; padding-bottom: 40px; }
.album-list .featured-albums .last { margin: 0; }
.album-list .featured-albums img { padding: 0 14px 18px; border: none; }
.album-list .albums img { padding: 0 14px 14px; }
.album-list h1 { position: absolute; z-index: 10; margin-top: .7em; }
.album-list h2 { position: absolute; z-index: 10; }

.album-detail .content-box-mid { position: relative; }
.album-detail .content-primary { float: left; width: 300px; margin: 0 0 0 30px; display: inline; position: relative; }
.album-detail .content-secondary { float: left; width: 560px; margin: 0 0 0 20px; display: inline; position: relative; }
.album-detail .title-bar { position: relative; height: 30px; }
.album-detail .title-bar h1 { position: absolute; top: 6px; left: 30px;  }
.album-detail .title-bar h2 { position: absolute; top: -24px; left: 30px; }
.album-detail .title-bar .round-button { position: absolute; top: -2px; right: 40px; }
.album-detail .lp-jacket { padding:0 0 10px 10px; }
.album-detail .record { position: absolute; top: 0; left: 370px; }
.album-detail .details { padding-left: 10px; padding-top: 1px; }
.album-detail .details .title { margin-bottom: 0; }
.album-detail .playlist { width: 300px; }
.album-detail .paging { position: absolute; right: 40px; bottom: 5px; }


.album-detail .details .round-button { margin-bottom: 6px; }

.playlist li a { padding-left: 24px; }

.round-button { height: 25px; line-height: 25px; }
.round-button .inner { position: relative; right: -15px; padding-right: 15px; height: 25px; display: inline-block; }

.post { padding-bottom: 1em; margin-bottom: 3em; border-bottom: 2px solid #777; }

#nav-artists .content-box-top { height: 18px; }
#nav-artists .content-box-mid { padding: 0 17px; }
#nav-artists ul { float: left; margin: 0; padding-left: 1em; left: 0; }
#nav-artists ul li { float: left; margin-right: .4em; margin-bottom: 2px; padding-right: .4em; width: auto; border-right-width: 1px; border-right-style: solid; }
#nav-artists li.last { border: none; }

.social-label { margin: 0 auto 25px; width: 880px; }

#site-info { padding: 0 40px 10px; height: 25px; line-height: 25px; }

* html .album-list .artists { overflow: hidden; width: 144px; }
* html .album-list h1 { position: absolute; z-index: 10; margin-top: 0; white-space: nowrap; }
* html .album-list h2 { position: relative; z-index: 10; white-space: nowrap; }
*+html .album-list h1 { position: absolute; line-height: 1; left: 0; margin-top: -3px; }
*+html .album-list h2 { position: relative; line-height: 1; left: 0; }

* html .album-results  h3 { position: absolute; z-index: 10; margin-top: 0; white-space: nowrap; }
* html .album-results  h4 { position: relative; z-index: 10; white-space: nowrap; }
*+html .album-results  h3 { position: absolute; line-height: 1; left: 0; margin-top: -3px; }
*+html .album-results h4 { position: relative; line-height: 1; left: 0; }

* html .album-detail .content-box-mid { height: 1%; }
* html .artist-detail .description { position: relative; display: inline; }
* html .content-box-mid { position: relative; }
* html .album-detail .title-bar { height: 30px; }

* html #weblog .content-primary { position: relative; display: inline; overflow: hidden;}
* html #weblog .content-secondary { position: relative; display: inline; }

* html .news,
* html .mailing-list { position: relative; display: inline; }

iframe .fbConnectWidgetFooter {display:none;}