html {
height: 100%;
overflow: hidden;
}

body {
	width: auto;
	margin: 0px auto;
	padding:0;
	background-color:#000;
	font-family: 'Terminal Dosis', Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	height:100%;
}

#wrapper {
  margin: 0 auto;  
  padding: 0;
  background: url("../images/black.jpg") center top #000000 no-repeat fixed;
  display:none;
}

#loader{
	padding-top: 10px;
	padding-left: 10px;
	position: absolute;
	z-index: 50;
	float:left;
	text-align:left;
	height: 100%;
	width: 100%;
	background: transparent;
}

#vidContent{
  width:545px;  
  margin:0 auto;
  padding:0;
  outline: none;
  text-align:center;
  position:relative;
}


#opening_quote{
position: absolute;
font-family: Arial, sans-serif;
top:30%;
margin: 0 auto;
padding: 0;
font-size:28pt;
color: #ffffff;
background:transparent;
width:100%;
height:100%;
text-align:center;
text-transform:uppercase;
z-index:100;
}

.tint{
color:#00daff;
}


div, p {
margin: 0px;
}

img {
border: 0px;
}

.cleaner {
clear: both;
}

hr{
border:none;
height:1px;
color: #808080;
background: #808080;
}
a {
color: #00daff;
}

#audio_control {cursor:pointer;}


#layer_out
{
	display: none;
	width: auto;
	margin: 0px auto;
	top: 0px;
	background: url("../images/bkgd.gif") repeat;
	min-height: 100%;
	z-index: 10;
}
#layer_in
{
	background: url(../images/line1.png) repeat-y 0 0;
	width: 912px;
	margin: 0 auto;
	min-height: 2000px;
	overflow: hidden;
}
#layer_in #left
{
	display: none;
	float: left;
	width: 184px;
	min-height: 100%;
	height: 100%;
}
#left #box_date
{
	margin-top: 32px;
	width: 150px;
	text-align: center;
}
#box_date #date_md
{
	font-size: 14pt;
}
#box_date #date_y
{
	margin-top: -10px;
	font-size: 36pt;
}
img#date_slash {
	position: relative;
	margin-top: -50px;
	left: 30px;
	width: 81px;
	height: 81px;
}

#layer_in #middle
{
	float: left;
	width: 536px;
	display: none;
}
#middle #box_middle
{
	margin-top: 98px;
	padding: 0px 33px;
}
.box_middle hr {
	color: #8f908f;
	background-color: #8f908f;
}
#box_middle .middle_title {
	font-size: 28pt;
	margin-bottom:-10px;
}
#box_middle .middle_content {
margin-top: 27px;
font-family: 'Terminal Dosis', sans-serif;
font-size: 11pt;
line-height: 14pt;
}
.middle_content_title {
font-size: 10pt;

}
.small_title{width:auto; float:left; padding:2px 5px 0 0;}
.btn_next{ width:17px; height:17px; opacity:0.5; background:url(../images/btn_next-ov.png) no-repeat; float:left;cursor:pointer;}
.btn_prev{ width:17px; height:17px; opacity:0.5; background:url(../images/btn_prv-ov.png) no-repeat; float:left;cursor:pointer;}

.middle_content .middle_content_box {
margin: 18px 0px 18px 0px;
font-size: 16px;
}
.middle_content_box .middle_content_date {
float: left;
width: 60px;

}

.middle_content_box .middle_content_art {
float: left;
width: 60px;

}

.middle_content_box .middle_content_detail {
float: left;
width: 410px;
font-size: 10pt;
margin-top:-2px;
}
.middle_content_box .middle_content_singer {
float: left;
font-size: 10pt;
margin-top:-2px
}
.middle_content_box .middle_content_song {
float: left;
margin-left:10px;
width: 260px;
font-size: 10pt;
}
.middle_image a:active{margin: -1px, 0, 0}

#box_middle .middle_image {
margin-top: 34px;
margin-bottom: 34px;
font-family: "Verdana";
font-size: 8pt;
}
#image_left1, #image_left2 {
float: left;
width: 202px;
min-height: 155px;
background: #1e1e1e;
color: #ffffff;
}
.middle_image #image_left2 {
margin-left: 24px;
}

#image_left1 img, #image_left2 img {
padding: 1px;
}

.middle_image .image_detail {
padding-left: 0px;
}
.image_detail {
padding-top: 1px;
}
/*.middle_image .image_detail:hover {
padding-left: 15px;
background: url("../images/arrow1.png") 4px 6px no-repeat;
}
*/
#layer_in #right
{
	display: none;
	float: left;
	width: 184px;
	min-height: 100%;
	position: fixed;
	margin-left: 720px;
}
#right #box_logo
{
	text-align: center;
	margin-top: 100px;
}
#box_logo #logo_detail
{
	margin-top: 15px;
	margin-left: -102px;
}
#right #box_link
{
	margin-top: 162px;
}
#box_link img#link_slash {
margin-left: 30px;
width: 81px;
height: 81px;
}
#box_link #link_logo {
margin-top: -35px;
margin-left: 90px;
}

.carousel_inner {
float:left; /* important for inline positioning */
width:486px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
background: transparent;
}

.carousel {
position:relative;
left:-500px; 
list-style-type: none; 
margin: 0px;
padding: 0px;
width:9999px; /* important */
padding-bottom:10px;
}

.carousel li{
float: left;                                
width:486px;
padding:0px;
height:42px;
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul{display:none}
#carousel_ul2{display:none}


.carousel li img {
margin-bottom:-4px; /* IE is making a 4px gap below an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor: pointer; 
border:0px; 
}

.tipsy { padding: 5px; font-size: 10pt; opacity: 0.8; background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 2px 8px 4px 8px; background-color: #111; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

#last_loader {display:none;}
#twitter_loader {display:none;}
#left_scroll{display:none;}
#left_scroll2{display:none;}
#right_scroll{display:none;}
#right_scroll2{display:none;}