/* Layout for CJ PromoJam - Everclear */

body	{font-size: 12px; background: url(/images/everclear/promo-background.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	{width: 1000px; margin: 0px auto; position: relative;}

.column-one {}
.column-two {padding-top: 24px; padding-bottom: 10px; position: relative; margin-bottom: 20px;}

#music-cta {background: url(/images/everclear/music.png) 0 0 no-repeat; height: 224px; margin-bottom: 10px; width: 455px;}
#music-cta ul {list-style: none; margin: 0 0 0 255px; padding-top: 10px; width: 200px;}
#music-cta ul li {margin-bottom: 5px;}
#music-cta a.buy-itunes {display: block; height: 108px; width: 200px;}
#music-cta a.buy-amazon {display: block; height: 108px; width: 200px;}

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

.choose {}
h3.free-track {background: url(/images/everclear/title-free-track.png) 0 0 no-repeat; height: 84px; margin-left: 20px; margin-bottom: 28px; text-indent: -8000px; width: 402px;}
h4.post-message {background: url(/images/everclear/title-post-message.png) 0 0 no-repeat; height: 43px; margin-left: 20px; margin-bottom: 23px; text-indent: -8000px; width: 402px;}
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: 39px; margin-left: 20px; overflow: hidden;}

.facebook-column {background: url(/images/everclear/option-background.png) 0 0 no-repeat; float: left; height: 65px; width: 179px; text-align: center; margin-left: 5px; margin-right: 32px; padding-top: 12px;}
.twitter-column {background: url(/images/everclear/option-background.png) 0 0 no-repeat; 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: 15px 0 0 20px; overflow: hidden; position: relative; text-align: left; width: 385px;}

.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: 170px;}
.explain.facebook {font-weight: bold; margin-bottom: 150px; padding: 10px 30px 0 12px;}
.post-to-facebook {margin-left: 160px;}

#update {position: relative; z-index: 101;}

.tweet {margin-left: 22px; position: relative;}
.tweet #count {color: #d8dee1; font-family:'Georgia','Serif'; font-size: 1.5em; font-weight: bold; position: absolute; right: 20px; top: 19px;}
.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: 32px; bottom: 32px;}
.tweet {background: url(/images/everclear/tweet-box.png) 0 0 no-repeat; height: 194px; width: 414px;}
.tweet .custom {text-align: left; margin: 0; padding: 65px 32px 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: 350px;}
.suggest {width: 120px; margin: 15px auto 3px auto; text-align:center;}
.follow-explination {color: #000; font-size: 8px; margin-bottom: 0; padding-right: 23px; text-align: center; text-transform: uppercase;}
.follow-explination span {text-transform: none;}
.follow-explination a {color: #000;}
.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;}

.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	{margin-top: 19px; padding-bottom: 25px; position: relative; text-align: left; width: 960px;}
#footer ul {margin: 0 0 0 685px; 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;}