@import url(site.css);

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

      *Filename:        play.css
      *Description:     playmax = product page css
      *Version:         01/12/2011
      *Website:         youtab
      *Author:          Maggie proart
      
---------------------------------------------------------*/
#content { padding: 0 16px 24px; overflow: hidden; position: relative; }
#player-main {  width: 600px; padding-right: 18px; }
#player-main h1 a {margin-left:7px;}
#player-sidebar { padding-left: 14px; }
#player-panel { xoverflow: hidden; margin-top: 15px; margin-bottom: 12px; height:20px; }
#player-social-panel { xoverflow: hidden; xfloat: left; }
#player-social-panel li {  display:block; float:left; vertical-align:middle;  }
#report { margin-left: 10px; }
#video-views { line-height: 20px; font-size: 14px; }
#video-info { margin-top: 11px; }
#user-info { font-size: 14px;  line-height:1.5em;}
.list-item {display:block;}
.list-link { margin: 0 0 10px; }
.list-link .data { width: 203px; }
#video-description-wrapper {height:60px; overflow:hidden;}
.fb_edge_widget_with_comment { xmargin-right: -19px; }
/*
  .line{ border-left: 1px solid #3e3e3e; bottom: 26px;  position: absolute;  right: 365px;  top: 53px;  width: 1px; }
*/
#report-container { position: absolute; right: 0; top: 2px; width: 335px; padding: 15px 16px 0 14px; background: #4e4e4e; height: 100%; line-height: 1.5em; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; }
#report-arrow {position: absolute; right:365px; margin-top:326px;  height:10px; z-index:500;}
#report-list { margin: 40px 0; }
#report-list li { line-height: 26px; }
#report-list li.title { color: #ffba00; font-weight: bold; padding-left: 4px; }
.uploader { color: #ffba00;}

.view-button {display:block; background:#474747; padding:10px 0; text-align:center; border-top:1px solid #565656;border-bottom:1px solid #565656; font-weight:bold; margin-top:10px; margin-bottom:12px;color:#fff;}
.view-button span {padding-right:15px; background: url(../images/arrow-down.png) no-repeat right 5px;}
#view-button.down span { background: url(https://youtab-static.s3.amazonaws.com/images/arrow-up.png) no-repeat right 5px;}
#video-discussion { padding:15px 20px 10px;}

/* check if we can move to site css*/
#report-list input { vertical-align: middle; }
/* remove to site css and make the join in homepage unique*/
#report-container .button { padding: 5px 9px; margin-left: 12px; }
#report-container a {color:#ffba00;}

#tweet{ margin-right:5px; margin-left:5px;}
#heading-player-outerwrapper{ width:600px; height:270px; xoverflow:hidden; background:#000000 no-repeat center center; }

#xaheading-player-outerwrapper{ width:600px; height:270px; xoverflow:hidden; background:#000000 url(https://youtab-static.s3.amazonaws.com/images/no_flash_player.png) no-repeat center center; }
.smallscreen {width:600px!important; height:270px!important;  position:absolute;overflow:hidden!important;}
.fullscreen { z-index:6000; background:#000; overflow:hidden!important; position:absolute; top:0; left:0!important; bottom:0!important; right:0!important;}
.wide #player-panel , .wide #video-info , .wide #view-button , .wide #video-discussion , .wide #footer , .wide #player-sidebar,.wide #header {display:none;}
#uvTab{z-index:0;}
#facebook-like{width:130px;}




h4 {
	color:#ffba00;
	font-size:15px;
	font-weight:bold;
	margin-top:25px;
}

ul.moreMusic-panel {
	width:314px;
	background-color:#404040;
	padding:10px;
}

.moreMusic-panel li.moreMusic-item{
	display:block;
	padding:6px 5px 5px;
	border-bottom:1px solid #4e4e4e;
}

.moreMusic-panel li.moreMusic-item.last{
	border-bottom:none;
}

.moreMusic-panel a{
	font-weight:bold;
	line-height:1.8;
}


/* **************************************************
 *
 *   NEW STYLES ADDED FOR ARTIST PAGE - MOISH & LAURA
 *   
 * ************************************************** */

#video-description p { line-height:16px; }

#artistBanner {
	width:1000px;
	height:195px;
	position:relative;
	left:-16px;
}

#artist-sidebar { padding-left: 14px; }

#artist-sidebar h3 {
	font-size:18px;
	color:white;
}

#artistMessage {
	width:330px;
	height:270px;
	margin-bottom:46px;
	background: #313131;
	background: rgba(0,0,0,.4);
	-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
	overflow:hidden;
}

#artistMessage p {
	padding:20px;
	font-size:14px;
	color:white;
	line-height:26px;
}

#artistMessage a {
	color:#ffba00;
	font-weight:700;
}

#artistMessage a:hover { color:#818181; }

#artistMessage img {
	position:relative;
	bottom:0;
}