html { padding:0; margin:0; height:100%; border:0; background: #fff; }

body {
	font: 18px "Terminal Dosis Light", Helvetica, Verdana, Arial, sans-serif;
	color: #aaa;
	margin: 0 auto;
	text-align: center;
	padding:0;
	height:100%;
	border:0;
	text-shadow: 1px 1px 2px #ccc;
}

#container {
	margin:0;
	width:100%;
	min-height:100%;
	height:auto !important;
	position:relative;
}

#main {
	margin: 0 auto;
	padding: 6px;
	text-align: left;
	width: 468px;
}

#aboutme {
	margin: 0 auto; 
	width: 390px;
}

#listing h1 {
	margin: -10px 0 12px;
	text-align: right;
	text-shadow: 2px 2px 2px #E6C5A4;
}

#listing h2 {
	margin: 0 0 0 10px;
	color: #F6E5D4;
}

#listing h3 {

}

#xepher {
	margin: 0 auto;
	opacity: 0.7;
	width: 500px;
}

#xepher:hover {
	opacity: 1
}

a, a:link { color: #BB319E; text-decoration:none; }

a:visited { color: #871970; }

a:hover { color: #F394DF; text-shadow: 1px 1px 2px #1EB0E4; }

a:active { color: #FBDFF5; }

a img {
	border: 0;
}

p {
	margin: 0 0 26px;
	line-height: 0 0 26px;
}

h1,h2,h3,h4,h5,h6 { margin: 10px 0; }

h1, h1 a, h1 a:visited {
	font: 55px Raleway, Verdana, Helvetica, Arial, sans-serif;
	color: #444;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase; 
	text-shadow: 2px 2px 2px #000;
}

h2, h2 a , h2  a:visited  {
	font: 40px Raleway, Verdana, Helvetica, Arial, sans-serif;
	color: #444;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase; 
	text-shadow: 2px 2px 2px #000;
}

h3, h3 a , h3 a:visited { font: 32px Raleway, Verdana, Helvetica, Arial, sans-serif; margin: 10px auto; text-align: center; text-shadow: 1px 1px 2px #222; }

h4, h5, h6 { text-shadow: 1px 1px 1px #666; }

input,
textarea {
	background: #ddd;
	border: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	color: #666;
	font: 18px "Terminal Dosis Light", Helvetica, Verdana, Arial, sans-serif;
	padding: 3px; 
}

input:focus,
textarea:focus {
	-moz-box-shadow: 0 0 10px #bbb;
	-webkit-box-shadow: 0 0 10px #bbb;
	box-shadow: 0 0 10px #bbb;
}

.opa {
	position: relative;
	top: 25px;
	left: 0;
}

.opa a {
	opacity: 0.6;
}

.opa a:hover {
	opacity: 1;
}
