/*
	Theme Name: Kilroyjames
	Theme URI: http://www.kilroyjames.co.uk
	Version: 1.0
	Description: Our company website layout
	Author: John Kilroy
	Author URI: http://www.kilroyjames.co.uk
*/


/*	First, remove paddings and margins on all elements so we don't have to repeatedly specify this */
*    {	margin:0; padding:0; }


/******** HTML SELECTORS ***************************/

body {
	font: 81.5%/1.4em verdana,sans-serif;
	color: #464646;
}

img  {	border: 0; }
ul   {	margin: 1em 0 0 1em;  }
p    {	margin-bottom: 1em; }

/* p, li {
	font-size:1.3em;
}*/


a, a:visited, a:active {
	text-decoration:none;
}
a:hover	{ text-decoration:underline; }

/*
a    	  { color: #8a2; }
a:visited { color: #471; }
a:active  { color: #9c3; }
*/
a    	  { color: #36c; }
a:visited { color: #139; }
a:active  { color: #69e; }

p a  { 	text-decoration:underline; }
p a:hover { 
	text-decoration:none; 
}

h1,h2,h3 {
	font-weight:normal;
	line-height: normal;
	padding-bottom:.3em;
}
h1   {	
	font: 200 2em/1em serif;
	padding	: 0;
	margin	: .1em 0 .5em 0; 
}
h1.portfolio { 
	font: normal 1.3em arial,sans-serif;
	border-bottom:1px solid #ccc;
	margin:-1px 0 1em 0;
	padding:0;
}
h1.index { 
	margin-bottom:.75em;
}

h2   {	background:#fff; 
	font-size: 1.5em;
	line-height: .8em;
	padding: 0;
	margin: 0 0 1em 0;
}
h3 {
	font-size : normal 1em verdana,sans-serif;
	padding	: 0 0 .1em 0;
	margin : 0 .6em 0 0;
	border-bottom:1px solid #ccc9d9;
}
h3.home   { 
	font-weight: bold; 
	font-size:13px;
	margin-bottom:.75em;
}

h5   {		
	font-family:arial,helvetica,sans-serif;
	font-size:1.1em;
	margin:2em 0pt 0.3em;
	padding:0pt;
}

hr   {	height:1px; border:0; color:#ccc; background:#ccc }

acronym	{ 
	cursor: help; 
	font-style: italic 
}
abbr {	
	cursor: help; 
	font-style: italic
}
sup  {	font-weight: bold }

address {
	font-style:normal;
}


/******** STRUCTURAL STYLES ***************************/

#header-bg{
	width:100%;
	position:relative;
	z-index:0;
}
div.blog{
	background: #000;
	color: #fff;
	height:11em;
}

div.wrapper{
	width:64.6em;
	clear:both;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
	z-index:1;
}
div.wider-col{
	width:70%;
	padding: 0;
	float:left;
}
div.widel-col{
	width:71%;
	padding: 0;
	overflow:hidden;
	float:left;
}
div.centre-col{
	width:44%;
	padding:0 3%;
	overflow:hidden;
	float:left;

}
div.right-col{
	width:23%;
	padding:0 0 0 2%;
	overflow:hidden;
	float:left;
}
div.left-col{
	width:23%;
	padding:0 2% 0 0;
	margin:0;
	overflow:hidden;
	float:left;
}
div.left-col.home,div.right-col.home{
	font-size:112%;
}
div.right-col.home h3{
	font:bold 1em verdana;
}
div.right-col.home h3+ul{
	margin:0;
	padding-left:0;
}
div.right-col.home li{
	list-style:none;
	padding: 0 0 .2em 0;
	margin-left: 0;
}
div.right-col.home li img{
	vertical-align:middle;
}
div.headspace { 
	height: 1em;
	position:relative;
	z-index:1;
}
div.blog-mainpage-sidebar{
	padding-top:3.3em;
}

/******** header and footer ***************************/


div#header {
	margin:3.5em 0 0em 0;
	position:relative;
}
#tagline {
	position:absolute;
	top:1.5em;
	right:0;
	font: normal 1.1em georgia,serif;
	color: #666;
}
#tagline.dark {
	color: #fff;
}
#pre-nav { 
    	overflow:hidden;
    	margin-bottom:.75em;
}
#pre-nav div#logo {
	width:178px;
	float:left;
}
#pre-nav div#logo a{
	margin:0;
	padding:0;
	border:0;
}
img#screen-logo	{ 
}

#pre-nav div#searchform {
	text-align:right;
	font-size:.95em;
}
#pre-nav div#searchform #leg {
	display:none;
}
#pre-nav ul { }

#pre-nav li { 
	list-style-type: none;
	float: left;
	padding-top:.4em
}
#pre-nav li.hidden a { 
	display: none 
}
#pre-nav a.nob { 
	border: 0 
}
#pre-nav a { 
	font-size:.8em;
	color: #000;
	text-decoration: none;
	padding: 0 .8em;
	border-right: 1px solid #369;
}
#pre-nav a:hover {
	text-decoration: underline;
}
#pre-nav fieldset { 
	border:0;
	}
#pre-nav form {
	margin: .7em 0 0 0;
}

#pre-nav .input	{ 
	margin-right: .2em;
	width: 13em;
	border: 1px solid #888;
	font-size:1.3em;	
	-moz-border-radius: 2%;
	padding: .1em 0;
}
#pre-nav .submit { 
	margin-bottom:-.1em;
	vertical-align:top;
	font-size:1.3em;
}
#main-navigation {
	clear:both;
	margin: .5em 0 0 0;
	border: 0 solid #fff;
	background:#36393A;
	width:100%;
	font-size:.95em;
	
}
#main-navigation:after {
	content: ".";
	display: block;
	line-height: 0em;
	font-size: .1em;
	clear: both;
}
#main-navigation ul { 
	margin:0;
	padding: 0;
	font-size: .9em;
	font-weight:bold;line-height:1.3em;
}
#main-navigation li {
	display:inline;
	list-style-type: none;
	float:left; 
}
#main-navigation li a { 
	padding: .6em 2em;
	border-right: 1px solid #fff;
	text-decoration: none;
	float: left;
	background : #36393A;
	color: #fff;
}
#main-navigation a:hover { 
	background: #666; /*#66697f; */
	color :#fff;
}
#main-navigation li.current_page_item a {
	background: #c0db27;
	color :#333;
}
#main-navigation li.current_page_item a:hover {
	background: #c0db27; 
	color :#333;
}
div.privacy{
	width:100%;
	background: #000;
}
div.privacy div{
	width:65em;
	margin:0 auto 0 auto;
}

div#banner-img {
	text-align:center;
	margin-bottom:1em;
}
div#banner-img img {

}
div#thin-banner-img {
	text-align:center;
	margin-bottom:1em;
}
div#thin-banner-img img {
	height:164px;
}


#footer {
	padding-top:0em;
	clear:both;
}
#footer p{
	margin:.75em 0;
	font-size:.85em;
}
#footer a { border: 0;text-decoration:none; }
#footer #mini-logo { vertical-align:top }
#kj-footer {
	width:100%;
	background: #464646;
	color: #fff;
	text-align:center;
	margin:5em 0 0 0;
	padding:1em 0;
	font-size: .85em;
	clear:both;
}



/******** wp styles ***************************/
.sidebar {
	font-size:90%;
}


.sidebar ul {
	margin:0 0 2em 1em; 
	line-height:1.7em; 
	padding:.5em .8em 0 .8em;
}
.sidebar ul li {
	border-bottom: 1px dotted #ccc;
	padding: 1px 0 .2em 0;
	margin-left: -.3em;
	list-style-image: url("./images/bullet-arrow.png");
}
.sidebar h2 {
	margin: 0 0 .3em 0;
}
.sidebar .item {
	margin: 0 0 1em 0;
	font:normal 1.1em/1.3em verdana,sans-serif
}
.sidebar .featured-projects {	
	margin-bottom:1em;
	padding-bottom:2em;
}
.sidebar .featured-projects ul {
	margin-bottom:0;
	padding-bottom:0;
}


.post {	
	margin-bottom:1em;
	padding-bottom:1em;
	position:relative;
	z-index:9;
	width:80%
	clear:both;
}
.post ol {
	margin-left: 1.6em;
}
.post p, .post ul {
	margin-top:1em;
}
.post li {
	margin-bottom:.75em;
}
.post h5+p, p.meta+h5 {
	margin-top:1em;
}
.post h5+ol, .post h5+ul {
	margin-top:1em;
}
.post ul ul, .post ol ul {
	margin-top:.5em;
}
.post ul ul li, .post ol ul li {
	margin-bottom:0em;
}

.post h1+p, .post.home p{
	margin-top:0em;
}
.post div.related-information{
	margin-top:2em;
	line-height:1.1em;
	clear:left;
}
.post div.related-information > hr{
	margin-top:6em;
}
.post p.keywords {
	font-size:.8em;
}
.post p.keywords a[rel="tag"] {
	text-decoration:none;
	color: #464646;	
}
.post p.keywords a[rel="tag"]:hover {
	text-decoration:underline;	
}
.post .meta {
	margin-top:1em;
	font: normal x-small arial;
}
.post .meta a{
	text-decoration:none;
}
.post .meta a:hover{
	text-decoration:underline;
}
.post.home{
	margin-bottom:0em;
	width:100%;
}
.post.home.cat{
	margin-bottom:2em;
}
.post.home.cat div+p{
	margin-bottom:0em;
	display:inline;
}
.post.about-us-img {
	background: url() no-repeat;	
}
.post ul.highlighted-list li:first-line{
	font-weight:bold;
}
.post ul.highlighted-list li{
	margin-bottom:1em;
}
.post ul.highlighted-list li p{
	margin:.5em 0!important;
}

.post p+h3, .post h3+p, .post ul+h3 {
	margin-top:1.5em;
}
.post p.intro {
	padding-top:0;
	margin-top:0;
	font-weight:bold;
}


.search-results dl,.search-results dt,.search-results dd {
	margin:0;
	padding:0;
}
.search-results h4 {
	margin:0 0 1.5em 0;
}
.search-results dt a {
	font:bold 1.2em verdana,sans-serif;
}
.search-results dt span {
	font:normal .85em verdana,sans-serif;
}
.search-results dd {
	font:normal 1em/1.4em verdana,sans-serif;
	margin: .3em 0 2em 0;
}
.search-results dd p.permalink{
	font:normal 1em/1.4em verdana,sans-serif;
	margin: 0em 0 0 0;
	color: #888;
}


#contact-right {
	width: 40%;
	margin:0 0 2em 1em;
	float:right;
}
#contact-right h4{
	margin:2em 0 .5em 0;
}
#contact-right h4+p{
	margin-top:0;
}
#contact-form{
	border: 1px solid #101010;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #464646;
	color: #ccc;
	padding:1em 0;
}
#contact-form h5{
	margin: 0 0 0 8.5em;
	padding-top:0;
}


.more-link{
	background: #36c;
	color: #fff;
	text-decoration:none;
	padding:.2em;
}
.more-link:hover{
	background: #69e;
	color: #fff;
}

/******** other theme styles ***************************/


#wp-calendar {
	background-color: #eed;
	width: 100%;
	padding: .3em 0;
	border:1px solid #e2e2c5;
	border-bottom-width: 2px;	
	font-size: 12px;
	margin: 0 0 1em 0;
	float: left;
}

#wp-calendar caption {
	background: #36393A;
	color: #fff;
	padding:.3em;
	text-align:left;
}
#wp-calendar a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding:.2em;
	display:block;
	background: #eed;
}
#wp-calendar a:hover, #wp-calendar a:active {
	background: #36c;
	color:#fff;	
}
#wp-calendar th {
	text-align: center;
}
#wp-calendar #next a {
	text-align: left;
	float: right;
	padding-top: 1em;
}
#wp-calendar #prev a {
	text-align: center;
	float: left;
	padding-top: 1em;
}
#wp-calendar #prev a:hover, #wp-calendar #next a:hover {
	background: #eed;
	text-decoration:underline;
	color: #000;
	
}

#wp-calendar td {
	text-align: center;
	vertical-align:middle;
}
#wp-calendar tf {
	margin: 0px;
	padding: 0px;
	background:red;
}


.breadcrumb {
	color: #333;
	margin:.2em 0 1.2em 0;
	font: normal .8em verdana,sans-serif;
}
.breadcrumb:before {
	content: "\00BB \0020";
	font-weight:bold;
	font-size:1.2em;
}


/******** Services styles ****/
div.services-left-col {
	width:48%;
	margin:1em 0 0 0;
	background: ##ccc;
	float:left;
}
div.services-left-col h4 + p{
	margin:.5em 0 2em 0;
}

IMG.svc-id { 
	border: 0;
	width: 7em;
	height: 7em;
	float:right;
}
IMG.ia0	{
	width: 46.6em;
	height: 20em;
}
div.svcs-longcell {
	clear:both;
	margin-bottom:2em;
	padding-top:2em;
}
div.svcs-longcell img {
	float:left;
	margin:0 2em 2em 0;
}

/******** Portfolio styles ****/

.portfolio	{ 
	font: .9em/1.6em verdana,sans-serif;
}
.portfolio ul	{ 
	margin:0;
}
.portfolio a	{ }
.port h5 {

}
.portfolio li { 
	float:left;
	padding:0 .3em;
	margin:.1em;
	list-style-type: none;
	cursor:default;
	white-space:nowrap;
	background-color: #fff;
	color: #464646;
}

ul.portfolio-industries, ul.client-types, ul.portfolio{
	margin:0;
	clear:both;
	margin-bottom:2em;
	padding:0;
	overflow:hiddden;
	font: .85em/1.2em verdana,sans-serif;
}
ul.portfolio-industries li, ul.client-types li{
	float:left;
	white-space:nowrap;
	padding-left:2em;
	list-style-type: none;
	padding: 0 .3em;
	background-color: #fff;
	color: #464646;
}
ul.portfolio-industries li:hover, ul.client-types li:hover{
	background: #464646!important;
	color: #fff!important;
	cursor: default;
}
ul.portfolio-industries:after,ul.client-types:after,ul.portfolio:after {
	content: ".";
	display: block;
	line-height: 0em;
	font-size: .1em;
	clear: both;
}
.centre-col>h5{
	margin-top:0;
}
.centre-col.port{
	padding-left:0;
	width:40%;
}
.centre-col.port.r{
	width:56%;
	padding-right:0;
	margin-right:0;
}
/******** Other styles ****/

.footnotes { 
	clear:both;
	border:0em solid #eee;
	margin:2em 0 0 0;
	font:normal .9em/1.4em verdana;
}
.footnotes dl { 
	margin:0;
	padding: .5em;
	background: #e8e6e0;
}
.footnotes dt { 
	display: inline;
	float:left;
	font-weight: bold;
}

dl.footnotes { 
	margin:2em 0 0 0;
	clear:both;
	padding: .5em;
	background: #e8e6e0;
	font:normal .9em/1.4em verdana;
	
}
dl.footnotes dt { 
	display: inline;
	float:left;
	font-weight: bold;
	margin-right:1em;
}


img.wp-smiley{
	vertical-align:bottom;
	opacity:.5;
}


UL.para  LI { 
	margin-bottom:1em; 
}
UL.subpages { 
	margin-bottom:2em; 
}
UL.subpages li.current_page_item a, UL.subpages li.current_page_item {
	color: #333;
	cursor: text;
	text-decoration:none;
	list-style-image: url("./images/bullet-arrow-active.png");
}
OL.para  LI { 
	margin-bottom:1em; 
}


.recent-posts li{
	list-style-image: url("./images/bullet-arrow.png");
}

.comment-options {
	font-size:.9em;
	margin:2em 0;
}
.related-information + #comment-area { 
	border-top: 5px solid #464646;
}
#comment-area {
	font: .9em verdana,sans-serif;
	margin-top:3em;
}
#comment-area h3{
	font: bold 1.5em verdana,sans-serif;
	margin:1em 0 .3em 0;
	border-bottom:0;
}
#comment-area h3#comments{
	font: normal 1.6em georgia,serif;
	margin:1em 0 .3em 0;
	border-bottom:0;
}
#comment-area ol{
	margin:0;
}
#comment-area li{
	margin:2em 0;
	padding:1em;
	list-style-type:none;
}
#comment-area li.alt{
	background: #e8e6e0;
}
#comment-area li div.vcard{
	float:left;
	margin-bottom:1em;
}
#comment-area li div.vcard img{
	margin-right:1em;
}
#comment-area li div.commentmetadata{
	float:right;
	padding-top:1.5em;
}
#comment-area li div.commentmetadata + p{
	clear:both;
}


#comment-area cite{
	font-style:normal;
}
#comment-area p{
	margin-top:0;
}
#comment-area small+p{
	margin-top:1em;;
}
#comment-area textarea#comment{
	width:99%;
	-moz-border-radius: 1%;
	border:1px solid #999;
	padding:.3em 0 0 .3em;
}

ol.comment-list{
	margin-left:0;
	list-style:none;
}
ol.comment-list img{
	vertical-align:middle;
	margin: 0 1em 1em 0;
}
ol.comment-list cite{
	font: bold .9em verdana,sans-serif;
}
ol.comment-list p.meta{
	margin:0;
	padding:0;
	display:inline;
	font: normal .9em arial;
	
}
ol.comment-list div.comment-txt{
	margin:0 0 0 1em;
	font: normal 1em/1.4em verdana,sans-serif;
}
ol.comment-list .alt{
	background: #e8e6e0!important;
}
ol.comment-list li{
	padding-right: 1em;
}



.recent-posts h3{
	margin:.8em 0 0em 0;
	border-bottom:1px solid #ccc;
}
.recent-posts ul{
	margin:1em 0em 0 0em 0;
	padding:0;
	line-height: 1.6em;
}
.recent-posts li span {
	font-size:.8em;
}
.recent-posts li {
	margin-bottom:.1em;
}


#tag-cloud {
	margin:2em 0;
}
#tag-cloud h3{
	margin:0 0 1em 0;
	border-bottom:1px solid #ccc;
}
#tag-cloud h3 span{
	font: .7em verdana,sans-serif;
}
#tag-cloud a[rel="tag"]{
	line-height:15pt;
	color: #36c;
}
#tag-cloud a[rel="tag"]:hover{
	color: #c30;
	text-decoration:none;
}

p.back-to-blog{
	font-weight:bold;
	margin:.5em -1.3em 1.3em 0!important;
	font-size:1.2em;
}
p.back-to-blog a:hover{
	text-decoration: underline;
}
.rightbar-include { margin-top:3em}
.leftbar-include { margin-top:0}
.leftbar-include h3 {
	font:bold 1em verdana;
}
.leftbar-include h3+p {
	margin-top:.75em;
}

div.pagebar {
	margin: 2em 0 1em 0;
	padding: 1em 0;

}
div.pagebar a{
	padding: .3em .5em;
	border: 1px solid #ccc;
	font-weight:bold;
	background: #36393A;
	color: #fff;
}
div.pagebar a:hover{
	background: #666;
	text-decoration:none;
}
div.pagebar .this-page{
	background: #c0db27;
	padding: .3em .5em;
	font-weight:bold;
	border: 1px solid #999;
}
div.inset{
	float:right;
	width: 25%;
	padding:1em;
	margin: 0 0em 1em 1em;
	font-size:.8em;
	-moz-border-radius: 2%;
	border:1px solid #ccc;
	background: #eaf3fa;
}
div.inset p:first-child{
	margin-top:0;
	padding-top:0;
}
div.inset a{

}
div.inset h5{
	margin:.3em 0;
}
div.inset ul{
	margin-top:0;
}

div.download {
	float:right;
	background: #eaf3fa;
	padding: 1em;
	margin: 0 0 1em 1em;
	text-align:center;
	border: 1px solid #999;
	-moz-border-radius: 2%;
	overflow:hidden;
}
div.download h3{
	font: bold 1em/1em georgia,serif;
}


div.survey-results 	{ padding: 0 0 1em 1em;
			  background: #ddd;
			  clear:both;
			  border:1px solid #ddd;
			  margin-top:1em;
			}

div.survey-results #d1	{ float:left;
			  margin-right:2em;
			}
div.survey-results  P	{ font-size: .9em;
			  padding: 0;
			}

div.survey-results table {
			}



div.survey-results th	{ font-size: .9em;
			  padding:.1em 1em .1em .3em;
			}
div.survey-results td	{ padding-right:1em ;
			  border-width: 0 0 1px 0;
			  border-style: dashed;
			  border-color: #eee;
			}

div.survey-results thead { background: #ff0033; color:#fff
			}
div#author-info {
	margin:0 0 2em 0;
	padding-right:1em;
}
div#author-info p{
	margin:0;
	clear:left;
}
div#author-info img {
	float:left;
	margin: 0 .3em .3em 0;
}

.ngg-widget{
	margin-bottom:2em;
}