/*

Theme Name: Into the Green
Theme URI: http://www.breakzdjs.com
Version: 1.0
Description: The <a href="http://www.breakzdjs.com/">Breakz</a> theme for WordPress by <a href="http://www.poleexercise.co.uk/about/andrew">Andrew Weeks</a>.  Adapted from <a href="http://themes.wordpress.net/columns/2-columns/1109/blueblog-10/">BlueBlog</a> by <a href="http://www.free-css-templates.com">David Herreman</a>.
Author: Andrew Weeks
Author URI: http://www.poleexercise.co.uk/about/andrew
*/

/*
	No, I'm not responsible for most of the mess below.
	It was probably this guy &darr; :)

	BlueBlog - FREE Template 
	by David Herreman
	http://www.free-css-templates.com

old 7D8085 075181

176c1c

0e5505

dark background 233226 
	254021
1c3a24 203a25 213a22 223b1e 243d20 1f361c
*/

/*.img {
	padding: 0 8px 8px 0;
	float: left;
}

.img2 {
	padding: 0 0 3px 3px;
	float: right;
}*/

/*#top input { color: #E0F5FF; background-color: #000; font-size: 90%; }*/

/*input.submit { background: none; color: #075181; border: 0px none; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; }*/

/*#main .right_side .hitems { margin: 0; 	padding: 0; }

	#main .right_side .hitems ul { margin: 5px 0; padding: 0; color: #a90000; list-style-image: url('images/arrow.gif'); }
	
#main .right_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
}*/

/*#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }*/


body { margin: 0; padding: 0; color:#ccc; background: #254021; line-height: 1.4em; font: normal normal normal 74% Arial, Sans-Serif; }

a img { border:none; }

.content { background: #fff url('images/bg.png') repeat-y center; color: #ccc; margin: 0 auto; padding: 0; width: 800px; }


/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top { padding: 0; margin: 0; background: #000 url('images/top.png') no-repeat top; height: 45px; font-size: 90%; }

	#top h1 { color: #ccc; font-weight: bold; font-size: 12px; float: left; padding: 0; margin: 0; }
	
	#top .padding { color: #ccc; padding: 22px 25px 0 25px; }
	
		#top .padding form { float: right; }

	/*#top .Hidden { color: #000; padding-left: 20px; }
	
	#top .Hidden a { color: #000; }
	
	#top a, #top .Hidden:hover a { color: #f1ffe6; }

		#top .Hidden:hover { color: #ccc; }
		
		#top a:hover, #top .Hidden a:hover { color: #fff; }*/
	
	#top a { color: #f1ffe6; }
	
		#top a:hover { color: #fff; }
		
	#top input.search { width: 125px; font: bold 100% Arial, sans-serif; border: 1px solid #ccc; color: #f1ffe6; background-color: #000; padding: 1px 3px; margin-left: 4px; }

		#top input.search:hover, #top input.search:focus { border-color: #f1ffe6; color: #fff; background-color: #232; }
	
#header { margin: 0 0 0 15px; width: 770px; padding: 0; background: none; height: 149px; color: #fff; background-color: #000; text-align: center; }

/*	#header .f_search { float: right; padding: 70px 50px 0 0; }

	#header .title { padding: 45px 0 0 50px; }

#header h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin: 0;
		padding: 0; 
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		/*background-image: url('images/none');* /
		color: #075181;
		margin: 0;
		padding-left:2px; padding-right:0; padding-top:0; padding-bottom:0
}*/


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { background: #000; width: 770px; height: 35px; color: #fff; margin-left: 15px; }


/* NAVIGATION #E5F6FF
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color: #7D8085; padding: 20px 0 0 0; width: 200px; }

	.nav li { margin: 5px 0; padding: 0; border-bottom: 1px dotted #ccc; list-style: none; }

		.nav li a { color: #606f38; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px; font-weight: normal; }

			.nav li a:hover { color: #4a6305; text-decoration: none; background-color: #f0ffc4; display: block; margin-bottom: 2px;}

	.nav p { margin: 5px 10px 25px 10px; font-size: 90%; line-height: 1.6em; }

	.nav img { margin: 10px 0 5px 10px; }

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 760px; margin: 0 20px 0 20px; color: #465c30; }  

	#main .right_side { float: right; padding: 0; margin: 0; background-color: #FFF; width: 210px; }

		#main .right_side h2 { font-size: 1.5em; }

		#main .right_side h3 { font-size: 1.2em; }

	#main .left_side { float: left; width: 500px; background: #fff; padding:15px 15px 0 5px; margin:0; }

	#main h3.PostInfo {  font: 90% Arial, Sans-Serif; margin: 0 0 1em 2px; padding: 0; color: #5f5f5f; letter-spacing: normal; }
/*border-bottom: 1px solid #658316;*/

	#main .box  { background: #efefef; padding: 5px; border: 1px solid #ccc;}

	#main .right_side ul { margin: 5px 0 25px 0; padding : 0; list-style : none; border-bottom: 0px solid #eee; list-style-type: square; color: #a90000; }
	
	#main .right_side li { margin: 0 0 2px 15px; padding: 0 0 0 0px; color: #555; }

	#main .right_side .padding { margin: 0 0 20px 15px; padding: 0; color: #555; }


/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { clear:both; height: 49px; color:#ccc; background: #000 url('images/footer.png') no-repeat top; font-size:90%; padding: 0; text-align:center; }

	#footer .padding { padding: 10px 0px 0px 0px; }

#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

#footer a { color: #f1ffe6; }

#footer a:hover { color: #fff; }

/*  Top Menu */
#menu { background-color: #000;	width: 760px; height: 35px;	margin: 0; padding: 0; }

	#menu ul { margin:0; list-style:none; padding: 0 0 0 20px; }

		#menu li { float:left; color: #fff; background: #000; margin: 0; padding: 0; }

	#menu a, #nav strong, #nav span { float: left; display: block; color:#fff; padding: 7px 5px; text-decoration: none;  }

	#menu a { float:none; color: #fff; text-transform: uppercase; font-weight: bold; }

		#menu a:hover { background-color: #779a1a; color: #fff; }

	#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

ul, ol { margin-left: 0; padding-left: 20px; }

ul { list-style : square; }

li { margin: 0 0 2px 15px; padding: 0; line-height: 1.8em; }

.sub {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #777; }

p { margin: 0 0 1em 0; padding: 0; color: #465c30; line-height: 1.8em; }

small { line-height: 1.5em; }

blockquote { margin-left: 15px; padding-left: 10px; border-left: solid 3px #779a1a; }

blockquote p { color: #888; }

a { color: #9ecd23; text-decoration: none; font-weight: bold; }

	a:visited { color: #779a1a; }

	a:hover { text-decoration:underline; }
	
pre { font: normal 1.0em Lucida Console, Courier New; width: 465px; overflow: scroll; }

code { font: normal 1.0em Lucida Console, Courier New; }

hr { margin: 2em 0 1.5em 0; padding: 0px; border: 1px solid #fff; border-top: 1px dotted #ccc; clear: both; }
	
/*h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }*/

h2 { color: #779a1a; font: bold 2.2em Trebuchet MS, Arial; letter-spacing: -0.05em; margin: 0.6em 0 0 0; padding: 0; }

	h2 a, h3 a { color: #9ecd23; }

	h2 a:visited, h3 a:visited { color: #779a1a; }

	h2 a:hover, h3 a:hover { color: #9ecd23; text-decoration: none; }
	
h3 { color: #779a1a; font: bold 1.4em Trebuchet MS, Arial; letter-spacing: -0.05em; margin: 5px 0 0 0; padding: 0; }

fieldset {	border: 1px solid #075181; }

abbr, acronym { border-bottom: 1px dotted #465c30; cursor: help; }

a abbr, a acronym { cursor: pointer; }

textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #A90000; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #075181; 
	background-color: #FFFFFF; 
	width: 283px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #68ADD5; 
	background: #FFFFF4; 
	color: #000;
}

input.text { 
    border: 1px solid #A70000; 
	margin: 0; 
	width: 150px;
	background: inherit;
	color: #000; 
	padding: 4px;
	
}

input.text:hover { 
	border: 0px solid #68ADD5; 
}

.RssFeed img { max-width: 400px; }

.RssSummary h3 { font-size: 1.3em; }

img.Left, img.Right, img.Center, img.Border { border: solid 1px #9ecd23; padding: 3px; }

a img.Left:hover, a img.Right:hover, a img.Center:hover, a img.Border:hover { background-color: #f0ffc4; }

img.Left { float: left; margin: 0 15px 0.5em 0; }

img.Right { float: right; margin: 0 0 0.5em 15px; }

img.Center { margin: 0 auto 1.0em auto; clear: both; }

img.ArtThumb { border-top: solid 1px #9ecd23; padding-top: 3px; border-bottom: solid 1px #9ecd23; padding-bottom: 3px; width: 180px; }

	a img.ArtThumb:hover { background-color: #f0ffc4; }

.Artwork h3 { clear: both; margin-top: 2.0em; }

.Artwork img.Left { margin-bottom: 15px; }

.Clear { clear: both; }

.Gap { clear: both; height: 1.5em; }

.date { 
	color: #808080; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}

.CommentsContainer
{
	margin-left: 30px;
}

.CommentsContainer form *, .MemberForm *
{
	line-height: normal;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

/*.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}*/


/*post stylng*/
.post{ margin: 0 0 10px 3px; padding: 0 0 15px 22px; background: url('images/post-bottom.png') no-repeat bottom left; }

.post .entry { margin-left: 10px; }

.post .info
{
padding: 3px 3px 0 0;
/*border-top:1px dotted #c1e85a;*/
/*border-bottom:1px dotted #c1e85a;*/
/*background-color:#f5f5f5;*/
font-size:0.9em;
color:#505050;
/*margin-right: 30%;*/
margin-left: 10px;
clear: both;
}

.post .info a { font-weight: normal; }

.PageNav { margin: 0 0 0 35px; }

	.PageNav .PrevPages { float: left; margin-bottom: 15px; }

	.PageNav .NextPages { float: right; margin-bottom: 15px; }

/*comment styling*/
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform, .MemberForm {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform input, #commentform textarea, .MemberForm input, .MemberForm select { font: normal normal normal 100% Arial, Sans-Serif; color: #465c30; padding-left: 3px; padding-right: 3px; }

.MemberForm select { padding-left: 0; padding-right: 0; }

#commentform input, .MemberForm .MemberText, .MemberForm .MemberSelect { margin-bottom: 3px; }

#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 274px; padding-top: 2px; padding-bottom: 2px; }

	#commentform textarea:hover { background: #FFFFFF; border: 1px solid #d6d3d3; }

	#commentform textarea:focus { background: #ffffff; border: 1px solid #939793; }

#commentform #email, #commentform #author, #commentform #url, .MemberForm .MemberText, .MemberForm .MemberSelect { font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 274px; }

	#commentform #email:hover, #commentform #author:hover, #commentform #url:hover, .MemberForm .MemberText:hover, .MemberForm .MemberSelect:hover { font-size: 1.1em; background: #ffffff; border: 1px solid #d6d3d3; }

	#commentform #email:focus, #commentform #author:focus, #commentform #url:focus, .MemberForm .MemberText:focus, .MemberForm .MemberSelect:hover { font-size: 1.1em; background: #ffffff; border: 1px solid #939793; }

.ItemValue, .SubmitError { font-weight: bold; }

#ajaxBusy { display: none; margin-left: 5px; vertical-align: middle; }

#ajaxResult { display: none; padding: 10px; border: solid 1px #779a1a; }