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

/* :: html and css by Andy Kleeman (The boy who cried fox) www.theboywhocriedfox.co.uk ::
   :: design and layout copyright Ken Reynolds :: */

/* ========== HTML TAGS  ========== */
body {margin:0; padding:0; background-color:#919295; font-size:62.5%; font-family:Arial, Helvetica, sans-serif;}
p.firstpara {font-size:1.6em; line-height:1.4em;}
p {font-size:1.4em; line-height:1.4em;}
label {font-size:1.6em;}
a {color:#f58428; text-decoration:none;}
a:hover {text-decoration:underline;}
.input input {width:474px; height:18px; padding:5px; border:solid 2px #8e8f93; margin-bottom:10px;}
textarea {width:484px; border:solid 2px #8e8f93;}
.input input:focus, textarea:focus {border:solid 2px #f58428;}
img { z-index:99999;}
a:active {position:relative; top:1px;}
.submit {width:109px; height:34px; border:none 0px; margin:25px 0 150px 0;}

/* ========== GENERIC CLASSES  ========== */

.left {float:left;}
.right {float:right;}
.orange {color:#f58428;}
.container {width:900px; margin:0 auto 0 auto; position:relative;}
/* ========== content  ========== */

#content {width:900px; padding:0 30px 0 30px; margin:14px auto 0 auto; background-color:#FFFFFF; color:#8e8f93; position:relative; overflow:hidden; border-bottom:4px solid #f58428; background-image:url(../images/top-corner.png); background-repeat:no-repeat;}

#columnbreak {position:absolute; width:2px; background-color:#f58428; top:600px; bottom:0px; right:322px;}
.blog #columnbreak {position:absolute; width:2px; background-color:#f58428; top:190px; bottom:0px; right:322px;}

	
	/*  content BG IMAGES  */
.Home #content, .About #content, .Services #content, .services #content   {background-image:url(../images/cards-pack.jpg);	background-repeat:no-repeat; background-position:300px 225px;}
.Contact #content {background-image:url(../images/aceofpixels.jpg); background-repeat:no-repeat; background-position:430px 160px;}
span#corner {background-image:url(../images/top-corner.png); background-repeat:no-repeat; width:34px; height:26px; position:absolute; top:0; left:0;}

#header {height:150px; width:930px;	position:relative; margin:0 0 0 -30px;}
#logo {position:absolute; top:25px; left:30px;}
#logostrap {position:absolute; top:91px; left:30px;}


	/*  MAIN NAVIGATION  */
ul#menu   {text-align:right; position: relative; float: right; margin-top: 75px; }
ul#menu li {display:inline;	list-style-type:none; font-size:1.6em; margin-left: 25px; font-weight: bold;}
ul#menu li a {color:#8e8f93;}
.home #home, .contact #contact {color:#f58428;}


/* ========== LEFT COLUMN  ========== */

#leftcolumn {width:580px; float:left;}

#contactstrap {margin:170px 0 80px 0;}

.homekenpic {float:left; margin-top:16px;}
.bio {width:445px; float:right;}
.orangeservices {clear:both; color:#f58428;}


/* ========== RIGHT COLUMN  ========== */

#rightcolumn {position:relative; margin-top:450px; width:265px; padding:0; float:right; margin-bottom:75px; margin-right:-5px;}
.portfolio #rightcolumn, .blog #rightcolumn  {position:relative; margin-top:10px;}


div.portfolioproject {margin-bottom:25px;}
#rightcolumn a img  {border:solid 2px #86878b;}
#rightcolumn a:hover img  {border:solid 2px #f58428;}
p.viewproject {text-indent:-99999px; background-image:url(../images/viewproject.png); width:69px; height:13px; margin-top:5px;}


/* ========== blog STYLES  ========== */
.blog h2 {font-size:2.4em;}
.blog h3, h3.blog {font-size:2.4em; font-weight:normal; font-style:italic; margin-top:10px !important;}
.blog h3 a {color:#8e8f93;}
.blog h3 a:hover {color:#f58428;}

.date {font-size:1.4em; font-weight:normal; font-style:italic; margin:-15px 0 -5px 0;}
.separator {height:2px; margin:20px 0 30px 0;}
.blogwho {font-size:1.2em; line-height:1.6em; margin-bottom:50px;}
#blogsidebar h3{color:#f58428; font-size:2em; font-style:normal;}
#blogsidebar ul{list-style-type:none; margin-bottom:50px;}
#blogsidebar ul li {margin-left:-40px; margin-bottom:10px;}
#blogsidebar ul li a{color:#8e8f93; font-size:1.4em;}
#blogsidebar ul li a:hover {color:#f58428;}

ul.archives > li {font-size:1.4em;}
ul.archives li {margin-bottom:5px;}
/* ========== PORTFOLIO  ========== */
.portfolio #leftcolumn {text-align:center; background-color:#919296; border:solid 2px #f58428; border-bottom:0px; background-position: -2px -2px; width:603px; position:relative; margin-top:25px; padding-bottom:75px;}
.portfolio #leftcolumn img {margin:60px 0 20px 0; }

#pCorner {background-image:url(../images/top-corner-portfolio.png);	background-repeat:no-repeat; position:absolute; top:175px; left:30px;}

.portfolio h2 {font-size:2em;color:#f58428;}
.portfolio h3 {font-size:1.3em; font-weight:normal;}
a.nobdr img {border:none 0px;}
/* ========== FOOTER  ========== */

#footer {width:960px; margin:0 auto 0 auto; color:#ffffff; position:relative; background:url(../images/footerBg.png); background-repeat:repeat-y; overflow:hidden;}
#footer a {color:#fff;}
#footer a:hover {color:#f58428;}
#footer div {margin-right:40px;}
#footer h3 {color:#ffffff; font-style:normal; font-weight:bold; font-size:1.8em; margin-bottom:10px;}
#footer ul {list-style-type:none; margin:0; padding:0;}
#footer ul li { font-size:1.4em; margin-bottom:10px;}
#footer ul li a{ color:#ffffff;}
#footer ul li a:hover { color:#f58428;}
#footer a {}
#footer div#aboutKen {float:right; width:290px; margin-right:0; }
#friends {margin-left:25px;}
#friends ul {list-style-type:none;}
#friends ul li{font-size:1.4em;}
#friends ul li a {color:#ffffff;}
#friends ul li a:hover { color:#f58428;}

#base {height:20px; padding-top:5px; background-color:#f58428; color:#FFFFFF; font-size:1.3em; line-height:1.6em; position:relative; border-top:2px solid #fff; clear:both;}
#baseInner {width:950px; margin:0 auto 0 auto;}
#credits a {color:#ffffff;}
#footnav {position:absolute; top:0; right:140px;}

#footerPage {width:900px; padding:0 30px 0 30px; margin:0 auto 0 auto;height:20px; padding-top:5px; background-color:#f58428; color:#FFFFFF; font-size:1.3em; line-height:1.6em; position:relative; margin-top:-4px; margin-bottom:20px;}
#footerPage #footnav {right:30px;}

/* FORM STYLES Specifically for the Easy Contact Form */
fieldset {border:none; margin-left:-5px;}
legend {display:none;}
input {width:474px; height:18px; padding:5px; border:solid 2px #8e8f93; margin-bottom:10px;}
input:focus, textarea:focus {border:solid 2px #f58428;}
input.button, #searchsubmit {width:85px; height:35px; border:none; color:#ffffff; background-color:#f58428; padding:5px; font-size:1.4em; font-weight:bold; margin:20px 0 15px 0; border-bottom:solid 2px #e56700; border-right:solid 2px #e56700;}
#searchsubmit {margin-bottom:50px; margin-top:0;float:left;}
/* f46d00 */
input.button:hover {background-color:#919295; cursor:pointer; border:none;}
input.button:active {background-color:#919295; cursor:pointer; border-bottom:none; border-right:none; border-top:solid 2px #333333; border-left:solid 2px #333333;}
.required {color:#f58428;}
.error, .important, .success {color:#f58428;}

#s {width:165px;height:21px;float:left;}

    /* Portfolio highlights */
#rightcolumn.ac a img#ac, #rightcolumn.casa a img#casa, #rightcolumn.cohesion a img#cohesion, #rightcolumn.bbc a img#bbc, #rightcolumn.ip a img#ip, #rightcolumn.ridgard a img#ridgard, #rightcolumn.self a img#self, #rightcolumn.solbian a img#solbian {border-color:#f58428;}

/* comment styles */
h3#comments {color:#f58428;}
ul.commentlist {list-style-type:none; margin-left:0px; position:relative;}
ul.commentlist li {border:solid 1px #d5d5d5; padding:15px; margin-bottom:30px; margin-left:-35px; position:relative; background-repeat:no-repeat; background-position:-1px -1px; width:460px;}
.comment-author {font-size:1.4em;}
.fn {color:#f58428; font-style:normal;}
.says {font-style:italic;}
.comment-meta, .commentmetadata {position:absolute; top:20px; right:15px;}
div#respond {margin-left:5px;}
.comment-childs {position:relative;}
#emailsub {margin-top:25px;}
a img#emailsub, a img#rss, a img#emailsub:hover, a img#rss:hover {border:none;}

p.thdrpy {background:#f58428; padding:3px; color:#ffffff; width:50px; text-align:center; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
p.thdrpy a {color:#ffffff;}
p.thdrpy:hover {background:#000000;}

.chalt  {background-color:#f0f0f0;}

#chips {background-image:url(../images/chips.jpg); background-repeat:no-repeat; width:588px; height:174px; position:absolute; bottom:20px; left:30px;}


/* === Updates JUNE 2011 === */

.left {
	float:left;
}
.right {
	float:right;
}

.Home.Page #content {
    background-image: url("../images/cards-pack-2.jpg");
    background-position: 332px 180px;
    background-repeat: no-repeat;
}
#shuffling {
	margin-top: 20px; margin-bottom: 20px;
}
#contact-icons {
    position: absolute;
    right: 30px;
    top: 480px;
}

/* Slider */

#slider {
	width: 898px; height: 380px;
	margin: 0; padding: 0;
	border: 2px solid #919195;
	margin-bottom: 40px;
	overflow: hidden; 
}
.folio #slider { 
	height: 530px;
}

#slider.no-js {
	overflow: scroll;
}
#slider li {
	margin: 0; padding: 0;
	width: 898px; height: 380px;
	list-style: none;
}

div.nivo-caption {
	background: #919195;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 10px;
	width: 878px;
}

#slider a.nivo-prevNav, #slider a.nivo-nextNav {
	width: 39px; height: 70px;
	background: url(../images/slider-arrows.png) no-repeat top left;
	top:35%;
	text-indent: -99999px;
}
#slider a.nivo-nextNav {
	background-position: top right;
	right:10px;
}
#slider a.nivo-prevNav {
	left: 10px;
}

div.nivo-controlNav {
	width: 100%;
	text-align: center;	
	margin-top: 10px; 
	position: absolute;
	bottom: -20px; left: 0;
}

div.nivo-controlNav a.nivo-control {
	width: 15px; height: 15px; margin: 0 2px;
	background: url(../images/slider-bullet.png) no-repeat top left;
	display: inline-block;
	text-indent: -99999px;
}

div.nivo-controlNav a.nivo-control.active {
	background-position: top right;
}



#whos-ken-home {
	width: 424px;
	float: left;
	border-right: 2px solid #F58428;
	margin-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
}

#whos-ken-home h2.blog {
	margin-top: 0;
}
#whos-ken-home img {

}
#whos-ken-home div.textwidget {
	float: left;
	width: 300px; 
	margin-top: -18px;
}

#home-widget {
	float: left;
	margin-left: 30px;
	width: 400px;
}
#home-widget h2.blog {
}
.Portfolio #whos-ken-home { 
	border-right: 0;
}
.Portfolio #home-widget {
	margin-left: 0;
	padding-left: 30px;
	padding-bottom: 30px;
	border-left: 2px solid #F58428;
	margin-top: 10px;
}
#social-foot {
	position: absolute;
	left:30px; bottom: 30px;
}

/* sub menu */
#sub-menu, #sub-menu li {
	margin: 0; padding: 0;
}
#sub-menu {
	text-align: right;
	margin-top: -20px; margin-bottom: 10px;
	margin-right: -5px;
	overflow:  hidden;
	position: relative; z-index: 10;
}

#sub-menu li {
	 list-style: none;
	 font-size: 1.7em;
	 float: right;
	 margin-left: 10px;
	 text-align: right;
}
#sub-menu li a {
	color: #8E8F93;
}
#sub-menu li a:hover {
	color: #F58428;
	text-decoration: none;
}


h3.blog-title {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 0;
}
h3.blog-title a {
	color: #8E8F93;
}