/*
Theme Name: KPI Business Services
Theme URI: http://www.klickinndesign.net/
Description: WordPress theme created for <a href="http://www.kpib.co.uk">KPI</a>.
Version: 1.0
Author: KlickInn
Author URI: http://www.klickinndesign.net/
Tags: blue, custom header, fixed width, two columns, widgets

	This theme was designed and built by KlickInn,
	whose blog you will find at http://www.klickinndesign.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
 html, body {
     height: 100%;
 }

body{
	background:#f4f4f4;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:20px;
	}

#wrapper{
	width:933px;
	margin:20px auto 5px auto;
	}
	
#header{
	background:url(images/header_bg.jpg) no-repeat left top;
	height:115px;
	position:relative;
	}
/* Header, Logo, Label */

#header h1{
	margin:0;
	padding:0;
	}

#header h1 a {
	padding-top:65px;
	height:0;
	width:331px;
	background:url('images/kpi_logo.jpg') no-repeat;
	position:absolute;
	top:20px;
	left:17px;
	overflow:hidden;
	border:0;
	text-decoration:none;
	font-size:0;
	}

#header .topnav{
	position:absolute;
	right:30px;
	top:40px;
	}

#header .topnav a{
	display:block;
	width:14px;
	height:12px;
	float:left;
	overflow:hidden;
	text-decoration:none;
	margin-left:15px;
	}

#header #navbar{
	position:absolute;
	bottom:0px;
	left:25px;
	}

#header #navbar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:11px;
	}

#header #navbar ul li{
	float:left;
	}

#navbar ul li a:link, #navbar ul li a:visited{
	background:url(images/sprite-icons.jpg) no-repeat -4px -54px;
	display:block;
	color:#fff;
	text-decoration:none;
	display:block;
	height:24px;
	line-height:22px;
	width:90px;
	text-align:center;
	margin-left:7px;
	padding:0;
	}
	

#navbar ul li a:hover, #navbar ul li a.active{
	background-position:-4px -25px;
	}
	
#header .topnav a.home img{
	margin-left:-10px;
	margin-top:-6px;
	}

#header .topnav a.contact img{
	margin-left:-36px;
	margin-top:-6px;
	}
	
#container{
	background:url(images/container_bg.jpg) repeat-y;
	padding:0 20px;
	}



a{
	outline:none;
	color:#5EBB00;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}

form{
	margin:0;
	}

.brclear{
	clear:both;
	}


.outer {
	padding-left: 245px;  
	}
	
* html .outer {
	/*** No need for hacking IE on this layout ***/
	}


.inner {
	width: 600px; 
	}
	
* html .inner {
	width: 100%;
	}

.float-wrap {
	float: left;
	width: 880px;
	margin-left: -245px; /*** Same length as .outer padding-left but with negative value ***/
	}
	
* html .float-wrap {
	/*** No need for hacking IE on this layout ***/
	}

#sidebar {
	float: right;
	width: 240px;
	font-size:12px;
	}
	
* html #sidebar{
	position: relative; /*** IE needs this  ***/
	}

#content {
	float: left;
	width: 590px;
	margin-left:15px;
	}

* html #content {
	position: relative; /*** IE needs this  ***/
	}

.contentWrap {
	padding: 5px;
	}

/* Footer */
#footer{
	padding:10px;
	font-size:10px;
	position:relative;
	}

#footer .valid{
	position:absolute;
	right:15px;
	top:5px;
	}

#footer .valid a{
	background:none;
	padding:0;
	margin-left:10px;
	}

form{
	margin:0;
	}

#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#footer ul li{
	display:inline;
	}

#footer ul li a{
	margin:0 5px;
	background:none;
	padding:0;
	color:#333;
	font-size:11px;
	}

#footer p{
	margin:3px;
	}

#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

h2{
	font-size:1.5em;
	margin:5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	}

#sidebar h3{
	font-weight:normal;
	background:#5EBB00;
	color:#fff;
	padding:3px;
	font-size:13px;
	}

#sidebar ul li ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#sidebar ul li ul li{
	border-bottom:1px dotted #ccc;
	}
#sidebar ul li ul li a{
	display:block;
	background:url(images/arrow.gif) no-repeat 5px;
	padding:3px 0;
	padding-left:19px;
	font-size:12px;
	}

#sidebar ul li ul li a:hover{
	background:url(images/arrow.gif) no-repeat 5px #f2f2f2;
	text-decoration:none;
	color:#494949;
	}
#sidebar .hr{
	border-bottom:4px solid #f2f2f2;
	margin:10px 0;
	}
/* Search Form */

#searchform{
	margin:0;
	background:url(images/search_form_bg.jpg) no-repeat;
	margin:15px 0;
	padding:10px;
	position:relative;
	width:220px;
	}

#searchform .txtSearch{
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	width:180px;
	}

#searchform .button{
	position:absolute;
	right:10px;
	top:8px;
	}

/* / Search Form */

/* RSS */
#feed{
	background:url(images/search_form_bg.jpg) no-repeat;
	margin:15px 0;
	padding:10px;
	position:relative;
	width:220px;
	}

#feed a{
	background:url(images/rss.gif) no-repeat left;
	padding:5px 0;
	padding-left:30px;
	color:#E55917;
	}

#feed a:hover{
	text-decoration:none;
	}

.post{
	margin:15px 0;
	}
	
.post .metadata{
	background:#f2f2f2;
	border:1px solid #ccc;
	padding:3px;
	font-size:10px;
	}

a img{
	border:0;
	}