body {
 background-color: #d3caca;
 color: #b764dc;
 line-height: 22px;
 font: 16pt "Calibri", Tahoma, Verdana, sans-serif;
 margin: 30px auto;
 text-align: center;
 text-shadow: 1px 1px #fbf8d4;
 background-image: url(http://www.midnight-cloud.net/clique/death_bg.jpg);
 background-repeat: repeat;
}

p {
 margin: 0 0 20px 0;
}

h1 {
 color: #e787d1;
 text-transform: none;   	
 font: 40pt "Codystar";
 margin: 0 0 1px 0;

}

h2 {
 color: #d5b5f2;
 text-transform: capitalize;   	
 font: 25pt "Princess Sofia";
 margin: 0 0 1px 0;
 text-align: center;
}

h3 {
 color: #d5b5f2;
 text-transform: uppercase;   	
 font: 41pt 'Londrina Outline';
 margin: 0 0 1px 0;
}

 a:link, a:visited, a:active {
 border-bottom: 0;
 color: #ef02c1;
 font-family: "Playwrite DE LA";
 text-transform: capitalize;   
 text-decoration: underline dotted;
}

a:hover {
 border-bottom: 0;
 color: #b0c8fb;
 text-decoration: underline dotted;
 text-transform: capitalize;   
 font-family: "Playwrite DE LA";
}

/* Layout styles! */ 
#container {
 margin: 50px;
 margin-top: 750px;
 position: absolute;
 z-index: 1000;
 width: 80%;
}

header {
 border-bottom: 0;
 display: block;
 width: 100%;
}
#top {
 width: 100%;
 height: 800px;
 background-image: url(http://www.midnight-cloud.net/clique/death02.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 position: absolute;
 top: 0;
 z-index: 0;
}
.link {
 margin: 0;
 padding: 10px 0;
 font: 10pt 'Raleway';
 text-align: center;
 text-transform: uppercase;  
 background: #faecf2;
 width: 500px;
 opacity: 0.9;
 border-radius: none; 
}
/* Menu */

#button {
font-weight: none;
height: 150px;
width: 150px;
margin: 0px;
margin-top: -285px;
margin-left: 760px;
padding: 0px 100px 100px 80px;
position: absolute;
}

ul, li {
	margin: 0px;
	padding: 0px;
    list-style: none;
}

.menu_class {
	border: 0px;
}

section#content {
 display: block;
 float: left;
 padding: 2% 0 0.5% 0;
 width: 90%;
}

section#content p {
 line-height: 21pt;
}

section#clear,
section.clear {
 clear: both;
 display: block;
 margin: 0;
}
/* Footer */ 
#footer {
	margin: 35px auto 0;
	padding: 45px 40px;
	background-image: url(http://www.midnight-cloud.net/clique/footer.png);
	background-position: bottom center;
	max-width: 1250px;
	font-size: 12px;
	font-color: #69a2d7;
}
footer {
 border-top: 0;
 clear: both;
 display: block;
 margin: 0;
 width: 95%;
}

footer p  {
 margin: 0;
 padding: 10px 0;
 font: 'Raleway';
 text-align: center;
 text-transform: uppercase;
 opacity: 0.9;
 border-radius: none; 
}
.refresh a:link, .refresh a:visited{
  font: 10pt 'Raleway';
  color: #725580;
  letter-spacing: .2em;
  background: #f9f9d1;
  display: inline-block;
  text-align: center;
  border: 2px solid #feeef5;
  border-style: dotted;
  border-radius: none;
  opacity: 0.8;
  line-height: 15px;
  padding: 5px;
  margin: 5px;
  width: 200px;
}

.refresh a:hover {
  color: #725580;
  background: #f1d4e0;
}

/* Forms */ 
fieldset {
 border-color: #f7b0db;
 border-bottom: 1;
 border-left: 0;
 border-right: 0;
 border-top: 1;
 border-radius: 20px; 
 margin: 0 0 20px 0px;
 padding: 10px 0;
}

fieldset legend {
 border-left: 0;
 border-right: 0;
 color: #ef02c1;
 font: 14pt Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
 margin-left: 20px;
 padding: 5px 10px;
 text-transform: uppercase;
}

fieldset label {
 color: #f981b6;
 float: left;
 padding: 0 1% 0 0; 
 text-align: right; 
 width: 29%; 
}

input, select, textarea {
 background-color: #ffffff;
 border-bottom: 0;
 border-left: 0;
 border-right: 0;
 border-top: 0;
 color: #bb94b0;
 font: 10.5pt "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
 margin: 0 0 4px 0;
 padding: 5px 0;
 border-radius: 20px; 
}

option {
 background-color: #ffffff;
 color: #707070;
 font: 10.5pt "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
 margin: 0 0 4px 0;
 padding: 5px 0;
}

.input1 {
 width: 70%;
}

.input2 { 
 padding: 5px 7px; 
 width: auto; 
} 

.input3 { 
 border: 0; 
 border-radius: 20px;
border-color: #ef02c1;

}
/* Scrollbar */
/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #edd1d9;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #8d8fb3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a8b2be;
}