/* @override 
	http://blog.clivecoffee.com/wp-content/themes/clive/style.css */

/*   
Theme Name: Clive Coffee
Theme URI: http://www.clivecoffee.com
Author: Aaron Edmonds
Version: 0.1

*/

a, a:link, a:visited {text-decoration: none;}
input, textarea {font-family: Arial !important; color: #4b4b4b;}
input.alt {color: #999; font-style: normal !important;}
input[type="text"]:focus {outline-width: 1px;}
.content hr {background-color: #ccc; color: #ccc;}
.content img.alignleft {margin: 0.8em 0.8em 0.8em 0;}
.content img.alignright {margin: 0.8em 0 0.8em 0.8em;}


#main-top       {overflow: hidden; position: absolute; top: 0; left: 0; width: 768px; height: 1px; margin: 0 4px; background-color: #cecece; z-index: 10;}

#main {height: 100%; background: url('/images/side-nav-bg.gif') repeat-y top left; z-index: 5;}

#sidebar {width: 180px; float: left; font-family: Verdana,Arial,sans-serif; font-size: 1.1em; margin-bottom: 30px;}
#sidebar a:hover,
#sidebar a.current_item	{color: #E55302;}
#sidebar .widget {margin: 20px 5px 0 20px;}
#sidebar .widgettitle {margin-bottom: 4px;}
#sidebar .widget_logo {margin-top: 8px; margin-left: 8px;}

#sidebar ul.menu		{}
#sidebar ul.menu li a	{display: block; margin-bottom: 4px; font-weight: bold;}
#sidebar ul.menu ul		{margin: 0 0 15px 8px;}
#sidebar ul.menu ul a	{margin: 0; font-weight: normal;}

#sidebar .widget_archive li {margin-left: 8px; line-height: 1.4em;}

#sidebar .widget_tag_cloud div 	{margin-left: 8px;}
#sidebar .widget_tag_cloud a	{display: block;}

#sidebar .widget_social .widgettitle {padding: 0; height: 1px; overflow: hidden;}
#sidebar .widget_social li {padding: 2px 0 0 8px; clear: both;}
#sidebar .widget_social li img {float: left; padding-right: 3px;}
#sidebar .widget_social li span {display: block; float: left; padding: 6px 0;}

.content {width: 798px; float: left; font-size: 1.1em; line-height: 1.6em;}

#topbar {background: url('images/navtop_background.gif') repeat top left; padding: 4px; font-size: 0.9em; height: 2.3em; border-bottom: 1px solid #d7d7d9;}
#topbar a {display: block; float: left; padding: 3px 10px; border-left: 1px solid #ccc; position: relative; color: #4b4b4b;}
#topbar a.first {border-width: 0; padding-left: 21px;}
#topbar img {position: absolute; top: .3em; left: 0;}
#topbar form {margin: 2px 0 0 10px;}
#topbar form div {float: left; padding: 0;}
#topbar input[type="image"] {float: left; display: block; margin-left: -2px; padding: 2px 1px;}
#topbar input[type="text"] {float: left; height: 12px; width: 180px; padding: 2px 2px; margin-top: 2px; border: 1px solid #ccc; font-family: Arial; line-height: 100%;}

.content a, .content a:link, .content a:visited {color: #333; text-decoration: none;}
.content .posttitle {font-size: 1.2em !important; margin-bottom: 0;}
.content h1.posttitle {font-size: 1.4em !important; margin-bottom: 0;}

.content .post {padding: 30px 30px;}
.content .post .entry {padding: 8px 0;}
.content .entry a, .content .entry a:link, .content .entry a:visited {color: #E55302 !important;}

.content .postmetadata {position: relative; clear: both;}

.content .postmetadata .alignleft {width: 550px;}
.content .postmetadata .alignleft div {display: block; float: left;}

.content .postmetadata .alignright {position: absolute; bottom: 0; right: 0;}
.content .postmetadata .alignright a {display: block; float: left; padding-left: 6px;}
.content .postmetadata .alignright img {margin-bottom: -4px;}

.content small, .content .small {font-size: .9em;}

#comments {padding: 8px 16px;}

ol.commentlist {list-style-type: none;}

/*** Plugins ***/
div.wp-pagenavi {padding: 0 8px 15px;}
div.wp-pagenavi * {padding-right: 6px;}
div.wp-pagenavi .pages, div.wp-pagenavi .extend {display: none;}
div.wp-pagenavi .current {font-weight: bold;}

/***toggletext***/
h2.trigger {
	padding: 0 0 0 30px;
	margin: 0 0 5px 0;
	background: url(http://www.clivecoffee.com/images/round_plus_minus.png) no-repeat;
	height: 22px;
	line-height: 24px;
	width: 700px;
	font-size: 12px;
	font-weight:normal;
	float: left;
}

h2.trigger a {
	color: #4b4b4b !important;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px 30px;
	border: 1px solid #cccccc;
	padding: 0;
	overflow: hidden;
	width: 670px;
	clear: both;
}
.toggle_container .block {
	padding: 20px 30px 0 30px; /*--Padding of Container--*/
}
.toggle_container .block p {
	padding: 0px;
}

.clear{ clear: both }

/*** Utilities ***/
.gray {color: #666;}
.alignleft  {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}