@charset "utf-8";
/* universal reset */
/*
* {	vertical-align: baseline; border: 0 none; outline: 0; padding: 0; margin: 0;}

html { font-size: 62.5%;}
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; line-height: 1.25; color: white; background: black;}
h1 { font-size: 1em;}
h2 { font-size: 1em;}
h3 { font-size: 5em;}
h4 { font-size: 1em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}
a { text-decoration: none;}

#tag { position: absolute; width: 280px; height: 160px; margin: 20px; background-image:url(../images/tag.png);}
	#tag h2 a { display: block; height: 100px; width: 180px; text-indent: -2000px;}
		#tagc {margin: 30px 0 0 10px; list-style: none; font-size: 12px;}
		#tagc li {display: block; float: left; padding: 0 25px 0 0; height: 20px; line-height: 20px;}
		#tagc a:link, #tagc a:visited { color: #83A8D9;}
		#tagc a:hover, #tagc a:active, #tagc a:focus {color: white; background:#83A8D9;}
#nav ul {position: absolute; width: 310px; height: 40px; margin: 10px 0 0 590px; list-style: none;}
	#nav ul li {display: block; float: right; padding: 10px; height: 20px; line-height: 20px; }
	#nav a:link, #nav a:visited {color: white;}
	#nav a:hover, #nav a:active, #nav a:focus {background:#83A8D9;}
#content { margin: 300px 0 0 300px; width: 600px; height: 300px;}
	#content h3 {position: absolute; display: block; width: 290px; height: 300px; line-height: 80px; text-align:right; margin: -70px 0 0 -300px;}
	#content p {margin-bottom: 10px;}
	#content a:link, #content a:visited {color: #83A8D9;}
	#content a:hover, #content a:active, #content a:focus {color: white; background:#83A8D9;}

*/


* {	vertical-align: baseline; border: 0 none; outline: 0; padding: 0; margin: 0;}
html {font-size: 62.5%;}
body {font-family: "Nunito", Corbel, "Gill Sans", Arial, sans-serif; font-size: 1.2em; line-height: 1.5em; color: #666; background: white;}
a {text-decoration: none; color:#83A8D9;}
a:hover, a:active, a:focus {background:#83A8D9; color: white;}
p {margin-bottom: 5px;}

#main {position: absolute; top: 50%; left: 50%;	margin: -300px 0 0 -450px; width: 900px; height: 600px; background: url(../images/ear.png) no-repeat 0 0;}
#nav {position: absolute; top: 420px; text-align: right; width: 280px;}
	#nav ul {list-style:none; font-variant: small-caps; letter-spacing: 1px; line-height: 1.5em;}
	#nav a:link, #nav a:visited {color: #83A8D9;}
	#nav a:hover, #nav a:active, #nav a:focus {background:#83A8D9; color: white;}
#title {position: absolute; top: 340px; left: 300px; background: url(../images/sc.png) no-repeat 0 0; height: 70px; width: 300px;}
	#title h1, #title h2 {display: none;}
#content {position: relative; margin-top: 420px; margin-left: 320px;}
#content ul {margin-left: 20px; line-height: 1.5em; color: #999;}
#content strong {font-variant: small-caps; font-weight: 700; letter-spacing: 0.3px;}
#portfolio {margin-left: 320px; width: 580px;}