/*
Theme Name: 5ThirtyOne Foliage [public revision]
Theme URI: http://5thirtyone.com/eyecandy
Description: Inspiried by nature, Foliage maintains the simplicity of a single column layout with a obvious bias towards the color green. Green with envy.
Version: 1.0 (this version edited for stillsearching.co.uk by Mark Rochefort)
Author: Derek Punsalan
Author URI: http://5thirtyone.com

Do not rip or pass of as your own. I spent a pretty dime of my time on this one. Please give credit where credit is due. Respect goes out to the various plugin / script authors that I've made use of within Foliage.

Currently bug squashing.  Ask first. 
*/

/* =general & repeats
================================================= */

* { /* removes global padding & margins */
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, p, pre, blockquote, form, fieldset, ul {
  margin: 1em 0; /* give me back my basic margins */
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	letter-spacing: -1px;
	color: #f0f0f0;
}

h1 {font-size: 2em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.6em;}

.entry strong, #bottom strong {
	color: #efb;
}

a {text-decoration: none;}
a:active {outline: none;}

a:link, a:active, a:visited {color: #f0f0f0;}

	a:hover {color: #B2C977;}

p, li {
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e8e8e8;
}

body {
	font-size: 62.5%; /* resets to 10px */
	margin: -1.2em 0;
	background: #333 url("images/banner_green.jpg") no-repeat top left;
	max-width: 100%;
}

h2.sub {
	color: #9F9F9F;
}

/* =header
================================================= */

#header {
	display: block;
	width: 55em;
	height: 4em;
	background: #333;
}

#searchbar {
	float: right;
}


#navigation {
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: lowercase;
	letter-spacing: -1px;
}

	#navigation li {
		float: left;
		width: 7.5em;
		list-style: none;
	}
	
	#navigation a {
		color: #666;
		display: block;
		width: 7.5em;
		line-height: 2.1em;
		padding-top: 1em;
		border-bottom: 2px solid #e6e6e6;
	}
	
	#navigation a:hover {
		color: #e6e6e6;
		background: #95A566;
		border-bottom: 2px solid #e6e6e6;
	}



#tagline {
	margin-top: 1em;
	border-bottom: 1px dotted #666;
	background-color: #444;
	padding: 1.5em;
	/*
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	*/
}

#tagline h1{
	color: #95A566;
	display: inline;
}

#tagline p{
	color: #AFAFAF;
}



/* =top page
================================================= */

#page {
	width: 70em;
	margin: 0 auto;
	text-align: left;
}

.content {
	margin-top: 0;
	padding: 0 2% 1%;
}

.post {
	position: relative;
	padding-bottom: 2.5em;
	border-bottom: 1px #666 solid;
}

	/* hides from ie-mac \*/
	* html .post { /* fixes ie for absolutely pos. comments button */
		height: 1%;
	}
.post span.chrondate {
	color: #666;
}

.post-date {
	padding: 0 0 0 20px;
	background: url(images/icon_date.gif) no-repeat 0 0;
	}
.post-comment {
	padding: 0 0 0 20px;
	background: url(images/icon_comments.gif) no-repeat 0 0;
	}
.post-filed {
	padding: 0 0 0 20px;
	background: url(images/icon_filed.gif) no-repeat 0 0;
	}
.post-tags {
  background: transparent url(images/icon_tag.gif) no-repeat 0 50%;
  padding-left: 20px;
	}	
.entrycomments {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.9em;
	letter-spacing: -1px;
}

	.entrycomments a {
		text-align: center;
		display: block;
		padding: 0.3em;
		line-height: 1.2em;
		outline: none;
	}
	
	.entrycomments a:link, .entrycomments a:visited {
		color: #666;
		border: 1px solid #666;
	}
	
	.entrycomments a:hover, .entrycomments a:active {
		color: #95A566;
		border: 1px solid #95A566;
	}

.entry {
	padding-bottom: 1em;
}

	.entry a:link, .entry a:active, .entry a:visited {
		color: #B2C977;
	}
	
	.entry a:hover {
		color: #73804E;
	}
	
	.entry h3 {
		padding-left: 1.6em;
		background: url("images/entryleaf.gif") no-repeat top left;
		margin-top: 1.5em;	
	}
	.entry h4, .entry h5 {
		margin-bottom: .2em;
		padding: 0;
	}
	
	.entry ul {
		list-style-type: none;
	}
		
	.entry li {
		
	}
		
	.entry ul li {
		background: url("images/li.gif") no-repeat;
		padding-left: 1.3em;
		margin-left: 3em;
		background-position: 0 0.4em;
	}

	.entry ol {
		margin: 0 0 0 5.5em;	
	}
	
	.entry blockquote {
		border-left: 5px solid #5F5F5F;
	}
	 
	.entry blockquote p {
		margin-left: 1em;
		width: 40em;
		color: #9f9f9f;
	}

	.bqstart {
     float: left;
     font-size: 300%;
     color: #9f9f9f;
 }

 .bqend {
     float: right;
     font-size: 300%;
     color: #9f9f9f;
 }
	
.entrymeta {
	font-size: 0.9em;
	margin: .2em 0;
	padding: .2em 1em;
	text-transform: lowercase;
	background-color: #444;
}

/* sidebar */

#notes {
	background-color: #444;
	border-bottom: 1px dotted #666;
	background-color: #444;
	padding: 1.5em;
	width: 100px;
}

	
/* =comments
================================================= */
.tabbedCommentslive .commentTabhide {display:none;}

.tabbedCommentslive {
	margin-top: 1em;
}

ul.tabbedCommentsnav {
 	margin:0;
 	padding:0;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: -1px;
}

	.tabbedCommentsnav li {
	 	list-style: none;
		margin: 0;
 		display: inline;
	}

	.tabbedCommentsnav li a {
 		padding: 0.3em 0.5em;
 		background: #95A566;
		border-top: 1px solid #484848;
		border-right: 1px solid #484848;
		border-left: 1px solid #484848;
		border-bottom: 1px solid #444;
		margin-right: 0.1em;
	}
	
		.tabbedCommentsnav li.tabbedCommentsactive a {
 			background-color: #444; /* active tab */
		}

		.tabbedCommentsnav li a:hover, 
		.tabbedCommentsnav li.tabbedCommentsactive a:hover {
 			color: #f0f0f0;
 			background: #444;
		}

.tabbedCommentslive .commentTab {
	background: #444;
	padding: 1.2em 0.5em;
	margin: 0.2em 0 0 0;
	border: 1px solid #484848;
}

.commentlist li {
	list-style: none;
	font-size: 1em;
	margin-bottom: 0.5em;
	background: #4f4f4f;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	width: 50.8em;
}

	.comment {
		overflow: auto;
		padding: 0 0.5em 0.6em 0.5em;
		outline: none;
	}
	
	li.alt {
		background: #3f3f3f;
		border-top: 1px solid #444;
		border-bottom: 1px solid #444;
	}
	
	li.author {
		background: #95A566;
		border-top: 1px solid #626C4A;
		border-bottom: 1px solid #626C4A;
	}
	
	.commentmeta {
		text-align: right;
		color: #f0f0f0;
	}
	
		.commentmeta a:link, .commentmeta a:active, .commentmeta a:visited {color: #B2C977;}
			.author a:link, .author a:active, .author a:visited {color: #555;}
		.commentmeta a:hover, li.author a:hover, li.specialguest a:hover {color: #f0f0f0;}

	

/* =bottom page
================================================= */

#bottom {
	width: 100%;
	background: #95A566 url("images/bottom.gif") repeat-x top left; 
}

#bottomwrap {
	margin: 0 auto;
	padding-top: 3%;
	padding-left: 1.5%;
	width: 54em;
	overflow: hidden;
}

#bottomwrap a:hover {color: #efb;}

	#bottomwrap ul {
		margin-left: 0.6em;
		list-style-type: none;
	}
	
	#bottomwrap ul li {
		background: url("images/li_bottom.gif") no-repeat;
		padding-left: 1.3em;
		background-position: 0 0.4em;
	}
	
.toolshed {
	color: #666;
	padding-left: 1.6em;
	background: url("images/leaf2.gif") no-repeat top left;
	margin-top: 1.5em;	
}

.toolshed span{
	color: #ccc;
}
	
#bottomleft {
	float: left;
	width: 25em;
	position: relative;
}

#bottomnav li a span {
	display: none;
}
		
	#bottomnav li a:hover span {
		display: inline;
	}
	
#bottomright {
	float: right;
	width: 25em;
	overflow: hidden;
}

/* favicon links inspired by kristin
	http://www.wiphey.com/2006/02/07/wp-quicky-1-9rules-style-links-page/ */
	
#linkage li {
	background-image: none !important; /* overrides li background images */
	margin-left: -1.3em;
}

#linkage ul {
	margin: 0;
	padding: 0;
}

#linkage ul li {
	margin: 0;
	padding: 0 0 0.2em 0;
	display: block;
	width: 25em;
	display: inline;
	}

#linkage h2 {
 	font-size: 1.2em;
	margin: 0 0 0.2em 0;
	padding: 0 0 0.2em 0;
  	text-transform: lowercase;
}

#linkage img {
	padding: 2px;
	background: #B2C977;
	border: 1px solid #5F684B;
   width: 16px;
   height: 16px;
}

.linkageNotes a:active, .linkageNotes a:link, .linkageNotes a:visited {
	color: #efb;
}

/* =footer
================================================= */

#footer {
	text-align: center;
	padding: 0.5em 0 0.3em;
	text-transform: lowercase;
}
#footer a {text-decoration:underline;}
#footer a:hover {color: #efb;}

/* =misc & images
================================================= */

img {background: #4f4f4f; border: 1px solid #95A566; padding: 2px;}

.gravatar {
	float: right;
	border: 0;
	padding: 0;
	margin: 0.5em 0 0 0.5em;
}

abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}
	
.clear { /* for clearing floats */
	clear: both;
}

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

#tagcloud {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-bottom: 2.8em;
}

.wp-smiley {
  border: 0;
}

 .feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("images/feed-icon-14x14.png") no-repeat 0 50%;
}

/* =forms
================================================= */

#s {
	width: 15em;
	background: #333;
	border: 1px solid #B2C977;
	color: #f0f0f0;
	padding: 0.3em;
}

#submit, #searchsubmit, #author, #url, #email, #comment {
	border: 1px solid #B2C977;
	background: #333;
	padding: 0.3em;
	color: #f0f0f0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#author, #url, #email, #comment {
	color: #f0f0f0;
	border: 1px solid #4f4f4f;
}

.commentTab #submit {
	background: #95A566;
	border: 1px solid #4f4f4f;
	color: #f0f0f0;
	padding: 0.3em 0.3em;
	font-size: 0.9em;
}

	#author, #email, #url {
		width: 15em;
	}
	
	#comment {
		width: 46.2em;
		height: 15em;
		overflow: auto;
	}