body { background:#282826; color:#fff; font:normal 12px/140% arial, tahoma, sans-serif; }
h2 { color:#8c877e; margin-bottom:1em; font-size:140%; }
h2 a { text-decoration:none; }
a { color:#8c877e; }
a:hover { color:#cdc9c2; }

#page { padding:1em .3em; }

#branding { margin-bottom:1em; }
#branding h1, #branding h2 { position:absolute; text-indent:-9999px; }

#navigation { margin-bottom:3em; text-align:left; }
#navigation ul { padding:0; }
#navigation ul li { display:inline; margin:0; }
#navigation ul li a { padding-right:.5em; }

#footer { clear:both; }

#website-design { }
#art-illustration { clear:left; }

#view .header { padding-top:.8em; }
#view .header h2 { margin:0; color:#ddd7ca; font-size:200%; }
#view .header h3 { font-weight:normal; color:#7d7972; }
#view img { }
#view .info strong { color:#7d7972; }
#view .previous { float:left; }

#about-me .info { padding:2em; font-size:120%; line-height:140%; }
#about-me p { margin-bottom:1em; }
#about-me img { float:left; margin-right:1em; }

#content { position:relative; }

#print { position:absolute; background-color:#9b8235; padding:.5em 1em 2em; right:60px; top:-21px; z-index:0; }
#print a { color:#f2efe5; text-decoration:none; }
#print a:hover { color:#fff; text-decoration:underline; }

#resume { background-color:#fff; width:770px; margin:0 auto; color:#222; padding:2em; border-top:10px solid #9b8235; position:relative; z-index:1; }
#resume ul { margin-left:2em; list-style-type:disc; }
#resume #header { padding:1em; }
#resume #header h1 { color:#2e4e65; font-size:280%; margin-bottom:5px; }
#resume #header h2 { color:#2e4e65; text-transform:uppercase; }
#resume #profile { float:left; }
#resume #contact-info { float:right; }
#resume .section { clear:both; padding:1em; border-top:dashed 1px #ccc; }
#resume .section h2 { color:#2e4e65; }
#resume .section h3 { margin:0; padding:0; font-size:150%; float:left; }
#resume .section h4 { margin:3px 0 0; padding:0; font-size:120%; font-weight:normal; float:left; clear:left; }
#resume .item { margin:0 4em; clear:both; border-top:1px dashed #ccc; padding:1em 0; overflow:auto; }
#resume .item .date { float:right; font-size:90%; background-color:#e1e1e1; padding:.2em .5em; -moz-border-radius: 5px;
-webkit-border-radius: 5px; }
#resume .item .details { clear:both; padding-top:.5em; }
#resume .first { border:0; }

#contact #contact-info { width:500px; margin:0 auto; padding-top:2em; font-size:120%; }
#contact form { width:500px; margin:0 auto; padding:2em 0; }
#contact form div { padding:.2em 0; }
#contact legend { color:#a49e90; padding-bottom:.5em; }
#contact label { display:block; float:left; width:80px; }
#contact input, #contact textarea {  }

#hosting .info { padding:2em; font-size:120%; line-height:140%; overflow:auto; }
#hosting .info p { margin-bottom:1em; }
#hosting ul { margin:0 1.4em 1em; list-style-type: disc; }
#hosting .hosting-plan { float:left; padding:1.8em; }
#hosting .hosting-plan div { color:#ccc; }

#tools .info { padding:2em; font-size:120%; line-height:140%; }
#tools ul { margin-bottom:1em; }

.blocks h2 { text-align:center; font-size:150%; }
.blocks .item { margin:0 0 3em 0; overflow:hidden; }
.blocks .item .header { }
.blocks .item .header h2 { color:#ddd7ca; margin:0; font-size:100%; text-align:left; }
.blocks .item .header h3 { font-weight:normal; color:#7d7972; }
.blocks .item .body { color:#b0aaa0; padding:.8em .8em;  overflow:auto; font-size:90%; line-height:120%; }
.blocks .item .body img { float:left; margin-right:.5em; border:1px solid #7d7972; }
.blocks .item .more {  text-align:right; padding:.5em .8em; float:right; }

.corners { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#33312e; margin-bottom:.5em; padding:.5em .8em; }

.resume a.resume, .about-me a.about-me, .art a.art, .web a.web, .home a.home, .contact a.contact, .tools a.tools { color:#eee; }

.securimage { margin-left:80px; }

.error { color:#ffc281; }