/* Colours */
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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
*:focus{outline:0;}
body{line-height:1em;color:black;background:#fff;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;vertical-align:middle;}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}
q,blockquote{quotes:"" "";}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
img a{border:none;}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
a:focus{outline:1px dotted invert;}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0;}
h1{font-size:25px;}
h2{font-size:23px;}
h3{font-size:21px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:15px;}
ol{list-style:decimal;}
ul{list-style:square;}
li{margin-left:30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px;}
html,body{background:#444 url(../images/layout/bg_tile_grey.gif) repeat;color:gray;}
/* ************* Layout ************* */
#container{background:#FFF;width:960px;margin:0 auto;overflow:hidden;display:inline-block;background-color:#1a1a1a;overflow:hidden;margin-bottom:10px;position:relative;}
#container{display:block;}
#LH{float:left;zoom:1;display:inline;display:-moz-inline-box;display:inline-block;vertical-align:top;width:320px;text-align:right;text-transform:uppercase;}
#LH #logo{font-size:40px;line-height:25px;letter-spacing:-1.5px;padding:80px 20px 0 0;background:url(../images/layout/bg_tile_white.gif) top right repeat-y;}
#LH #logo .yellow{line-height:50px;}
#LH a:hover{text-decoration:none;}
#LH h4,#LH p{padding-right:10px;}
#LH h4{margin:10px 0 0;}
#LH p{text-transform:none;}
#LH ul{margin-top:40px;}
#LH ul li{background:url(../images/layout/bg_tile_grey.gif) top right repeat-y;margin-bottom:20px;display:block;line-height: 1;}
#LH ul li a{color:gray;text-decoration:none;padding-right:20px;}
#LH ul li:hover, #LH ul li.current_page_item{background:url(../images/layout/bg_tile_white.gif) top right repeat-y;color:#FFF;}
#LH ul li:hover a, #LH ul li.current_page_item a{color:#FFF;}
#LH img#LH_mid{text-align:left;}
#RH{float:left;zoom:1;display:inline;display:-moz-inline-box;display:inline-block;vertical-align:top;width:630px;margin-right:10px;}
#RH #header{display:block;height:394px;background:url(../images/layout/header/1.jpg) no-repeat;position:relative;}
#RH #header #slider{height:394px;width:630px;overflow:hidden;}
#RH #header #search{z-index:40;position:absolute;top:0;right:0;background:url(../images/layout/search_bg.png);padding:5px 10px 10px;width:320px;}
#RH #header #search div{float:left;margin-top:5px;width:330px;}
#RH #header #search label{text-transform:uppercase;color:#FFF;padding-bottom:5px;float:left;margin-right:5px;}
#RH #header #search .mailtext{display:block;border:0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:3px;width:108px;color:gray;background:#fff;margin-right:5px;float:left;}
#RH #header #overlay_text{z-index:50;position:absolute;bottom:15px;right:10px;font-size:60px;letter-spacing:-2px;color:#FFF;line-height:60px;font-weight:bold;text-align:right;}
.mailtitle{font-size:11px;padding-top:3px;}
.submit{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#FFFF01;padding:4px;color:#000;border:none;margin-top:10px;font-weight:bold;float:left;clear:left;margin-left:40px;font-family:Helvetica,Arial,sans-serif;}
#RH #main{background:#FFF;}
#RH #main #main_content{overflow:hidden;display:inline-block;padding:0 0 0 10px;}
#RH #main #main_content{display:block;min-height:415px;}
#RH #main #main_content .frame{background:none;position:relative;border:2px solid #D2D2D2;height:220px;width:190px;margin:0 10px 10px 0;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top;}
#RH #main #main_content .frame:hover{background:#DEDEDE;color:#222;text-decoration:none;}
#RH #main #main_content .frame .demo{position:relative;margin:10px;border:1px solid #D2D2D2;width:175px;height:175px;background:green;}
#RH #main #main_content .frame .img{border:1px solid #D2D2D2;margin:7px 0 0 6px;max-height:176px;width:176px;overflow:hidden;}
#RH #main #main_content .frame .img img{margin-bottom:-6px;}
#RH #main #main_content .frame .project_title{position:absolute; bottom: 0;left:3px;font-weight:bold;letter-spacing:-1.5px;font-size:18px;}
#RH #main #main_content .frame .corner{background:url(../images/layout/corner.png) no-repeat;position:absolute; top:-2px;right:-2px;width:36px;height:36px;}
#RH #main #main_content .project_thumbs li{border:1px solid #D2D2D2;padding:0;margin:0 10px 10px 0;float:left;width:143px;height:117px;overflow:hidden;zoom:1;display:inline;display:-moz-inline-box;display:inline-block;vertical-align:top;}
#RH #main #main_content .project_thumbs li:hover{border-color:#FFFF01;}
#RH #main .main_col{padding-right:10px;float:left;zoom:1;display:inline;display:-moz-inline-box;display:inline-block;vertical-align:top;}
#RH #main .main_pictures{float:right;margin:0 10px 0;padding-top:4px;}
#RH #main .main_col:last-child{padding-right: 0;}
#RH #main .main_col img{padding:5px;background-color:#c4c4c4;margin-bottom:5px;}
#RH #main #main_header{border-top:10px solid;border-color:#ffff01;background:url(../images/layout/bg_tile_grey.gif) repeat;height:43px;}
#RH #main #main_footer{border-bottom:10px solid;border-color:#ff4d53;background:url(../images/layout/bg_tile_grey.gif) repeat;height:43px;}
#copyright{position:absolute;bottom:0;left:0;width:310px;text-align:right;font-size:10px;}
#copyright a{color:#ff4d53;}
/* ************* Typography ************* */
.yellow{color:#ffff01;}
h4{color:#FFF;}
a{color:gray;text-decoration:none;}
a:hover{color:#a2a2a2;text-decoration:underline;}
#main_content em{color:#ff4d53;font-weight:bold;font-size:16px;}
#main_content h1,#main_content h2,#main_content h3,#main_content h4{margin-bottom:4px;}
#main_content h1{font-size:34px;color:#222;padding:0;margin:0;line-height:53px;}
#main_content h3{font-size:17px;font-weight:bold;position:relative;}

#main ul{list-style-type:none;margin:0;padding:0;min-height:130px;}
#main ul li{margin:0;padding:6px 0 6px 20px;line-height:1;color:#666;}
#main ul li:nth-child(odd) {background:#DEDEDE;}
#main ul.margin-right{margin:0 10px 10px 0;}
/* ************* Hack / Fix Stuff ************* */
.clearfix { overflow: hidden; display: inline-block; }
.clearfix { display: block; }

/* ************* Accordion ************* */
.ui-accordion{margin: 0 10px 9px 0;}
.ui-accordion .ui-accordion-header {cursor: pointer; position: relative; zoom: 1;}
.ui-accordion .ui-accordion-li-fix {display: inline; }
.ui-accordion .ui-accordion-header-active {border-bottom: 0 !important;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #444; background:#FFFF01 url(../images/layout/bg_tile_grey.gif) top left repeat-y; outline: none;}
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-header a {display: block;margin:0;}
.ui-accordion .ui-accordion-content {position: relative; overflow: auto; display: none; margin-bottom: 4px;background-color:#EFEFEF;}
.ui-accordion .ui-accordion-content-active {display: block;}
.ui-accordion .ui-accordion-content-active span{display:block;font-weight:bold;padding:10px 0;}
.ui-accordion .ui-accordion-content-active a{background:#FFFF01;padding:5px 5px 5px 5px;}
.ui-accordion .ui-accordion-content-active a:hover{background:#FF4D53;color:#ffffff;}
.accordion a {padding: 2px 5px 2px 20px;background:#CCC url(../images/layout/bg_tile_grey.gif) top left repeat-y;color:#444;}
.accordion a:hover{text-decoration:none;background-color:#FFFF01;color:#222;}
.accordion p{padding-left:10px;padding-right:10px;padding-top:10px;}
/* ************* Wordpress Specific Stuff ************* */
.post .postmetadata {padding: 10px;background:#EEE; text-align:right;color:#222;}
.post{margin-right:10px;}
.post-preview{margin-bottom:10px;}
.post-preview h3 a{padding: 2px 5px 2px 20px;font-weight:bold;background:#CCC url(../images/layout/bg_tile_grey.gif) top left repeat-y;color:#222;display:block;position:relative;}
.post-preview h3 a:hover{text-decoration:none;background-color:#DEDEDE;color:#444;}
.post-preview h3 small{font-size: 12px;line-height:26px;color:#444;position:absolute;right:10px;}
.post-preview .entry {padding: 10px 10px 10px 20px;background:#EFEFEF url(../images/layout/bg_tile_grey.gif) repeat-y;border-bottom:1px solid #CCC;}
.post-preview .entry .postmetadata{padding:0;display:block;text-align:right;margin:0;color:#222;}
.post-preview .entry .postmetadata a{color:#222;}

#comment-container{margin-right:10px;}
.comment-title{display:block;padding: 2px 5px 2px 20px;background:#DDD url(../images/layout/bg_tile_grey.gif) top left repeat-y;color:#444;}
.comment-title small{font-size: 12px; float:right;line-height:36px;}
ol.commentlist{list-style-type:none;}
ol.commentlist li{margin: 0 0 5px 0;padding: 10px;background:#EEE;}
ol.commentlist li.odd{background:#DEDEDE;}
.comment-meta{text-align:right;color:#222;}

#commentform {background:#DEDEDE;padding:10px;margin-bottom:10px;}
#commentform #form_LH{width:295px;float: left;}
#commentform #form_RH{width:295px;float: left;}
#commentform label {width:100px; zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top;}
#commentform input{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
#commentform input[type="text"] {border:0;padding:4px;margin-bottom:25px;width: 175px;zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top;}
#commentform input[type="submit"] {cursor:pointer;background:#AAA;color:#222;border:0;display:block;margin:1px;padding:4px;float:right;}
#commentform input[type="submit"]:hover{background:#FFFF01;}
#commentform textarea {border:0;display:block;width: 100%;height: 109px;margin:0 0 9px;padding:4px 0;font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}

.clearfix { overflow: hidden; display: inline-block; }
.clearfix { display: block; }
.inline_block { zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; }