/*  
 * Theme Name: 		Hank Green Three
 * Theme URI: 		http://www.richarddows.co.uk/testblog3/?ts_theme=HankThree
 * Description: 	A two column theme.
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 */

* {
    margin:					0;
	padding:                0;
}

body, html {
	background-color:		#fff;
	font-family:			"Lucida Grande", verdana, sans-serif;
}



/*----------------------------- wrapper ------*/
#wrap {
    width:					750px;
	margin:					0 auto;
	background-color:		#fff;
	text-align:				left;
}



/*-------------------------- main divs -------*/
#header {
	background-color:		#fff;
	padding:                25px 0 25px 10px;
}
#header h1 {
    font-size:				30px;
	font-family:			Helvetica, Arial, sans-serif;
	font-weight:			bold;
	color:					#70594b;
}
#header h2 {
    color:					#666;
	padding:                0 0 0 50px;
	font-size:				18px;
	font-family:			Arial, Helvetica, sans-serif;
	text-transform:			lowercase;
	font-weight:			100;
}

#content {
    width:					500px;
}
* html #content {
    width:					480px;
}

#sidebar {
    width:					250px;
	float:					right;
	margin:					25px 0 0 0;
}
#sidebar .block {
    padding:				10px 5px 0 10px;
	margin:					0 0 25px 0;
	background-image:		url(images/sidebar_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	min-height:             90px;
	height:					auto !important;
	height:					90px;
	color:					#7c5238;
	font-family:			Helvetica, Arial, sans-serif;
}

#sidebar h3 {
	font-size:				18px;
	font-weight:			bold;
	padding:                5px 0 15px 5px;
	text-align:				center;
}
#sidebar ul {
    margin:					0 0 0 15px;
	list-style-type:		none;
}
#sidebar ul li {
    padding:                5px 0 5px 0;
	border-bottom:			1px solid #ebe5e0;
}

#searchform input {
    border:					1px solid #ccc;
	width:					180px;
	margin:					5px 0 0 30px;
	padding:                4px;
}


/*---------------------------- footer --------*/
#footer { 
	background-color:		#fff;
	background-image:		url(images/footer_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
}

#footer #left {
	width:					275px;
}
#footer #right { 
    width:					430px;
}
#footer #right div {
    background-color:		#f5f5f5;
	background-image:		url(images/credits_bg.jpg);
	background-repeat:		repeat-x;
	background-position:	top left;
	border:					1px solid #666;
	width:					400px;
	margin:					10px 0 0 0;
	float:					right;
}
#footer #right p {
    padding:                5px;
	text-align:				left;
	color:					#333;
	line-height:			1.8em;
	font-size:				11px;
}

#footer #left, #footer #right {
    float:					left;
	margin:					0 5px 0 0;
}

#footer ul {
    list-style-type:		none;
}
#footer ul ul {
    list-style-type:		none;
	margin:					0 0 0 20px;
	color:					#666;
	font-size:				14px;
}
#footer ul ul li {
    padding:                5px 0 5px 0;
	border-bottom:			1px solid #ebe5e0;
}

#footer h2 {
    font-size:				16px;
	font-weight:			bold;
	color:					#666;
	padding:                0 0 15px 60px;
}




/*------------------------------ menu --------*/
.menu {
    position:				relative;
	top:					24px;
    width: 					100%;
    margin: 				1em 0 0 0;
    padding:                0 0.5em;
}
.menu ul {
    margin: 				0 0 0 10px;
    padding:                0;
    list-style-type: 		none;
}
.menu li {
    margin: 				0;
    padding:                0;
    float: 					left;
}
.menu {
    padding:                0;
}
.menu li {
    width: 					100px;
	height:					25px;
	background-image:		url(images/menuitem.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
    margin-right: 			1em;
	padding:                4px 0 0 0 !important;
    text-align:				center;
}
.menu li a {
    color:					#836b4b;
	text-decoration:		none;
}
.menu li a:hover {
    color:					#000;
}



/*----------------------------- post ---------*/
.post {
    background-image:		url(images/post_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
}
.post-content {
	line-height:			1.4em;
	padding:                15px 30px 15px 30px;
	font-size:				13px;
	text-align: 			justify; 
}

.post-content ul{
	padding:                20px 15px 20px 35px;
}

.post-top {
	padding:                25px 5px 0 25px;
}
.post-bottom, .post-info {
    text-align:				right;
}
.post-bottom {
    padding:                10px 5px 0 30px;
	margin:					0 0 25px 0;
}

.post-title { }
.post-title h2 {
    padding:                15px 0 0 0;
}

.posted-by {
	color:					#360;
	font-size:				10px;
	padding:                2px 0 2px 35px;
}

#commentsdiv h4 {
	font-family:			"Rotis Semi Serif", Rotis, Georgia, "Times New Roman", Times, serif;
}


/*-------------------------- comments --------*/
#commentsdiv {
	margin:					0 5px;
}
.comments {
    background-color:		#fff;
	background-image:		url(images/comments_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	padding:                5px 10px;
	width:					400px;
}
.comments-middle, .comments-top {
	color:					#5c6541;
	text-align:				left;
}
.comments-number { 
	font-size:				20px;
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#dad4bd;
	float:					left;
	padding:                0 10px 0 0;
}
.comments-poster {
    padding:                3px 0 10px 0;
}
.comments-author {
    font-size:				18px;
}
.comments-date {
    font-size:				11px;
}

.comments-middle {
    padding:                0 0 0 15px;
}
.comments-middle p {
    padding:                2px 0 7px 0;
	font-size:				12px;
	line-height:			1.4em;
}

.comment_options {
    margin:					0 auto;
	width:					450px;
}
.comment_options h4 {
    color:					#5c6541;
	font-size:				16px;
	font-family:			Arial, Helvetica, sans-serif !important;
}
.comment_options h5 { 
    font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	padding:                0 0 10px 0;
}
.comment_options label {
    width:					100px;
	float:					left;
	margin-left:			-5px;
	font-size:				12px;
}
.comment_options input {
    margin:					0 0 3px 0;
	border:					1px solid #605737;
}
.comment_options textarea {
    width:					400px;
	margin:                 0 0 25px 0;
	border:					1px solid #605737;
}
.comment_options input#submit {
	float:					right;
	margin:                 0 35px 0 0;
}


/*----------------------------- links --------*/
h1 a:link, h1 a:visited {
    color:					#70594b;
	text-decoration:		none;
}
h1 a:hover {
    color:					#ccc;
}

h2 a, h2 a:visited {
    color:					#360;
	text-decoration:		none;
}
h2 a:hover {
    color:					#000;
}

.post-title h2 {
    font-family:			Helvetica, Arial, sans-serif;
	font-size:				20px;
	font-weight:			bold;
}

.align-left h3 a:link, .align-left h3 a:visited, .align-right h3 a:link, .align-right h3 a:visited {
    color:					#360;
	text-decoration:		none;
}
.align-left h3 a:hover, .align-right h3 a:hover {
    color:					#666;
}

.post-content a, .post-content a:visited, .comment_options a:link, .comment_options a:visited {
	color:					#836b4b;
}
.post-content a:hover, .post-info a:hover, .comment_options a:hover {
    color:					#000;
}

.post-info a:link, .post-info a:visited {
    color:					#836b4b;
    text-decoration:		underline;
	font-weight:			100;
	font-size:				14px;
}
.post-info a:hover {
    color:					#000;
}

.posted-by a, #footer #right a, #footer #right a:visited {
    color:					#360;
	text-decoration:		underline;
}
.posted-by a:hover, #footer #right a:hover {
    color:					#000;
}

.comments a:link, .comments a:visited, .comment_options h5 a:link, .comment_options h5 a:visited {
    color:					#5c6541;
}
.comments a:hover, .comment_options h5 a:hover {
    color:					#000;
}

.comments-poster a:link, .comments-poster a:visited {
    color:					#5f5636;
}
.comments-poster a:hover {
    color:					#000;
}

.navigation a:link, .navigation a:visited {
    color:					#836b4b;
}
.navigation a:hover {
    color:					#000;
}

#sidebar ul a {
    color:					#7c5238;
	text-decoration:		none;
}
#sidebar ul a:hover {
    color:					#000;
}

#footer {
    color:					#fff;
}
#footer ul a, #footer ul a:visited {
    color:					#666;
	text-decoration:		none;
}
#footer ul a:hover {
    color:					#000;
}

#footer #right div a:link, #footer #right div a:visited {
    color:					#000;
}
#footer #right div a:hover {
    color:					#666;
}



/*----------------------------- misc ---------*/
.spacer {
    clear:					both;
}
.justify {
    text-align:				justify;
}
.navigation {
    text-align:				center;
}
abbr, acronym {
    border:					0;
}
.small {
    font-size:				87%;
}
.uppercase {
    text-transform:			uppercase;
}
.centered {
    text-align:				center;
	margin:					0 auto;
}
.align-left {
    margin:					0 0 0 10px;
	float:					left;
}
.align-right {
    margin:					0 10px 0 0;
	float:					right;
}
img {
    border:					0;
}
.post p {
    padding:                5px 0;
}
blockquote {
    background-color:		#F5F8ED;
	border: 				3px double #9CBF6F;
	margin:					5px 25px;
	padding:                2px 8px 5px 8px;
}