html { background: #CBC3B3 url(/img/backgrounds/tile.png) repeat 0 0 fixed; }
body { font: 12px "Helvetica Neue","Helvetica", Arial,sans-serif; background: transparent no-repeat 50% 0; color:#454e5c;}

a, a:visited { color:#53586C;text-decoration:none;}
a:hover { color:#888;}

h1, h2, h4 { font-family: museo-slab-1,museo-slab-2,serif; margin-bottom:15px; font-weight: 300; }
h3 { font-family: museo-slab-1,museo-slab-2,serif; font-style:italic; font-weight:100; }
h4 {font-weight:500;}

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

.findme {margin:0 auto; padding:15px 0; text-align: center; width:560px;}
#site_links li { display: inline; 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; }

dl { padding:0; overflow:auto; }
dl dt { margin:0 0 1px;border-bottom:1px solid #B5B5B5;  padding:5px 0; color:#333; font-weight:200; font-size:1.5em;}
dl dd { border:none; border-bottom:1px dashed #B5B5B5; color:#666; margin:0; padding:10px 35px; overflow:auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;  }
dl dd:hover { background-color:rgba(255,255,255,0.4); color:#333;  }
dl dd a b {display:block;font-size:15px;margin-bottom:1em;}
dl dd a { color:#519ad8; text-decoration:none; }
#websites dd img, #illustrations dd img { margin:0 0 5px 60px; }
a.loadWork{ display:block; margin:0; color:#454e5c; line-height:1.2em;font-size:.9em; }
a.loadWork span.link { display:none; }
a.loadWork span.meta { font-size: 80%; font-weight: 200; }

/* me content layout */
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 .main h1 {padding-top:.5em;}
body#about .main h3 {margin-bottom: 2.5em;}

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

h3.featured { padding: 10px 0; margin-bottom: 0; border-top:1px solid #978577; border-bottom:1px solid #978577; }
.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 */
.current { clear: both; width:700px; margin-left: -40px; margin-bottom: 1em; overflow: hidden; }
.current .info { padding:5px 15px; }
.current img { display:block; margin:0 auto; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.current a {  text-decoration: none; }
.current a:hover img { -webkit-transform: rotate(10deg) scale(1.1); -moz-transform: rotate(10deg) scale(1.1); -o-transform: rotate(10deg) scale(1.1);  }
.current h4 { font-weight: 300; font-size: 15px; }
.current p { line-height:1.5em; margin-bottom: .5em; font-size: 12px; font-family: "Palatino", "Georgia", serif; font-style: italic; }
.current .items { float:left; padding:0; margin:0; width:165px; }

.recent { clear: both; }
.recent .info { float:left; width:65%; }
.recent a {  text-decoration: none; }
.recent h3 { padding: 15px 0; margin: 0; border-bottom:1px solid #978577; }
.recent p { line-height:1.5em;margin-bottom: 1em; }
.recent .items { padding: 15px 0; overflow: hidden; border-bottom: 1px dashed #978577; }
.recent .appstore { vertical-align: middle; margin-left: -15px;}

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

.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; }