/* @override http://www.commonknowledge.org.uk/wordpress/wp-content/themes/ck_limetheme/style.css */

/*  
Theme Name: cK - limeTheme
Theme URI: http://eyedea.eu
Description: horizontal approach - using sectioned off page layout
Version: 4.0
Author: Prisca Schmarsow
Author URI: http://graphiceyedea.co.uk
*/

/* ******************************************************
thanks to Elliot Jay Stocks for the STARKERS theme
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar!
Version: 1.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
******************************************************** */

/* ******************************************************** 
 colour scheme ck_v1 

#B8ECD7 - light blue
#083643 - medium blue/teal
#476C5E - washed teal
#B1E001 - lime green
#9FC405 - lime green - medium
#718e03 - dark lime (text)
#CEF09D - washed lime
#bddc90 - washed lime - darker

 
******************************************************** */

/* Global reset */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	colour: #083643;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	color: #B1E001;
	font-size: 100%;
}

q:before, q:after {
	content: '';
}

a {
	text-decoration: none;
	color: #2A3201;
}

/* Global reset-RESET */

/* The below restores some sensible defaults */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

* a {
	position: relative;
}

/* Gets links displaying over a PNG background */

a img {
	border: none;
}

/* Gets rid of IE's blue borders */

/* layout */

body {
	border-top: 4px solid #083643;
	border-bottom: 2px solid #083643;
	font: 1em Lucida Grande, Lucida, Helvectica, Arial, sans-serif;
	line-height: 1.5em;
	background: #B1E001;
}


/* header */

#header {
	background: #9FC405;
	margin: 2em 0 0 0;
	padding: 0 0 0 3em;
	border-top: 2px solid #083643;
	position: relative;
}
#header img {
	float: left;
	width:  350px;
	height:  100px;
}
h1 {
	display: block;
	width: 350px;
	height: 100px;
	float: left;
	background: #083643 url(images/ck_logo.gif) no-repeat;
	background-position: 4px 2px;
}

h1 a {
	display: block;
	color: #fff;
	height: 80px;
	text-indent: -9999px;
}

h1 span {
	font-size: 0.8em;
	font-weight: normal;
	color: #fff;
	margin: 6px 0 6px 4px;
	position: absolute;
	top:  70px;
}
.clear {
	clear: both;
	display: block;
}
/* sidebars */

#nav {
	margin: 0 0 0 -3em;
	display: block;
	padding: 0.3em 0 0 3.2em;
	border-top: 2px solid #083643;
	background: #B1E001;	
	font-weight: bold;
}

#nav h2.widgettitle {
	display: none;
}

#nav ul {
	display: block;
	float: left;
}
#nav ul li#categories ul {
	float: left;
}
#nav ul li {
	display: inline;
	list-style: none;
	margin: 0.3em 2em 0.3em 0;
}

#nav a {
	color: #083643;
}

#nav a:hover, #nav a:active {
	color: #fff;
	border-bottom: 1px solid #083643;
}

#wrap {
	border-top: 2px solid #083643;
	margin: 0 auto;
	background: #fff;
}
/* sidepanel */

#sidepanel {
	border-left: 1px dotted #083643;	
	border-bottom: 2px solid #B1E001;
	position: absolute;
	top: 0;
	right: 0;
	width: 24%;

}

#sidepanel .widget_search {
	height: auto;
	padding: 6px;
	overflow: hidden;
}
#sidepanel .widget_search input {
	width: 60%;
	padding: 2px;
	float: left;
}
#sidepanel .widget_search input[type="submit"]{
	width: 30%;	
	background: none;
	border: none;
	padding: 0;
	font-size: 1.2em;
	text-transform: lowercase;
	color: #fff;
}
#sidepanel .widget_search input[type="submit"]:hover, #sidepanel .widget_search input[type="submit"]:active, #sidepanel .widget_search input[type="submit"]:focus {
		text-transform: uppercase;
}
#sidepanel span.linkcollection {
	display: block;
	margin: 4.6em 0;
}
#sidepanel ul {

}

#sidepanel .textwidget {
	color: #000;
	font-weight: normal;
	font-size: 1.4em;
	text-transform: lowercase;
	letter-spacing: -0.03em;
	color: #718e03;
	padding: 1em;
	margin: 0 0 0 0;
	background: #fff;
}

#sidepanel ul li {
	list-style: none;
}

#sidepanel .textwidget span {
	display: block;
	font-size: 0.7em;
	margin: 1em 0;
	border-left: 1px solid #B1E001;
	padding: 0 0 1em 0.3em;
}

#sidepanel .textwidget span.info {
	color: #718e03;
	margin: -3.2em 0 0 0;
	font-size: 0.5em;
	letter-spacing: -0.06em;
	border: none;
	padding: 0 0 0 0.6em;
}

#sidepanel .textwidget span a {
	color: #083643;
}

#sidepanel .textwidget span a:hover {
	color: #718e03;
}

/* tag cloud in sidepanel - single page */

#sidepanel ul li#tag_cloud {
	margin: 3em 1em;
}


/* search box */

#search {
	margin: 1em;
	padding: 2em 0;
}

#search form {
	margin: 0;
}

#search input#s {
	background: #CEF09D;
	border: 1px solid #083643;
	width: 98%;
	padding: 2px;
	margin: 0 0 6px 0;
}

#search input {
	background: #B1E001;
	border: 1px solid #083643;
	width: 100%;
	padding: 2px;
}

#search input#s:hover, #search input:hover {
	background: #B8ECD7;
}
/* calendar */
#calendar_wrap {
	background: #fff;
	margin: 0.8em 0 0 0;
	height: 200px;
	border-top: 2px solid #083643;

}
#wp-calendar {
	border-top: 2px solid #B1E001;
	empty-cells: show;
	margin: 0 0 1em 1em;
	width: 80%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
	border: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #083643;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	padding: 1em 0 0 1em;
}


#wp-calendar th {
	text-align: center;
	font-size: 0.9em;
	color: #718e03;
}

#wp-calendar tbody tr td a {
	background: #CEF09D;
}

#wp-calendar td {
	color: #595241;
	font: normal 12px 'Trebuchet MS', Tahoma, Arial, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	margin: 2px;
}

#wp-calendar td.pad:hover {
	display: none;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #B1E001;
	color: #083643;
}




/* side panel with link collection - who? page */

#sidepanel span.linkcollection ul {
	margin: 3em 1em;
	font-size: 0.8em;
	line-height: 1.6em;
}

#sidepanel span.linkcollection ul li.lc_title {
	margin: 0.8em 0 0 0;
	font-size: 1.6em;
	color: #B1E001;
}
#sidepanel span.linkcollection ul li {
	margin: 0;
	padding: 0;
}
#sidepanel span.linkcollection ul li a {
	color: #083643;
	border: none;
}
#sidepanel span.linkcollection ul li a:hover {
	color: #718e03;
	border-bottom: 1px solid #B1E001;
}
/* bottom section - links & comments */

#topfooter {
	display: block;
	padding: 0 0 1em 3em;
	background: #CEF09D;
	border-top: 10px solid #B1E001;
	border-left: 1px solid #B1E001;
}

#topfooter h6 {
	color: #718e03;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: lowercase;
	letter-spacing: -0.06em;
	margin: 1em 0;
}

#topfooter h2.widgettitle {
	display: none;
}

#topfooter .linkcollection {
	width: 16em;
	float: left;
}

#topfooter ul li {
	font-size: 0.9em;
	list-style: none;
	margin: 0;
}

#topfooter a {
	color: #083643;
}

#topfooter a:hover, #topfooter a:active {
	color: #fff;
}

/* TAG CLOUD */

#topfooter ul {
	clear: both;
}

#topfooter ul li#tag_cloud h2.widgettitle {
	clear: both;
	display: block;
	padding: 1.2em 0 0.6em 0;
	color: #718e03;
	font-weight: normal;
	font-size: 1.6em;
	text-transform: lowercase;
	letter-spacing: -0.06em;
}

/* single page - commments */

#single_comment {
	clear: both;
	display: block;
	padding: 0 0 1em 3em;
	background: #CEF09D;
	border-top: 10px solid #B1E001;
	border-left: 1px solid #B1E001;
}

#single_comment h3 {
	color: #718e03;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: lowercase;
	letter-spacing: -0.06em;
	margin: 1em 0;
}

#single_comment p {
	max-width: 550px;
}

#single_comment ol.commentlist {
	margin: 1em 0;
	font-size: 0.8em;
}

#single_comment ol.commentlist li {
	padding: 2em 0;
	list-style: none;
}

#single_comment ol.commentlist li cite span:before {
	content: " • ";
	color: #083643;
}

#single_comment ol.commentlist li cite a {
	color: #718e03;
}

#single_comment ol.commentlist li p.commentmetadata {
	clear: both;
	color: #476C5E;
	margin: 0 0 0 70px;
	font-size: 0.8em;
	letter-spacing: -0.06em;
}

#single_comment ol.commentlist li span.gravatar {
	background: transparent url(images/gravatars_bg8b.gif) top right no-repeat;
	width: 30px;
	padding: 16px 16px;
	margin: 0 0.6em 0 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
}

#single_comment ol.commentlist li span.gravatar a {
	color: #083643;
}

#single_comment ol.commentlist li span.gravatar img {
	display: block;
	margin: 0 0 4px 0;
}

#single_comment form p {
	font-size: 0.8em;
	display: block;
	margin: 0.4em 0;
}

#single_comment form p input {
	background: #fff;
	padding: 2px;
	border: 1px solid #083643;
	width: 300px;
}

#single_comment form p input:hover {
	background: #B8ECD7;
}

#single_comment form p textarea {
	background: #fff;
	padding: 2px;
	border: 1px solid #083643;
	width: 550px;
}

#single_comment form p textarea:hover {
	background: #B8ECD7;
}

#single_comment form p input#submit {
	margin: 1em 0;
}

/* content */

#content {
	display: block;
	padding:  0 0 4em 0;
	margin: 0 26% 0 4em;
	font-size: 0.8em;
}

.navigation {
	max-width: 700px;
	overflow: auto;
	border-top: 1px dotted #CEF09D;	
	border-bottom: 1px dotted #CEF09D;
}
.navigation div {
	float: left;
	width: 22%;
}
.navigation div a {
	color:  #B1E001;
}
.navigation div a:hover, .navigation div a:active, .navigation div a:focus {
	color: #083643;	
}

#wrap #content .post {
	max-width: 700px;
	margin: 3em 0 8em 0;
}

#wrap .post p, #wrap .post ol {
	display: block;
	margin: 1em 0;
}

#wrap .post ol {
	margin: 0 0 0 2em;
}

#wrap .post ul {
	margin: 0 0 0 1em;
}
#wrap .post ul li {
	margin: 0 0 1em 0.3em;
}
#wrap .post ul li a {
	text-decoration: none;
	color: #718e03;
	border-bottom: 1px dotted #718e03;
}
#wrap .post ul li a:visited {
	text-decoration: none;
	color: #333;
	border-bottom: 1px dotted #333;
}
#wrap .post ol li {
	margin: 0 0 0.8em 0;
}
#content h2 {
	clear: both;
	margin: 2em 10% 1em 0;
	color: #083643;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.4em;
	text-transform: lowercase;
	letter-spacing: -0.06em;
	border-left: 6px solid #CEF09D;
	margin: 2em 0 0 0;
	padding: 0;
	display: block;
}

#content h2.singlecat, #content .post h2.singlecat {
	display: block;
	border: none;
	padding: 0;
	font-size: 2em;
	color: #718e03;
	margin: 1.2em 0 0 0;
}

#content .post h2 {
	clear: both;
	margin: 1em 10% 1em 0;
	color: #083643;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.4em;
	text-transform: lowercase;
	letter-spacing: -0.06em;
	border-left: 6px solid #CEF09D;
}

#content .post h3 {
	clear: both;
	margin: 2em 0 1em 0;
	color: #083643;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.4em;
	text-transform: lowercase;
	letter-spacing: -0.06em;
	border-left: 6px solid #CEF09D;
}
#content .post p {
	clear: both;
}
#content .post p a:before {
/*	content: "→ "; 			*/
	font-size: 1.2em;
	color: #B1E001;
}

#content .post p a {
	color: #083643;
	border-bottom: 1px solid #CEF09D;
}

#content .post p a:hover {
	color: #718e03;
	border-bottom: 1px solid #B1E001;
}

#content .post p a:before:hover {
/*	content: "→ "; 			*/
	font-size: 1.2em;
	color: #083643;
}
#content .post blockquote p:before {
	content: "quote: ";
	color: #718e03;
	font-size: 1.4em;
	font-variant: small-caps;
}
#content .post blockquote p:after {
	content: close-quote;
}


#content .post h2 a, #content .post h3 a {
	display: block;
	padding: 0 0.4em;
	color: #083643;
	border-bottom: 2px solid #CEF09D;
	overflow: visible;
}

#content .post h2 a:hover, #content .post h3 a:hover {
	color: #718e03;
	border-bottom: 2px solid #B1E001;
}

#content p.posted {
	color: #476C5E;
	margin: 1em 0 0 0;
	font-size: 0.8em;
	letter-spacing: -0.06em;
}

#content p.postmetadata {
	display: block;
	margin: 1em 0 3em 0;
	overflow: auto;
}

#content p.postmetadata span {
	margin: 0 2em 0 0;
	float: left;
	color: #718e03;
}

#content p.postmetadata a:before {
	content: " ";
}

#content p.postmetadata a {
	color: #718e03;
}

#content p.postmetadata a:hover {
	color: #083643;
}

#wrap .post p img {
	float: left;
	margin: 0 2em 2em  0;
}
#wrap .post p a img {
	padding: 2px;
	border: 1px solid #B1E001;
}
#wrap .post p a:hover img {
	padding: 0;
	border: 3px solid #B1E001;
}
#wrap #content.page .post p img.normal-left {
	width: 100px;
	height: auto;
}

#content.tim img {
	width: 100%;
	height: auto;
}



/* footer */

#footer {
	background: #083643;
	display: block;
	clear: both;
	padding: 0em 0 0 0;
	margin: 0em 0 0 0;
	color: #B1E001;
}

#footer p {
	font-size: 0.8em;
	padding: 1em 4em;
	border-top: 2px solid #B1E001;
}

#footer p a {
	color: #B8ECD7;
	border-bottom: 1px solid #B1E001;
}

#footer p a:hover {
	color: #B1E001;
	border-bottom: 1px solid #B8ECD7;
}
#footer p span.eyedea a, #footer p span.eyedea a:link, #footer p span.eyedea a:visited {
	background: transparent url(images/eyedea.gif) no-repeat;
	background-position: 0 1px;
	padding: 0 0 0 42px;
	border-bottom: none;
	color: #B8ECD7;
}

#footer p span.eyedea a:hover, #footer p span.eyedea a:active {
	background: transparent url(images/eyedea.gif) no-repeat;
	background-position: 0 -35px;
	color: #B1E001;
}

/* contact form - main styling - see plugins folder - eye.css*/

#contact {
	display: block;
	padding: 1em 0;
	margin: 0 0 0 1em;
	font-size: 0.8em;
}

#contact h2 {
	border: none;
	padding: 0;
	font-size: 2em;
	color: #718e03;
	margin: 1em 0 1em 1.5em;
	font-weight: normal;
}

#contact .entry {
	margin: 0;
	padding: 0;
}