/* Layout for CJ PromoJam - Jason Castro */
body	{font-size: 12px; background: url(/images/jasoncastro/background.jpg) top center 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;}

.hidden {  display: none }
.clear-space { clear: both; }

#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;}

#header { background: url(/images/jasoncastro/header.jpg) top center no-repeat; width: 1045px; height: 294px; margin: 0px auto; }

#page-wrapper	{ width: 1045px; margin: 0px auto; }
.column-wrapper { width: 950px; overflow: hidden; margin: 0px auto 0px 75px; }

/* Column One */
.column-one { width: 584px; float: left; margin: 0px 0px; }
#main-copy { background: url(/images/jasoncastro/main_copy.png) top left no-repeat; width: 584px; height: 240px; }
.action_window_top { width: 584px; height: 24px; background: url(/images/jasoncastro/action_window_top.png) top left no-repeat; }
.action_window_mid { width: 584px; background: url(/images/jasoncastro/action_window_mid.png) top left repeat-y; padding: 0px; }
.action_window_bot { width: 584px; height: 28px; background: url(/images/jasoncastro/action_window_bot.png) top left no-repeat; }
#twitter-conect{ float: right; }

/* Column Two */
.column-two { width:363px; height: 347px; background: url(/images/jasoncastro/order_info.png) top left no-repeat; float: left; margin: 0px 0px 0px ; }
#music-purchase { margin: 195px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; }
#buy-song { width: 260px; height: 60px;  margin:0px auto 0px auto; }
#buy-song a { display: block; height: 100%; width: 100%; }
#buy-video { width: 260px; height: 60px; margin: 5px auto 0px auto; }
#buy-video a {display: block; height: 100%; width: 100%;}

/* Column Exclusives */
.column-purchase { width:356px; height: 347px; background: url(/images/jasoncastro/order_info2.png) top left no-repeat; float: left; margin: 0px 0px 0px ; }
#music-purchase { margin: 195px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; }
#buy-song { width: 260px; height: 60px;  margin:0px auto 0px auto; }
#buy-song a { display: block; height: 100%; width: 100%; }
#buy-video { width: 260px; height: 60px; margin: 5px auto 0px auto; }
#buy-video a {display: block; height: 100%; width: 100%;}

.column-exclusive { width:586px; height:360px; background: url(/images/jasoncastro/exclusive_back.png) top left no-repeat; float:left; margin:0px 0px 0px 0px; }
.exclusive_title { text-align: center; margin:30px auto 18px auto; }

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

.tweet {margin-left: 22px; position: relative; text-align: center;}

.tweet #count {color: #e6e4a9; font-family:'Georgia','Serif'; font-size: 1.7em; font-weight: bold; position: absolute; right: 60px; top: -5px;}

.tweet textarea	{ background: #e6e4a9; border:4px solid #be8f0c; outline: none; margin: 0px 0px 0px -20px; width:500px; height: 100px; padding: 6px; font-size: 16px; line-height: 24px; color: #5a4101; font-weight: bold; font-family: Arial, Helvetica, Arial, Sans-Serif; width: 350px;}

.tweet-this {width: 288px; height:62px; margin: -8px auto 3px auto; text-align:center;}

#tweet-url { text-align: center; margin: 0px 0px 0px 15px; color:#b4ad5f; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }


/* EXCLUSIVE PAGE */
.gallery { margin: 27px 0px 0px 49px; }
.gallery_thumb { width:100px; height:100px; border:4px solid #b4ad5f; overflow: hidden; margin:0px 20px 0px 0px; float: left; }


.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 */
#footer	{ background: url(/images/jasoncastro/footer.png) top center no-repeat; margin: 10px auto 25px 78px; position: relative; text-align: left; width: 941px; height: 126px; }
#jcsite { width: 500px; height: 50px; float: left; margin: 12px 35px 0px 200px; }
#jcsite a { width: 100%; height: 100%; display: block; }
#jctwitter {  width: 185px; height: 50px; float: left; margin: 12px 0px 0px 0px }
#jctwitter a { width: 100%; height: 100%; display: block; }

#atlantic {  width: 40px; height: 50px;  float: left; margin: 20px 0px 0px 425px }
#atlantic a { width: 100%; height: 100%; display: block; }
#culturejam {  width: 110px; height: 50px; float: left; margin: 20px 0px 0px 10px }
#culturejam a { width: 100%; height: 100%; display: block; }

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

/* jPlayer Styling */
#player-head {margin:6px 0px;height:120px;}
#player-head img {float:left;}
#player-head .itunes{margin:6px 12px;}

#player_position { position:relative; top:10px; left:10px; width: 395px; height: 200px;  }

#jquery_jplayer{ } 

#player_container { position: relative; left:90px; top:2px; background:url(../images/player-controls.png) 0 0 no-repeat; width:395px; height:70px; clear:left;}

#player_container ul#player_controls{ list-style-type:none;padding:0;margin:0; position:relative; top:15px; left: 14px;}
#player_container ul#player_controls li{overflow:hidden;text-indent:-9999px;}
#player_play, #player_pause{display:block;position:absolute;left:36px; top:9px;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:6px;top:16px;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:78px;top:16px;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:109px;top:16px;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{position:absolute; left: 159px; top: 37px;background-color:transparent;width:122px;height:15px;}
#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:274px;top:22px;background:url("/images/spirites.png") 0 -170px no-repeat;width:18px;height:15px;cursor:pointer;}
#player_volume_max{position:absolute;left:354px;top:22px;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: 305px; top:42px; background:url("/images/volume_bar.gif") repeat-x top left;width:56px;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:162px;top:56px;width:110px;font-size:.5em;font-style:oblique;color:#333;}
#total_time { text-align:right; }
#playlist_list {width:395px; position:relative; left:17px; top:-10px; }
#playlist_list ul{ list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:395px; }
#playlist_list li{ padding:0px; margin:0px; cursor:pointer; text-align:left; font-size:12px; font-weight:bold; color:#c21113;}
#playlist_list li.playlist_current{ margin:0px; color:#565656; list-style-image:url(../images/cursor.png); list-style-position:inside; padding:0px; cursor:default;}
#playlist_list li.playlist_hover{ margin:0px; color:#4e872b; background:transparent url(../images/chat-bg.png) top left repeat;}