/*~~~
Name: AB And the Owl Opium Den
Author: Ami Bogin
Author URI: http://auilix.com

~~~*/


/* Why Don't We Set Standards */

html,body,div {
	margin:0;
	border:0;
	padding:0;
	font-family: 'Cherry Swash', sans-serif;
	font-size: 14px;
	color: #a74612;
	overflow:hidden;
}

html {
        background-color: #000000;
        background-image: url(../layout/bg-owls.png);
        background-size: cover;
        background-attachment: fixed;
}
body {
	position:relative;
	z-index:1;
}
body:before {
	content:"";
   position:absolute;
   z-index:-1;
   top:0;
   bottom:0;
   left:0;
   right:0;
	background: url(../layout/bg-owl-smoke.gif) left top no-repeat; 
	background-size:30%;
	opacity:0.3;
	filter:alpha(opacity=30);
}

h1 {
	margin-top:0px;
	margin-bottom:2px;
	font-family: 'Cherry Swash', sans-serif;
}

h2 {
	margin-top:0px;
	margin-bottom:0px;
	font-family: 'Cherry Swash', sans-serif;
	color: #dead17;
}


img { 
	border:0; 
	margin-top:0;

}

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #e78016;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #e78016;
}
a:hover {
	text-decoration: none;
}

/* Navigation */

#content {
	-webkit-animation: fadi 5s 1;
    -moz-animation: fadi 5s 1;
}

@-webkit-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}


#main {
	width: 600px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
	margin-top:100px;
	margin-bottom:90px;
	margin-right:auto;
	margin-left:auto;
	padding: 0px 10px 50px 25px;
	background-color: #ffffff;
	background: url(../layout/bg-dark.png) no-repeat fixed;
	background-position:center; 
	background-size: 750px 500px; 	
	}
	
#menu {
	width: 600px;
	position: absolute;
	bottom: 3px; 
	clear: both;
	margin-top: 0px;
	margin-right:auto;
	margin-left:auto;
}
.clearfix {
	clear: both;
	margin-right:auto;
	margin-left:auto;
}

#notebox {
	font-size: 15px;
	color: #ffffff;
	background-image: url('../layout/bg-box.png');
	height: 112px;
	background-position: left top;
    background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 10px;
	margin-top: 0px;
}

.view-haze img { 
    transition: all 0.7s ease-in-out;
	position:relative;
	float:left;
}
.view-haze .mask { 
    transition: all 0.5s linear;
    opacity: 0;
}   
.view-haze #text {
    background: transparent;
    color: #a74612;
	font-size: 14px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
	display:inline-block;
}

.view-haze:hover .mask { 
    opacity: 1;
}                                                                            
.view-haze:hover #text,
.view-haze:hover a.info{ 
    transform: scale(1);
    opacity: 1;
}

/* Custom Scrollbar party time! */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(13,15,6,0.5); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(167,70,18,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(42,4,15,0.5); 
}

.hide {  display: none; }
.active {  display: block;  }