/*==============================================================
	website:	http://www.makingdayslonger.com/
	version:	1.0
	updated:	00/00/00
	authour:	joseph a. torre iv
	contact:	hello@makingdayslonger.com

	color palette:
	white:			#fff
	black:			#000
	red:			#ff0000
=============================================================*/

/* (1) Reset
--------------------------------------------------------------*/
html, body, form, fieldset,
h1, h2, h3, h4, h5, h6, p,
pre, ul, li, ol, dl {
margin: 0;
padding: 0;
}

blockquote, address {
margin: 1em 0;
padding: 0;
}

dd, blockquote {
margin-left: 1em;
}

a:link, a:visited, a:hover, a:active {
text-decoration: none;
}

a img {
border: 0;
}

form label {
cursor: pointer;
}
fieldset {
border: none;
}

input, select, textarea {
font-size: 100%;
}

/* (2) Typography, Lists, etc.
--------------------------------------------------------------*/
body {
color: #000;
background-color: #fff;
/*background: url(../images/bg.png) repeat-y;*/
font: 11px/14px Helvetica, Arial, sans-serif;
}

h1 {
color: gray;
font-size: 11px;
line-height: 14px;
text-decoration: underline;
font-weight: normal;
font-style: normal;
}

p {
margin-bottom: 14px;
}

ul {
list-style-type: none;
padding-bottom: 14px;
}

#navlist li {
display: inline;
list-style-type: none;
}

.info p {
width: 177px;
}

/* (3) Links + Images
--------------------------------------------------------------*/
/*img {
background: #fff url(../images/loading.gif) no-repeat;
}*/

a:link, a:visited {
color: #000;
}

a:hover, a:active {
color: #ff9999;
}

p a:link, p a:visited,
.info a:link,
.info a:visited {
color: #000 ;
}

p a:hover, p a:active,
.info a:hover,
.info a:active {
color: #ff9999;
}

body#selfportrait a#selfpnav,
body#abacus a#abacusnav,
body#aco a#aconav,
body#plugresearch a#plugnav,
body#stratum a#stratnav,
body#codeorange a#codenav,
body#niich a#niicnav,
body#wolfgang a#wolfnav,
body#vincent a#vincnav,
body#self a#selfnav,
body#jprevatt a#jprenav,
body#neuline a#neunav {
color: #000;
font-weight: bold;
}

/* (4) Layout
--------------------------------------------------------------*/
#wrapper {
width: 975px;
}

#header {
width: 965px;
height: 112px;
display: block;
margin-left: 15px;
padding-bottom: 14px;
}

#navWrap, #introWrap, #updateWrap, #aboutWrap, #contactWrap, #workWrap {
width: 177px;
float: left;
margin-left: 15px;
}

#displayWrap {
width: 561px;
float: left;
margin-left: 15px;
margin-right: 15px;
}

#footer {
width: 975px;
clear: both;
padding-top: 14px;
}