body { color:#000; margin: 0; padding: 0; background: #fff; font: 12px helvetica, arial, sans-serif; }

/* General reset */
form, fieldset { margin: 0; padding: 0; border-style: none; }
img { border:0; }
input, select, textarea { vertical-align: middle; font: 100% arial, helvetica, sans-serif; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #f32; }
p a { font-weight: bold; }

/* General settings */
#wrapper { width: 820px; padding: 0 70px; margin: 0 auto 50px; background:#fff; }
.logo { float:left; width: 160px; height: 100px; text-indent:-9999px; overflow: hidden; margin: 0;}
.logo a { display: block; background:url(../images/logo.gif) no-repeat; height:100%; }
.rss { padding: 1px 0 1px 20px; background: url(../images/rss.png) no-repeat;}
.continue { padding: 0 3px; color: #999; margin-left: 4px; border: 1px solid #999; font: normal 11px/11px Arial, sans-serif; text-decoration: none; }
a:hover.continue {background: #f32; color: #fff; border: 1px solid #f32; text-decoration: none;}
a.pdf { padding-left: 18px; background: url(../images/icon-pdf.gif) 0 -1px no-repeat; white-space: nobreak; }

#header { width:100%; overflow: hidden; padding: 0 0 75px; }
#nav { margin-top: 62px;}
#nav ul {float: right; list-style-type: none; height: 1%; overflow: hidden; padding: 0; margin: 0;}
#nav ul li {float: left; font: bold 18px/20px Helvetica, Arial, sans-serif; letter-spacing: -.03em; }
#nav ul li a { height: 20px; display: block; float: left; margin: 0; padding: 0 6px; }
#nav ul li a.last { border-right: none; padding-right: 0; }
#nav ul li a:hover { text-decoration: none; color: #d42;}

#header .holder { width: 640px; float:right; padding: 10px 0 0; }
.search-bar div { width: 100%; overflow:hidden; }
.search-bar .bg { float: right; width:230px; height:29px; overflow:hidden; background:url(../images/bg-search.gif) no-repeat; }
.search-bar .btn-search { float:left; width:31px; border:0; padding:0; line-height:0; font-size:0; text-indent:-9999px; cursor:pointer; height:29px; background:none; }
.search-bar .text { float:left; width:190px; border:0; padding: 6px 0 0; margin-left: 36px; color:#666; font-size: 16px; background:none; }
.bg input { outline: none; }


/* Content */
#content { width: 100%; overflow: hidden; padding: 0 0 40px; }
.section { width: 820px; overflow: hidden; height: auto; border-top: 1px solid #000; padding: 20px 0; }
.section .title { width: 100px; height: auto; overflow: hidden; font: italic 11px/14px Georgia, "Times New Roman", sans-serif; padding: 0 0 8px; border-bottom: 1px solid #000; color: #000; margin: 0; float: left; }

.section.work {padding: 0; }
.section.work .title { margin-top: 20px;}
.section .portfolio-entry { overflow: hidden; clear:both; float: left; width: 280px; margin: 20px 20px 0 0; }
.section .heading { font: bold 40px/40px Helvetica, Arial, sans-serif; letter-spacing: -.02em; margin: 0 0 16px 0; }
.section .portfolio-entry p { background: url(../images/arrow.gif) no-repeat; padding-left: 11px; font-size: 11px;}
.section a.portfolio img { float: right; margin-top: -43px;}

.section .blog { float: left; width: 720px; margin-top: 20px; }
.section .blog ul { width: 720px; height: auto; overflow: hidden; list-style-type: none; margin: 0 0 24px 20px; padding: 0 0 24px 0;  border-bottom: 1px solid #000;  }
.section .blog ul.last { margin: 0 0 0 20px; padding: 0; border: none; }
.section .blog li { float: left; width: 160px; padding: 0; margin: 0 20px 0 0; }
.section .blog h2 { font: bold 18px/20px Helvetica, Arial, serif; margin: 0 0 16px; }
.section .blog h2 a { color: #f32; }
.section .blog h2 a:hover {text-decoration: none; color: #000; }
.section .blog p { font: 12px/18px Arial, sans-serif; color: #333; width: 156px;}
.section .blog .date { font: 11px/14px Arial, sans-serif; margin: 0 0 12px; }

.section .subhead { width: 100px; clear: left; float: left; font: normal 10px/14px arial, sans-serif; text-transform: uppercase; margin-right: 20px; padding: 9px 0; border-bottom: 1px solid #ccc; display: block; color: #444;}
.section .archive { width: 340px; float: left; list-style-type: none; padding: 0; margin: 11px 20px 24px 0; } 
.section .archive.last {margin-right: 0; }
.section .archive li a { width: 340px; font: bold 11px/14px arial, sans-serif; padding: 8px 0; border-bottom: 1px solid #ccc; color: #333; display: block; }
.section .archive li a:hover { text-decoration: none; border-bottom: 1px solid #f32; color: #f32; }

.section .monthly {margin-top: 12px; float: left; height: 1%; overflow: hidden; width: 340px; }
.archive-list { width: 340px; padding: 0; margin: 0; height: 1%; overflow: hidden; font-size: 10px; line-height: 30px; float: left; } 
.archive-list dt { clear: left; float: left; font-weight: bold; width: 32px; height: 30px; padding: 0; } 
.archive-list dd { margin:0; height: 30px; padding: 0; border-bottom: 1px solid #ccc; } 
.archive-list dd a { color:#444; width: 22px; float: left; display: block; padding-left: 2px; }
.archive-list dd a:hover {text-decoration: none; background: #f32; color: #fff; }

/* permalink */
.permalink { width: 640px; margin: -24px 0 60px 180px; }
.permalink h1 { font: bold 40px/42px Helvetica, Arial, sans-serif; letter-spacing: -.03em; margin-bottom: 16px; }
.permalink .byline { padding: 10px 0; margin-bottom: 24px; border-top: 1px solid #000; border-bottom: 1px solid #000; font: 12px/16px Arial, sans-serif; height: auto; overflow: hidden;}
.permalink .byline .date { width: 100px; margin: 0 20px 0 0; padding: 0; float: left;}
.permalink .byline .category { width: 520px; margin: 0; padding: 0; }
.permalink .byline .category .category-list, .permalink .byline .category .category-list li { padding: 0; margin: 0; float: left; list-style-type: none; font: 12px/16px Arial, sans-serif; height: 16px;}
.permalink .byline .category .category-list .delimiter { padding-right: 6px; }
.permalink .byline span { text-transform: uppercase; font-size: 10px; color: #333; }
.permalink .byline a { color: #000; font-weight: bold; }
.permalink .byline a:hover { text-decoration: none; color: #f32;}
.permalink .entry { font: 14px/22px Helvetica, Arial, sans-serif; }
.permalink .entry p { font: 14px/22px Helvetica, Arial, sans-serif; margin-bottom: 16px; }
.permalink .entry p a { color: #f32; }
.permalink .entry blockquote { margin: 16px 0 16px 30px; }
.permalink .entry ul { list-style-type: none; padding: 0; margin: 0; }
.permalink .entry ul.toc {width: 450px; }
.permalink .entry ul li { font: normal 11px/14px arial, sans-serif; padding: 8px 0; border-bottom: 1px solid #ccc; color: #000; }
.permalink .entry ul li a { font-weight: bold; color: #000; }
.permalink .entry ul li a.pdf {margin-left: 20px; color: #c00;}


/* archivepage */
.archivepage {width: 700px; margin: -24px 0 60px 120px; }
.archivepage.title { padding: 8px 0 25px 0;}
.archivepage h1 { font: bold 40px/42px Helvetica, Arial, sans-serif; letter-spacing: -.03em; border-bottom: 1px solid #000; padding-bottom: 16px; margin-bottom: 20px; }
.archivepage ul.listing { float: left; height: auto; overflow: hidden; list-style-type: none; padding: 0; margin: 0 0 120px; }
.archivepage ul.listing li { border-bottom: 1px solid #ccc; padding: 12px 0; height: auto; overflow: hidden; float: left; }
.archivepage ul.listing li p, .archivepage ul.listing li h2, .archivepage ul.listing li .date { float: left; margin: 0; padding: 0; font: 12px/15px Arial, sans-serif; color: #444; }
.archivepage ul.listing li {font: 11px/14px Arial, sans-serif; color: #444;}
.archivepage ul.listing li .date { float: left; width: 100px; margin-right: 20px; border: none;}
.archivepage ul.listing li .entrytitle { float: left; width: 220px; margin-right: 20px; font: bold 12px/15px Arial, sans-serif; color: #000; } 
.archivepage ul.listing li .excerpt { float: left; width: 340px; }

/* work */
#work #header {padding-bottom: 20px;}
#work .section.no-rule {border-top: none; }
#work .section h1 { font: bold 40px/42px Helvetica, Arial, sans-serif; letter-spacing: -.03em; width: 280px; height: 42px; padding: 0; margin: 0 20px 0 0; float: left; }
#work #navlist { posiion: relative; width: 520px; height: 42px; list-style-type: none; font: 16px/18px Helvetica, Arial, sans-serif; color: #444; padding: 0; margin: 8px 0 0 280px;}
#work #navlist li {float: left; padding: 0 0 4px; font: 16px/22px Arial, sans-serif;}
#work #navlist li.on {background: url(http://simplifierlab.com/images/pointer.gif) center bottom no-repeat;}
#work #navlist li a {float: left; position: relative; z-index: 99; padding: 1px 5px; border: 1px solid #ccc; display: block; margin-right: 3px; color: #000; outline: none; }
#work #navlist li a:visited {border: 1px solid #ccc; color: #ccc;}
#work #navlist li.on a, #work #navlist li.on a:visited {border: 1px solid #f33; background-color: #f33; color: #fff;}
#work #navlist li a:hover {color: #fff; background: #f33; text-decoration: none; }
#work #navlist li a span {display: none;}
#work #navlist li a:hover span {display: block; position: absolute; bottom: 36px; left: 0; top: -30px; z-index: 999; width: 160px; color: #999; font: 10px/12px Arial, sans-serif;}

#work .description {border-top: 1px solid #000; height: auto; overflow: hidden; padding-top: 12px;}
#work .works-nav {color: #444; margin: 0 0 0 305px; }
#work .works-num { clear: both; width: 40px; float: left; margin: 0 20px 0 0; font: 14px/20px Helvetica, Arial, sans-serif; color: #666; }
#work .works-title	{width: 220px; float: left; color: #000; margin: 0 20px 0 0; font: bold 14px/20px Helvetica, Arial, sans-serif;  }
#work .works-entry {width: 520px; color: #333; margin: 0 0 30px 300px; font: 14px/20px Helvetica, Arial, sans-serif;}
#work .works-img { width: 820px; text-align: center; height: auto; overflow: hidden; }

/* about */
.about h1 { font: bold 40px/42px Helvetica, Arial, sans-serif; letter-spacing: -.03em; float: left; padding: 0; margin: 0; }
.about .faq {margin-bottom: 80px; }
.about p { font: 14px/20px Helvetica, Arial, sans-serif; margin: 10px 0 10px 240px; color: #444; padding-right: 40px;}
.about p strong { color: #000; display: block; margin-top: 40px; }
.about p a {color: #f32; }

/* Contact */
p.highlight { font: 18px/20px Helvetica, Arial, sans-serif; clear: both; background-color: #fea; padding: 2px 0;}

/* search */
.section.search { padding-bottom: 120px; }
.section.search h1 { font: bold 40px/42px Helvetica, Arial, sans-serif; letter-spacing: -.03em; float: left; padding: 0; margin: 0; clear: left; }
.section.search h1 span {font-weight: normal; color: #999; }
.section.search ul { width: 700px; float: left; height: auto; overflow: hidden; list-style-type: none; padding: 0; margin: 60px 0 0 120px; }
.section.search ul.listing li { border-bottom: 1px solid #ccc; padding: 20px 0; height: auto; overflow: hidden; float: left; }
.section.search ul.listing li p, .section.search ul.listing li h2, .section.search ul.listing li .date { float: left; margin: 0; padding: 0; font: 12px/15px Arial, sans-serif; color: #444; }
.section.search ul.listing li {font: 11px/14px Arial, sans-serif; color: #444;}
.section.search ul.listing li .date { float: left; width: 100px; margin-right: 20px; border: none;}
.section.search ul.listing li h2.entrytitle { float: left; width: 220px; margin: 0 20px 0 0; font: bold 12px/15px Arial, sans-serif; color: #000; } 
.section.search ul.listing li .excerpt { float: left; width: 340px; }
.section.search .message { font: 24px/26px Helvetica, Arial, sans-serif; color: #666; float: left; }