/**
 * CSS Declaration Order
 * Position
 * Float and Clear
 * Width and Height
 * Margin and Padding
 * Overflow
 * Border
 * Background
 * Font and Text effects
 */
a, body, canvas, div, h1, img, li, p, ul { margin: 0; padding: 0; }
h1, #copyright, #navi { padding: 0 10px; }
body, footer p, #navi a { background-color: #F0F0D8; }
a, h1 { color: #942824; text-decoration: none; }

@font-face
{
	font-family: "LacunaRegularRegular";
	src: url("static/lacuna.eot");
	src: local("Lacuna Regular Regular"),
		local("LacunaRegular"),
		url("static/lacuna.woff") format("woff"),
		url("static/lacuna.ttf") format("truetype"),
		url("static/lacuna.svg#LacunaRegular") format("svg");
}

a:hover { color: #9FEAFD; }

body
{
	font-family: "LacunaRegularRegular", sans-serif;
	font-size: 1.1em;
}

footer
{
	position: fixed; bottom: 5px; right: 5px;
	font-size: 0.8em;
}

h1
{
	float: left;
	width: auto;
	font-size: 6em;
	text-shadow: 2px 2px 2px #000;
}

img { border: none; vertical-align: middle; }
li { padding: 0 5px; }
object { width: 160px; height: 130px; }

#bg
{
	position: absolute; bottom: 0; right: 0;
	height: 97%;
	z-index: -1;
}

#box { position: fixed; top: 50%; }

#navi
{
	float: left;
	width: auto;
	list-style: none;
}

/* about */

#about
{
	position: fixed; left: 0;
	padding: 8px 16px;
	background: rgb(0,0,0) url("/cv/0001.gif");
	box-shadow: 0 6px 6px #888;
	-moz-box-shadow: 0 6px 6px #888;
	-webkit-box-shadow: 0 6px 6px #888;
	color: #eeeeee;
}

.abt_f
{
	position: fixed; bottom: 0;
	z-index: -1;
	height: 0;
	background: rgb(32,32,32) url("/cv/0001.gif");
	box-shadow: 6px 6px 6px #888;
	-moz-box-shadow: 6px 6px 6px #888;
	-webkit-box-shadow: 6px 6px 6px #888;
}

/* projects */

#projects { position:fixed; }
#projects .hid { visibility: hidden; }

#projects .px div
{
	float: left;
	width: 10px; height: 10px;
	margin: 1px;
	background: rgb(32,32,32);
}

#projects .px div:hover
{
	width: 16px; height: 16px;
	background: rgb(128,32,128);
}