html { background: #9d9980 url(/img/backgrounds/tile.jpg); }
body { font: 12px 'Lucida Grande',Verdana,sans-serif; text-align: center; background: transparent url(/img/backgrounds/main.jpg) no-repeat 50% 0; color:#454e5c;}

a, a:visited { color:#3b6a88;text-decoration:none;}
a:hover { color:#888;}

h1, h2, h4 { font-family:Arial; margin-bottom: .3em; }
h3 { font-family:"Hoefler Text", serif;font-style:italic; }

/* MENU SELECTED */
body#work li.work a, body#blog li.blog a, body#about li.about a { color:#454E5C;} 
.skip { position:absolute; top:-300px; }

#site_links { margin-top: 17px; }
#site_links li { margin-bottom: 5px; margin-left: 5px; width: 32px; height: 43px; overflow: hidden; }
#site_links li img { overflow: hidden; }
.findMe { position: relative; left: -15px; top: -5px; padding: 5px 10px; border: 1px solid #b5b5b5; background: #ffffff; }

/* home content layout */
div.all					{ position:relative; margin: 0 auto 10px; padding: 10px 0; width: 640px; }
div.content div.left 	{ position:relative; width:48px; }
div.content div.right 	{ position:relative; padding: 15px; width:480px;}
div.content div.right a { text-decoration: none; }

h3 a.selected { color:#519ad8;text-decoration:none; }
dl { padding:0; overflow:auto; background:#f8f8f0; border:1px solid #aab1bc; }
dl dd { border:none; border-bottom:1px solid #bdc0c6; margin:0; padding:10px; _width:20.5em; overflow:auto; }
dl dt { margin:0 0 1px; padding:5px; background:#454e5c; color:#fff; font-weight:bold; font-size:1.2em;}
dl dd:hover { background-color:#e8e6cf; }
dl dd.selected { background-color:#e8e6cf; }
dl dd.visited { background-color:#cdcbb7; }
dl dd a b { display:block;font-size:15px;margin-bottom:5px;}
dl dd a { color:#519ad8; text-decoration:none; }
#websites img, #illustrations img { margin:0 0 5px; }
a.loadWork{ display:block; margin:0; color:#454e5c; line-height:1.2em;font-size:.9em; text-align:center; }
a.loadWork span.link { display:none; }

/* me content layout */
dl dt { padding:.5em; background:#454e5c; font-weight:bold; color:#dfdece; }
#about dl dd { background:#fff; padding:10px; border-bottom:1px solid #aab1bc; }
a.open { background: url(/img/arrow_right.gif) no-repeat 100% 50%; padding-right:20px; text-decoration:none; }
a.close { background: url(/img/arrow_down.gif) no-repeat 100% 50%; padding-right:20px; text-decoration:none; }

body#about div.content div.right div.wrap { background:#454e5c url(/img/nor_bg.gif) no-repeat 50% 100%; margin:1em; margin-top:0; padding:.5em; color:#dfdece; }
body#about div.content div.right div.wrap h2 { margin:0 10px 10px; padding:5px; font-size:1.5em; }
body#about div.content div.right div.wrap blockquote { margin:5px auto; padding:20px 30px 130px; background:url(/img/word_balloon.png) no-repeat; height:250px; width:250px; color:#454e5c; }
body#about div.content div.right div.wrap { padding:5px 5px 200px; margin:5px; }
body#about div.content div.right div.findMe { background:#454e5c; margin:1em; margin-top:0; padding:.5em; color:#dfdece; }

div.footer { border-top:1px solid #b2b0a1; color:#454e5c; }

h3.featured { padding: 10px 0; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; }
.featured .hiro { position:absolute;top:0;right:-1em;z-index:1; }
.featured h4 { padding:.5em;position:relative;top:0;left:0;z-index:2; }
.featured img { position:relative;z-index:3; }
.featured p { font-size:.9em;line-height:1.2em;position:relative;top:25em;right:0;z-index:4; }
.featured p.first { font-weight:bold; }

/* Contact Form style*/
form  fieldset {  }
form  label { color:#dfdece; padding:5px;margin:5px;text-align:right;font-size:.9em; }
form  input[type='text'] { font-family: Arial; background:#dfdece; color:#454e5c; border:none; padding:5px;margin:5px;font-size:1em; }
form  input[type='text']:focus { background:#fbf8de; }
form  textarea { font-family: Arial; background:#dfdece; color:#454e5c; border:none; padding:5px;margin:5px 5px 20px 5px;font-size:1em;text-align:left;  }
form  textarea:focus { background:#fbf8de; }

/* Column Framework */
.recent { clear: both; }
.recent .info { float:left; width:75%; }
.recent a {  text-decoration: none; }
.recent h3 { padding: 15px 0; margin: 0; border-bottom:1px solid #b5b5b5; border-top:1px solid #b5b5b5; }
.recent p { line-height:1.5em; }
.recent .items { padding: 15px 0; overflow: hidden; }

.infoSection { clear: both; }
.infoSection a { text-decoration: none; }
.infoSection h3 { padding: 15px 0; margin: 0; border-top:1px solid #b2b0a1; }
.infoSection p { line-height:1.5em; }
.infoSection .items { padding: 15px 0; border-bottom:1px solid #87836e; border-top:1px solid #b2b0a1; }

.col2wrap { overflow:auto; }
.col2wrap .col1 { float:left; width:47%; padding-right:20px; }
.col2wrap .col2 { float:right; width:47%; padding-left:20px; }
.col2wrap .col2 { border-left:1px solid #519AD8; }

#blog h2 em { color:#888; }