@font-face { font-family: Newfont; src: url(COPYN___.ttf); }



div#top-bar {
	width:90%;
	position:absolute;
	top:5%;
	left:0;
	background: -moz-linear-gradient(center top , rgb(89, 92, 100), rgb(27, 27, 28)) repeat transparent;
	background-image: linear-gradient(center top, rgb(89, 92, 100), rgb(27, 27, 28));
	background-image: -o-linear-gradient(center top, rgb(89, 92, 100), rgb(27, 27, 28));
	background-image: -moz-linear-gradient(center top, rgb(89, 92, 100) rgb(27, 27, 28));
	background-image: -webkit-linear-gradient(center top, rgb(89, 92, 100), rgb(27, 27, 28));
	background-image: -ms-linear-gradient(center top, rgb(89, 92, 100), rgb(27, 27, 28));
	border:0 none;
	z-index:100;
	padding-left:10%;
	box-shadow:2px 0 20px black;
	border-bottom:5px solid black;
	font-family:Newfont, helvetica, times;
	font-size:20px;
	letter-spacing:0px;
	
}

#mainmenu {
	list-style:none outside none;
	border:0 none;
}

#mainmenu li {
	float:left;
	border:0 none;
}

#mainmenu li a {
	display:block;
	width:150px;
	height:66px;
	text-align:center;
	border:0 none;
	text-decoration:none;
	text-shadow:0 0 1px yellow;	
	font-weight:bold;	
	color:#fff;	
}

#mainmenu li a:hover {
	text-shadow:0 4px 30px #ccf;
	color:yellow;
}


#mainmenu li a div {
	padding-top:22px;
}

#mainmenu li a:hover div {
	opacity:0.8;
	padding-bottom:7px;
}

#menu-item-box {
	width:20px;
	height:0;
	background-color:black;
	border:0px solid gray;
	border-radius:6px;
	text-align:center;
	margin:18px 0 -45px -160px;
	-moz-transition-property: margin, box-shadow, -moz-transform;  
	-moz-transition-duration: 0.5s, 1.7s;  
	-moz-transition-timing-function: ease-in-out, ease-out;
	-moz-transform:rotate(45deg);
	opacity:0.8;
	cursor:pointer;
}

.menu-item-head0 {
	margin:18px 0 -15px -160px;
	box-shadow:0 0 10px black;	
	-moz-transform:rotate(0deg);
}

.menu-item-head1 {
	margin:18px 0 -15px 105px;
	box-shadow:0 0 10px red;	
	-moz-transform:rotate(135deg);	
}

.menu-item-head2 {
	margin:18px 0 -15px 255px;
	box-shadow:0 0 10px blue;	
	-moz-transform:rotate(215deg);	
}

.menu-item-head3 {
	margin:18px 0 -15px 405px;
	box-shadow:0 0 10px yellow;	
	-moz-transform:rotate(305deg);	
}

.menu-item-head4 {
	margin:18px 0 -15px 555px;
	box-shadow:0 0 10px green;	
	-moz-transform:rotate(45deg);	
}


#menu-item-box-a {
	font-size:0px;
	text-decoration:none;
	color:white;	
	letter-spacing:1px;
	cursor:pointer;
}


body {
	/*background: -moz-radial-gradient( 500px 25%, circle, blue 0px, #eef 40px );
	background-color:rgb(17,17,23);
	background: -moz-linear-gradient(left center , rgb(89, 92, 100) 10%, rgb(0, 0, 8)) repeat transparent;*/
	background: -moz-linear-gradient(left center , #595C62, #000008 5%, #595C6C 100%) repeat scroll 0 0 transparent;	
}

#wrapper {
	position:absolute;
	left:5%;
	width:86%;
	margin-bottom:100px;
	background: -moz-linear-gradient(right bottom, rgba(230, 230, 255, 0.95), rgba(255, 255, 255, 0.95)) repeat scroll 0 0 transparent;	
	/*background-color:rgba(255,255,255,0.95);*/
	box-shadow:0 0 5px white inset;
	box-shadow:0 0 5px white;	
	border-radius:10px;
	padding:170px 30px 40px 20px;
	
	font-family: helvetica, times;
	font-size:14px;
	letter-spacing:0px;
	text-shadow:1px 0 1px rgb(200,200,255);
		
}


#box-all, #box-one, #box-two {
	background-color:rgba(220,230,255,0.2);
	border-radius:14px;
	padding:30px;
	
	font-family: helvetica, times;
	font-size:14px;
	letter-spacing:0px;
	text-shadow:1px 0 1px rgb(200,200,255);
	
}

#box-all {
	width:95%;
	float:left;	
	box-shadow:0 0 5px black;	
}

#box-one, #box-two {
	width:40%;
}

#box-one {
	float:left;	
	box-shadow:-2px 1px 4px black;	
}

#box-two {
	margin-left:10px;
	float:right;
	box-shadow:2px 1px 4px black;	
}


h1,h2,h3,h4 {
	margin-left:20px;
}

h1 {
	font-size:32px;
	vertical-align:bottom;
	margin:0;
	padding-left:30px;
	height:40px;
	-moz-transition-property: font-size, padding;  
	-moz-transition-duration: 0.5s;  
	-moz-transition-timing-function: ease-in-out;
}

h1:hover {
	font-size:40px;
	padding-left:10px;
}


h2.nice {
	font-family:Newfont, Helvetica, times;
}


.submenu {
	list-style:none outside none;
	border:0 none;
	float:right;
}

.sub-menu-item {
	float:right;
	border:0 none;

	display:block;
	width:60px;
	height:40px;
	text-align:center;
	border:0 none;
	text-decoration:none;
	font-weight:bold;	
}

#search .label {
	-moz-transition-property:width;
	-moz-transition-duration: 0.7s, 0s;
	-moz-transition-timing-function: ease-in, ease-in;
	-moz-transition-delay:0s,1s;
	opacity:1;
}


#search:hover .input, #search .input:focus {
	display:block;
	background-color:rgba(0,0,0,0.85);
}

#search .input {
    -moz-transition: background-color 1s ease-out 0s;
    background-color: transparent;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 6px black;
    color: white;
    display: none;
    float: right;
    font-family: monospace,arial;
    left: 3px;
    letter-spacing: -0.5px;
    padding: 5px;
    position: relative;
    text-shadow: 0.6px 0 1px yellow;
    width: 450px;
}



#cloud {

}

#cloud:hover div {
	visibility:visible;
	position:relative;
	width:300px;
	height:200px;
	left:-175px;	
	color:rgba(255,255,255,1);
	text-shadow:1px 0 1px rgb(200,200,255);
	border:2px solid black;
	box-shadow:0 0 2px gray;
	padding:30px 20px;
}

#cloud div {
	-moz-transition-property: height, background, color, text-shadow;
	-moz-transition-duration: 0.7s, 2s, 0.7s, 1s; 
	-moz-transition-timing-function: ease-in, ease-out, ease-in, ease-in;
	-moz-transition-delay:0s, 1s, 1s, 1s;
	border:0 none;
	border-radius:20px;
	width:0;
	height:0;
	left:100px;
	z-index:110;	
	color:rgba(0,0,0,0);
	text-shadow:none;
	background: -moz-linear-gradient(right top , rgba(89, 92, 100,0.8), rgba(0, 0, 4,0.7)) repeat transparent;
	visiblity:hidden;
	padding:0;
}

#cloud div span {
	display:none;
	padding-left:3px;
}

#cloud:hover div span {
	display:block;
	float:left;
	-moz-transition-property: text-shadow;
	-moz-transition-duration:0.25s;
	-moz-transition-timing-function:ease-out;

	cursor:pointer;
}


.cloudy1 {
    font-size: 10px;
	text-shadow:0 0 1px rgb(200,200,255);
}

.cloudy2 {
    font-size: 13px;
	text-shadow:0 0 2px rgb(200,200,255);
}

.cloudy3 {
    font-size: 15px;
	text-shadow:0 0 4px rgb(200,200,255);
}

.cloudy4 {
    font-size: 18px;
	text-shadow:0 0 6px rgb(200,200,255);
}

.cloudy5 {
    font-size: 22px;
	text-shadow:0 0 10px rgb(200,200,255);
}

.cloudy6 {
    font-size: 25px;
	text-shadow:0 0 16px rgb(200,200,255);
}

.cloudy7 {
    font-size: 28px;
	text-shadow:0 0 20px rgb(200,200,255);
}

.cloudy8 {
    font-size: 32px;
	text-shadow:0 0 25px rgb(200,200,255);
}

.cloudy9 {
    font-size: 36px;
	text-shadow:0 0 30px rgb(200,200,255);
}

.cloudy10 {
    font-size: 40px;
	text-shadow:0 0 40px rgb(200,200,255);
}


.cloudy1:hover, .cloudy2:hover, .cloudy3:hover, .cloudy4:hover, .cloudy5:hover, .cloudy6:hover
, .cloudy7:hover, .cloudy8:hover, .cloudy9:hover, .cloudy10:hover{
	text-shadow:0 0 10px rgb(0,0,0);
}


.blog-post {
	box-shadow:0 0 2px gray;
	border-radius:2px;
	background-color: white;
	float:none;
	margin-top:40px;
	padding: 14px 14px 62px;	
}

.blog-post-head h1,.blog-post-head h2,.blog-post-head h3,.blog-post-head h4,.blog-post-head h5,.blog-post-head h6 {
	font-family: Newfont, helvetica, times;
	font-size:24px;
	padding-left:0;
	-moz-transition-property:padding-left;
	-moz-transition-duration:0.8s;
	-moz-transition-timing-function:ease-in-out;
	letter-spacing:-1.5px;
	float:left;
	padding-right:30px;
	text-shadow:0 0 10px yellow;
}

.blog-post-head h1:hover,.blog-post-head h2:hover,.blog-post-head h3:hover,.blog-post-head h4:hover,.blog-post-head h5:hover,.blog-post-head h6:hover {
	padding-left:20px;
}


.blog-post-head div {
    background-color: black;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 4px black;
    color: yellow;
    float: right;
    font-family: Newfont;
    padding: 13px 10px 10px;
    text-shadow: 0 0 1px yellow;
	margin:10px 0 10px 10px;
	letter-spacing:-0.8px;
	
	-moz-transition-property:border-bottom, border-top;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease-in-out;	
	border-bottom:2px solid black;
	border-top:2px solid black;	
}

.blog-post-head div:hover {
	border-bottom:2px solid yellow;
	border-top:2px solid yellow;	
}

.blog-post-head div span {
	vertical-align:top;
	font-size:9px;
}

.blog-post-content {
	/*height:150px;*/
}



.blog-post-widgets {
	float:right;
	margin-top:20px;
}

.blog-post-widgets a {
	display:block;
	float:left;
	border:0 none;
	box-shadow:0 0 10px white;
	margin-left:10px;
}

.fb-icon {
	-moz-transition-property:opacity;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease-in-out;	
	opacity:1;
	cursor:none;
}

.fb-icon:hover {
	opacity:0.1;
	/*left:600px;*/
}


.blog-post-content a {
	text-decoration:none;
	border-width:2px;
	border-style:solid;
	border-color:rgba(0,0,0,0);
	-moz-transition-property:color, border-left-color, border-right-color;
	-moz-transition-duration:0.9s;
	-moz-transition-timing-function:ease-in-out;
	color:black;
	text-shadow:0 0 4px black;
	padding:0 6px 0 6px;
}

.blog-post-content a:hover, .blog-post-content a:focus {
	border-right-width:2px;
	border-right-style:solid;
	border-left-width:2px;
	border-left-style:solid;
	border-left-color:rgba(0,0,0,1);
	border-right-color:rgba(0,0,0,1);
	color:navy;
}




/*
.cloudy2:hover {
	text-shadow:0 0 13px rgb(200,255,255);
}
.cloudy3:hover {
	text-shadow:0 0 16px rgb(200,255,255);
}
.cloudy4:hover {
	text-shadow:0 0 20px rgb(200,255,255);
}
.cloudy5:hover {
	text-shadow:0 0 24px rgb(200,255,255);
}
.cloudy6:hover {
	text-shadow:0 0 30px rgb(200,255,255);
}
.cloudy7:hover {
	text-shadow:0 0 40px rgb(200,255,255);
}
.cloudy8:hover {
	text-shadow:0 0 48px rgb(200,255,255);
}
.cloudy9:hover {
	text-shadow:0 0 58px rgb(200,255,255);
}
.cloudy10:hover {
	text-shadow:0 0 70px rgb(200,255,255);
}


.cloudy1:hover {
    font-size: 21px;
}
.cloudy2:hover {
    font-size: 26px;
}
.cloudy3:hover {
    font-size: 28px;
}
.cloudy4:hover {
    font-size: 30px;
}
.cloudy5:hover {
    font-size: 32px;
}
.cloudy6:hover {
    font-size: 35px;
}
.cloudy7:hover {
    font-size: 38px;
}
.cloudy8:hover {
    font-size: 41px;
}
.cloudy9:hover {
    font-size: 45px;
}
.cloudy10:hover {
    font-size: 50px;
}*/