html { overflow-y: scroll; font-size: 100%;  }
body {margin: 0; background: #f5f5f5; color: #231f20; font-family: Georgia, serif; font-size: 12px; }
table { font-size: 100%; /* IE hack */ }

/* Style Kit v7.0 */
div {display: inline-block;}
div {display: block;}
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
dl {display: block; }
dt {display: block; float: left; width: 45%; margin-bottom: 5px;}
dd {display: block; float: right; width: 45%; margin-bottom: 5px;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.halfmargin {margin:0 0 5px 0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
code {font-family: inherit}

/* Font */
.franklin {font-family:"Franklin Gothic URW Medium", 'Arial Narrow', Arial, sans-serif; font-size-adjust:0.498; font-weight:500; font-style:normal;}
.franklin-txt {font-family:"Franklin Gothic URW Book", 'Arial Narrow', Arial, sans-serif; font-size-adjust:0.5; font-weight:normal; font-style:normal;  }

/* Colours */

/* Links */
a	{color: #999; text-decoration: none;}
a:hover	{color: #000; text-decoration: none;}

/* Headings */
h1 {display: block; width:  226px; padding: 0 12px 0 0; margin: 0; }
h1 img {display: block; width: 130px; height: 122px;}

h2 { font-size: 16px; line-height: 18px; margin-bottom: 10px; color: #231F20;}

/* Lists */
#nav, #nav ul, #nav li {display: inline-block; }
	#nav {display: block;  float: left; margin: 0; padding: 0; list-style: none;}
	#nav li.n-col {display: block; float: left; padding: 0 8px 0 0; border-right: 1px solid #999999; margin: 0 8px 0 0;}
		#nav li.n-col ul {display: block; float: none; width: 168px; margin: 0; padding: 0;}
		#nav li.n-col ul li {display: block; padding: 0; margin: 0 0 1px 0; }
		#nav li.n-col ul li a {display: block; padding: 0 1px; text-decoration: none; color: #000;  font-size: 14px;}
		#nav li.n-col ul li a:hover, #nav li ul li.on a {background-color: #ffff00;}
		#nav li.n-col ul li.on a {background-color: #ffff00; }
		
		
	#nav li.n-txt {width: 168px; font-size: 12px; line-height: 15px; color: #999;}	
	#nav li.n-txt a {color: #999; text-decoration: none;}
	#nav li.n-txt a:hover {color: #000; background: none;}
	
	#subForm #clrutt-clrutt {width: 98px; color: #000;font-family:Arial; font-size: 12px; background-color: #CCC; border: none; padding: 2px; }
	#subForm #add {font-family:Arial; font-size: 12px; cursor: pointer; padding-left: 2px; padding-right: 2px;}
	
	
	#nav li.n-pro {display: block; float: left; padding: 5px 0 0 0; border-top: 5px solid #231f20; margin: 0 5px 0 0; position: relative; }	
		#nav li.n-pro a.n-trig {display: block; padding: 2px 5px; background-color: #ffff00; text-decoration: none;}
		
		#nav li.n-pro #tr-pro-txt {width: 200px;}				
		#nav li.n-pro #pro-txt {position: absolute; top: 5px; left: 0; display: none; width: 180px; padding: 10px 15px; background-color: #dcdcdc; line-height: 18px; z-index:99;}
		
		#nav li.n-pro #tr-pro-nav {width: 180px;}	
		#nav li.n-pro #pro-nav {position: absolute; top: 5px; left: 0; display: none; width: 190px; background-color: #dcdcdc; margin: 0; padding: 0; list-style: none;  z-index:99;}
		#nav li.n-pro #pro-nav li {display: block; margin: 0 0 5px 0;}
		#nav li.n-pro #pro-nav a {display: block; padding: 2px 5px; background-color: #dcdcdc; text-decoration: none;}
		#nav li.n-pro #pro-nav a:hover {text-decoration: underline; background-color: #dcdcdc; text-decoration: underline;}
		
		/*
		ul.pjt-idx, ul.pjt-idx	ul, ul.pjt-idx	li {display: inline-block;}	
		ul.pjt-idx, ul.pjt-idx	ul, ul.pjt-idx	li {display: block; margin: 0; padding: 0; list-style: none;}			
		ul.pjt-idx {width: 258px; float: left; margin-right: 20px; }
		ul.pjt-idx ul {padding-top: 3px;}
		ul.pjt-idx ul li  {padding-bottom: 3px;}
		ul.pjt-idx strong {display: block; padding: 2px 4px; font-size: 13px; font-family: Helvetica, Arial, serif; background-color: #dcdcdc; font-style: normal; text-transform: uppercase; }
		ul.pjt-idx a {display: block; padding: 2px 4px; text-decoration: none;}
		*/
		
		ul.pjt-idx, ul.pjt-idx	ul, ul.pjt-idx	li {display: inline-block;}	
		ul.pjt-idx, ul.pjt-idx	ul, ul.pjt-idx	li {display: block; margin: 0; padding: 0; list-style: none;}			
		ul.pjt-idx {width:858px; float: left; }
		ul.pjt-idx li {width: 258px; float: left; margin-right: 20px; }
		ul.pjt-idx ul {padding-top: 3px; padding-bottom: 3px;}
		ul.pjt-idx ul li  {width: 100%; float: none; margin-right: 0; padding-bottom: 3px;}
		ul.pjt-idx strong {display: block; padding: 2px 4px; font-size: 13px; font-family: Courier, 'Courier New', monospace; font-weight: bold; background-color: #dcdcdc; font-style: normal; text-transform: uppercase; }
		ul.pjt-idx a {display: block; padding: 2px 4px; text-decoration: none;}		
		
		ul.nav_cat_archive, ul.nav_cat_archive	ul, ul.nav_cat_archive	li {display: inline-block;}	
		ul.nav_cat_archive, ul.nav_cat_archive	ul, ul.nav_cat_archive	li {display: block; margin: 0; padding: 0; list-style: none;}			
		ul.nav_cat_archive {width:858px; float: left; }
		ul.nav_cat_archive li {width: 258px; float: left; margin-right: 20px; }
		ul.nav_cat_archive ul {padding-top: 3px; padding-bottom: 3px;}
		ul.nav_cat_archive ul li  {width: 100%; float: none; margin-right: 0; padding-bottom: 3px;}
		ul.nav_cat_archive strong {display: block; padding: 2px 4px; font-size: 13px; font-family: Courier, 'Courier New', monospace; background-color: #dcdcdc; font-style: normal; text-transform: uppercase; }
		ul.nav_cat_archive a {display: block; padding: 2px 4px; text-decoration: none;}		

				
	
		



/* Tables */


/* Forms */


/* Superstructure  */

#header {position: fixed; width: 980px; padding: 25px 0 25px 25px; display: block; height: 150px; background: #f5f5f5; z-index: 99;}
#main {position: absolute; left: 25px; width: 980px; top: 200px; }

#sidebar {position: fixed; width: 226px; padding: 0 20px 0 0;  font-size: 14px; line-height: 18px; color: #999;}
#page {float: right; width: 725px; padding: 0 0 0 9px;  font-size: 11px; line-height: 14px; color: #999; background: url(../../images/margin_div.gif) repeat-y;}

/* Projects */
	/* Thumb Lists */		
	ul.thblist, ul.thblist li {display: block; margin: 0; padding: 0; list-style: none; }		
		ul.thblist li {float: left; height: 266px; padding: 0 0 0 8px; border-left: 1px solid #999999; margin: 0 0 16px 8px; }
		ul.thblist li.last {padding-right: 0; border-right: none; margin-right: 0; }
		ul.thblist a.pro-thb {display: block; position: relative; float: left; }
		ul.thblist a.pro-thb img {display: block; }
		ul.thblist a.pro-thb span.olay {position: absolute; top: 0; left: 0; right:0; bottom: 0; z-index: 1;}
		ul.thblist a.pro-thb:hover span.olay {background:url(../../images/thb_overlay.png); }
		ul.thblist strong.pro-title {display: block; clear:left; float: left; padding-top: 3px; font-size: 12px; line-height: 15px; color: #000;}
		ul.thblist div.pro-desc  {display: block; clear:left; float: left; font-size: 12px; line-height: 15px; color: #999;}
	
	ul.imglist, ul.imglist li {display: block; margin: 0; padding: 0; list-style: none;}	
		ul.imglist li {display: block; float: left; margin: 0 8px 8px 0; padding: 0; }
		ul.imglist img {display: block;}
		
	.pro-links, div.navigation {color: #000;  font-size: 12px; line-height: 15px; }	
	.pro-links  a, div.navigation a {color: #000;}
	.pro-links  a:hover, div.navigation:hover {color: #000; text-decoration: underline;}
	
	.related {display: block; margin: 0; padding: 0 0 15px 0; list-style: none;}
	.related li {display: block; margin: 0; padding: 0; }
	
	

/* Blog */

.divider {padding: 0 5px;}
	div.post {margin-bottom: 15px; font-size: 14px; line-height: 18px;  background: url(../../images/post_div.gif) 0 100% no-repeat;}
	div.post div.title {padding-bottom: 10px;}
	div.post h2 {margin: 0; font-size: 18px; line-height: 20px; color: #000000;}
	div.post p {display: block; padding-bottom: 15px; margin: 0; }
	div.post div.date { font-size: 12px; line-height: 15px; color: #999999;} 	


	#sideintro {min-height: 246px; height: 246px; height: auto !important; padding-bottom: 20px;  color: #999999; font-size: 18px; line-height: 20px;}
	 #sideintro span {color: #000000; }
	 div.sidepanel {margin-bottom: 10px; }
	div.sidepanel h3 {margin-bottom: 0; color: #000000;}
	div.sidepanel ul {display: block; margin: 0; padding: 0; list-style: none;}
	div.sidepanel li {display: block; margin-bottom: 0;}
	div.sidepanel a {background: none; text-decoration: none; color: #808080;}
	div.sidepanel a:hover  {background: none; text-decoration: none; color: #000000;}	

	ul.blog-imgs, ul.blog-imgs li {display: inline-block;}
	ul.blog-imgs {display: block; margin: 0; padding: 0; list-style: none}	
		ul.blog-imgs li {display: block; float: left; margin: 0 8px 8px 0;}	
			
	ul.taglist {display: block; list-style: none; margin: 0; padding: 0;}
		ul.taglist li {display: block; float: left; margin: 0; padding: 0;}
		ul.taglist li.tag-item {padding: 0 0 0 5px; margin: 0 0 0 5px; }
		ul.taglist li.tag-item:before {content: "/ "}