/* Globals */
 
 body {
   	background:#160f17;
 	color:#fff;
   	font-size:16px;
	line-height:1.4;
	font-family: 'Lato', sans-serif;
}


 a {text-decoration:none; color:#ffd42a; }
 a:hover {text-decoration:underline
}

p {margin:0; margin-bottom:0.7em}

.image_container {margin:0;}

h1, h2 {
  letter-spacing:-1px; 
}

h1,h2,h3 { color:#ffd42a;
  font-weight:normal}
  
h2 { 
  font-size: 20px;
  line-height:1.2;
  margin:10px 0px;
}

h3,div.columnbox h2  {
  height: 50px;
}

h3 a { line-height:1.2}

 #wrapper {
   background:#160f17 url("/files/sqtl/siteimg/widebg.png")  center 80px no-repeat;
   min-height:1000px
}


/* Header */

#logoimg {
  	margin-top:40px; 
	margin-left:10px}
	
#header .mod_navigation	{
	float:right;
	margin-right:30px;
	margin-top:30px
  
}
#header .mod_navigation ul {
  list-style-type:none;
  font-family: Georgia, Times, serif;
  font-size:20px
}

#header .mod_navigation li {
	display: inline-block;
	padding:0 10px;
	text-transform:lowercase;

  
}

#header .mod_navigation li a {
color:white  ;
	font-weight:normal
}

#header .mod_navigation li a:hover {color:#ffd42a}
#header .mod_navigation li .active, #header .mod_navigation li.trail a {color:#ffd42a}


/* Front page Banner */

#bannerspace {
  height:380px;
  overflow:visible;
  position:relative
}

/* for non-margined version:
#bannerspace {
  border-left:1px solid black}*/

#monkeypic {position:absolute;
  left:50px;
  /*top: 120px;*/
}
#codenoevil {
  position:absolute;
  left:620px;
  top:40px
}
#straplines {	
	position:absolute;
  	left:600px;
  	top:230px
}






/* Main area */
body.frontpage #main {
  	clear:left;
}

#main {padding-left:16px;
}
#right {padding-right:16px;
	font-size:12px
}

div#home {
  margin-right:16px;
}
div#home {
}

div#hiring {padding-right:16px;}

div.columnbox {
  	width:238px; 
	height:630px;
  	border-top:3px solid #3D3A3F;
	float:left;
	margin-right:16px; 
	margin-top:30px;
	padding-bottom:30px;
	
}

div.columnbox p {
}



div.screenshotbox {
  	width:238px; 
	float:left;
	margin-right:16px;
	margin-top:5px;
}

div.screenshotbox div.ce_text {
	position:relative;
	top:-60px
  
}



div#recentprojects {
  	margin-top:30px;
	border-top:3px solid #3D3A3F;
	width:747px
  
}

div#recentprojects div.ce_image {
	float:left;
	margin-right:16px
  
}


div#recent-blog-items{
	border-top:3px solid #3D3A3F;
} 

div.layout_simple .date, .layout_short .date {
    font-style:italic;
  padding-right:10px
}

div.layout_simple, .layout_short {
  padding-bottom:.7em
}


div.layout_full .info, .layout_short .info {
font-family: Georgia, sans-serif;
color: #aaa;
font-style: italic;}

/* Social icons */

#socialicons {
	text-align:justify;
  	margin-bottom:15px
}
#socialicons img.pad {margin-right:8px}

/* Quote boxes */

#quote-1 {margin-top:43px;}

div.quotebox {
  background: url('/files/sqtl/siteimg/quotebox.png') top left no-repeat;
  height:170px;
  padding-left:15px;
  padding-right:12px;
  padding-top:15px;
  position:relative;
  overflow:visible;
  margin-bottom:15px
}

div.quotebox blockquote {padding:0; margin:0;  }
div.quotebox blockquote p {margin:0; 
  	font-family:Georgia, Times, serif;
  	margin-left:0px;
	text-align:left; 
	width:165px;
	font-size:13px;
  	position: static;
	padding:0;
	color:#fff
}
div.quotebox p {
  	margin:0;
  	margin-top:15px;
	text-align:right; 
	font-size:12px;
	position:absolute;
	bottom:55px;
	right:0px;
	padding-right:15px;
	color: #B6ADBC;
	font-family: Arial, Helvetica, sans-serif;
}

div#check-quotes {
  text-align:justify;
  height:57px
}

/* Twitter feed */
div#latest-tweets {
  	border-top:3px solid #3D3A3F;
	margin-top:50px}
ul#twitter_update_list {list-style-type:none; padding:0; margin:0; }
ul#twitter_update_list li {margin-bottom:10px}
#twitter-link {}



/* Contact form */

.ce_form td {padding-bottom:10px; vertical-align:top}
.ce_form td.col_0 {width:205px}
.ce_form label {padding-right:16px}
.ce_form input.captcha { margin:0}
.ce_form input.error {border:2px red solid}
.ce_form p.error {color:red; width:205px; font-weight:bold}
p.cpimage {margin-top:5px}
.ce_form span.mandatory {color:#AAD400; padding-left:5px; font-size:120%}

/* Blog pages */

div#blog-article .mod_newsreader {width:645px; }
div#blog-article .ce_comments .widget {margin-bottom:10px}
div.ce_comments .form {width:500px; margin-bottom:20px}
.layout_short {
  padding-bottom:30px;
  border-bottom:1px dotted #3D3A3F;
}

.comment_default {background-color:#3d3a3f;
margin-bottom:15px;
padding:10px;}

.comment_default .info {font-size: 12px; border-bottom: 1px solid #514e54; padding-bottom:3px; }

code, pre{
background-color: #2b1d2d;
display:block;
padding:10px;
max-height: 20em;
overflow-y: auto;
margin-left: 3em;
font-size: 11px;
}

.insidepage h3 {height:auto;
	margin-bottom:10px;
	margin-top: 30px;
}

.insidepage .ce_text a img {margin:0 10px 10px 0}

.insidepage #socialicons {margin-top: 80px}

/* Footer */
#footer {margin-top:50px; margin-bottom:0}

#footer p {font-size:10px;
  	text-align:left;
	margin-left:16px;
	border-top:1px dotted #3D3A3F;
	margin-right:16px;
	padding-top:5px;
	margin-bottom:0
}

#footer p a {color:#fff; text-decoration:underline}

/* Pagination */
.pagination{clear:both;display:block;margin-top:10px;padding-top:5px;}
.pagination p{float:right;text-transform:uppercase;}
.pagination ul li{display:inline;list-style-type:none;text-transform:uppercase;}
.pagination ul li a,.pagination ul li span.current{padding:5px;text-decoration:none;}
.pagination ul li span.current,.pagination ul li a:hover{}