/*******************************************************************************
Title:DesignKarma
Author:DesignKarma (http://www.designkarma.co.uk)
Date:February 2011
********************************************************************************
*/
/* Font Embedding
------------------------------------------------------------------------------*/
@font-face{font-family:'ClassicRoundMediumItalic';src:url('/fonts/classicround-mediumit-webfont.eot');/* IE9 Compat Modes */
src:url('/fonts/classicround-mediumit-webfont.eot?iefix') format('eot'),/* IE6-IE8 */
url('/fonts/classicround-mediumit-webfont.woff') format('woff'),/* Modern Browsers */
url('/fonts/classicround-mediumit-webfont.ttf') format('truetype'),/* Safari,Android,iOS */
url('/fonts/classicround-mediumit-webfont.svg#webfontxULq3T4B') format('svg');/* Legacy iOS */}
@font-face{font-family:'ClassicRoundMedium';src:url('/fonts/classicround-medium-webfont.eot');/* IE9 Compat Modes */
src:url('/fonts/classicround-medium-webfont.eot?iefix') format('eot'),/* IE6-IE8 */
url('/fonts/classicround-medium-webfont.woff') format('woff'),/* Modern Browsers */
url('/fonts/classicround-medium-webfont.ttf') format('truetype'),/* Safari,Android,iOS */
url('/fonts/classicround-medium-webfont.svg#webfontxULq3T4B') format('svg');/* Legacy iOS */}
@media screen{/* Reset
------------------------------------------------------------------------------
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,
b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,details,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figure,footer,header,hgroup,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/* tables still need cellspacing="0" in the markup */
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font:13px Helvetica,Arial,sans-serif;line-height:1.22;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% sans-serif;}
pre,code,kbd,samp{font-family:"Lucida Console",Monaco,monospace;font-size:93%;}
/* Common
------------------------------------------------------------------------------*/
body,select,input,textarea{color:#323d41;}
h1,h2,h3,h4,h5,h6,dt{font-weight:bold;text-rendering:optimizeLegibility;}
html{-webkit-font-smoothing:antialiased;}
a:hover,a:active{outline:none;}
a,a:active,a:visited{color:#003031;font-weight:bold;text-decoration:none;}
a:hover{-webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:color 200ms ease-in;transition:color 200ms ease-in;}
a:hover{/*background-color:#d7c786;*/color:#003031;font-weight:bold;text-decoration:underline;}
h1 a,h1 a:visited,h1 a:hover,h1 a:active,h2 a,h2 a:visited,h2 a:hover,h2 a:active{font-weight:normal;}
ul{margin:0 0 20px 30px;}
ol{margin:0 0 20px 30px;list-style-type:decimal;}
nav ul,nav ol{margin:0;}
small{font-size:85%;}
strong,th{font-weight:bold;}
td,td img{vertical-align:top;}
sub{vertical-align:sub;font-size:smaller;}
sup{vertical-align:super;font-size:smaller;}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
label,input[type=button],input[type=submit],button{cursor:pointer;}
/* always force a scrollbar in non-IE */
html{overflow-y:scroll;}
/* make buttons play nice in IE */
button{width:auto;overflow:visible;}
/* bicubic resizing for non-native sized IMG */
.ie7 img{-ms-interpolation-mode:bicubic;}
/* for image replacement */
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;}
/* Hide for both screenreaders and browsers */
.hidden{display:none;visibility:hidden;}
/* Hide only visually,but have it available for screenreaders */
.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);/* IE6,IE7 */
clip:rect(1px,1px,1px,1px);}
/* Hide visually and from screenreaders,but maintain layout */
.invisible{visibility:hidden;}
/* Mmmm... gotta love clearfix */
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
* html .clearfix{zoom:1;}
/* IE6 */
*:first-child+html .clearfix{zoom:1;}
/* IE7 */
body{background:#fff url(/images/paper_fold_2.png) 50% 268px no-repeat;padding-bottom:35px;text-align:center;}
body.about{background-image:url(/images/paper_fold_3.png);}
body.folio{background-image:url(/images/paper_fold_1.png);background-position:50% 1210px;}
body.folio.sub{background-position:50% 751px;}
body.blog,body.contact,body.user_msg,body.terms,body.privacy{background-image:none;}
h1,h2,dt{color:#003031;font-family:'ClassicRoundMedium',Georgia,serif;font-size:262%;font-weight:normal;line-height:1;margin-bottom:15px;}
h2,dt{font-size:161.6%;line-height:1.15;}
h3,h4,h5{color:#003031;font-size:100%;margin-bottom:3px;}
h6{/* reserved for block subheadings */
color:#a3b5ba;font-family:Helvetica,Arial,sans-serif;font-size:85%;text-transform:uppercase;margin-bottom:5px;}
p{line-height:1.5;margin-bottom:20px;}
figure{display:block;margin-bottom:20px;}
figcaption{color:#999;display:block;font-style:italic;margin:0 0 20px 0;}
pre{background:#f3f3f3 url(/images/bg_pre_code.gif) left 0.875em;border-bottom:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #ccc;border-top:1px solid #eee;line-height:21px;margin:0 0 1.5em 0;overflow-x:auto;overflow-y:hidden;width:700px;}
pre code{display:block;margin:0 0 0 1em;padding:0.875em;}
/* tooltips */
.tipsy{background:url(/images/tipsy.gif) no-repeat;font-size:85%;padding:5px;}
.tipsy-inner{background-color:#111;color:#fff;/*max-width:200px;*/
padding:5px 8px;text-align:center;}
.tipsy-inner{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.tipsy-north{background-position:top center;}
.tipsy-south{background-position:bottom center;}
.tipsy-east{background-position:right center;}
.tipsy-west{background-position:left center;}
.teasers{padding-top:25px;}
.teasers > div{float:left;margin-left:20px;width:300px;}
.teasers > div:first-child{margin:0;}
body.folio .teasers{padding-top:40px;}
body.folio.sub .teasers{padding-top:25px;}
#grid > div section{float:left;margin-right:100px;width:420px;}
#grid > div section.row_end{margin:0;}
#grid > div section.process{margin:0;width:940px;}
blockquote{font-family:Georgia,Arial,sans-serif;font-size:116%;font-style:italic;}
blockquote + p{color:#7a959f;font-weight:bold;margin-top:-10px;}
#container{margin:0 auto 0 auto;padding-bottom:30px;text-align:left;width:940px;}
#container > header{background:url(/images/bg_masthead.png) 50% bottom no-repeat;height:38px;overflow:hidden;padding-top:19px;}
/*#container > header nav li{display:inline;}
#container > header nav a{color:#87969a;float:left;font-family:'ClassicRoundMedium',Georgia,serif;font-size:123.1%;font-weight:normal;margin-left:20px;}
#container > header nav a.dk{margin:0 400px 0 0;}
#container > header nav a:hover,#container > header nav a.active{color:#003031;text-decoration:none;}
*/
#nav ul {list-style:none;margin: 0;padding:0;}
#nav li{display:inline;list-style:none;margin: 0;padding:0;}
#nav a{color:#87969a;float:left;font-family:'ClassicRoundMedium',Georgia,serif;font-size:123.1%;font-weight:normal;margin-left:20px;}
#nav a.dk{margin:0 400px 0 0;}
#nav a:hover,#nav a.active{color:#003031;text-decoration:none;}
.dk{background-image:url(/images/logo.png);height:18px;width:152px;}
.ie6 .dk{background-image:url(/images/logo.gif);}
.dk:hover{background-position:0 -19px;}
#msg{height:195px;overflow:hidden;padding-top:44px;text-align:center;}
body.user_msg #msg{overflow:visible;}
#strapline,#substrap{font-family:'ClassicRoundMedium',Georgia,serif;}
#strapline{color:#003031;font-size:394%;line-height:1;}
#substrap{color:#a3b5ba;font-size:246.2%;line-height:.5;}
#container > footer{background:transparent url(/images/scissors.png) no-repeat;padding-top:35px;text-align:left;}
#container > footer > div{float:left;margin-left:20px;width:300px;}
#container > footer > div.copyright{background:transparent url(/images/pointless_dots.png) left bottom no-repeat;margin:0;padding-bottom:7px;}
/* Pages
------------------------------------------------------------------------------*/
body.folio #msg,body.blog #msg,body.contact #msg,body.terms #msg,body.privacy #msg{background:url(/images/fancy_border.png) left 208px no-repeat;}
body.folio.sub #msg,body.blog #msg,body.contact #msg,body.terms #msg,body.privacy #msg{background-position:left 160px;height:146px;}
#cover{height:362px;}
#screen_1{float:left;margin:-286px 0 0 219px;position:relative;width:462px;z-index:98;}
#screen_2{float:left;margin:-271px 0 0 0;position:relative;width:332px;z-index:97;}
#screen_3{float:left;margin:-271px 0 0 608px;position:relative;width:332px;z-index:96;}
#cover img{border-bottom:1px solid #9c9c9c;border-left:1px solid #9c9c9c;border-right:1px solid #9c9c9c;}
#chrome{background:transparent url(/images/cover.png) 50% 0 no-repeat;float:left;height:301px;position:relative;width:940px;z-index:99;}
.ie6 #chrome{background-image:url(/images/cover.gif);}
.tn{background:transparent url(/images/chrome_sm.png) 50% 0 no-repeat;float:left;margin:0 20px 0 0;padding-top:10px;width:300px;}
.tn img{border-bottom:1px solid #bfbfbf;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;margin-bottom:5px;}
.tn.row_end{margin:0;}
section.geek,section.artist,section.history,section.clients,section.overview,section.process{height:387px;overflow:hidden;}
#grid > div section.geek{background:url(/images/brain.png) 361px top no-repeat;margin-right:0;padding-right:130px;width:340px;}
#grid > div section.artist{background:url(/images/brain.png) -109px top no-repeat;padding-left:130px;width:340px;}
.ie6 #grid > div section.geek,.ie6 #grid > div section.artist{background-image:url(/images/brain.gif);}
.clientlist{background:transparent url(/images/clients.gif) no-repeat;height:126px;margin:20px 0;width:419px;}
body.about .testimonial{height:180px;overflow:hidden;}
body.what .testimonial{height:387px;overflow:hidden;}
body.what .testimonial img{display:block;margin-bottom:10px;}
.project > section{float:left;width:300px;}
.blog hgroup h1,.blog hgroup h2{float:left;}
.blog hgroup h1,#comments header h1,#comments header + p{margin-left:240px;width:700px;}
#comments header h1{color:#a3b5ba;}
#comments .comment header h1{margin:0;width:240px;}
.blog hgroup h2{margin-left:-940px;width:220px;}
.blog time{background:url(/images/sprite_icons.png) 0 -750px no-repeat;color:#a3b5ba;font-size:161.6%;padding-left:45px;}
.blog .comment time{background:url(/images/sprite_icons.png) 0 -790px no-repeat;font-size:61%;padding-left:26px;}
.details{border-bottom:1px solid #b8c6ca;border-top:1px solid #b8c6ca;margin-bottom:10px;padding:8px 0;}
.details p{color:#87969a;font-family:Georgia,Times,serif;font-size:85%;font-style:italic;margin:0;}
.author,.blog aside{float:left;width:240px;}
.summary,.extended{float:left;width:700px;}
.summary,.pagination{padding-left:240px;}
.nxt:after{content:"\00A0\2192";display:inline;}
.prv:before{content:"\2190\00A0";display:inline;}
.extended footer p{color:#87969a;font-family:Georgia,Times,serif;font-size:85%;font-style:italic;}
.extended img{margin-bottom:20px;}
.extended li{list-style:circle;margin-bottom:5px;}
.socials { margin-bottom: 1em; }
.twitter-share-button { display: block; float: left; margin-right: .5em; }
section#comments{background:url(/images/fancy_border.png) 50% 0 no-repeat;padding-top:35px;}
.comment{border-top:1px solid #b8c6ca;}
.comment header h1{color:#a3b5ba;float:none;float:left;margin:0;width:240px;}
.comment > div{float:left;padding-top:10px;width:700px;}
.comment footer p{color:#a3b5ba;font-weight:bold;}
.follow_links li,.tech_links li,.blog aside li{display:inline;}
.follow_links,.tech_links,.blog aside ul{list-style:none;margin:0;}
.follow_links a,.tech_links a,.blog aside a{background:url(/images/sprite_icons.png);float:left;height:40px;width:40px;margin-right:5px;}
.ie6 .follow_links a,.ie6 .tech_links a,.ie6 .blog aside a{background:url(/images/sprite_icons.gif);}
.follow_links a,.blog aside a:hover{cursor:pointer;}
.follow_links .rss{background-position:0 0;}
.follow_links .rss:hover{background-position:-51px 0;}
.follow_links .twitter{background-position:0 -100px;}
.follow_links .twitter:hover{background-position:-51px -100px;}
.follow_links .newsletter{background-position:0 -150px;}
.follow_links .newsletter:hover{background-position:-51px -150px;}
.follow_links .ee,.tech_links .ee{background-position:0 -50px;}
.follow_links .ee:hover,.tech_links .ee:hover{background-position:-51px -50px;}
.follow_links .linkedin{background-position:0 -250px;}
.follow_links .linkedin:hover{background-position:-51px -250px;}
.follow_links .behance{background-position:0 -200px;}
.follow_links .behance:hover{background-position:-51px -200px;}
.tech_links .apple{background-position:0 -300px;}
.tech_links .apple:hover{background-position:-51px -300px;}
.tech_links .php{background-position:0 -400px;}
.tech_links .php:hover{background-position:-51px -400px;}
.tech_links .linux{background-position:0 -500px;}
.tech_links .linux:hover{background-position:-51px -500px;}
.tech_links .html5{background-position:0 -699px;}
.tech_links .html5:hover{background-position:-51px -699px;}
.tech_links .microsoft{background-position:0 -350px;}
.tech_links .microsoft:hover{background-position:-51px -350px;}
.tech_links .cm{background-position:0 -550px;}
.tech_links .cm:hover{background-position:-51px -550px;}
.blog aside .favourites{background-position:0 -600px;}
.blog aside .permalink{background-position:0 -650px;}
.blog aside .twitter{background-position:0 -100px;}
div.contact > div{float:left;width:540px;}
div.contact > section{float:right;width:360px;}
iframe{margin-bottom:20px;}
div.newsletter{text-align:center;}
.process ol{background:transparent url(/images/process.png) 10px 10px no-repeat;list-style:none;margin:0;padding-top:175px;}
.ie6 .process ol{background-image:url(/images/process.gif);}
.process h2{border-bottom:1px dotted #a2b4b9;margin-bottom:10px;padding-bottom:5px;}
.process h2:after{content:" \2192";display:inline;}
.process li{display:inline;font-size:85%;float:left;margin-left:20px;width:172px;}
.process li:first-child{margin:0;}
/* Nivo Slider
------------------------------------------------------------------------------*/
/* tweak existing styles to better accommodate nivo */
.project{padding-bottom:62px;}
#screens{background:#a0a0a0 url(/images/chrome_lg.png) no-repeat;float:right;padding:15px 1px 1px 1px;width:618px;}
.nivoSlider{height:429px;position:relative;width:618px;}
.nivoSlider img{display:none;left:0px;position:absolute;top:0px;}
.nivoSlider a{border:0;display:block;}
.nivo-slice{display:block;height:100%;position:absolute;z-index:50;}
.nivo-controlNav{left:247px;position:absolute;bottom:-42px;}
.two_screens .nivo-controlNav{left:285px;}
.three_screens .nivo-controlNav{left:272px;}
.four_screens .nivo-controlNav{left:260px;}
.nivo-controlNav a{background:url(/images/marker.png) no-repeat;border:0;cursor:pointer;display:block;float:left;height:22px;margin-right:3px;position:relative;text-indent:-9999px;width:22px;z-index:99;}
.ie6 .nivo-controlNav a{background:url(/images/marker.gif) no-repeat;}
.nivo-controlNav a.active{background-position:0 -22px;}
/* Form Styles
------------------------------------------------------------------------------*/
form{margin-bottom:40px;}
form#comment_form{margin-left:240px;width:700px;}
form#subForm{margin:-50px auto 50px auto;text-align:left;width:550px;}
fieldset{margin-bottom:10px;}
fieldset:last-of-type{margin-bottom:0;}
legend{color:#000;font-size:123.5%;font-weight:bold;padding-bottom:10px;}
fieldset fieldset legend{color:#49595f;font-size:100%;padding-bottom:0;}
form ol{margin:0;}
form ol li{list-style:none;padding:8px 0;}
form ol ol li{float:left;}
label{float:left;font-weight:bold;padding-right:20px;width:230px;}
label > em,label > span,form small{color:#a3b5ba;font-style:normal;font-weight:normal;}
form fieldset fieldset label{font-weight:normal;line-height:1.6;width:auto;}
input,textarea{background:#cadee3;border:none;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;color:#111;font-family:Helvetica,Arial,sans-serif;font-size:123.1%;padding:5px;width:280px;}
input:focus,textarea:focus{background:#d7c786;}
input[type=radio],input[type=checkbox]{float:left;margin-right:5px;width:auto;}
select{color:#111;font-family:Helvetica,Arial,sans-serif;font-size:123.1%;}
button{background:#a2b4b9;border:none;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;color:#fff;display:block;font-family:Helvetica,Arial,sans-serif;font-size:100%;padding:8px 14px;text-shadow:0 1px 1px #7b888c;text-transform:uppercase;}
button:hover{background:#729ba7;cursor:pointer;}
label.error{color:#f00;font-weight:normal;padding:5px 0 5px 250px;width:280px;}
.error_fix{clear:left;}
/* used on the comment form */
input.error,textarea.error,input.error:focus,textarea.error:focus{background:#f9d8d8;color:#f00;}
}
/* Print Styles
------------------------------------------------------------------------------*/
@media print{*{background:transparent !important;color:#444 !important;text-shadow:none;}
a,a:visited{color:#444 !important;text-decoration:underline;}
div.extended a:after{content:" (" attr(href) ")";}
abbr:after{content:" (" attr(title) ")";}
.ir a:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
img{page-break-inside:avoid;}
@page{margin:0.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
#container > header,#container > footer > div,#cover,aside,#comments > p,
#comments > section > header,#comments > section > p,form{display:none;}
#container > footer div.copyright{display:block;}
body{color:#000;font:10pt Helvetica,Arial,sans-serif;}
h6{color:#ccc;font-size:90%;text-transform:uppercase;margin-bottom:5pt;}
#msg{text-align:center;}
#strapline,#substrap{font-family:'ClassicRoundMedium',Georgia,serif;}
#strapline{color:#111;margin-bottom:10pt;font-size:280%;}
#substrap{color:#999;border-bottom:1pt dotted #ccc;font-size:200%;margin-bottom:20pt;padding-bottom:20pt;}
blockquote{border:0;font-family:Georgia,Arial,sans-serif;font-size:110%;font-style:italic;margin:0;}
blockquote + p{color:#666;font-weight:bold;margin-top:-10px;}
.tn img{border:1px solid #ccc;}
figcaption{color:#999;font-style:italic;margin:0 0 20px 0;}
pre{background:#f3f3f3 url(/images/bg_pre_code.gif) left top repeat-y;border:1px solid #ccc;color:#111;display:block;margin:0 0 20pt 0;padding:10pt;page-break-inside:avoid;white-space:pre-wrap;/* css-3 */
white-space:-moz-pre-wrap !important;/* Mozilla,since 1999 */
white-space:-pre-wrap;/* Opera 4-6 */
white-space:-o-pre-wrap;/* Opera 7 */
word-wrap:break-word;/* IE */}
}