/* Portrait */
/* @media screen and (max-width: 320px) 
@media 	all and (orientation:portrait)
{
*/

html, body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #fff;
  height: 100%;
  min-width: 320px;
  overflow: hidden;
  max-width: 330px;
}


/*
header, .sc-player {
	height: 65px;
}

.sc-player .sc-controls {
width: 65px;
height: 65px;
}

.sc-player .sc-controls a
{
display: block;
width: 65px;
height: 65px;
}

.sc-scrubber .sc-time-span img {
display: block;
height: 50px;
}

.sc-scrubber  {
  height: 45px;
  margin: 12px 10px 0 81px;
}

.sc-scrubber .sc-buffer, .sc-scrubber .sc-played {
  height: 60px;
}

.sc-player .sc-controls a {
  background-position: 8px 4px;
}

.sc-player .sc-controls a.sc-pause {
  background-position: -42px 4px;
}

.sc-player .sc-controls a.sc-pause {
  background-position: -42px 4px;
}


*/

#bigPlayButton {
	margin-top: -72px;
/*	z-index: 20000; */
}

footer {
	height: 88px;
	border-top: 1px solid #000;
	z-index: 3000
}

#footer-toggleComments {
	float:right;
	height: 44px;
	line-height: 44px;
	font-size: 11px;
	border-bottom: 1px solid #000;
}

#footer-analog {
	float: left;
	height: 44px;
	line-height: 44px;
	font-size: 11px;
	border-bottom: 1px solid #000;
}


#footer-buttons {
clear: both;
margin: -1px 0 0 0;
display: block;
 float: left;
 width: 180px;
 position: relative;
 top: 0;
 left: 0% !important;
 margin-left: 0px !important;
	height: 44px;
	line-height: 50px; 
	border-top: 1px solid #000;
}

footer .button {
	height: 44px;
	width: 44px;
}


#footer-sc {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 54px;
	position: relative;
	top: 0;
	left: 0% !important;
	margin-left: 0px !important;
	height: 44px;
	line-height: 44px;	
}

footer #footer-sc .button {
	width: 54px;
}

#button-sc 
{
background-position: -192px -53px;
border: none;
width: 54px
	position: static;
}

#footer-flip
{
	margin: 0;
	display: block;
	width: 24px;
position: static;
left: 0% !important;
margin-left: 30px !important;
float: left;
line-height: 44px;
height: 44px;
border-right: 1px solid #000;
	font-size: 11px;
}

#button-info {
	background-position: -152px -53px;
}

#button-download 
{
background-position: -103px -53px;
}

#button-comment 
{
background-position: -53px -53px;
}

#button-like 
{
background-position: -3px -53px;
}

.dialog {
	width: 314px;
	background: #666;
	padding: 2px;
	left: 0;
	margin-left: 1px;	
	font-size: 10px;
	opacity: 100;
	z-index: 4000;
}

#dialog-comment {
	margin-left: 1px;
	width: 314px;
}

.dialog-inner {
	padding: 10px;
	line-height: 14px;
	width: 294px;
}

.dialog-like-section {
	height: 20px;
}

.dialog h3 {
	display: none;
}

.dialog-close {
	display: none;
}

#gplus-section {
	display: none;
}

#dialog-download-cover {
	margin-bottom: 45px;
	padding-right: 0;
	margin-right: 10px;
	border: 4px solid #000;
}

.landing-dialog {
	position: relative;
	width: 280px;
	left: 0;
	margin: 5px;
	border: 5px solid #3e3e3e;
  background: #262626;
  padding: 20px 10px 30px 10px;
  text-align: center;
}

.landing-dialog img {
	width: 80px;
	height: 80px;
}

.landing-dialog ul {
	margin: 0;
}

.landing-dialog li {
	float: none;
	margin: 10px 0;
}

/*
}
End Portrait */


 
/* Landscape 
@media screen and (min-width: 321px)
{
	html, body, #container {
		width: 480px;
		height: 320px;
	}

	
body.landscape header, body.landscape footer {
	display: none;
	}

	#main {
	  padding: 0;
	}
	
}
*/