  /*
    Theme Name: 77 BK Theme
    Theme URI: http://www.seventyseven.net
    Version: 1.0
    Author: Won You
    Author URI: 
  */

html {
	height: 100%;
}

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/background1.jpg") center top #000000 no-repeat fixed;
}

#toTop{
 position:fixed;
 margin-left: 30px;
 cursor:pointer;
 bottom: 25px;
 z-index:30000;
}

#backButton{
 margin-top: 54px;
 margin-left:22px;
 cursor:pointer;
}

#scrollUp{
  margin-right:3px;
  opacity: 0.5;
  cursor:pointer;
}

#scrollDown{
  opacity: 0.5;
  cursor:pointer;
}

#navi-scroll{
 margin-top: 54px;
 margin-left:22px;
}

#comment{
 width:450px;
}

.alignleft {
  float: left;
  margin: 10px;
}
.alignright {
  float: right;
  margin: 10px;
}

.pagination{
	width: 184px;
	margin: 10px;
}

.tint{
	color:#00daff;
}


div, p {
	margin: 0px;
}

.entry p{
	margin: 1.38461em 0;
}

img {
border: 0px;
}

.cleaner {
clear: both;
}

hr{
	border:none;
	height:1px;
	color: #808080;
	background: #808080;
}

a {
color: #00daff;
}

.middle_title a:link {
	text-transform:uppercase;
	text-decoration:none;
	color: #fff;
}

.middle_title a:visited {
	text-transform:uppercase;
	text-decoration:none;
	color: #fff;
}

.middle_title a:hover {
	text-transform:uppercase;
	text-decoration:underline;
	color: #fff;
}

.quoteday {
    font-family: Georgia,serif;
    font-size: 1.3em;
    line-height: 24px;
}

.bigquote {
    font: bold 40px/28px Georgia,serif;
    opacity: 0.4;
}

div.source {
    color: #fff;
    font-size: 11px;
    margin-top: 10px;
    text-align: right;
}

#audio_control {cursor:pointer;}


#layer_out
{
	width: auto;
	margin: 0px auto;
	top: 0px;	
	background: url("images/line.png") 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
{
	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;
	text-transform:uppercase;
}
#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;
}
#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;
}

#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;
}

#layer_in #right
{
	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: 100px;
}
#box_link img#link_slash {
	margin-left: 30px;
	width: 81px;
	height: 81px;
}
#box_link #link_logo {
	margin-top: -35px;
	margin-left: 90px;
}


.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;}