/* @override http://workshop.g2webmedia.com/clarkgriffiths/wp-content/themes/clarkgriffiths/style.css */

/*
THEME NAME: Clark Griffiths
VERSION: 2.0
AUTHOR: Clay Griffiths
AUTHOR URI: http://www.g2webmedia.com
*/

/* @group clear */

body,div,dl,dt,dd,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* @end */

/* @group =utility */

body{
	font-size: 62.5%;            
	margin: 0pt;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	background: url(images/header_bg.jpg) repeat-x #d9d9d9;
}

a img{
	border: none;
}

a:link, a:visited {
	text-decoration: none;
}

a {
	outline: none;
}
a:hover{
	text-decoration: underline;
}



.clearfix:after	{ 
	content: "."; 
	visibility: hidden;  
	display: block;
	height: 0px; 
	clear: both; 
}
* html .clearfix{ 
	height: 1%; 
}



/* @end */

/* @group =base */

/* @group -layout */

div#wrapper {
	margin: 180px auto 0 auto;
	width: 960px;
	font-size:1.1em;
	background: url(images/wrapper_bg.jpg) repeat-y;
	clear: both;
}


div#container {
	float: left;
	margin: 0 -200px 0 0;
	width: 100%;
}
div#content {
	float: left;
	width: 920px;
	margin: 10px 20px 0 20px;
}
div.sidebar {
	float: right;
	overflow: hidden;
	width: 300px;
}
div#footer {
	clear: both;
	width: 100%;
}



/* @end */

/* @group -links */

a:link, a:visited {
	color: #444;
}
a:hover {
	color: #222;
	text-decoration: underline;
}


div.entry-content a:link {
	color: #d07a2a;
	text-decoration: underline;
}
div.entry-content a:link:hover, div.entry-content a:visited {
	color: #bc6b1f;
}


/* @end */

/* @group -headings */

.entry-title, .entry-title a {
	color: #d07a2a;
}
.page-title {
	color: #333;
	margin-bottom: 10px;
}

h2.entry-title, h2.page-title {
	font-size: 1.7em;
}

h3.entry-title {
	font-size: 1.5em;
}

h3#comments, div#trackback h3, div#respond h3 {
	color: #d07a2a;
	font-size: 1.4em;
	width: 530px;
}
h3#comments {
	height: 100px;
}
ol.commentlist{
	margin-top: -65px;
}
div#respond h3 {
	color: #333;
}


/* @end */

/* @group -header */

div#header{
	width: 950px;
	margin: -181px auto 0 auto;
	float: left;
	display: block;
}

div#header h1{
	float: left;
	margin: 40px 0 0 0;
}
div#header img#photos {
	float: left;
	margin: -95px 0 0 20px;
}

/* @group --search */

div#search-header {
	float: left;
	clear: left;
	background: #707070;
	padding: 3px;
	margin: 46px 0 0 20px;
}
div#search-header input#s {
	background: #8d8d8d;
	border: 1px solid #656565;
	color: #333;
	font-size: 1.2em;
	padding: 3px;
	width: 200px;
}



/* @end */

/* @group --subscribe */

div#subscribe-header {
	float: right;
	clear: right;
}
div#subscribe-header {
	color: #dbdbdb;
}
div#subscribe-header img {
	margin: 0 0 0 0;
	float: right;
}
div#subscribe-header div {
	margin: 30px 0 0 0;
	float: left;
}
div#subscribe-header h3 {
	font-size: 1.6em;
	float: left;
}
div#subscribe-header h3 a {
	color: #dbdbdb;
}
div#subscribe-header span.small {
	float: left;
	clear: left;
	font-size: 0.7em;
}


/* @end */

/* @group --nav */

div#nav {
	float: right;
	margin: -65px 0 20px 0;
}
div#nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
div#nav ul li {
	font-size: 1.15em;
	float: left;
	margin-left: 20px;
}
div#nav ul li a{
	color: #fff;
	padding-bottom: 1px;
}
div#nav ul li.current_page_item a, div#nav ul li a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #d07a2a;
}


/* @end */

/* @group --twitter */

div#twitter {
	clear: both;
	width: 260px;
	margin: -60px 0 20px 20px;
	float: left;
}
div#twitter img {
	float: left;
	margin: 0 5px 0 0;
}
div#twitter a b {
	margin: 0 0 0 0;
	float: left;
	color: #444;
	font-size: 1.1em;
}
div#twitter a:hover {
	color: #444;
	border: none;
	text-decoration: underline;
}
div#twitter p {
	margin: 10px 0 0 0;
}

/* @end */


/* @end */

/* @group -sidebar */

/* @group subscribe */

div#subscribe {
	padding: 6px 0 30px 5px;
}
div#subscribe a {
	padding:0 0 3px 20px;
	float: left;
	clear: left;
}
a#subscribe-rss{
	background: url(images/feed.gif) no-repeat;
}
a#subscribe-email{
	background: url(images/email.gif) no-repeat;
}



/* @end */

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}



/* @end */

/* @group -post-navigation */

.entry-title{clear:both;}
div#nav-below{width:100%;height:1em;margin: 10px 0;}
div#nav-below a{
	text-decoration: underline;
	font-size: 1.2em;
}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}



/* @end */

/* @group -post-styling */

div.post {
	padding-bottom: 5px;
	border-bottom: 1px dashed #aaa;
	margin-bottom: 10px;
}

/* @group --header */

div.entry-date {
	color: #99a1ac;
}

span.edit-link {
	float: right;
}
span.edit-link a{
	color: #d07a2a;
}

/* @end */


/* @group --meta */

div.entry-meta {
	margin: 0 0 -1px 0;
	padding: 10px 0 0 0;
	color: #555;
}
div.entry-meta a{
	color: #333;
}
div.entry-meta span.cat-links {
	padding: 3px 6px 12px 0;
}
div.entry-meta span.comments-link {
	border-left: 1px dashed #ccc;
	padding: 3px 6px 12px 6px;
}

/* @end */

/* @group --elements */

div.post blockquote {
	background:transparent url(images/blockquote.gif) no-repeat scroll 0pt 2px;
	color: #3f3f3f;
	margin:0pt 40px 15px 0px;
	padding-left:23px;
}

div.entry-content {
	font-size: 1.05em;
	color: #333;
	line-height: 1.8em;
}

div.entry-content img {
	margin: 5px 0;
	max-width: 920px;
}

div.entry-content .alignright, div.entry-content .alignleft {
	border: 1px solid #ccc;
	padding: 1px;
}
div.entry-content .alignright {
	margin: 0 0 7px 7px;
}
div.entry-content .alignleft{
	margin: 0 7px 7px 0;
}

div.entry-content img.wp-smiley {
	padding: 0;
	margin: 0;
	border: none;
}

div.loading {
	background: url(images/loading.gif) no-repeat;
	display: block;
	clear: both;
	min-width: 100px;
	min-height: 100px;
	width: auto !important;
	width: 100px;
	height: auto !important;
	width: 100px;
	margin: 20px 0;
	text-align: center;
}


/* @end */



/* @end */

/* @group -footer */

div#footer{
	width: 940px;
	height: 235px;
	background: url(images/footer_bg.jpg) no-repeat #3f3f3f;
	padding: 10px 10px 0 10px;
}
div#footer h3 {
	font-size: 1.5em;
	color: #d8d8d8;
	text-transform: lowercase;
	border-bottom: 1px dashed #777;
	padding-bottom: 2px;
}
div#footer div {
	width: 293px;
	float: left;
	margin: 0 10px 0 10px;
}



div#footer p {
	color: #888;
	font-size: 1em;
	line-height: 1.6em;
	margin: 5px;
}
div#footer p a{
	color: #aaa;
	text-decoration: underline;
}
div#footer address {
	color: #888;
	margin: 5px;
}
div#footer address a{
	color: #eee;
}



div#footer div#footer-left img {
	float: left;
	margin: 5px 5px -3px 0;
	padding: 1px;
	border: 1px solid #444;
}




div#footer ul {
	list-style: none;
	width: 290px;
	height: 180px;
	margin: 5px 0 0 5px;
	padding: 0;
}
div#footer ul li {
	width: 135px;
	float: left;
	margin-right: 10px;
}
div#footer ul li a{
	dispaly: block;
	width: 135px;
	padding: 3px 0 3px 3px;
	border-bottom: 1px dashed #555;
	float: left;
	color: #888;
	font-size: 1.1em;
}
div#footer ul li a:hover{
	border-bottom: 1px solid #555;
	text-decoration: none;
	color: #bbb;
}



span#g2-plug {
	color: #888;
	text-align: center;
	clear: both;
	display: block;
}

span#g2-plug a:hover {
	color: #fff;
}
.g2webmedia1 {
	font-weight: bold;
	font-style: italic;
	color: #fff;	
}
.g2webmedia2 {
	font-weight: bold;
	font-style: italic;
	color: #fff;	
}



/* @end */

/* @group -comments */

form#commentform .form-label {
	margin: 1em 0 0;
}

form#commentform span.required {
	background: #fff;
	color: red;
}

form#commentform,form#commentform p {
	padding: 0;
}

input#author,input#email,input#url {
	width: 70%;
	border: 1px solid #aaa;
	background: #fff;
}

input#author,input#email,input#url,textarea#comment {
	padding: 0.2em;
	border: 1px solid #aaa;
	background: #fff;
}

textarea#comment {
	height: 13em;
	margin: 0 0 0.5em;
	overflow: auto;
	width: 99%;
}
input#submit{
	border: 1px solid #aaa;
	background: #fff;
	background-color: #888;
	padding: 3px 4px;
	color: #eee;
}

img#arrow {
	margin: 20px auto;
	display: block;
	clear: both;
}

div#respond {
	padding: 10px;
	background: #f1f1f1;
	border: 1px solid #dcdcdc;
	width: 350px;
	float: right;
	margin: 5px 0 15px 0;
}

div#trackback {
	margin-bottom: 10px;
	float: right;
	width: 370px;
}
div#trackback p{
	font-size: 0.9em;
	margin: 0;
}
div#comments-container {
	width: 530px;
	float: left;
}
ol.commentlist, ol.pinglist {
	list-style:none;
	padding: 0;
}
ol.commentlist div#respond {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 10px -5px 5px 170px;
}
ol.commentlist li, ol.pinglist li {
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
ol.commentlist div.comment-body {
	padding: 5px;
	margin-top: 5px;
}
ol.commentlist div.comment-body p {
	line-height: 1.6em;
}
ol.commentlist p {
	clear: both;
}
ol.commentlist span.comment-author {
	font-size: 1.3em;
}
ol.commentlist a.url, ol.commentlist span.comment-author {
	display: block;
}
ol.commentlist div.comment-date {
	display: block;
	font-size: 0.9em;
	color: #666;
}
li.alt div.comment-body {
}
span.unapproved {
	color: #cc0000;
	font-weight: bold;
	margin: 5px 0;
}
ul.children {
	list-style: none;
	padding: 0 0 0 0.5em;
	margin-top: 5px;
}
ul.children {
	margin-right: -5px;
}
ul.children li {	
}
div.reply {
	text-align: right;
	float: right;
	margin: -13px 0 0 0;
}
img.avatar {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #bbb;
}              
div.comment-body p{
	margin-top: 0;
}



/* @end */



/* @end */

/* @group =pages */



/* @end */