@charset "utf-8";
body,html {
    margin:0;
    padding:0;
	border:0;
	/*background-attachment:fixed;*/
	background:#000;
	font-size:11pt;
	font-family: "Book Antiqua", Palatino, "Palatino Linotype","Palatino LT STD", Georgia, serif;
	line-height:1.6em;
	overflow-x:hidden;
	}
	
.scroll {
    background:url(../img/Song-of-the-deep.jpg) fixed repeat-x;
    width:100%;
    height:100%;
    margin:0 auto;
    text-align:center;
	z-index:-999;
}

.banner {
	margin:0px auto;
	background:url(../img/banner.png) no-repeat bottom;
	padding-top:5px;
	width:550px;
	height:300px;
	margin-bottom:0px;
}

.chand1 {
	width:176px;
	height:500px;
	position:relative;
	right:-370px;
	top:-80px;
	margin:0px auto;
	background:url(../img/chand1.png) no-repeat;
	background-size: 176px 500px;
}

.chand2 {
	width:122px;
	height:350px;
	position:relative;
	left:-380px;
	top:-600px;
	margin:0px auto;
	background:url(../img/chand2.png) no-repeat;
	background-size: 122px 350px;
}

.lampBT {
	color:#fff;
	background:black;
	position: absolute;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.9);
		-webkit-transition: background .5s ease-in-out,box-shadow .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,box-shadow .5s ease-in-out;
		-o-transition: background .5s ease-in-out,box-shadow .5s ease-in-out;
		-ms-transition: background .5s ease-in-out,box-shadow .5s ease-in-out;
		transition: background .5s ease-in-out,box-shadow .5s ease-in-out;
}

.lampBT:hover {
	background: #9FD780;
	-moz-box-shadow: 0px 0px 10px #9FD780;
	-webkit-box-shadow: 0px 0px 10px #9FD780;
	box-shadow: 0px 0px 10px #9FD780;
}

.angPL {
	font-size:16pt;
	bottom:15%;
	left:25%;
	padding:20px;
	height:45px;
	width:45px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; 
}

.auxHOME {
	font-size:12pt;
	bottom:18%;
	left:21%;
	padding:13px;
	height:44px;
	width:44px;
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px; 
	border-radius: 40px; 
}

/*border:1px solid #fff;*/
.frame {
	padding:40px;
	margin:0px auto;
	width:1070px;
	height:867px;
	background:url(../img/39-D.png) no-repeat;
	background-size: 1150px 947px;
	margin-bottom:40px;
}


.title {
	width:950px;
	margin-top:40px;
	margin-left:60px;
	font-size:30pt;
	text-align:left;
	line-height:140%;
	color:#D1CA92;
	border-bottom:1px solid #D1CA92;
	text-shadow: 0px 0px 6px #D1CA92;
}

.title1 {
	width:420px !important;
}

.cnTitle {
	color:#887;
	font-size:15px;
	padding-left:8px;
	text-shadow: 0px 0px 6px rgba(119,119,100,0.4);
}

.fullbody {
	width:650px;
	padding-top:20px;
	text-align:right;
	float:right;
	z-index:-400;
}

.talk{
	position:relative;
	right:-350px;
	top:10px;
	font-size:20pt;
	color:#FFF;
	text-shadow: 0px 0px 6px #000;
		-ms-transform: rotate(8deg); /* IE 9 */
		-webkit-transform: rotate(8deg); /* Safari */
		transform: rotate(8deg); /* Standard syntax */
}


.charaInfo {
	color:#bbb;
	width:420px;
	height:500px;
	position:absolute;
	padding-top:16px;
	padding-left:60px;
	text-align:left;
}

.charaInfo a {
	color:#399;
	text-decoration:none;
		-webkit-transition: color .5s linear;
		-moz-transition: color .5s linear;
		-o-transition: color .5s linear;
		-ms-transition: color .5s linear;
		transition: color .5s linear;	
}

.charaInfo a:hover {
	color:#D1CA92;

}


.tabs {
	background: #427169;
	margin-right:8px;
	padding: 0px 4px ;
	color:#fff;
	text-shadow: 0px 0px 2px #000;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}

.bullet {
	color: #444;
	font-size:13pt;
}


/*PAPA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.papaProfile {
	width:330px;
	height:470px;
	padding:18px;
	background:url(../img/paperbg.png);
	background-size:370px 510px;
	position:relative;
	right:-700px;
	bottom:-620px;
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
		-ms-transform: rotate(5deg); /* IE 9 */
		-webkit-transform: rotate(5deg); /* Safari */
		transform: rotate(5deg); /* Standard syntax */
}

.papaTitle {
	font-size:25pt;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	line-height:120%;
}
.papapic {
	border:3px solid #322;
	margin-top:10px;
}
.papaInfo {
	width:342px;
	text-align:left;
	margin-left:-27px;
	margin-top:-10px;
}

.papalist li {
	list-style: none;
	border-bottom: 1px dotted #444;
	padding: 1px;
}
/*----------------------------*/

.listWarp {
	line-height:190%;
	width:80%;
	height:700px;
	margin:0px auto;
	margin-top:30px !important;
	color:#ccc;
	text-align:left;
}

.chlist {
	width:100%;
	border-collapse: collapse;
	background: rgba(0,0,0,0.4);
}

.hh {
	width:100%;
	border-collapse: collapse;
	margin-top:5px;
	border: 1px solid #777;
	border-bottom:none !important;
}

th {
	background: #D1CA92; !important;
	font-weight:500;
	color:#000;
	text-align:left;
	padding-left:10px;
}


.chlist tr {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
/*
.chlist tr:hover {
background: rgba(0,0,0,0.7);
}
*/
.headtd: hover {
	background: #D1CA92 !important;

}
.chlist, .chlist th, .chlist td {
	border: 1px solid #777;
}

.chlist td {
	padding:5px 5px 5px 10px;
}

.c1 { width:25%; }
.c2 { width:15%; }
.c3 { width:60%; }

.core {
background:rgba(100,30,30,0.4);
}

.smalltalk {
	color:#9FD780;
}
.tablewarp {
height: 600px;
overflow-y:auto;
}


.chPlurk {
	color:#399;
	text-decoration:none;
		-webkit-transition: color .3s ease-in-out;
		-moz-transition: color .3s ease-in-out;
		-o-transition: color .3s ease-in-out;
		-ms-transition: color .3s ease-in-out;
		transition: color .3s ease-in-out;
}

.chlist a:hover {
	color:#D1CA92;

}
.spLink {
	cursor:pointer;
	text-decoration:none;
	background: rgba(159,150,140,0.2);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	margin-right:8px;
	padding: 3px 5px ;
	color:#ddd;
	text-shadow: 0px 0px 2px #000;
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		-o-transition: background .3s ease-in-out;
		-ms-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out;
}

.spLink:hover {
	background: rgba(190,185,158,0.6) !important;
	color:#ddd !important;
}




.stuffWarp {
	line-height:190%;
	width:80%;
	height:700px;
	margin:0px auto;
	margin-top:30px !important;
	color:#ccc;
	text-align:left;
}

.footer {
	color:#CCC;
	margin-bottom:10px;
}

/*--------highlight----------*/
.hl01 {
	color:#9966CC !important;
	text-shadow: 0px 0px 4px #9966CC;
}
.hl02 {
	color:#fff !important;
	text-shadow: 0px 0px 4px #fff;
}
.hl03 {
	color:#8eb !important;
	text-shadow: 0px 0px 5px #8eb;
}
/*---------------------------*/



.mcplayer {
	position:fixed;
	bottom:-210px;
	left:20px;
	width:200px;
	height:auto;
	border:1px dashed rgba(255,255,255,0.5);
	text-align:left;
	background:rgba(255,255,255,0.7);
	z-index:999;
		-webkit-transition: all .8s ease-in-out;
		-moz-transition: all .8s ease-in-out;
		-o-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		transition: all .8s ease-in-out;
  
		  filter: alpha(opacity=50);
		  -moz-opacity: 0.5;
		  -khtml-opacity: 0.5;
		  opacity: 0.5;
	
}

.mcplayer:hover {
	width:480px;
	bottom:0px;
	  filter: alpha(opacity=100);
	  -moz-opacity: 1;
	  -khtml-opacity: 1;
	  opacity: 1;
}

.playerTitle{
	background:#666;
	padding:8px;
	color:#FFF;
}


.nope {
	opacity: 0;
}

::-moz-selection { /* Code for Firefox */
    color: #ccc;
    background: #000;
}

::selection {
    color: #ccc;
    background: #000;
}

	.tdftad{
		text-align:center;
		opacity:0.3;
	}
	.tdftad a{
		color:#fff;
	}
	
	
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/Preloader.gif) center no-repeat #000;
}