@charset "utf-8";
/* CSS Document */

@font-face { font-family: "sdadventure"; src: url('https://dl.dropboxusercontent.com/s/tc1sxnh69mohkg6/Stardust%20Adventure.ttf') ;}

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

a {-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #444;} 
a:hover{-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #c5d2bf;}
b {font-weight:600; color:#6e96c0; letter-spacing:1px;font-size:9px;text-transform:uppercase;}

body{ background: url(https://i.imgur.com/izuG3P0.png), linear-gradient(to bottom, #FFFFFD, #e0e0e0); background-attachment: fixed; overflow-x: hidden; margin-top: 25px;
font-family: consolas,hind,sans-serif; text-transform: uppercase; font-size: 8px; line-height: 10px; color: #777; letter-spacing:1px;text-align:justify;}

table,tr,td {font-family:Lato, Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; text-transform:none; letter-spacing:0px; text-align:justify;}

.header {text-align:right; display:block; margin-right:5px; font-family:sdadventure,cursive; font-size:70px; line-height:32px; color:#d36768; text-transform:capitalize;
text-shadow: 1px 1px 0px white, 3px 3px 1px rgba(0,0,0,.3);}
	
#nav {position: absolute; left:50%; margin-left:-480px; top:40px; text-align:left; width:200px;}
#nav img{width:200px; float:left; margin-bottom:-7px; margin-left:-10px;}
.link{padding-left:5px; font-size:8px; line-height:8px; padding-top:5px; padding-bottom:5px; text-transform:uppercase; transition:all .9s; text-shadow:0px 0px 1px rgba(0,0,0,.3); letter-spacing:1px; float:left; border-left:1px solid #d36768;}

#topbar { position: relative; visibility: visible; top: 25px; z-index:8; margin-left:auto; margin-right:auto; width:600px; display:block; margin-bottom:-12px;}
.one {background-color: #d36768; padding: 5 15 6; text-align: left; line-height: 8px; letter-spacing: 1px; text-decoration: none; border-radius: 3px 0px 0px 0px; border: 2px solid transparent; 
width: 165px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(48, 157, 201, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.one:hover {background-color: #c5d2bf; word-spacing: 40px; color: #222; -webkit-transition: all 0.8s ease-in;}
.two {margin: 0 2px; background-color: #d36768; padding: 5 15 6; text-align: left; line-height: 8px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; 
width: 164px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(109, 110, 168, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.two:hover {background-color: #c5d2bf; word-spacing: 40px; color: #222; -webkit-transition: all 0.8s ease-in;}
.three {background-color: #d36768; padding: 5 15 6; text-align: left; line-height: 8px; letter-spacing: 1px; border-radius: 0px 3px 0px 0px; text-decoration: none; border: 2px solid transparent; 
width: 165px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(170, 62, 134, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.three:hover {background-color: #c5d2bf; word-spacing: 40px; color: #222; -webkit-transition: all 0.8s ease-in;}


#contain {width:600px; margin-top:40px; margin-left:auto; margin-right:auto;
	}

section{width:584px; margin-bottom:25px; padding:8px; background-color: rgba(255, 255, 255, 0.85); box-shadow: 1px 1px 2px #e0e0e0; border-bottom: 1px solid #d36768;
	font-family:Lato, Arial, Helvetica, sans-serif; font-size:11px; text-transform:none; letter-spacing:0; line-height:11px;}

subtitle
	{font-family:Hind; color: #d36768; font-size:10px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; line-height:10px;}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background-color: rgba(255,255,255,.2);
}
::-webkit-scrollbar {
	width: 6px; height:6px;
	background-color: transparent;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(180,210,245,.3); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	border: 0; border-radius:90px;
}
	
