body {background-color: #232323; margin: 0;}
.noscreen {display: block; margin-left: -9999em;}

/*page header */
#header {
  background-image: url(/images/headerbg.png);
  background-repeat: repeat-x; 
  background-position: bottom; 
  background-color: #294c94;
  height: 120px;
}
#title { position: absolute; background-image: url(/images/web-junkie.png); height: 57px; width: 424px; top: 36px; left: 36px;}
#title a {display: block; height: 100%; width: 100%;}
#headernav { float: right; width: auto; list-style: none; margin-right: 36px; }
#headernav li { float: left; margin-left: 10px;}
#headernav a {display: block; color: #fff; font-weight: bold; font-size: 85%; text-decoration: none;}

/*content area*/
#main {width: 760px; margin: 20px auto 5px auto; text-align: left;}
#content {width: 500px; padding: 3px; background-color: #fff8dc; min-height: 200px; height: 1%; float:left; overflow: visible;}
#footer {color: #fff8dc; font-size: 77%; clear: both; width: 500px; float: left; clear: both; text-align: center;}

/*content area menu*/
#menu { width: 200px; margin-left: 20px; background-color: #294c94; color: #fff8dc; float: left; padding: 3px;}
#menu a {
  font-weight: bold;
  padding-left: 30px;
  padding-top: 5px;
  height: 22px;
  background-position: 3px center;
  background-repeat: no-repeat; 
  text-decoration: none;
  display: block;
  color: #fff8dc;
}
#menu a:hover { color:#FFFF66;}
#menu li { border-bottom: solid 1px #fff8dc; }
#menu li.last{border: none;}
#menu .resume {background-image: url(/images/icons/menu/resume.png); }
#menu .projects{background-image: url(/images/icons/menu/projects.png);}
#menu .portfolio {background-image: url(/images/icons/menu/portfolio.png);}
#menu .presentations {background-image: url(/images/icons/menu/presentations.png); }
#menu .korner {background-image: url(/images/icons/menu/korner.png); }
#menu .distractions {background-image: url(/images/icons/menu/distractions.png); }
#menu .contact {background-image: url(/images/icons/menu/contact.png);}

/*content title images */
h2 { width: 497px; background-repeat: no-repeat; background-position: center center; }
body#home h2 {  background: url(/images/iam.png); height: 54px; }
body#resume h2 { background: url(/images/resume.png); height: 54px; }
body#distractions h2 { background: url(/images/distractions.png); height: 54px; }
body#portfolio h2 { background: url(/images/portfolio.png); height: 54px; }
body#presentations h2 { background: url(/images/ihope.png);  height: 54px; }
body#projects h2 { background: url(/images/blowup.png); height: 54px; }
body#contact h2 { background: url(/images/contact.png); height: 46px; }

/*section header*/
h3 {font-family: Corbel; font-size: 116%; font-weight: bold; color: #294c94; margin: 1em .5em .5em .5em;}
/*standard paragraph*/
p {font-size: 100%; margin: .75em .5em; line-height: 1.25em; color: #232323;}
/*standard list*/
#content ul { margin: .75em .5em .75em 1.5em; }
#content li { margin: 0 0 .25em .5em; list-style-type: square; }

/*breadcrumbs*/
.breadcrumbs {font-size: 75%; }

/* forms */
label {display: block; color: #232323;}
.frmerror {background-color: #ff9f9f; border: 1px solid #b22222; font-weight: bold; margin-bottom: 2px;}
.frmerror label {color: #b22222;}
.labelleft {width: 20%; font-weight: bold; float: left; padding-top: 1px;}
.fieldright {width: 79%; float: left;}
.fieldright input {width: 100%;}
.fieldbottom textarea {height: 200px; width: 99%;}
.labeltop {font-weight: bold;}
.formelement:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.formelement {margin: .5em; height: 1%; clear: both;n width: 1%;}
.submitbtn {float: right;}