body
{
background-color:#eeeeee;
background-image: url('images/bg.png');
background-repeat:repeat;
margin-top: 0px;
padding-top:0px;
overflow-y: scroll;

}

#header {
	
		margin:0px;
		padding:0px;
		left: 25px;
		top:50px;
		position:fixed;
		width:0px;
		
}


#main {
	
		background-color: #fff;
		left: 480px;
		top:20px;
		position:relative;
		width: 500px;
		height: 100%;
		font-size: 15px;
		font-family: 'Muli', sans-serif;
		color: #584861;
		text-align: justify;
		padding: 5px 30px 0px 30px;
		line-height: 200%;
		box-shadow: 5px -3px #4ec3ca,
		5px 3px #4ec3ca,
		-5px 6px #c16fa0,
		-5px -6px #c16fa0;
		
}


a
{
text-decoration-line: none;
color: #16d1ce;
cursor: help;
border-bottom:1px dashed #b0467b;

}

a:hover 
{
text-decoration:none;
color:#2d679c;
cursor: help;
border-bottom:2px dashed #16d1ce;

}

b { color: #754a96;

}

strong { color:#754a96;

}

i {color:#da2d8c;

}

u { 
border-bottom: 1px solid #f2664c;
text-decoration: none;
}

h1
{
font-family: 'Satisfy', cursive;
	font-size:40px;
	height:45px;
	padding-top: 5px;
	background: -webkit-linear-gradient(#8efffd, #da2d8c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	text-align: center;
	margin-bottom: 8px;
}


::-webkit-scrollbar {width: 8px; height: 2px; background: #f7e695;}
::-webkit-scrollbar-thumb {background-color:#3075b0 ; border: 0px solid black;}

::selection {color: #000; background: #ffe2e9;}
::-moz-selection {color: #000; background: #ffe2e9;}
::-webkit-selection {color: #000; background: #ffe2e9;}


#navigation {
	font-family: 'Nova Mono', monospace;
	position: fixed;
	z-index:1;
	top: 305px;
	left:321px;
	width:138px;
	text-transform: uppercase;

	}
	

#n1 {
	background-color: #ffefa4;
		color: #16d1ce;
		padding:0px 0px 14px 0px;
		letter-spacing:3px;
		display: inline-block;
		width:138px;
		height: 10px;
		text-align: center;
		margin-bottom: 6px;
}

#n1:hover {
	background-color: #da2d8c;
	transition: .3s;	


}
  
 #n1 a {
	 	font-size: 15px;
		color: #754a96;
		opacity: 1;
		cursor: help;	
		text-shadow:  1px 1px 0px #fff;
		text-decoration:none;
		border-bottom:0px;
}	

#n1 a:hover {
		color: #fff;
		text-shadow:  0px 0px 0px #754a96;
		cursor: help;
border-bottom:0px;
}


		
#footer {
		text-align: center;
		height: 100%;
		color: #35455a;
		font-size: 11px;
		font-family: 'Muli', sans-serif;
		padding:25px 0px 20px 0px;
		line-height:200%;
		}
	#footer a{
font-size: 11px;
		}


#table, td, th {
	border: 0px solid #000;
	text-align: center;
	font-size:12px;
	height:5px;
}

.img:hover {
opacity: .5;

}



blockquote {
	background-color:#fff;
	background-image: url('images/bg.png'); 
	background-repeat: repeat;
	padding:15px;
	border-left: 3px solid #e7cf6c;
	border-right: 3px solid #e7cf6c;
	border-top: 5px solid #e7cf6c;
	border-bottom: 5px solid #e7cf6c;
	width: 300px;
    text-align: left;
	line-height: 170%;
	font-size: 13px;
	color: #94308d;
	font-family: Lucida Console;
	text-transform: uppercase;
}


#name, #email, #url, #comments, #submit
{
  border-bottom: 2px solid #754a96;
  border-top: 1px dotted #16d1ce; border-right: 1px dotted #16d1ce; border-left: 1px dotted #16d1ce;
  background-color: transparent;
  color: #754a96;
  padding: 5px;
}

textarea
{
border-bottom: 2px solid #754a96;
  border-top: 1px dotted #16d1ce; border-right: 1px dotted #16d1ce; border-left: 1px dotted #16d1ce;
  background-color: transparent;
  color: #754a96;
  padding: 5px;
width:300px;  
height:40px;	
}