/*  
 * Theme Name: 		Hank Green One
 * Theme URI: 		http://www.theenglishguy.co.uk/testblog3/?ts_theme=HankOne
 * Description: 	A three column theme
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 */

* {
    margin:					0;
	padding:                0;
}

body { 
    margin: 				0; 
	padding: 				0; 
	font: 					12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	text-align:				center;
	background-color:		#e8f2f9;
}

#wrap {
    margin:					25px auto;
	width:					800px;
	background-color:		#e8f2f9;
}


/*------------------------------- header ------*/
#header {
	background-color:		#fff;
	background-image:		url(images/header.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	width:					798px;
	clear:				    both;
	text-align:				left;
	min-height:             140px;
	border-top:				1px solid #000;
	border-right:			1px solid #000;
	border-left:			1px solid #000;
}
* html #header {
    height:					140px;
}

#header h1 {
    padding:                30px 0 0 20px;
	color:					#dfeef7;
	font-size:				30px;
}
#header h1 a:link, #header h1 a:visited {
    color:					#dfeef7;
}
#header h1 a:hover {
    color:					#fff;
}
#header h2 {
    padding:                0 0 0 60px;
	font-size:				20px;
	color:					#dfeef7;
}

#content {
    width:					798px;
	margin:					0;
	padding:				0;
	border-right:			1px solid #000;
	border-left:			1px solid #000;
	clear:					both;
	background-color:		#356e7c;
	background-image:		url(images/backtop.jpg);
	background-repeat:		no-repeat;
	background-position:	top center;
	text-align:				center;
}

#left, #middle, #right {
    float:					left;
	position:				relative;
	height:					100%;
	padding:				0;
	text-align:				left;
}

#left {
	width:					160px;
	margin:                 20px 0 0 0;
}
#left .top { 
	background-image:		url(images/left3.jpg);
	background-repeat:		no-repeat;
	background-position:	top right;
}
#left .middle { 
    background-image:		url(images/left3_middle.jpg);
	background-repeat:		repeat-y;
	background-position:	top right;
}
#left .bottom { 
    background-image:		url(images/left3_bottom.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom right;
}
#right .top { 
	background-image:		url(images/left4.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
}
#right .middle { 
    background-image:		url(images/left4_middle.jpg);
	background-repeat:		repeat-y;
	background-position:	top left;
}
#right .bottom { 
    background-image:		url(images/left4_bottom.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom left;
}



/*------------------------------- middle ------*/
#middle {
    width:					465px;
	padding:				0 5px;
	margin:					0 0 5px 0;
}
* html #middle {
    width:					445px;
}
*>#middle {
    width:                  455px;
}



/*-------------------------------- right ------*/
#right { 
    margin:					70px 0 0 0;
}
#right ul {
	list-style-type:		disc;
	margin:					0;
	padding:				0;
}
#right ul, #left ul {
    margin:                 10px 0 10px 25px;
	font-size:				1.3em;
}
#right ul ul, #left ul ul {
    list-style-type:		disc;
	margin: 				0 0 0 20px !important;
}
#right ul li h2, #left ul li h2 {
    font: 					small-caps 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-weight:			bold;
	text-decoration:		underline;
	padding-top:            10px;
}
#left ul li.pagenav {
    list-style-type:		none !important;
}



.block {
    width:					161px;
	min-height:	            161px;
	border-top:				5px solid #274c43;
	border-right:			5px solid #274c43;
	border-bottom:			5px solid #274c43;
	margin:					10px 0 0 0;
}
.bigblock, .bigblock .bigblock {
    min-height:             320px !important;
}
.innerblock {
    width:					146px;
	min-height:             145px;
	border-top:				5px solid #295347;
	border-right:			5px solid #295347;
	border-bottom:			5px solid #295347;
	background-color:		#a39a76;
	color:					#274c43;
	padding:                5px;
}
.innerblocktwo {
    width:					145px;
	min-height:             145px;
	border:					1px solid #504b37;
	margin:					0 0 5px 0;
}
.innerblocktwo + .innerblocktwo {
    margin-bottom:			1px;
}

#right .block {
    margin:					50px 5px 0 5px;
	background-color:		#628e98;
	border:					1px solid #2e606c;
}
#right .innerblock {
    margin:					2px;
	border:					1px solid #2e606c;
	background-color:		#628e98;
}
#right .innerblocktwo { 
    height:					300px;
    min-height:			    300px;
	width:					140px;
	margin:					3px;
	background-color:		#e8f2f9;
	border:					0 !important;
}
#right .rightblock {
    width:					140px;
	margin:					3px;
	border-top:				1px solid #84a4aa;
	padding:                5px 0 0 0;
	color:					#e8f2f9;
}
#right .rightblock ul {
    list-style:				disc;
}
#right .rightblock ul li {
    padding:                2px 0 3px 0;
}




/*------------------------------- footer ------*/
#footer {
	height:					95px;
	min-height:             95px;
	width:					793px;
	border-right:			1px solid #000;
	border-left:			1px solid #000;
	border-bottom:			1px solid #000;
	margin:					0 0 25px 0;
	padding:                8px 5px 1px 0;
	color:					#fff;
	font-size:				0.9em;
	clear:					both;
	background-color:		#558693;
}
#footer p {
	margin:					7px 0 7px 8px;
	font-size:				1.1em;
	width:					275px;
	text-align:				left;
}
#footer div {
    width:					460px;
	height:					85px;
	background-color:		#7099a5;
	border:					1px solid #466e79;
    margin:					0 0 0 332px;
}
#footer #nature {
    float:					right;
	margin:					20px 10px;
}



/*---------------------------- link styles ----*/
a:link, a:visited {
    color: 					#006;
}
a:hover {
    color:					#c00;
}

#left ul a:link, #left a:visited {
    color:					#274c43;
	text-decoration:		none;
}
#left ul a:hover {
    color:					#000;
}

#right a:link, #right a:visited {
    color:					#e8f2f9;
	text-decoration:		none;
}
#right a:hover {
    color:					#fff;
}

h1 a {
    color:					#fff;
	text-decoration:		none;
}
h1 a:visited {
    color:					#fff;
}
h1 a:hover {
    color:					#c60;
}



/*------------------------------ post items ---*/
.post {
    margin:					15px 0 0 0;
	padding:				10px;
	width:					445px;
	color:					#ecf1f2;
}
* html .post {
    width:					425px;
}
.post ol, .post ul, .post dl {
    margin:					5px 10px 10px 25px;
}
.post a:link, .post a:visited {
    color:					#ecf1f2;
	text-decoration:		none;
}
.post a:hover {
    color:					#000;
}
.post-title h2 {
    font-family: 			"Times New Roman", Times, Georgia, serif;
    font-size:				2.0em;
	font-variant:			small-caps;
	line-height:			1.0em;
}
.post-title h2 a:hover {
    text-decoration:		none;
}
.post-title h2 em a {
	font-style:				normal !important;
	text-decoration:		none !important;
}
.post-by {
    font-size:				0.8em;
	margin:					0 0 0 50px;
}
.post-body {
    min-height:             75px;
	margin:					15px 0 0 0;
}
.post-body img {
    float:					right;
	clear:					right;
	margin:					5px;
	border:					5px solid #628e98;
}
.post-category {
	padding:                5px 0 20px 0;
	margin: 				10px 0 0 0;
	border-bottom:			1px solid #ccc;
	text-align:				right;
}
.post-category a:link, .post-category a:visited {
    text-decoration:		underline;
}



/*------------------------------- font stuff --*/
h1, h2, h3, h4 {
    margin:					0;
	padding:				0;
}
abbr, acronym {
    border-bottom:			none;
	cursor:					help;
}



/*-------------------------------- comments ---*/
textarea#comment {
    width:					300px;
}



/*----------------------------- search form ---*/
#searchform {
	margin:                 10px 0 0 15px;
}
#searchform input#submit {
    border:					0;
	background-color:       transparent;
	font-size:				0.8em;
	cursor:					pointer;
}



/*---------------------------- miscellaneous --*/
div.center, div.buttons {
    text-align:				center;
}
div.ads {
	margin:					0 auto;
}
div.spacer {
    clear:					both;
}
img {
    border:					0;
}

div.align-left {
    float:					left;
	clear:					left;
}
div.align-right {
    float:					right;
	clear:					right;
}
div.align-left h3, div.align-right h3 {
    font-family: 			"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    font-size:				1.2em;
    font-variant:			small-caps;
}