@charset "UTF-8";
/* CSS Document */

body {background: #000; color:#fff; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; }
a:link, a:visited {color:#7cd3fc }
a:hover {background:#7cd3fc; color:#000; }
img {border:0;}

#bionara {width:700px;  margin:auto; text-align:left;}

.header-small { color:#999999; font-size: 12px }
#instructions { text-align: center}
#viewer { width: 700px; float:left;   }
#intro { float:right; width:360px;  }
#game {display:none;}
ul#work-examples { margin:0; padding:0; float:left; width:100%; clear:both}
ul#work-examples li { list-style:none; float:left; margin: 0 10px 10px 0;}
.panel {float:left; clear:both; width:720px; margin-bottom:10px;}

#home .panel-l {border-top:2px solid #00405e;}
#work .panel-l {border-top:2px solid #bca612;}
#blog .panel-l {border-top:2px solid #19891c;}
#contact .panel-l {border-top:2px solid #bc1212;}


.panel-l, .panel-r {background: #1c1c1c; }
.panel-l {float:left; width:555px; margin-left:19px; margin-right:10px; }
.panel-r {float:left; width:130px; background: #1c1c1c;}
.panel-r h2 {float:left;display:block; clear:both;width:110px; background: #1c1c1c url('../img/bgColourBars.gif') no-repeat bottom left; margin-bottom:10px; padding-bottom:10px;}

.content {float:left; clear:both; margin:10px;}
.panel-l .content {width:535px;}
.panel-r .content {width:100px;}
.panel-r .blog-ul {margin:0;padding:0;}
.panel-r .blog-ul li {margin:0;padding:0; list-style:none}

.panel-l .content h1 , .panel-l .content h2{margin-top:0; padding-top:0;}
.panel-l .content h3 {font-size:12px; display:block; margin:5px 0; padding:0; border-bottom:1px solid #fff;}

.panel-l .content ul {margin:15px; padding:0;}


/*demo panel - feat work etc */
.panel-l .content .demo-object, .panel-l .content .demo-text { float:left;  }
.panel-l .content .demo-object {border:2px solid #fff; margin-right:15px; width:290px; overflow:hidden; background:#000;}
.panel-l .content .demo-text {width:220px;}

.panel-l .content .demo-text h2 {font-size:14px;}
.panel-l .content .demo-text h3 {font-size:12px; display:block; margin:5px 0; padding:0; border-bottom:1px solid #fff;}

 #wallBreak3d {position:relative; left:-35px; }

/*help popups etc */
.pop-bg-show {background:black; height:100%; width:100%; min-height:100%; position:absolute; top:0; left:0; filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;}
.pop {background:#fff; position:absolute; top:20%; left:30%; filter:alpha(opacity=100);opacity: 1;-moz-opacity:1; color:#000; text-align:left}
.pop .content {margin:10px; }
.pop .pop-head {border-bottom:2px solid #000; padding-bottom:5px; margin-bottom:10px; float:left; clear:both; width:100%;}
.pop h2 {float:left; width:400px; margin:0;padding:0;}
.pop .pop-close {float:right; width:50px; margin:5px 5px 0 0; text-align:right; color:#FF0000; font-weight:bold;}
.pop .pop-close:hover {color:#fff; background:#FF0000;}