html { background: #101010;}
body { color: white; font-family:"Andale Mono"; font-size: 77%; line-height: 120%}

#container { width: 960px; margin: 0 auto; padding: 1em 0 0 0;}

.gradient {	height: 15px; background-image: url(gradient.png);}
.rule { height: 1em; width: 750px; border-top: 1px solid #606060; clear: left;}

#header { position: fixed; top: 0; left: 0;	width: 100%;}
#navcontainer {	position: fixed; margin-top: 1em;}
#navigation { float: left; width: 200px;}
#content { float: right; width: 760px;}

h1 a { color: white; text-decoration: none;}
h1, h2, h3, h4, h5, #navigation, p { font-size: 85%;}
h2, p { color: #999}
h2 { padding-bottom: 1em;}

#navigation li a { color: #999; text-decoration: none}
#navigation li a:hover, h1 a:hover { border-bottom: 1px solid white;}

#content {margin-top: 4.2em}
#content p { margin: 0 10px 1em 0;}
#content img { padding-bottom: 1em; float: left; max-width: 750px; padding-right: 10px; border: 0}
#content img.small { width: 375px}
#content a { color: #fcd2fe; text-decoration: none}
#content a:hover { color: #06c3ff; border-bottom: 1px solid #06c3ff}
#content .forsale { color:white; background:red; padding:2px}

div.profile { height: 80px; padding-left: 100px; display: table-cell; vertical-align: middle;}
	div#about { background: url(diamond.png) no-repeat}
	div#employment { background: url(circle.png) no-repeat}
	div#connect { background: url(triangle.png) no-repeat}
	div.profile h4 { padding-top: 1em}

hr {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

/* sticky footer */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#container {padding-bottom: 15px;}
#footer {position: relative; margin-top: -15px; clear:both;} 

/* clear fix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}