/* nnunn-style.css for www.nnunn.net */
body {
	background-color: #dddddd; 
	text-align: left; 
	font-family: monospace; 
	margin: 1em; }
/* tweaks */		
.smaller { font-size: x-small; }
.larger { font-size: larger; }
.hcenter { text-align: center; }
.gray { color: #777777; }
/* menu */
div#main {
	border: 1px double white; 
	background-color: #484428;
	position: absolute;
	padding: 0.33em 1.66em 0.33em 1.66em;
	top: 2.66em;
	right: 2.66em; 
	z-index: 1; }
div#main span#tit {
	font: 24px sans-serif;
	color: #fcffe6; }
div#main a:link { color: #eeeeee; }
div#main a:visited { color: #b7681b; }
div#main a:hover { color: #9f754a; }
div#main ul {
	padding: 0;
	font-size: smaller; }
div#main ul li {
	list-style-type: none;
	margin-top: 0.33em; }
/* content */
div#bio { display: block; }
div#skills { display: none; }
div#portfolio { display: none; }
div#timeline { display: none; }
div.content {
	z-index: 0;
    background-color: #fcffe6; 
    padding: 2.33em 0.66em 0.5em 1.66em;
    border: 1px solid gray;
    top: 1.33em; left: 1.33em; }
div.content .tit { 
	font-size: 63px;
	color: #484428;
	line-height: 210%;
	margin-left: 0.33em; }
div#portfolio .entry {
	margin-top: 1.66em; 
	padding-left: 2.33em; }
div#portfolio .screens {
	border-bottom: double #777777;
	text-align: center; 
	padding: 0.33em 0.33em 0 0.33em; }
div#portfolio img {
	margin: 0 1.33em 0 1.33em; 
	border: 1px solid gray; }
div#portfolio div#timeline {
	margin-top: 1.33em; 
	text-align: center; }