/*
----------------------------------------------------
screen_min_v1.05.css
- compressed css style sheet containing all styles

Author:    Hogan Lee
Website:   http://337studio.com
Version:   1.06
Created:   06/14/2009
Updated:   01/24/2010

* CSS Compressed by: http://www.lotterypost.com/css-compress.aspx
----------------------------------------------------
*/

/* reset.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* type.css */
body{font:10px/1.8em arial,geneva,tahoma,clean,sans-serif}a img{border:none}.hidden{display:none}h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:"Helvetica Neue",Helvetica,sans-serif}#logo h1{text-indent:-9999px}#logo a{display:block;height:22px;width:210px}#logo a:hover{background-position:-1388px -22px}#page-header h2{float:left;overflow:hidden;position:relative;text-align:right}#b-home h2{font-size:2.2em;margin-bottom:.6em;position:relative;overflow:hidden;text-align:left;text-indent:-9999px}h2.h2-web-design-work{height:43px;width:242px}h2.h2-design-work{height:43px;width:242px}h2.h2-illustration-work{height:43px;width:242px}h2.h2-blog{height:43px;width:64px}h2.h2-about{height:43px;width:91px}h2.h2-resume{height:43px;width:109px}h2.h2-downloads{height:43px;width:92px}h2.h2-contact{height:43px;width:110px}h2.h2-welcome{height:43px;width:127px}h2.h2-latest-work{height:43px;width:161px}h2 span{height:100%;left:0;position:absolute;top:0;width:100%}h3{font-size:1.6em;font-weight:bold;margin:0 0 .4em;padding:0 5px}h3.news-titles{font:bold 1.2em "helvetica neue",arial,sans-serif;margin-top:0}h3.blog-title{font:normal 2.2em/1.30em calibri;margin:0 5px .3em;padding:0 0 .4em}#resume-name-title h3{font-size:2.4em;font-weight:normal;letter-spacing:3px;margin:0;text-transform:uppercase}h4{font:bold 1.1em Verdana,sans-serif;letter-spacing:2px;margin:0 0 .4em;padding:0 5px;text-transform:uppercase}.personal-info h4,.sidebar h4{font:1.1em arial,sans-serif;letter-spacing:0;text-transform:uppercase}.comment-list h4,.comment-form h4{font:1.4em arial,sans-serif;letter-spacing:0;margin:0 280px .6em 0;padding-top:.4em}ul h4,ul h5{padding:0}li h4{font-size:1.1em}#resume-content-main h4,#resume-references h4,#resume-skills h4{font-size:1.7em;text-transform:uppercase}h5{font-size:1.4em;font-weight:bold;padding:0 5px}.company-name{font-size:1.4em;font-weight:bold;padding:0 5px}.job-title{font-size:1.3em;font-style:italic;margin-bottom:.5em;padding:0 5px}.blog-date-month,.blog-date-day,.blog-date-year{font-size:1.6em}p,label,.description,#showcase dt,#latest-work-col dt,#contact-info dt,.list-friends dt,.list-friends dd,ul li{font-size:1.2em}#footer p,#blog-col p,.personal-info p,#resume-content-main p,#resume-content-main li,#resume-references dd,#resume-skills dt,#resume-skills dd,p.blog-categories,#contact-info dd,.sidebar li{font-size:1.1em}ul li li,.breadcrumbs ul li{font-size:1em}.keyboard-shortcuts ul,#project-info ul,#project-info-landscape ul,#resume-content-main ul,#resume-name-title ul,.breadcrumbs ul,.blog-side-col ul,.sidebar ul,#b-about #content-side ul,.comment-form ol,#tabs-nav,form ol{list-style-type:none}p,form ol li,.sidebar ul,.personal-info h4,.personal-info p,.blog-side-col ul,#project-info ul,.blog-body ul,#project-info-landscape ul,#resume-content-main .resume-time-city p,#contact-info dl{padding:0 5px}.section ul ul{list-style-type:square;padding:0 15px}p,#contact-info dd{margin-bottom:1em}dt{font-weight:bold}acronym{border-bottom:1px dotted #eee;cursor:help}kbd{font-family:monaco,mono}.confirm{padding:8px 15px 10px 35px;position:relative}.confirm a{position:absolute;right:10px}#page-header p{float:right;font:italic 1.3em/1.7em georgia;margin:.3em 5px 0;text-align:right;width:330px}#b-about #content-side ul a{display:block;padding:8px 5px}.blog-date-month,.blog-date-day,.blog-date-year{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:1px}.blog-date-month{font-weight:bold;text-transform:uppercase}.caps{text-transform:uppercase}.meta-date{font:bold 1.2em "helvetica neue",helvetica,arial,sans-serif}.updated{margin-top:2em;padding:6px 5px 8px}p.blog-categories{margin:0 5px 1em;padding:2px 0}p.preview-msg{font-weight:bold;margin-right:280px;padding:10px 5px}.comment-author p{font-weight:bold}.comment-author .cm-date{font-weight:normal}.list-friends dt{background-color:#000;color:#fff;padding:4px 0 5px}.list-friends dd{padding:4px 0 5px}#project-nav a{margin-right:2px;padding:3px 7px}#project-nav a.activeSlide{background-color:#080f18;color:#fff;font-weight:bold;text-decoration:none}#resume-skills p.note{border-top:1px solid #999;clear:both;border-color:#999;padding:.3em 5px .5em}#resume-content-main p,#resume-content-main ul,#resume name-title ul{padding:0 140px 0 5px}#resume-content-main p,#resume-content-main ul{margin-bottom:1.2em}#resume-content-main ul li{padding-left:10px}#resume-name-title ul{margin-top:1em;padding:0 5px}#resume-name-title ul li{font-weight:bold;margin-bottom:.5em;padding-left:15px;text-transform:uppercase}#resume-skills dt{font-weight:bold;text-transform:uppercase}#resume-references dl{margin-bottom:1em}#project-info ul,#project-info-landscape ul{margin-top:1.8em}#project-info ul li ul{margin-top:0}#project-info ul li,#project-info-landscape ul li{font-size:1.1em;margin-bottom:1em}#project-info ul li li,#project-info-landscape ul li li{margin-bottom:0}#showcase dl{margin-bottom:2.2em}#showcase dt,#latest-work-col dt{font-weight:bold}#showcase dd,#latest-work-col dd{margin:.3em 5px 0}#showcase dd.description,#latest-work-col dd.description{padding-bottom:.2em}dd.image a:link,dd.image a:visited,#latest-work-col dd.image a:link,#latest-work-col dd.image a:visited{display:block;margin:0 0 0 5px;text-decoration:none;width:258px}.imagebox p{font-style:italic;margin:0;padding:5px 5px 8px}#footer p{float:right;margin:.8em 0 0;padding:0 5px 30px 0;text-align:right;width:40%}#footer p.feeds{float:left;margin-left:5px;padding:0 0 0 18px;text-align:left}.primarynav,.secondarynav{list-style-type:none;position:absolute;right:5px}.primarynav{background-position:-1598px 0;height:10px;top:48px;width:311px}.primarynav li{display:inline}.primarynav li a:link,.primarynav li a:visited{height:10px;overflow:hidden;position:absolute;text-indent:-9000px;top:0;z-index:10}.secondarynav{top:10px}.secondarynav li{float:left;font-size:1.1em}.secondarynav li a{padding:4px 6px;text-decoration:none;text-transform:uppercase}.secondarynav li.last a{padding-right:0}#nav-web-design a:link,#nav-web-design a:visited{left:0;width:85px}#nav-web-design a:hover,#nav-web-design a:focus{background-position:-1598px -10px}#nav-web-design a:active{background-position:-1598px -10px}#b-web-design #nav-web-design a:link,#b-web-design #nav-web-design a:visited{background-position:-1598px -10px;cursor:default}#nav-design a:link,#nav-design a:visited{left:129px;width:50px}#nav-design a:hover,#nav-design a:focus{background-position:-1727px -10px}#nav-design a:active{background-position:-1727px -10px}#b-design #nav-design a:link,#b-design #nav-design a:visited{background-position:-1727px -10px;cursor:default}#nav-illustration a:link,#nav-illustration a:visited{left:218px;width:93px}#nav-illustration a:hover,#nav-illustration a:focus{background-position:-1816px -10px}#nav-illustration a:active{background-position:-1816px -10px}#b-illustration #nav-illustration a:link,#b-illustration #nav-illustration a:visited{background-position:-1816px -10px;cursor:default}#tabs-nav{background:url(http://images.337studio.com/site/menu_tabs_shadow.png) no-repeat 10px 0;padding:35px 0 75px;position:absolute;right:0;top:-5px}.ui-tabs-hide{display:none!important}#tabs-nav a{border-bottom:1px solid #cccdce;display:block;margin:0 0 0 25px;padding:0 5px 0 10px}#tabs-nav li{height:42px;line-height:42px}.ui-tabs-selected{background:transparent url(http://images.337studio.com/site/tabs_arrow.png) no-repeat 0 0}#tabs-nav .ui-tabs-selected a{background-color:#f7f7f7;border-bottom:1px solid #b5b6b8;border-right:1px solid #b5b6b8;color:#000;font-weight:bold;margin-top:1px;text-decoration:none}#tabs-nav .first{border-top:1px solid #cccdce}.breadcrumbs ul{height:26px}.breadcrumbs ul li{float:left;text-transform:lowercase}.breadcrumbs ul li a,.breadcrumbs li strong{display:block;font-size:1.1em;height:26px;line-height:26px;padding:0 8px 0 11px;text-decoration:none}.breadcrumbs li.home{background-color:transparent}.breadcrumbs li.home a{background:transparent url(http://images.337studio.com/site/icon_home.png) no-repeat;height:26px;padding:0;text-indent:-9999px;width:35px}.breadcrumbs li.home a:hover{background-position:0 -26px}

/* layout.css */
.clearfix:after,.comment-wrap:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.clearfix,.comment-wrap{display:inline-block}* html .clearfix,* html .comment-wrap{height:1px}.clearfix,.comment-wrap{display:block}img{display:block;margin:0}#container{width:100%}#header,#page-header,.breadcrumbs,#content,#footer{margin-left:50px;width:830px}#header{margin-left:27px;width:853px}#content{margin:2em 0 2em 50px}#b-home #content{margin-top:0;padding-top:129px}#header{position:relative}#logo{height:22px;left:0;position:absolute;top:36px;width:210px}#page-header{margin-bottom:2em;padding-top:129px}#b-about #content{margin-left:55px;width:820px}#content-main,#project-image,#project-info,#showcase dl,#resume-name-title,.personal-info,#resume-references,#resume-skills,#welcome-col,#latest-work-col,#blog-col,.blog-body,.sidebar,.comment-author,.comment-body,#contact-form-col,#contact-info,label{float:left;margin-right:10px}.sidebar,.blog-date-time,.comment-author{width:130px}#project-info,#showcase dl,#welcome-col,#latest-work-col,#blog-col,#contact-info{width:270px}.blog-body,.blog-comments-section,.comment-body,.checkboxes-submit{width:410px}#content-main,#project-image,#contact-form-col{width:550px}#project-image-landscape{width:830px}#b-contact #content-main{float:none;width:830px}.section{margin-bottom:2.4em;position:relative}.section .imagebox{height:150px;padding:0;position:absolute;left:-145px;top:0;width:140px}.section .imagebox img{margin:10px 10px 0}.comment-wrap{margin-bottom:1.2em}.comment-author,.comment-body{padding-top:0.5em}.blog-body{margin-left:140px}.blog-article{margin-bottom:4.2em;position:relative}.comment-list{margin-bottom:4.2em}.blog-date-time{padding:5px 0 0;position:absolute}.blog-body img{margin-left:5px}.imagebox{padding-top:5px}.imagebox img{margin:0 5px 0}#showcase dl{position:relative}#latest-work-col dl{margin-bottom:1em;position:relative}#showcase dl dt,#latest-work-col dl dt{left:6px;padding:4px 9px;position:absolute;top:68px;z-index:100}#showcase dl dd.image,#latest-work-col dl dd.image{margin:0}#resume-buttons{height:20px;margin-bottom:1.2em;position:relative}#resume-buttons p{height:20px;line-height:20px;padding:0;position:absolute;width:120px}#resume-buttons p a{display:block;text-indent:-9999px}#resume-buttons p.resume-pdf{left:565px}#resume-buttons p.resume-linkedin{left:705px}.resume-row{clear:both;position:relative}.top{border-top:1px solid #808781;padding-top:0.8em}.resume-time-city{position:absolute;right:0;top:0;width:130px}#resume-name-title,#resume-references{width:270px}#resume-skills{margin-right:0;width:550px}#resume-references dd,#resume-skills dl dt,#resume-skills dl dd,#resume-skills p{padding:0 5px}#resume-skills p{margin-bottom:0.6em}#resume-skills dl{float:left;margin:0 10px 2em 0;width:130px}#resume-content-main{margin-left:280px;width:550px}.personal-info{width:130px}.last{margin-right:0 !important}#footer{margin-bottom:4em}

/* color.css */
body{background:#fff url(http://images.337studio.com/site/bg_gradient.gif) repeat-x 0 0;color:#222}#container{background:transparent url(http://images.337studio.com/site/bg_container.png) no-repeat 0 0}a:link,a:visited{color:#761919}a:hover,a:active{color:#4b1d1d;text-decoration:none}#showcase a{text-decoration:none}#logo a{background-position:-1388px 0}#logo a,h2 span,.primarynav,#nav-web-design a:hover,#nav-web-design a:focus,#nav-web-design a:active,#b-web-design #nav-web-design a:link,#b-web-design #nav-web-design a:visited,#nav-design a:hover,#nav-design a:focus,#nav-design a:active,#b-design #nav-design a:link,#b-design #nav-design a:visited,#nav-illustration a:hover,#nav-illustration a:focus,#nav-illustration a:active,#b-illustration #nav-illustration a:link,#b-illustration #nav-illustration a:visited{background-image:url(http://images.337studio.com/site/sprites.png);background-repeat:no-repeat}h2.h2-web-design-work span{background-position:0 0}h2.h2-design-work span{background-position:-242px 0}h2.h2-illustration-work span{background-position:-484px 0}h2.h2-about span{background-position:-790px 0}h2.h2-resume span{background-position:-881px 0}h2.h2-downloads span{background:transparent url(http://images.337studio.com/site/h2_downloads.gif) no-repeat 0 0}h2.h2-contact span{background-position:-1278px 0}h2.h2-welcome span{background-position:-990px 0}h2.h2-latest-work span{background-position:-1117px 0}h2.h2-blog span{background-position:-726px 0}#b-home h2{color:#61beeb}.comment-list h4,.comment-form h4{border-top:2px solid #e5e5e6}strong,.section h4,.blog-title,.blog-date-month,.blog-date-day,.blog-date-year{color:#000}.blog-date-day{color:#626666}.blog-date-year{color:#acafaf}kbd{color:blue}.section .imagebox{background:url(http://images.337studio.com/site/bg_imagebox_shadow.png) no-repeat 0 0}.confirm{background:#E6EFC2 url(http://images.337studio.com/site/bg_tick.gif) no-repeat scroll 10px 50%;border:1px solid #9C6;color:#264409}.confirm strong{color:#264409}.secondarynav a:link,.secondarynav a:visited,.breadcrumbs a:link,.breadcrumbs a:visited{color:#898989}.secondarynav a:hover,.secondarynav a:active,#b-blog #nav-blog a,#b-about #nav-about a,#b-resume #nav-resume a,#b-downloads #nav-downloads a,#b-contact #nav-contact a,.breadcrumbs li strong{color:#fff}.blog-date-time p{color:#656669;margin:0}.breadcrumbs a:hover{color:#eee}#page-header p{color:#7b7b7b}.breadcrumbs ul{background:transparent url(http://images.337studio.com/site/bg_breadcrumbs.png) no-repeat}.breadcrumbs ul li{background:#080f18 url(http://images.337studio.com/site/bg_breadcrumb_arrow.png) no-repeat 0 10px}#resume-content-main ul li{background:transparent url(http://images.337studio.com/site/bg_breadcrumb_arrow.png) no-repeat 0 5px}#resume-name-title ul li{background:transparent url(http://images.337studio.com/site/bg_breadcrumb_arrow.png) no-repeat 0 5px}#resume-name-title ul li{color:#5a5c5f}.imagebox{background-color:#000}.imagebox p{color:#eee}.updated{background-color:#eee;border:1px solid #818285}#showcase dl dd.description,#latest-work-col dl dd.description{border-bottom:1px solid #eee;border-color:#929396}#showcase dl dt,#latest-work-col dl dt{background:url(http://images.337studio.com/site/black_transparency.png);color:#fff}#showcase dl dd.image a{opacity:0.6}#showcase dl dd.image a:hover{opacity:1}p.feeds{background:url(http://images.337studio.com/site/icon_rss.png) no-repeat 0 50%}p.preview-msg{background-color:#c1ff9c;border:1px solid #000;color:#131315}p.blog-categories{border-bottom:1px solid #8b8d90;border-top:1px solid #8b8d90}.comment-author{border-top:1px dotted #8b8d90;border-color:#a3a6a8}.comment-body{border-top:1px solid #eee}form ol li{border-top:1px solid #8B8D90}input,textarea{color:#5e5f62}#resume-buttons p.resume-pdf a{background:transparent url(http://images.337studio.com/site/bg_resume_pdf.png) no-repeat 0 0}#resume-buttons p.resume-linkedin a{background:transparent url(http://images.337studio.com/site/bg_resume_linkedin.png) no-repeat 0 0}.btn-submit{background:url(http://images.337studio.com/site/button_submit.png) no-repeat;border:none}.btn-preview{background:url(http://images.337studio.com/site/button_preview.png) no-repeat;border:none}#showcase dl dd.image a:link,#showcase dl dd.image a:visited,#latest-work-col dd.image a:link,#latest-work-col dd.image a:visited{border-bottom:1px solid #000;border-left:1px solid #848588;border-right:1px solid #000;border-top:1px solid #848588}#showcase dl dd.image a:hover,#showcase dl dd.image a:active,#latest-work-col dd.image a:hover,#latest-work-col dd.image a:active{border:1px solid #4b1d1d}#footer p{color:#656669}

/* forms.css */
form ol li{margin-bottom:0.4em;padding:5px 0;width:550px}input,textarea{font:1.2em verdana;padding:2px 3px}label{display:block;font-weight:bold;margin-left:5px;width:125px}.checkboxes-submit,.submit-button{margin-left:140px}.checkboxes-submit input,.submit-button input{font-size:1.1em}.btn-submit,.btn-preview{height:20px;padding:0;text-indent:-9999px;width:120px}.btn-submit:hover,.btn-preview:hover{background-position:0 -20px}input.text{margin-left:5px;width:247px}input[type="checkbox"]{margin:0}textarea{margin-left:5px;width:392px}