/* @override http://localhost:3000/stylesheets/layout.css */
/* Layout for CJ PromoJam - Selena Gomez */
body{background:#aac0c3 url(../images/bg.jpg) top center no-repeat;}
#wrapper{margin:0 auto;width:1107px;height:1060px;position:relative;}
#culturejam{margin:0;position:absolute;left:870px;top:790px;}

#logo{margin:0;position:absolute;left:136px;top:21px;}
#celebrate{margin:0;position:absolute;left:245px;top:92px;}
#cd{margin:0;position:absolute;left:842px;top:53px;z-index:5;}
#lucky{margin:0;position:absolute;left:76px;top:350px;z-index:5;}
#album{margin:0;position:absolute;left:65px;top:425px;;width:606px;height:386px;background:transparent url(../images/call-to-action-album.png) top left no-repeat;}
#album ul {margin-top:38px;margin-left:360px;}
#album li {list-style:none;}
#album li.order {margin-left:64px;}
#t-connect {margin:0;position:absolute;left:716px;top:510px;}

#post{background:transparent url(../images/twitter-box.png) top center no-repeat;width:356px;height:212px;text-align:center;position:absolute;left:668px;top:500px;margin-bottom:62px;}
#post small{color:#333;font-size:0.6em;position:relative;top:-2px;}
#post small a{color:#666;text-decoration:none;}
#post small a:hover{text-decoration:underline;}
#tweet-box textarea{background:transparent none repeat scroll 0 0;border:none;font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;font-size:0.9em;font-weight:bold;height:70px;line-height:1.5em;margin:45px 0 0 5px;padding:0;width:268px;text-align:left;}
#tweet-box h4{position: relative;margin:8px 0 4px 52px;font-size:1em;font-weight:bold;text-align:left; padding-bottom: 4px;}
#this{margin:10px 0px;text-align:center;width:100%;float:left;}

#footer{margin:0 auto;width:1040px;}
#footer ul{margin:1em auto;text-align:center;}
#footer li{display:inline;padding:7px 14px;}

/* Error Styling */
#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;}

/* Stats Styling */
.stats-header{background:transparent url(/images/promojam-stats-header.png) no-repeat scroll 0 0;height:35px;margin:0 auto;width:800px;}
.statWrap{width:760px;margin:0 auto;background:#191919;padding:15px;position:relative;color:#DDD;}
.topBox{width:750px;margin:0 auto 48px auto;opacity:1;position:relative;}
.topStats{width:110px;display:inline;position:relative;float:left;}
.bottomBox{width:750px;margin:0px auto 10px auto;opacity:1;}
.bottomBox h3{font-size:1.1em;line-height:1.2em;margin:0;color:#FFF;text-transform: lowercase; text-align: left; padding: 5px; border-bottom: 1px solid #333333;}
.topStats h2{width:105px;font-size:.9em;line-height:1.1em;margin:0;color:#FFF;}
.topStats h3{width:105px;font-size:1.1em;line-height:1.1em;padding:0;margin:0;color:#FFF; text-align: left;}
.bottomBox *{color:#FFF;}

/*Facebook Styling */
.facebook-welcome{background-color:#fff;border:3px solid #c6c6c6;color:#415e98;margin:20px auto 50px auto;position:relative;text-align:left;width:385px;height:162px;}
.facebook-welcome .about p{color:#000 !important;font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif !important;font-size:1.1em !important;text-align:center !important;}
.facebook-welcome .about img{margin:20px 0 30px 30px !important}
.facebook-preview-holder{background-color:#fff;border:3px solid #c6c6c6;color:#415e98;margin:8px auto 40px auto;position:relative;text-align:center;width:550px;height:260px;}
.post-to-facebook{margin:5px auto;position:absolute;text-align:center;width:120px;top:435px;left:0;}
.details{margin-left:8px;margin-top:6px;position:relative;left:0;}
.avatar{margin-top:6px;position:absolute;left:8px;height:90px;}
.name{font-size:1.2em;font-weight:bold;position:absolute;left:60px;top:0px;}
.status{font-size:1em;width:250px;position:absolute;left:60px;top:18px;}
.status-time{font-size:.8em;font-style:italic;position:absolute;left:60px;top:34px;}
.about{margin:5px;padding:3px;background:#c6c6c6;color:#415e98;text-align:center;clear:both;position:absolute;left:0;top:55px;height:90px;}
.fb-preview{margin-left:25px;width:490px;position:relative;margin-bottom: 35px;}
.explain.facebook{color:#000 !important;font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif !important;font-size:.9em !important;text-align:center !important;margin:20px 0; color: #FFFFFF !important;}
.post-to-facebook img{margin:20px auto 10px 170px !important}

/* Exclusive Page */
.tech, .tech a {font-size: 1em; color: #868686; text-align: center; font-weight: normal; text-decoration: underline; position: absolute; bottom: 90px; left: 50px; width: 600px;}
#cd-ex{margin:0;position:absolute;left:118px;top:210px;}
#album-ex{margin:0;position:absolute;left:65px;top:470px;;width:606px;height:386px;background:transparent url(../images/call-to-action-album.png) top left no-repeat;z-index:5;}
#album-ex ul {margin-top:38px;margin-left:360px;}
#album-ex li {list-style:none;}
#album-ex li.order {margin-left:64px;}

/* jPlayer Styling */
#player-position{position:absolute;left:120px !important; top:350px;z-index:10;}
#jquery_jplayer{ }
#player_container{background:transparent url(/images/player.png) no-repeat scroll 0 0;height:178px;position:relative;width:490px;}
#player_container ul#player_controls{list-style-type:none;padding:0;margin:0; position:absolute; top:56px;left:25px;}
#player_container ul#player_controls li{overflow:hidden;text-indent:-9999px;}
#player_play,
#player_pause{display:block;position:absolute;left:48px;top:20px;width:40px;height:40px;cursor:pointer;}
#player_play{background:url("/images/spirites.png") 0 0 no-repeat;}
#player_play.jqjp_hover{background:url("/images/spirites.png") -41px 0 no-repeat;}
#player_pause{background:url("/images/spirites.png") 0 -42px no-repeat;}
#player_pause.jqjp_hover{background:url("/images/spirites.png") -41px -42px no-repeat;}
#ctrl_prev{position:absolute;left:20px;top:26px;background:url("/images/spirites.png") 0 -112px no-repeat;width:28px;height:28px;cursor:pointer;}
#ctrl_prev:hover{background:url("/images/spirites.png") -29px -112px no-repeat;}
#ctrl_prev.disabled{background:url("/images/spirites.png") -58px -112px no-repeat;cursor:default;}
#ctrl_next{position:absolute;left:88px;top:26px;background:url("/images/spirites.png") 0 -141px no-repeat;width:28px;height:28px;cursor:pointer;}
#ctrl_next:hover{background:url("/images/spirites.png") -29px -141px no-repeat;}
#ctrl_next.disabled{background:url("/images/spirites.png") -58px -141px no-repeat;cursor:default;}
#player_stop{position:absolute;left:126px;top:26px;background:url("/images/spirites.png") 0 -83px no-repeat;width:28px;height:28px;cursor:pointer;}
#player_stop.jqjp_hover{background:url("/images/spirites.png") -29px -83px no-repeat;}
#player_progress{background-color:none;height:15px;left:202px;position:absolute;top:87px;width:110px;}
#player_progress_load_bar{background:url("/images/bar_load.gif") top left repeat-x;width:0px;height:15px;cursor:pointer;}
#player_progress_load_bar.jqjp_buffer{background:url("/images/bar_buffer.gif") top left repeat-x;}
#player_progress_play_bar{background:url("/images/bar_play.gif") top left repeat-x ;width:0px;height:15px;}
#player_volume_min{position:absolute;left:315px;top:32px;background:url("/images/spirites.png") 0 -170px no-repeat;width:18px;height:15px;cursor:pointer;}
#player_volume_max{position:absolute;left:386px;top:32px;background:url("/images/spirites.png") 0 -186px no-repeat;width:18px;height:15px;cursor:pointer;}
#player_volume_min.jqjp_hover{background:url("/images/spirites.png") -19px -170px no-repeat;}
#player_volume_max.jqjp_hover{background:url("/images/spirites.png") -19px -186px no-repeat;}
#player_volume_bar{position:absolute;left:360px;top:90px;background:url("/images/volume_bar.gif") repeat-x top left;width:46px;height:5px;cursor:pointer;}
#player_volume_bar_value{background:url("/images/volume_bar_value.gif") repeat-x top left;width:0px;height:5px;}
#play_time,
#total_time{position:absolute;left:164px;top:45px;width:122px;font-size:.6em;font-style:oblique;color:#AAA;}
#total_time{text-align:right;}
#playlist_list{display:none;}
#playlist_list ul{list-style-type:none;padding:5px 0 10px 0;margin:0 0 10px 0;background-color:#1c2580;border:1px solid #3238b3;border-top:none;width:405px;font-size:1em;}
#playlist_list li{padding:2px 0 2px 20px;border-bottom:1px solid #0a146d;cursor:pointer;color:#FFF;}
#playlist_list li.playlist_current{color:#f23470;list-style-type:square;list-style-position:inside;padding-left:6px;cursor:default;background: #0a146d;}
#playlist_list li.playlist_hover{color:#f23470;background: #0a146d;}

/* Tweet Chat */
.twitter-chat .tweet {margin-top: 0; margin-left: 0; position: relative;}
.twitter-chat .tweet #count {display:none; color: #352c20; font-family:'Georgia','Serif'; font-size: 1.1em; font-weight: bold; position: absolute; right: 15px; top: 6px;}
.twitter-chat .tweet #static	{color: #000; font-size: .8em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; margin-left:92px; position:absolute; bottom:4px;}
.twitter-chat  {margin-top: 0px; width: 420px; height: 232px; background: url(/images/t-chat.png) 0 0 no-repeat; position:absolute;left:616px;top:32px;z-index:5;}
.twitter-chat .tweet p {text-align: left; margin-bottom: 0; margin-top: 3px; padding: 0px 15px 0;}
.twitter-chat .tweet p textarea	{width: 306px; margin: 44px 0 0 71px; height: 104px; border: none; padding: 0; font-size: .8em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; background: url(/images/t-chat-bg.jpg) 0 0 no-repeat;}
.twitter-chat input	{position: absolute; bottom: 36px; right: 20px; margin: 0;}

/* Widget */
.twitter-widget {position:absolute;top:240px;left:636px;width:474px;height:527px;}
.twitter-widget .bottom-fade {left: 0; position: absolute; bottom: 0;}
#tweet_widget {background:transparent url(../images/t-widget.png) top left no-repeat; padding:32px;}
#tweet_widget center {display: none;}
#tweet_widget div div {font-size: 11px !important; line-height: 1.35em; margin: 4px 0 !important; padding: 4px 0 4px 36px !important; position: relative; color: #19180e !important;}
#tweet_widget div div img {left: 2px; position: absolute; top: 2px;}
#tweet_widget div div a {color: #000 !important;}
#tweet_widget .jtw_new_tweet {background-color: #707070 !important;}
#tweet_widget .jtw_tstamp {color: #000 !important;}

/* Reposts */
.reposts {position: absolute;bottom:32px;right:42px;}
.reposts .facebook-column, .reposts .twitter-column {margin-top: 10px; position: absolute; clear: both; top: 30px; width: 140px;}
.reposts .facebook-column {margin-top: 14px; left: 0;}
.reposts .twitter-column { left: 160px;}
.reposts .repost-title {height: 64px; position: absolute; clear: both; top: 10px; left: 0; color:#aaa; font-weight:bold; 
font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;font-size:0.9em;font-weight:bold; font-size:1.2em;}