/*  
Theme Name: Sharpfolio (amended)
Theme URI: http://sharpfolio.com/
Description: Sharpfolio is a theme designed specifically for designers who wish to use Wordpress for Portfolio Management. Making it easier to display your work in a clean environment.
Version: 1.0 - Initial Release
Author: WebRevolutionary
Author URI: http://webrevolutionary.com/
*/

.column {display: inline; float: left; width: 145px; margin: 0 20px 0 0;}


.cols-1-set {width: 165px; float: left; display: inline; margin-bottom: 10px; overflow: hidden;}
.cols-2-set {width: 330px; float: left; display: inline; margin-bottom: 10px; overflow: hidden;}
.cols-3-set {width: 495px; float: left; display: inline; margin-bottom: 10px; overflow: hidden;}
.cols-4-set {width: 660px; float: left; display: inline; margin-bottom: 10px; overflow: hidden;}
.cols-5-set {width: 825px; float: left; display: inline; margin-bottom: 10px; overflow: hidden;}
.cols-6-set {width: 990px; float: left; display: inline; margin-bottom: 10px; overflow: hidden;}
.single-post .content .column p.continued {margin-top: 25px !important;}





/* custom content styles */
.pennymovies-flash {padding: 15px; width: 610px; height: 409px; background: #191919;}

.category-notes p.intro .head {background: #fff; font-size: 2.1em; letter-spacing: -1px; color: #000; font-weight: bold; float: left; margin-right: 10px; margin-top: -8px; height: 25px;}
.category-notes .level-2 p.intro .head {color: #888;}
.category-notes p.intro {color: #fff; padding: 2px 4px 2px 0; background: #ccc; display: inline;line-height: 1.4em; width: 300px; font-size: 1.2em; font-weight: bold;}
.intro-panel {padding-bottom: 10px; padding-top: 10px;border-bottom: solid 1px #ddd;margin-bottom: 10px;}

/* work slideshow */
.work-slideshow {width: 100%; float: left; margin-bottom: 10px;}
.column-1-slideshow {margin: 20px 0 60px 20px; width: 600px; float: left; display: inline; overflow: hidden;}
.column-2-slideshow {margin: 20px 0 60px 20px; width: 150px; float: left; display: inline;}
.work-slideshow p.case-studies a .client {color: #0169ae; white-space: nowrap;}
.work-slideshow p.case-studies a:hover .client {color: #0169ae; background: none !important;}
/* .work-slideshow h2 {border-bottom: none; color: #fff; margin-bottom: 17px;} */
.work-slideshow ul {margin-bottom: 40px; margin-top: 2px;}
.work-slideshow .excerpt a, .work-slideshow .excerpt a:visited {color: #888;}
.work-slideshow .excerpt a:hover {color: #fff;}
.work-slideshow .work-intro-nav h2 {margin-bottom: 13px; float: left; line-height: 1.3em; width: 100%;display: inline; padding: 2px;}
.work-slideshow .work-intro-nav ul {clear: left;}
.work-slideshow .work-intro-nav ul li {margin-bottom: 3px; font-size: 1.3em; line-height: 1.1em;} 
#work-cat #left .work-slideshow .work-intro-nav ul li a {line-height: 1.1em; background: #0099ff;color: #fff;} 
#work-cat #left .work-slideshow .work-intro-nav ul li a:visited {line-height: 1.1em; background: #0099ff;color: #fff;} 
#work-cat #left .work-slideshow .work-intro-nav ul li a:hover {line-height: 1.1em; background: #fff;color: #000 !important;} 
.work-slideshow h1 {font-size:1.3em; color: #fff; margin-bottom: 17px;}
h2.on {background: #000;}

.full-work-listing {width: 800px; display: inline; float: left; overflow: hidden; margin-top: 20px;}
.full-work-listing ul {width: 830px;} 
.full-work-listing li {width: 145px; height: 30px; margin-right: 20px; float: left; padding-bottom: 5px;border-bottom: 1px solid #282828;}
.full-work-listing li a {display: inline;}

.online .work-slideshow, .offline .work-slideshow, .identity .work-slideshow, .interface .work-slideshow, .interiors .work-slideshow, .mobile .work-slideshow {}

/* defaults */
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; font-size: 70%; color: #888;background: #fff url(/site-assets/elements/bg-top-2.gif) repeat-x 0 0; border-top: none;}
a, #right a, .intro a {color: #09f;text-decoration: none; padding-right: 0;}
/* a, #right a, .intro a {padding-right: 2px;} */

a:visited, #right a:visited, .intro a {color: #09f;}
a:hover, div#right a:hover, .intro a:hover {background: #0099ff;color: #fff;}
p, li, ul, ol {font-size: 1em;margin-top:0; margin-bottom: 5px;}
strong {font-weight: bold;}
h2 {font-size: 1.3em; color: #333;font-weight: normal;margin: 0 0 8px 0; border-bottom: 1px solid #eaeaea; padding-bottom: 3px; }
h2 a {padding-bottom: 1px;}
h2 .divider {color: #000; margin: 0 0 0 5px;}
h3 {font-size: 1.1em; font-weight: normal; margin: 0px 0 5px 0;text-align: left; color: #000;}
h4 {font-size: 1.2em; color: #444; font-weight: bold; margin: 7px 0 5px 0; border-bottom: 1px solid #eaeaea; padding-bottom: 5px; }
h5, h3#comments {color: #444; font-weight: bold; border-bottom: 1px solid #eaeaea;padding-bottom: 5px;margin-bottom: 3px;}
ol h5, ul h5 {border: none; padding-bottom: 0; margin-bottom: 0;}
li {line-height: 1em;}
.content ol {list-style: decimal; margin: 0 0 20px 20px !important; padding: 0 !important;}
.entry ol {list-style: decimal; margin: 0 0 20px 20px !important; padding: 0 !important;}
.content ul {list-style: square; margin: 0 0 10px 15px !important; padding: 0 !important;}
.entry ul {list-style: square; margin: 0 0 10px 15px !important; padding: 0 !important;}
.content li {padding: 0 !important; margin: 0}
.content blockquote p {font-size: 0.9em; padding: 10px 10px 5px 10px; background: #efefef; width: 400px; margin: 5px 10px 10px 0px;}

/* programming */
.clear {clear: left;}
.float-left {float: left;}

/* grid */
#wrapper {width: 990px;margin: auto; text-align: left;padding: 0 80px 0 80px; background: url(/site-assets/elements/top-bg-sides.jpg) no-repeat 0 0;}
.column-1 {float: left; width: 530px; margin-right: 18px; margin-top: 10px;}
.column-1 .post {width: 530px;}
.column-2 {float: left; width: 252px; margin-top: 10px;}
#left {width: 800px; float: left;margin: 35px 0px 0 0; }
#right {width: 145px; float: left;margin: 35px 0 0 15px;}
#right ul li, .notes-sidebar-2 ul li {list-style: none; margin: 0 0 5px 0; border-bottom: 1px solid #eee; padding-bottom: 5px; line-height: 1.32em;}
#right .work, #contact, #links { margin:0 0 20px 0;}
#right #links h2 {margin-top: 20px;}
#right #links h2.first {margin-top: 0;}
.content-box {margin: 0 0 20px 0;float: left;}
.content-box h3 span.date {color: #fff; }

/* header */
#header {padding: 0 0 0px 0; position: relative; height: 141px; }
#header h1 {font-size: 4.2em; font-family: Georgia, "Times New Roman", Times, serif, Trebuchet, "Trebuchet MS", Century Gothic, Lucida Grande, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: -2px; display: block; margin: 0; height: 57px; width: 250px; overflow: hidden; text-indent: -9999px; background: url(/site-assets/logos/pixelres-logo-3.gif) top left no-repeat; position: absolute; left: 0; top: 99px; }
#header h1 a { color: #09f; text-decoration: none; height: 57px; width: 250px; display: block; }
#header h1 a:hover {color: #09f; background: none;}
#header h1 a span.logo-res {color: #09f;}
#header h2 {font-size: 1em;color: #333; font-weight: bold;}
#chomoi-description .chomoi {position: absolute; top: 4px; left: 6px; color: #fff; font-size: 1.3em; font-weight: normal;text-indent: -9999px;}
#chomoi-description .art-director {color: #aaa; font-size: 1em; font-weight: normal; position: absolute; left: 6px; top: 22px;text-indent: -9999px;}
#chomoi-description {position: absolute; top: 32px; left: 275px; height: 10px; width: 409px; background: url(/site-assets/elements/chomoi-art-direction.gif) no-repeat 0 0;}

/* nav */

#nav {height: 71px; margin: 0 0 0 0; position: absolute; right: 0; top: 70px;}
ul#navigation { display: block; float: right; list-style: none; margin: 0 0 0 0; height: 70px; }
ul#navigation li {display: inline; }
ul#navigation li a {color: #fff; display: block; float: left; padding: 0px; margin: 29px 1px 0 0; text-decoration: none; font-weight: bold; width: 145px; height: 15px;}

ul#navigation li.nav-notes a {background: url(/site-assets/elements/txt.gif) no-repeat scroll 0 -210px; text-indent: -9999px;}
ul#navigation li.nav-work a {background: url(/site-assets/elements/txt.gif) no-repeat scroll 0 -240px; text-indent: -9999px;}
ul#navigation li.nav-resume a {background: url(/site-assets/elements/txt.gif) no-repeat scroll 0 -270px; text-indent: -9999px;}
ul#navigation li.nav-clients a {background: url(/site-assets/elements/txt.gif) no-repeat scroll 0 -300px; text-indent: -9999px;}



ul#navigation li.current_page_item a {	color: #fff; }
ul#navigation li.current_page_item a:hover {color: #fff; ; text-decoration: none; }
ul#navigation li a:hover, ul#navigation li:hover a {}

/* footer */
#footer {float: left; font-size: 10px;margin: 30px 0 50px 0; border-top: 10px solid #ececec; padding: 10px 0 0 0; clear: both; width: 970px; color: #999; }
#footer a {color: #555; text-decoration: none; border-bottom: 1px dotted #ccc; }
#footer a:hover {color: #333; border-bottom: 1px solid #ccc; }
#footer p {float: right;}

#nav p.intro {display: block; width: 410px; float: left; font-size: 0.9em; color: #ccc; padding: 6px; }

.excerpt {width: 128px; height: 90px; margin: 0 20px 10px 0; float: left; overflow: hidden; }
.excerpt-list {width: 600px;}

.category-page .navigation {display: none; text-indent: -9999px;}



.note {margin: 0 0 15px 0;}
.note h3 {	font-weight: bold;font-size: 1em;color: #ccc;}

.work-image a {border: none!important; }
.work-image img {padding: 0; border: none!important; }
.work-image a img {border: none!important; }
.work-image a:hover img {background: #000; border: none!important;}

.contactform label {display: block; margin: 15px 0 0 0; font-size: 12px; color: #888; font-weight: bold; }
.contactform input#contactsubmit {position: relative; top: 10px; }

/* pages */
.five-col {clear: both; width: 825px; margin: 0 0 0 0px; }
.client-list {float: left; margin: 18px 20px 0 0; width: 145px; }
.client-list h3 {text-indent: none; margin-bottom: 5px; margin-top: 10px; height: 30px; }
.client-list li {margin: 0px 0 3px 0px; width: 145px; border-bottom: solid 1px #eaeaea; padding-bottom: 3px; }
.resume {position: relative;}
.resume .wide-col {width: 488px;  float: left;}
.resume .narrow-col {width: 180px; float: left; margin-left: 20px;}
.resume h3 {height: 23px; width: 100%; border-top: solid #ccc 1px; padding: 0 0 0 0; margin: 30px 0 15px 0 !important; }
.resumerole {color: #777; font-weight: normal;}
.resume .intro-panel {background:#eaeaea; margin:0;position: relative; width: 100%; height: 60px; overflow: hidden; float: left;}
.resume .intro-panel-right {display:block; margin:0px 0 0 190px; width: 500px; padding-top: 5px;}
.resume .intro-panel-left {display:block; position: absolute; left: 0px; top: 0px; margin:20px; width: 160px;}

/* home */
.home #left {margin-right: 0;}
.home .lead-panel {float: left;margin-bottom: 20px; margin-right: 39px; width: 484px; height: 300px; overflow: hidden;}
.home .lead-panel a {float: left;border: none; height: 140px; padding: 0;margin-bottom: 20px;}
.home .lead-panel a img {margin: 0 0 20px 0;}
.home .lead-sub-panel {clear: left; margin: 0 0 20px 20px; width: 277px; height: 140px; overflow: hidden;}
.home .lead-sub-panel p {margin-bottom: 20px; line-height: 0.1em; padding-bottom: 0; height: 140px;}
.home .lead-sub-panel a {margin: 0 0 0 0; border: none; height: 140px; padding: 0;}
.home .lead-sub-panel a img {margin: 0;}
.home .featured {width: 296px;clear: left; overflow: hidden;}
.home #left .notes {float: left; width: 484px; overflow: hidden; margin: 0 20px 0 0;}
.home #left .notes h3 {background: none; float: none; padding: 0; margin: 0; }
.home #left .excerpt-notes {border-bottom: solid 1px #eee; padding-bottom: 10px; margin-bottom: 10px; color: #777; }
.home #left .notes .date {width: 40px; height: 45px; position: relative; background: #eee; color: #bbb; margin: 0 5px 5px 0; float: left; }
.home #left .notes .date-month {font-size: 1.2em; display: block; float: left; margin: 1px 0 0 3px; height: 16px; overflow: hidden; text-transform: uppercase; font-weight: bold; }
.home #left .notes .date-day {height: 22px; overflow: hidden; font-size: 2em; color: #aaa; height: 24px; float: left; margin: -3px 0 0 5px; }
.home .excerpt {width: 128px; height: 90px; margin: 0 0px 10px 20px;display: inline;}












.home .intro {font-family: Georgia; font-size: 0.9em; letter-spacing:0.2em; margin:5px 0px 15px 0px; text-transform:uppercase;border-bottom: 1px solid #eaeaea; padding-bottom: 10px;}


.home .home-column-1, .home .home-column-2 {float: left; overflow: hidden;}
.home .home-column-1 {width: 500px;}
.home .home-column-1 .paragraph-character {font-family: Georgia; font-size: 3em; float: left; color: #000; display: block; margin: 0 5px 30px 0;}
.home .home-column-1 .home-top h1 {font-family: Helvetica, Arial, Verdana, San-serif; font-weight: bold; font-size: 2em; line-height: 95%; letter-spacing: -1px; color: #aaa; margin: 0 0 10px 0; width: 415px;}
* html .home .home-column-1 .home-top h1 {width: 98%;}
.home .home-column-1 .home-top h1 a {float: left; margin: 0 3px 0 0px; border-right: solid 1px #e6e6e6; padding: 0 3px 0 0; display: inline;}
.home .home-column-1 .home-top h1 a {padding-right: 3px;}

.home .home-column-1 h1 .para-mark {float: left; display: inline;}
.home .home-column-1 .notes .entry p {width: 100%}
.home .home-column-1 .category-notes .post {display: inline; float: left; margin: 0 0 50px 0; width: 484px; border-bottom: solid 1px #ddd; padding-bottom: 10px;}
.home .home-column-1 .category-notes .post h2 {font-family: Helvetica, Helvetica, "Helvetica Neue", Arial, sans-serif;font-size: 1.7em; font-weight: bold;margin: 0 0 7px 0; float: left; line-height: 1.4em; overflow: hidden; max-width: 350px; border-left: #000 solid 2px; z-index: 20; padding: 0; display:inline;}
* html .home .home-column-1 .category-notes .post h2 {width: expression(Math.min(parseInt(this.offsetWidth), 350 ) + "px"); border-left: none;}
.category-notes .post h2:hover, .category-notes .post h2.over {border-left: #0095ff solid 2px; z-index: 10;}
.category-notes .post h2 a {color: #fff; padding: 4px 6px 4px 0; background: #000; display: inline;line-height: 1.2em;}
.category-notes .post h2 a:hover {color: #fff; background: #0095ff;}
.category-notes .post p.postmetadata {clear: none; margin: 0px 0 0 10px; padding: 0; top: 1px; display: inline;}
* html .category-notes .post p.postmetadata {}
.home .home-column-1 .category-notes .post .postmetadata .category{padding-right: 7px; margin: 0 7px 0 0; border-right: none;}
.category-notes .post .entry p, .notes .content .entry p {font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.2em; font-weight: normal; color: #656565; line-height: 140%; margin: 6px 0 6px 0;}
.category-notes .post .entry {clear: left; margin-bottom: 0px;}
.category-notes .post .entry img {margin: 10px 0 10px 0;}


a.subscribe {padding-left: 20px !important; background: url(/site-assets/elements/ico-rss.gif) no-repeat 0 0;}
a:hover.subscribe {background: #0099FF url(/site-assets/elements/ico-rss.gif) no-repeat 0 -24px;}

.home .home-column-2 {width: 296px;}
.home .home-column-2 .intro {margin-left: 20px;}
.home .home-column-2 h2 {margin-left: 20px;}


.home .home-top {height: 100px; border-bottom: solid 1px #ddd; margin-bottom: 20px;}
.home .home-top .sub-head {color: #000;}
.home .home-top a.sub-head:hover {color: #fff;}

.home .home-column-2 .home-top {padding-left: 20px; display: inline; float: left;}

.home .home-column-2 .home-top h2 {font-family: Helvetica, Arial, Verdana, San-serif; font-weight: bold; font-size: 1.4em; line-height: 98%; letter-spacing: -1px; color: #aaa; margin: 0; width: 270px; border-bottom: none;}
* html .home .home-column-2 .home-top h2 {width: 98%;}
.home .home-column-2 .home-top h2 a {float: left; margin: 0 3px 0 0px; border-right: solid 1px #e6e6e6; padding: 0 3px 0 0; display: inline;}
.home .home-column-2 .home-top .first-lines {float: none;}

.home .home-column-2 .home-top h2 a.chomoi {float: none; white-space: nowrap; border-right: none; padding-right: 0; margin-right: 0;}
.home .home-column-2 .home-top h2 a.work {float: none;border-right: none; padding-right: 0; margin-right: 0}


.home .home-column-2 .home-work-intro {padding-left: 20px; margin-bottom: 20px; display: inline; float: left;}
.home .home-work-intro .sub-head {color: #000;}
.home .home-work-intro a.sub-head:hover {color: #fff;}

.home .home-column-2 .home-work-intro h2 {font-family: Helvetica, Arial, Verdana, San-serif; font-weight: bold; font-size: 1.4em; line-height: 98%; letter-spacing: -1px; color: #aaa; margin: 0; width: 270px; border-bottom: none;}
* html .home .home-column-2 .home-work-intro h2 {width: 98%;}
.home .home-column-2 .home-work-intro h2 a {float: left; margin: 0 3px 0 0px; border-right: solid 1px #e6e6e6; padding: 0 3px 0 0; display: inline;}
.home .home-column-2 .home-work-intro .first-lines {float: none;}

.home .home-column-2 .home-work-intro h2 a.chomoi {float: none; white-space: nowrap; border-right: none; padding-right: 0; margin-right: 0;}
.home .home-column-2 .home-work-intro h2 a.work {float: none;border-right: none; padding-right: 0; margin-right: 0}


.home .home-column-2 .featured-list {margin: 0 0 15px 20px; float: left; display: inline;}
.home .home-column-2 .featured-list h2 {font-family: Helvetica, Arial, Verdana, San-serif; font-weight: bold; font-size: 1.4em; line-height: 98%; letter-spacing: -1px; color: #aaa; margin: 0 0 10px 0; width: 270px; border-bottom: none; display: inline;}
.home .home-column-2 .featured-list h2 a {float: left; margin: 0 3px 0 0px; border-right: solid 1px #e6e6e6; padding: 0 3px 0 0; display: inline;}
.home .home-column-2 .featured-list  .sub-head {color: #000;}




.home .about {margin-left: 20px;float: left; display: inline; width: 277px;}
.home .about h3 {margin-top: 20px;}
.home .about h3.chomoi {margin-top: 0px;}
.home .about p {width: 100%; border-top: 10px solid #ececec; margin: 0 0 20px 0; padding: 5px 0 0 0;font-family: Helvetica, Arial, Verdana, San-serif; font-weight: bold; font-size: 1.4em; line-height: 98%;  color: #aaa; float: left; display: inline;}
.home .about .sub-head {color: #000;}
.home .about a.sub-head:hover {color: #fff;}

.home .popular {float: left; display: inline; margin-left: 0; margin-bottom: 20px; width: 100%; border-bottom: solid 1px #eee;}
.home .popular h3 {border-bottom: solid 1px #eee; padding-bottom: 5px; color: #000; font-weight: bold;}
.home .popular ul.recent li a {display: inline;}
.home .popular ul.recent li {float: left; margin-right: 10px; width: 145px; height: 40px; border-bottom: none; display: inline; padding-bottom: 5px;}



/* single post */
.notes .content-box .content {width: 530px;}
.single-post .content .column-1 p, .single-post .content .column-1 p.intro, .single-post .content .column-1 h4, .single-post .content .column-1 h5, .notes .entry h4, .notes .entry h5, .notes .entry p, .notes .entry ul  
{width: 70%;}
.single-post h3 {color: #000; padding: 0px; margin: 0 0 10px 0; }
.single-post .content p {margin: 2px 0 20px 0; font-size: 1em; font-family: "Helvetica Neue", Helvetica, Arial, Lucida Grande, Century Gothic, Trebuchet, "Trebuchet MS", sans-serif, Georgia, "Times New Roman", Times, serif;}
.single-post .content p.intro {margin: 2px 0 20px 0; font-size: 1.3em; line-height: 145%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif, Trebuchet, "Trebuchet MS", Century Gothic, Lucida Grande, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.single-post .content .column-2 img.logo {margin: 0px 0px 20px 0; float: none; }
.single-post .content {clear: left; width: 800px; overflow: hidden;}
.single-post .content img.logo {margin: 4px 15px 0 0; float: left; background: none; }
.single-post .content img.float-right {margin: 0 0 10px 10px;float: right;}
.single-post .content img.float-left {margin: 0 10px 10px 0;float: left;}
.single-post .content img.float-left-grouped {margin: 0 0px 1px 0;float: left;}
.single-post .content img.lead-thumb {position: absolute; float: none; top: 0px; left: 450px;}
.single-post .content .details {border-top: 10px #e5e5e5 solid; padding-top: 10px;margin-top: 10px; width: 800px; overflow: hidden;}
.single-post .content p.site, .single-post .content p.involvement, 
.single-post .content p.spec {display: inline; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Lucida Grande, Geneva, Century Gothic, Trebuchet, "Trebuchet MS", sans-serif; font-size: 1em; padding: 4px 4px 4px 0; height: 40px; float: left;}
.single-post .content p.site, .single-post .content p.involvement, .single-post .content p.spec {color: #888; margin: 0 6px 0px 0; }
.single-post .content h4.site, .single-post .content h4.involvement, .single-post .content h4.spec {text-indent: -9999px; padding: 0; margin: 0; line-height: 0;border: 0; padding-bottom: 0;}
.single-post .content .column-1 p, .single-post .content .column-1 p.intro, .single-post .content .column-1 h4 {width: 488px;}
.single-post .content .column-2 h5 {margin: 0 0 5px 0;}
.single-post .content .column-2 ul {margin: 0 0 20px 0px !important;}
.single-post .content .column-2 li {list-style: none;}
.single-post .content .column-2 li a {background: url(/site-assets/elements/ico-page.gif) no-repeat 0 0; padding: 4px 0 0 25px;height: 16px;display: block;margin: 0 0 5px 0;overflow: hidden !important;}
.single-post .content .column-2 li.on a {color: #333 !important;background: url(/site-assets/elements/ico-page.gif) no-repeat 0 -40px;}
.single-post .content .column-2 li a:hover {color: #000 !important;background: url(/site-assets/elements/ico-page.gif) no-repeat 0 -20px;}
.single-post .content .column-2 li.on a:hover {background: url(/site-assets/elements/ico-page.gif) no-repeat 0 -40px;}
.single-post .details {clear: both;padding: 40px 0 0 0; margin-top: 20px;}
.single-post .date {margin-top: 20px; clear: left; display: block;}
.single-post .post .entry {position: relative;}
.single-post .notes-sidebar-2 h3 {color: #777; margin: 20px 0 5px 0; font-size: 1em;}

.best {padding:1px 2px 2px 4px; background: #fb0; margin: 0 7px 0 0; color: #fff; font-family: Trebuchet MS, "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;letter-spacing: 0.2em;font-size: 0.7em; float: left;}
.lead-star {font-size: 7em !important; line-height: 1.32em;height: 55px; float: left; overflow: hidden; padding: 0; margin-top: -22px; margin-left: -4px; margin-right: 4px; font-family: Helvetica, Trebuchet MS;color: #fb0;}
.caption {width: 205px; float: left; margin-right: 10px; overflow: hidden; border-bottom: 1px solid #eaeaea; padding-bottom: 5px; margin-bottom: 10px;}
.caption span.text {font-size: 0.85em; margin:2px 0 2px 0;}

.single-post .content .comments {float: left; margin: 40px 0 0 0; width: 450px;}
.single-post .content .comments ol.commentlist {clear: left;}
.single-post .content .comments ul {width: 450px;}
.single-post .content .comments li {width: 450px;}
.single-post .content .comments h4 {width: 450px;}
.single-post .content .comments h4#respond {border: none; margin-top: 20px; color: #888;}
.single-post .content .comments p {width: 450px;}
.single-post .content .comments ol {list-style: none; margin: 0 0 0 0 !important; padding: 0 !important;}
.single-post .content .comments ul {list-style: none; margin: 0 0 0 0 !important; padding: 0 !important; float: left;}
.single-post .content .comments li {margin: 0 0 10px 0 !important;border-bottom: 1px solid #eaeaea;padding: 0 0 10px 0 !important; position: relative; display: block;}
.single-post .content .comments p {margin: 0 0 3px 0; font-size: 1.2em; color: #000;}
.single-post .content .comments p.commentmetadata {position: absolute; left: 351px; top: 0px; color: #999;}
.single-post .content .comments cite {color: #999;}
input#author {background: url(/site-assets/elements/form-input.gif) no-repeat 0 0 #fff !important; border: none; padding: 2px 10px 2px 10px; width: 299px; height: 19px;}
input#email {background: url(/site-assets/elements/form-input.gif) no-repeat 0 0 #fff !important; border: none; padding: 2px 10px 2px 10px; width: 299px; height: 19px;}
input#url {background: url(/site-assets/elements/form-input.gif) no-repeat 0 0 #fff !important; border: none; padding: 2px 10px 2px 10px; width: 299px; height: 19px;}
#commentform #submit {padding: 0 0 0 7px; margin: 0; border: none; background: url(/site-assets/elements/btn-post.gif) no-repeat 0 0; width: 67px; height: 21px;  cursor: pointer; overflow: visible;color: #a5a5a5;text-align: left;}
#commentform label {color: #888;}
textarea#comment {background: none !important; border: none; margin: 2px 10px 5px 10px; width: 416px; height: 67px;overflow: auto;}
p.textarea {background: url(/site-assets/elements/form-textarea.gif) no-repeat 0 0; display: block; width: 437px; height: 74px;}
.required {color: #c00;}
.single-post .content .comments p.required-info {color: #aaa; margin-top: 20px; font-size: 0.9em;}
#commentform label .private {color: #aaa;}

/* .single-post .content h4.site, .single-post .content h4.involvement, .single-post .content h4.spec {color: #555; border-left: solid 1px #ddd; border-bottom: none; padding-left: 12px; margin: 0 0px 6px 0; } */

.post {width: 600px;}
.single-post .post p.postmetadata {margin: 5px 0 20px 0; color: #aaa; font-family: Trebuchet MS, "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;letter-spacing: 0.2em;font-size: 0.85em;clear: left;}

ul.user-comments li {color: #888;margin-bottom: 7px;}
ul.user-comments li .user {color: #aaa;}


ul.important-list li {font-size: 1.2em; line-height: 1.3em; color: #656565;}
.notes .content .entry ul.important-list li {margin-bottom: 10px;}
ul.important-list {margin-top: 10px;}


/* category */
.category-notes .post h2 {font-family: Helvetica, Helvetica, "Helvetica Neue", Arial, sans-serif;font-size: 1.3em; font-weight: bold;margin: 0; float: left; line-height: 1.2em; overflow: hidden; max-width: 350px; border-left: #000 solid 2px; border-bottom: none; z-index: 20; padding: 0; display:inline;}
* html .category-notes .post h2 {width: expression(Math.min(parseInt(this.offsetWidth), 350 ) + "px"); border-left: none;}.category-notes .post .postmetadata .time {padding-right: 7px; margin: 0 7px 0 0; border-right: solid 1px #ccc;}
.category-notes .post .postmetadata .category{padding-right: 7px; margin: 0 7px 0 0; border-right: solid 1px #ccc;}
.category-notes img.lead-thumb {position: relative; float: left; padding: 3px; border: 1px #ccc solid; margin: 3px 13px 5px 0;}
.category-page .work-list-1, .category-page .work-list-2, .category-page .work-list-3,  .category-page .work-list-4 {width: 128px; margin-right: 20px;float: left;}



.notes .content .entry ol p, .notes .content .entry ul p {font-size: 1em; margin-bottom: 0;}
.notes .content .entry li {margin-bottom: 5px;}
.notes .post h3 {font-size: 2.2em; font-weight: normal; font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 48px 0;}
.notes .post h4 {padding: 0px 0 5px 0; margin: 15px 0 10px 0; width: 100%}
.notes .content-box {width:600px; margin: 0 20px 0 0;}
.notes .content .post .entry p.postmetadata {font-size: 0.9em !important; border-top:1px solid #EAEAEA;padding: 10px 100px 0 0; width: 500px; overflow: hidden; display: block;}
.notes-sidebar-2 {float: left; width: 150px; margin: 0 0 20px 0;}
.notes-sidebar-2 ul {float: left; width: 150px;}
.notes-sidebar-2 .notes ul.navigation {margin-bottom: 15px;}
.notes-sidebar-2 .notes ul.navigation li {border-bottom: solid 1px #eee; padding: 5px 0 5px 0; margin-bottom: 5px;}
.notes-sidebar-2 .notes ul.recent {margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #eee;}
.notes-sidebar-2 .notes ul.recent li img {width: 128px;}
.notes-sidebar-2 .notes ul.recent li {border-top: solid 1px #eee; padding-top: 5px; margin-top: 10px;}
.notes-sidebar-2 .notes ul.recent li p.postmetadata {color: #aaa;}

.post {margin: 0 0 20px 0;}

h3.title {float: left; width: 600px; border-bottom: 1px solid #eaeaea;padding-bottom: 5px;}
h3.category {float: right; width: 200px; text-align: right; border-bottom: 1px solid #eaeaea;padding-bottom: 5px;}

p.view-all a {color: #555;}
p.view-all {margin-bottom: 20px;}

#current a {color: #000; background: #c00;}

#work #right .work h2 {margin: 0 0 20px 0;}

.work {margin-top: 0 !important;}
h2.work {width: 100%;padding-bottom: 4px;}
h2.work a {background: url(/site-assets/elements/txt.gif) no-repeat 0 0; text-indent: -9999px; width: 78px; height: 15px; display: block; border: none;padding:0;}
#right h2.work a:hover {background: url(/site-assets/elements/txt.gif) no-repeat 0 -15px;padding:0;}

h2.online {width: 100%;padding-bottom: 4px;}
h2.online a {background: url(/site-assets/elements/txt.gif) no-repeat 0 -30px; text-indent: -9999px; width: 100px; height: 15px; display: block; border: none;padding:0;}
#right h2.online a:hover {background: url(/site-assets/elements/txt.gif) no-repeat 0 -45px;padding:0;}

h2.offline {width: 100%;padding-bottom: 4px;}
h2.offline a {background: url(/site-assets/elements/txt.gif) no-repeat 0 -60px; text-indent: -9999px; width: 109px; height: 15px; display: block; border: none;padding:0;}
#right h2.offline a:hover {background: url(/site-assets/elements/txt.gif) no-repeat 0 -75px;padding:0;}

h2.identity {width: 100%;padding-bottom: 4px;}
h2.identity a {background: url(/site-assets/elements/txt.gif) no-repeat 0 -90px; text-indent: -9999px; width: 126px; height: 15px; display: block; border: none;padding:0;}
#right h2.identity a:hover {background: url(/site-assets/elements/txt.gif) no-repeat 0 -105px;}

h2.interface {width: 100%;padding-bottom: 4px;}
h2.interface a {background: url(/site-assets/elements/txt.gif) no-repeat 0 -120px; text-indent: -9999px; width: 144px; height: 15px; display: block; border: none;padding:0;}
#right h2.interface a:hover {background: url(/site-assets/elements/txt.gif) no-repeat 0 -135px;padding:0;}

h2.threed {width: 100%;padding-bottom: 4px;}
h2.threed a {background: url(/site-assets/elements/txt.gif) no-repeat 0 -150px; text-indent: -9999px; width: 30px; height: 15px; display: block; border: none;padding:0;}
#right h2.threed a:hover {background: url(/site-assets/elements/txt.gif) no-repeat 0 -165px;padding:0;}



#case-study {}
#case-study #left {margin-top: 35px !important;}


#work {background: #1C1A1A url(/site-assets/elements/work-bg4.gif) repeat-x 0 0; color: #999;}
#work #wrapper {background: url(/site-assets/elements/top-bg-sides-work.jpg) no-repeat 0 0;}

#work .work-content-wrapper {background: #000 url(/site-assets/elements/pixel-1b1b1b.gif) repeat-y 154px 0;float: left; width: 990px; padding: 0 0px;}
#work #header {width: 970px; margin-left: 10px;}


#work #left a:visited, #work #left a, #work #right a:visited, #work #right a {color: #787878;}
#work #left a:hover, #work #right a:hover {color: #fff !important;}

#work h2 {color: #fff;border-bottom: none; font-size: 0.9em; text-transform: uppercase; font-weight: normal; letter-spacing: 2px;}
#work h2 .secondary {color: #787878; text-transform: none; letter-spacing: 0;}
#work h2 {border-bottom: none;}
#work  h3 {color: #999;}

#work #left {width: 835px; margin-right: 0; margin-top: 0px !important; overflow: hidden; background: #000;float: right;}
#work #left .content-box {width: 810px; margin-top: 0px;padding: 20px 0 30px 20px; border-top: 1px solid #1b1b1b;float: left;}

#work #left h2.work {width:640px;}
#work #left h3.title {width: 0; height:0; text-indent: -9999px; border-bottom: none; margin: 0;}
#work #left .work-image p {margin-top: 0;}

#work #right {width: 140px; margin-left: 0px; margin-top: 0px; padding-left: 10px; padding-top: 20px; padding-right: 5px; display: inline; float: left; overflow: hidden; border-top: 1px solid #1b1b1b;}
#work #right ul li {border-bottom: none;}

/*#work #right ul.work-nav {clear: left;}
#work #right ul.work-nav li {margin-bottom: 3px; font-size: 1.2em; line-height: 1.1em; font-weight: normal;} 
#work #right ul.work-nav li a {line-height: 1.1em; background: #000;color: #ccc !important; padding:2px;} 
#work #right ul.work-nav li a:visited {line-height: 1.1em; background: #000;color: #ccc;} 
#work #right ul.work-nav li a:hover {line-height: 1.1em; background: #0099ff;color: #fff !important;} */

#work .single-post .content {width: 660px;}
#work .single-post h3 {font-weight: bold; font-size: 0.9em;}
#work .single-post .content .column p {margin: 0 0 5px 0;}
#work #left .single-post .content .column p.continued {margin-top: 25px;}

#work .single-post .content .details {float: left; border-top: none; padding: 0; margin: 6px 0 20px 0; width: 100%;}
#work .single-post .content .details p {display: inline; float: left; padding:0; margin: 0 15px 0 0; height: 30px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Lucida Grande, Geneva, Century Gothic, Trebuchet, "Trebuchet MS", sans-serif; font-size: 1em;  line-height:1.32em; color: #fff}
#work .single-post .content .details p.site {}
#work .single-post .content .details p.involvement {}
#work .single-post .content .details p.spec {}
#work .single-post .content .details p.client {}
#work .single-post .content .details h4 {display: inline; float: left; padding:0;margin: 2px 5px 0 0; height: 30px; border: none; text-indent: -9999px; line-height:1.32em;}
#work .single-post .content .details h4.site {}
#work .single-post .content .details h4.spec {}
#work .single-post .content .details h4.client {background: url(/site-assets/elements/txt-client.gif) 0 0 no-repeat; width: 45px;}
#work .single-post .content .details h4.involvement {background: url(/site-assets/elements/txt-role.gif) 0 0 no-repeat; width: 35px;}
#work .single-post .date {color: #999;}



#work #footer {border-top: solid 10px #111; color: #444; width: 990px;}

/* work category category-18.php category-56.php */

#right .sub-nav ul {margin-bottom: 20px;}
#right .sub-nav li {font-size: 0.9em;}
#right .sub-nav h2 {padding: 0; margin: 0 0 2px 0;}

#work-cat #left {width: 835px; margin-right: 0; margin-top: 0px; overflow: hidden; background: #000;float: right;}
#work-cat #left .content-box {margin-top: 30px; width: 660px;}
#work-cat #left h3.title {width: 0; border: none; padding: 0; color: #fff; font-weight: normal; margin: 0 0 5px 0px; float: left; font-size: 1em; text-indent: -9999px; height: 0;}
#work-cat #left h1 {width: 0; height: 0; text-indent: -9999px;}
#work-cat #left .project {width: 810px; float: left; display: inline; margin-bottom: 10px; overflow: hidden; padding: 20px 0 30px 20px; border-top: 1px solid #1b1b1b;}


#work-cat #right {width: 140px; margin-left: 0px; margin-top: 0px; padding-left: 10px; padding-top: 20px; padding-right: 5px; display: inline; float: left; overflow: hidden; border-top: 1px solid #1b1b1b;}
#work-cat #right ul li {border-bottom: none;}

/*#work-cat #right ul.work-nav {clear: left;}
#work-cat #right ul.work-nav li {margin-bottom: 3px; font-size: 1.2em; line-height: 1.1em; font-weight: normal;} 
#work-cat #right ul.work-nav li a {line-height: 1.1em; background: #000;color: #ccc !important; padding:2px;} 
#work-cat #right ul.work-nav li a:visited {line-height: 1.1em; background: #000;color: #ccc;} 
#work-cat #right ul.work-nav li a:hover {line-height: 1.1em; background: #0099ff;color: #fff !important;} */

#work-cat .work-content-wrapper {background: #000 url(/site-assets/elements/pixel-1b1b1b.gif) repeat-y 154px 0;float: left; width: 990px; padding: 0 0px;}
#work-cat #header {width: 970px; margin-left: 10px;}

#work-cat {background: #1C1A1A url(/site-assets/elements/work-bg4.gif) repeat-x 0 0; color: #999;}
#work-cat #wrapper {background: url(/site-assets/elements/top-bg-sides-work.jpg) no-repeat 0 0; width: 990px;}
#work-cat #left a, #work-cat #left a:visited, #work-cat #right a, #work-cat #right a:visited {color: #787878;}
#work-cat #left a:hover, #work-cat #right a:hover {color: #fff !important;}

#work-cat h2 {color: #fff;border-bottom: none; font-size: 0.9em; text-transform: uppercase; font-weight: normal; letter-spacing: 2px;}
#work-cat h2 .secondary {color: #787878; text-transform: none; letter-spacing: 0;}
#work-cat .work-slideshow h2 {border-bottom: none;}

#work-cat #left .content-box {margin-top: 30px;}
#work-cat #right ul li {border: none;}

#work-cat #footer {border-top: none; width: 990px;}

#work-cat .details {float: left; border-top: none; padding: 0; margin: -2px 0 5px 0; width: 140px;}
#work-cat h2 {border: none;}
#work-cat .details p {display: inline; float: left; padding:0; margin: 0 15px 0 0; height: auto; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Lucida Grande, Geneva, Century Gothic, Trebuchet, "Trebuchet MS", sans-serif; font-size: 1em;  line-height:1.32em; }
#work-cat .details p.site {}
#work-cat .details p.involvement { clear: left;}
#work-cat .details p.spec {}
#work-cat .details p.client { color: #fff;}
#work-cat .details h4 {display: inline; float: left; padding:0;margin: 0; height: 30px; border: none; text-indent: -9999px; line-height:1.32em;}
#work-cat .details h4.site {}
#work-cat .details h4.client {background:none; height: 0;width: auto;}
#work-cat .details h4.spec {}
#work-cat .details h4.involvement {background:none; height: 0; width: auto; clear: left;}

#work p.statement, #work-cat p.statement {float: left; height: 15px; width: 805px; padding:30px 10px 20px 175px;display: inline; border-top: 1px solid #1b1b1b;color: #0095ff; margin: 0; background: #000;}
#work-cat p.selected-bits {background: #000 url(/site-assets/elements/txt-selected-bits.gif) no-repeat scroll 175px 29px; text-indent: -9999px;}
#work-cat #right ul li, #work #right ul li {padding-bottom: 0px; margin-bottom: 2px;}

#work-cat #left .project span.view {text-indent: -9999px; width: 50px; height: 10px; margin-left: 660px; clear: left; display: block; position: relative;}
#work-cat #left .project span.view a {width: 41px; height: 10px;background: #0095ff url(/site-assets/elements/txt.gif) no-repeat 2px -392px; display: inline-block; position: absolute; left:0; top:-20px;}
#work-cat #left .project span.view a:hover {width: 41px; height: 10px;background: #fff url(/site-assets/elements/txt.gif) no-repeat 2px -407px; display: inline-block; position: absolute; left:0; top:-20px;}

.column {display: inline; float: left; width: 145px; margin: 0 20px 0 0;}

img.float-left {margin: 0 10px 10px 0px !important;}