@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;}

.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  ========== */

#container {width:900px; padding:0 30px 0 30px; margin:14px auto 0 auto; background-color:#FFFFFF; color:#8e8f93; position:relative;}

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

	
	/*  CONTAINER BG IMAGES  */
.Home #container {	background-image:url(../images/cards-pack.jpg);	background-repeat:no-repeat;	background-position:300px 225px;}
.Contact #container {	background-image:url(../images/aceofpixels.jpg);	background-repeat:no-repeat;	background-position:430px 160px;}


#header {	height:150px;	width:930px;	position:relative;	background-image:url(../images/top-corner.png);	background-repeat:no-repeat;	margin:0 0 0 -30px;}
#logo {	position:absolute;	top:38px;	left:30px;}
#logostrap {	position:absolute;	top:104px;	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:260px; padding:0; float:right; margin-bottom:75px;}
.portfolio #rightcolumn, .blog #rightcolumn  {position:relative; margin-top:25px;}


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;}


/* ========== 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:900px; height:20px; padding:5px 30px 0 30px; background-color:#f58428; margin:0 auto 20px auto; color:#FFFFFF; font-size:1.3em; line-height:1.6em; position:relative; }
#footer a {color:#ffffff;}

#credits {float:left;}

ul#footMenu {	text-align:right;	position: relative;	float: right;	margin:0;}
ul#footMenu li { display:inline; list-style-type:none; margin-left:20px;}

#footMenu a {color:#FFFFFF;}
#footMenu a:hover {text-decoration:underline;}

#footnav {position:absolute; top:0; right:31px;}

/* 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 {width:85px; height:35px; border:none; color:#ffffff; background-color:#f58428; padding:5px; font-size:1.4em; font-weight:bold; margin:20px 0 125px 0; border-bottom:solid 2px #e56700; border-right:solid 2px #e56700;}

/* 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;}

    /* 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 {position:absolute; top:20px; right:15px;}
div#respond {margin-left:5px;}

#emailsub {margin-top:25px;}
a img#emailsub, a img#rss, a img#emailsub:hover, a img#rss:hover {border:none;}