/* =RESETS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 (mod) | 20090304 */
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;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* Tokofu Defaults */
header,footer,section,aside,nav,article{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,
form,label,ul,ol,dl,fieldset,address,table,pre{margin-bottom:1em;}
.hidden{visibility:hidden;display:none;}
body{font:87.5%/1.5 Gill,Helvetica,sans-serif;}
address{font-style:normal;}
small{font-size:0.8em;}
h1{font-size:2.4em;}
h2,legend,caption{font-size:2.2em;}
h1,h2,legend,caption{line-height:1.1;margin-bottom:0.75em;}
h3{font-size:1.2em;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
ul{list-style:disc inside;}
ol{list-style:decimal inside;}
li{margin-bottom:0.5em;padding-left:16px;}
li ol,li ul{margin-top:0.5em;padding-left:16px;}
fieldset{margin-bottom:0;}
label,form p{margin-bottom:0;display:block;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding:0;margin:0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333333;}
#TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666666;}
#TB_window a:link{color:#666666;}
#TB_window a:visited{color:#666666;}
#TB_window a:hover{color:#000;}
#TB_window a:active{color:#666666;}
#TB_window a:focus{color:#666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
* html #TB_overlay{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#TB_window{position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window{/* ie6 hack */
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */}
* html #TB_load{/* ie6 hack */
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
* html #TB_HideSelect{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
html,body{height:100%;}
#viewport{min-height:100%;height:auto !important;height:100%;}
#viewport.fillscreen{margin:0 auto -18em;}
#footer,.push{min-height:250px;height:19em;}
#header,#footer,hr.top,hr.bottom{min-width:960px;}
.header,.footer,#container{display:block;width:960px;margin:0 auto;}
.header{position:relative;}
.header img{margin-left:15px;}
hr.top,hr.bottom{margin:0;height:0;position:absolute;top:6px;left:0;width:100%;}
hr.bottom{top:104px;}
#container{overflow:hidden;width:930px;margin:0 auto;padding:0 0 4px 3px;}
#header{padding:4px 0;}
.header h1{padding-top:10px;height:94px;margin-bottom:0;}
.header .nav{position:absolute;left:350px;top:40px;}
.header .nav li{float:left;padding-left:0;margin:0 12px 0 0;}
.header .nav li a{display:block;height:93px;padding-top:7px;}
.footer{clear:left;padding:10px 0;}
.footer h2{margin-bottom:10px;}
#personalblog,
#publications,
#contactdetails{float:left;}
#personalblog{width:360px;margin-left:30px;}
#publications{width:240px;}
#contactdetails li{padding:0.25em 2em 0.25em 0;}
#contactdetails li a{padding-left:45px;}
#partnership,#copyright{margin-left:630px;clear:both;}
#partnership{margin-bottom:1em;}
/* -------------------------------------------------------------- */
div.category,#preview{margin:30px 0;position:relative;padding-bottom:1em;width:890px;overflow:hidden;}
#preview{margin-top:50px;width:600px;}
#sidebar{margin-right:50px;}
div.category{clear:left;}
div.category .active,#preview .active{min-height:320px;width:9999em;}
#preview .active{min-height:560px;}
.figure{float:left;width:270px;min-height:305px;margin-left:20px;margin-bottom:1em;position:relative;}
#preview .figure{width:560px;min-height:550px;}
.figure img{padding:15px 0;margin:5px;}
#preview img{padding:20px 0;}
.figure .caption{display:block;width:100%;padding:5px 0;position:absolute;bottom:0;left:0;}
.slider_prev,.slider_next{position:absolute;top:262px;width:29px;height:30px;}
.slider_next{right:0;}
.slider_prev{left:0;}
.category .slider_prev,.category .slider_next{top:50%;}
.portfolio .category .viewmore,.portfolio .category h2{display:inline;}
.portfolio .category .section{margin-top:0.5em;padding-top:2em;}
#sidebar{width:250px;padding:0 1px;float:left;}
#sidebar h2,.portfolio h2{margin-bottom:0.5em;padding-bottom:0.25em;}
#sidebar .article,#sidebar .nav{padding:0 7px 1em 7px;}
.article,#sidebar .article{padding-top:50px;}
.home #sidebar li a{display:block;padding-left:20px;}
.home #sidebar li{display:block;padding:6px 0;margin-bottom:0;}
.portfolio #sidebar li{list-style:none;padding-left:0;}
.portfolio #category h2,
.portfolio #category ul,
.portfolio #category li,
.portfolio #client h2,
.portfolio #client p{display:inline;}
.portfolio #summary h2{margin:1em 0 0;}
.portfolio #sidebar .section{clear:left;}
.portfolio #sidebar h2{margin-right:10px;}
.contact label{margin-top:1em;margin-bottom:0.5em;}
.contact input,.contact textarea{padding:2px;width:20em;}
.contact textarea{width:30em;}
.contact button{display:block;margin:10px 0 10px 0;width:75px;height:30px;}
#message.error{width:90%;padding:10px;}
/*@font-face{src:url("../f/HelveticaNeue.ttf");font-family:"HelveticaNeue";advanced-anti-aliasing:true;}
@font-face{src:url("../f/HelveticaNeueLight.ttf");font-family:"HelveticaNeueLight";advanced-anti-aliasing:true;}
*/
a{font-family:"Lucida Grande",Verdana,Geneva,sans-serif}
code,pre{font-family:"Andale Mono","Consolas","Courier",monospace;}
h1,h2,.header .nav a,label{font-family:HelveticaNeueLight,HelveticaNeue,Helvetica,sans-serif;font-weight:normal;text-transform:lowercase;}
#partnership,#copyright{font-size:0.8em;}
.contact input,.contact textarea,.contact label{font-size:1.4em;}
.header .nav li{list-style:none;}
.header .nav a{font-size:1.8em;text-align:center;}
.header .nav a:hover{text-decoration:none;}
.header h1{line-height:1;}
.contact button{cursor:hand;cursor:pointer;text-indent:-9999em;}
.journal ul, .journal li {list-style: none;}
#contactdetails li{list-style:none;}
.figure{text-align:center;}
.slider_next,.slider_prev{text-indent:-9999em;}
.article ol{list-style:none;}
#sidebar li{list-style:none;}
.home #sidebar li a:hover{text-decoration:none;}
.home #sidebar .nav p{text-align:right;}
body{background:rgb(59,24,24);color:rgb(255,255,255);}
a{color:rgb(245,182,39);}
h2,label{color:rgb(193,23,123);}
.footer h2{color:rgb(47,18,18);}
#header{background:url(i/g-header.png) repeat-x left top;background:-webkit-gradient(linear,left top,left bottom,from(rgb(136,56,104)),to(rgb(136,56,104)),color-stop(0.1,rgb(103,0,61)),color-stop(0.9,rgb(103,0,61)));}
.header .nav a{color:rgb(0,0,0);background:url(i/buttons-plain.png) no-repeat;}
.header .nav a:hover{color:rgb(255,255,255);}
/* we need to force the width of the object so font bumping doesn't
cause overlaps.
*/
#home a{width:70px;}
#about a{width:70px;background-position:-82px 0;}
#portfolio a{width:92px;background-position:-165px 0;}
#journal a{width:89px;background-position:-268px 0;}
#contact a{width:90px;background-position:-370px 0;}
#home a:hover{background-position:0 -212px;}
#about a:hover{background-position:-82px -212px;}
#portfolio a:hover{background-position:-165px -212px;}
#journal a:hover{background-position:-268px -212px;}
#contact a:hover{background-position:-370px -212px;}
.home #home a{background-position:0 -107px;}
.about #about a{background-position:-82px -107px;}
.portfolio #portfolio a,.category #portfolio a{background-position:-165px -107px;}
.journal #journal a{background-position:-268px -107px;}
.contact #contact a{background-position:-370px -107px;}
#footer{border-top:2px solid rgb(181,29,188);background:rgb(103,0,61) url(i/g-footer.png) repeat-x left top;background:-webkit-gradient(linear,left top,left bottom,from(rgb(135,24,79)),to(rgb(103,0,61)));}
#contactdetails li a{background:url(i/icons.png) no-repeat;}
#contactdetails li#vcard a{background-position:0 0;}
#contactdetails li#linkedin a{background-position:0 -24px;}
#contactdetails li#twitter a{background-position:0 -48px;}
#contactdetails li{border-bottom:1px dashed rgb(0,0,0);}
#message.error{border:2px solid rgb(155,0,20);background:rgb(255,150,170);color:rgb(155,0,20);}
#message.success{color:rgb(193,23,123);}
div.category{border-bottom:1px dashed rgb(192,23,123);}
.figure{background:rgb(255,255,255);}
div.category .section{border-top:1px dashed rgb(192,23,123);}
.figure .caption{background:rgb(127,40,91);}
.slider_next,.slider_prev{border:none;background:url(i/pagers.png) no-repeat;}
.slider_next.on,.slider_prev.on{cursor:pointer;}
.slider_next.off,.slider_prev.off{cursor:hand;}
.slider_next.on{background-position:-30px -35px;}
.slider_prev.on{background-position:0 -35px;}
.slider_next.off{background-position:-30px 0;}
.slider_prev.off{background-position:0 0;}
#sidebar{background:url(i/g-sidebar-edge.png) repeat-x left top;background:-webkit-gradient(linear,left top,left bottom,from(rgb(135,24,79)),to(rgb(60,24,24)),color-stop(0.5,rgb(60,24,24)));}
#sidebar .article{background:url(i/g-sidebar.png) repeat-x left top;background:-webkit-gradient(linear,left top,left bottom,from(rgb(83,52,52)),to(rgb(60,24,24)));}
#sidebar .nav{background:rgb(60,24,24);}
.home #sidebar li a:hover{color:rgb(57,23,23);background:rgb(245,182,39) url(i/links.jpg) repeat-y left top;}
.home #sidebar li:first-child{border-top:1px dashed rgb(192,23,123);}
.home #sidebar li{border-bottom:1px dashed rgb(192,23,123);}
hr.top,hr.bottom{border:none;border-top:1px dashed rgb(0,0,0);}
.contact button{background:url(i/button_send.gif);border:none;}