/* Layout for CJ PromoJam - Tori Amos */

body	{font-size: 12px; background: #000 url(/images/toriamos/bg.jpg) 50% 0 no-repeat;}

form ul	{margin: 0;padding: 0;}
form ul li	{list-style-type: none;margin: 0 0 13px;padding: 0;}
form ul li label	{display: block;margin: 0 0 3px;}
form ul li.checkbox label	{display: inline;}
textarea	{width: 98%;}

#errorExplanation	{border: 1px solid #E3BEBE;background: #F6E8E8;margin: 10px 0 20px;padding: 20px;}
#errorExplanation h2	{margin: -20px -20px 20px;background: #E3BEBE;padding: 10px 20px;}
#errorExplanation p	{margin: 0 0 20px;}
#errorExplanation ul	{margin: 0 0 0 25px;}
#errorExplanation ul li	{list-style-type: disc;margin: 0 0 3px;padding: 0;}

#page-wrapper	{margin: 0px auto; position: relative;}

.column-one {}
.column-two {background: url(/images/toriamos/base.png) 0 0 no-repeat;}
.column-two.facebook { position:relative;margin-top:220px;width:1100px;}

#music-cta {background: url(/images/toriamos/buy-links.png) 0 0 no-repeat; height: 37px; margin-bottom: 10px; width: 467px; margin-left:313px; clear:left;}
#music-cta ul {list-style: none; margin: 0 0 0 322px; padding-top: 10px; width: 200px;}
#music-cta ul li {margin-bottom: 5px; float: left; display: inline; height: 20px;}
#music-cta ul li.itunes img {width: 60px; height: 20px;}
#music-cta ul li.amazon img {width: 70px; height: 20px;}
#music-cta a.buy-itunes {}
#music-cta a.buy-amazon {}

a.buy-single-itunes {display:block; height:40px; margin:0 auto 0 482px; width:140px;}

.choose {background: url(/images/toriamos/cd.png) 30px 0px no-repeat; height: 283px}
h3.logo {background: url(/images/toriamos/logo.png) 0 0 no-repeat; height: 118px; margin-left: 230px; margin-bottom: 12px; text-indent: -8000px; width: 318px;}
h3.free-track {background: url(/images/toriamos/top-copy.png) 0 0 no-repeat; height: 156px; margin-top:150px; margin-left: 190px; text-indent: -8000px; width: 348px;}
h4.post-message {background: url(/images/toriamos/btm-copy.png) 0 0 no-repeat; height: 110px; margin-left: 335px; margin-top: 25px; text-indent: -8000px; width: 432px;}
h4.get-single {background: url(/images/everclear/title-get-single.png) 0 0 no-repeat; height: 59px; margin: 0 auto 8px; text-indent: -8000px; width: 285px;}
.authorize {margin-bottom: 12px; margin-left: 352px; overflow: hidden;}

.facebook-column {float: left; height: 65px; width: 179px; text-align: center; margin-left: 5px; margin-right: 32px; padding-top: 12px;}
.twitter-column {float: left; height: 65px; width: 179px; text-align: center; padding-top: 12px;}
.twitter-column .post-option img	{margin-left: 6px;}

.post-option {height: 13px; margin-bottom: 12px}
.twitter-column .post-option {height: 13px; margin-bottom: 8px}

.facebook-welcome {background-color: #fff; border:  3px solid #c6c6c6; color: #415e98; margin: 25px 0 25px 200px; overflow: hidden; position: relative; text-align: left; width: 385px;}
.facebook-preview-holder {color: #415e98; margin: 10px 0 8px 150px; overflow: hidden; position: relative; text-align: left; width: 485px;}

.facebook-exclusive {height:66px; margin-left:120px; margin-top:240px; width:348px;}
.facebook {width: 90px; float: left; padding-top: 12px;}
.facebook-share {float: left;}

.avatar	{float: left; margin-left: 8px; margin-top: 6px;}
.details {float: left; margin-left: 8px; margin-top: 6px; text-align: left;}
.name {font-size: 1.2em; font-weight: bold;}
.status {font-size: 1em; width:  190px;}
.status-time {font-size: .8em; font-style: italic;}
.about {float: left; margin: 5px; padding: 3px; background: #c6c6c6; color: #415e98; text-align: center; clear:  both;}
.fb-preview {position: absolute; right: 23px; top: 40px;}
.explain.facebook {font-weight: bold; margin-bottom: 150px; padding: 10px 0 0 12px;width:420px;margin-left:30px;}
.post-to-facebook {margin-left: 160px;}

#update {position: relative; z-index: 101; margin-top:26px;}

.tweet {margin-left: 342px; position: relative;}
.tweet #count {color: #d8dee1; font-family:'Georgia','Serif'; font-size: 1.5em; font-weight: bold; position: absolute; right: 20px;}
.tweet #static	{color: #000; font-size: .9em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; position: absolute; left: 9px; bottom: 14px;}
.tweet {background: url(/images/toriamos/tweet-box.png) 0 0 no-repeat; height: 136px; width: 414px;}
.tweet .custom {text-align: left; margin: 0; padding: 33px 8px 0;}
.tweet p textarea	{margin: 0; height: 74px; border: none; padding: 0; font-size: .9em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; width: 406px; background: #DEDDDE;}
.suggest {width: 120px; margin: 6px auto 2px 500px; text-align:center;}
.follow-explination {color: #fff; font-size: 8px; margin-bottom:25px; margin-left:115px; padding-right: 23px; text-align: center; text-transform:uppercase;}
.follow-explination span {text-transform: none;}
.follow-explination a {color: #fff;}
.follow-explination a:hover {text-decoration: underline;}

.reposts {width: 425px;}
.reposts .facebook-column {margin-bottom: 40px;}
h3.repost {background: url(/images/everclear/title-repost-retweet.png) 0 0 no-repeat; height: 64px; margin-top: 17px; margin-bottom: 21px; text-indent: -8000px;}

.interview {background:transparent url(/images/toriamos/interview-box.png) no-repeat scroll 0 0; height:92px; margin:20px 0 0 344px; width:417px; text-align: right;}
.interview img {padding-right:30px; padding-top:14px;}

.videos {margin-left: 330px; margin-top: 20px; height: 76px;}
.videos span, .videos span a {color: #fff; margin: 0px;}
.videos li {float:left; display:inline; padding-left:12px; text-align: center; width: 96px;}

.video-stream	{background: url(/images/video-back.png) 0 0 no-repeat;margin: 200px auto 0 auto; position: relative; height: 425px; width: 510px;}
.video-stream .thumbs {position: absolute; top: 50px; left: 3px;}
.video-stream ul {margin: 0;}
.video-stream ul li	{display: inline; margin-right: 3px;}

div.flash	{font-size: 1.4em;margin: 0 auto;padding: 10px 20px;background: #000;line-height: 1.3;font-size: 12px;}
div.error	{font-size: 1.4em;background: #bd2c00;}
div.notice	{font-size: 1.4em;background: #13bf30;}
div.info p.who_when	{margin: 0;padding: 0;}
div.info span.date	{color: #aaa;}
div.text	{float: left;display: inline;width: 300px;}

div.profile dl.details dd	{float: left;width: 380px;padding: 3px 0;}

/* Layout */
/* Stats Styling */
.stats-header {width: 800px; margin: 0 auto; height: 35px; background: url(/images/promojam-stats-header.png) 0 0 no-repeat;}
.statWrap	{width: 700px; margin: 0 auto; background: #191919; padding: 20px; position: relative; color: #DDD;}
.topBox {width:700px; margin:0 auto 48px auto; opacity: 1; position: relative;}
.topStats {width:140px; display: inline; position: relative; float: left;}
.bottomBox {width:700px; margin:0px auto 10px auto; opacity: 1;}
.topStats h2 {width: 120px; font-size: 1.2em;line-height: 1.1em; margin: 0; color: #FFF;}
.topStats h3 {width: 120px; font-size: 1.4em;line-height: 1.1em;padding: 0; margin: 0; color: #FFF;}
.bottomBox * {color: #FFF;}

#footer	{width: 100%;}
#footer ul {margin: 0 0 0 476px; overflow: hidden;}
#footer ul li {display: block; float: left; margin-right: 40px;}
#footer ul li.legal {margin-right: 50px;}
#footer ul li.culturejam {padding-top: 11px;}

.button-wrapper {height: 50px; overflow: hidden; margin: 0 auto 15px auto; padding: 0; width: 211px;}

.video { display: none; text-align: center; }
.not-supported { color: #fff; margin-left: 1.0em; font-size: 1.2em; }