/*
Theme Name: Trebrown
Theme URI: http://www.trebrown.com/
Description: The main Trebrown Nurseries style.
Version: 1.2
Author: Phil Markey
Tags: green and white colour, variable width, two columns with fixed menu

This theme is copyright Phil Markey at Trebrown and unfortunatly cannot be replicated. However, you can talk to me about it.
*/

/* Begin Typography & Colors */
html {
  font-family: helvetica,arial,sans-serif;
  color: rgb(56,56,56);
  background: #e5edeb;
  margin: 0;
  padding: 0 30px;
}
body {
  background-color: rgb(255,255,255);
  margin: 0 auto;
  padding: 0;
  width: 900px;
  border-width: 0 1px 1px;
  border-color: rgb(164,164,164) rgb(164,164,164);
  border-style: solid;
  max-width: 900px;
}
#head {
  background-color: rgb(255,255,255);
  margin: 0;
  padding: 0;
  width: 900px;
  max-width: 900px;
}
#title {
  background-color: rgb(220,220,220);
  background-image: url(http://www.trebrown.com/images/furniture/top.png);
  background-repeat: repeat-x;
  background-position: left center;
  margin: 0;
  border-bottom: 1px solid rgb(144,144,144);
  height: 52px;
  padding: 0 15px 0 15px;
  width: 870px;
  max-width: 870px;
}
#logo {
  vertical-align: middle;
  text-align: left;
  width: 15%;
  float: left;
}
.logo {
  border: 0;
  width: 107px;
  height: 52px;
}
#heading {
  color: #004d3d;
  font-size: 110%;
  font-weight: normal;
  text-align: right;
  width: 85%;
  float: right;
  padding: 15px 0 15px 0;
}
#heading H1 {
  font-size: 110%;
  font-style: normal;
  color: #004d3d;
  padding: 0;
  margin: 0;
}
#header p {
  background-color: rgb(255,255,255);
  background-image: url(http://www.trebrown.com/images/furniture/bg-grade.gif);
  background-repeat: repeat-y;
  color: #004d3d;
  line-height: 122%;
  text-align: right;
  display: block;
  font-size: 70%;
  padding: 3px 8px 5px;
  margin: 0;
  border-bottom: 1px solid rgb(144,144,144);
}
#page {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-color: #FFFFFF;
  color: rgb(74,74,74);
  margin-left: 20px;
  margin-right: 218px;
  padding: 5px;
  padding-top: 80px;
  padding-bottom: 0;
}
#page p {
  font-size: 80%;
}

#page p .right {
  text-align: right;
}
#page h3 {
  font-size: 75%;
  font-style: normal;
  color: rgb(74,74,74);
  background-color: rgb(227,227,227);
  background-image: url(http://www.trebrown.com/images/furniture/bar.png);
  background-repeat: repeat-x;
  background-position: 0px -5px;
  padding: 5px 7px;
  margin: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgb(144,144,144);
}
#page h2 {
  font-size: 99%;
  color: rgb(80,80,80);
  padding: 0 15px;
  margin: 20px 0 0 -3px;
}
#page h4 {
  font-size: 75%;
  color: rgb(80,80,80);
  padding: 0 15px;
  margin: 20px 0 0 -3px;
}


.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
  font-size: 70%;
  line-height: 1.5em;
  padding: 0 15px;
	}

#sidebar {
  color: rgb(74,74,74);
  background-color: rgb(249,249,249);
  margin: -1px 0;
  width: 198px;
  border-right: 1px solid rgb(164,164,164);
  border-left: 1px solid rgb(164,164,164);
  border-bottom: 1px solid rgb(164,164,164);
  float: right;
}
#sidebar h3 {
  font-size: 75%;
  font-style: normal;
  font-weight: normal;
  color: rgb(74,74,74);
  background-color: rgb(227,227,227);
  background-image: url(http://www.trebrown.com/images/furniture/bar.png);
  background-repeat: repeat-x;
  background-position: 0px -5px;
  padding: 5px 7px;
  margin: 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgb(144,144,144);
}
#sidebar p {
  line-height: 122%;
  display: block;
  font-size: 60%;
  padding: 3px 8px 5px;
  margin: 0;
  border-top: 1px solid rgb(223,223,223);
}
#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sidebar li {
  list-style-type: none;
  line-height: 122%;
  display: block;
  font-size: 70%;
  padding: 3px 8px 5px;
  margin: 0;
  border-top: 1px solid rgb(223,223,223);
}
#sidebar ul ul {
	list-style-type: none;
	margin: 5px -10px 0 -10px;
	padding: 0;
	text-align: left;
}
#sidebar ul ul li {
  list-style-type: none;
  line-height: 100%;
  display: block;
  font-size: 100%;
  padding: 3px 10px 5px 5px;
  margin: 0;
  border-top: 1px solid rgb(223,223,223);
}
#sidebar ul ul ul.children {
  font-size: 100%;
  padding-left: 5px;
}
#sidebar li img {
  vertical-align: middle;
}
#sidebar #pagetools ul li.email, #sidebar ul li.email {background:url(http://www.trebrown.com/images/email_icon.gif) no-repeat; background-position: right center;}
#sidebar #pagetools ul li.delicious, #sidebar ul li.delicious {background:url(http://www.trebrown.com/images/delicious.gif) no-repeat; background-position: right center;}
#sidebar #pagetools ul li.digg, #sidebar ul li.digg {background:url(http://www.trebrown.com/images/digg.gif) no-repeat; background-position: right center;}
#sidebar #pagetools ul li.reddit, #sidebar ul li.reddit {background:url(http://www.trebrown.com/images/reddit.gif) no-repeat; background-position: right center;}
#sidebar #pagetools ul li.facebook, #sidebar ul li.facebook {background:url(http://www.trebrown.com/images/facebook.gif) no-repeat; background-position: right center;}
#sidebar #pagetools ul li.stumbleupon, #sidebar ul li.stumbleupon {background:url(http://www.trebrown.com/images/stumbleupon.gif) no-repeat; background-position: right center;}
#sidebar li.currentpage { font-style: italic; }
#sidebar a, #head a, #main a, #products a { text-decoration: none; }
#sidebar a:focus, #sidebar a:hover, #head a:focus, #head a:hover, #main a:focus, #main a:hover, #products a:focus, #products a:hover { text-decoration: underline; }
#sidebar .accessible { display: none; }
#sidebar form, #sidebar form p {
  margin: 0;
  padding: 0;
  line-height: 100%;
  text-align: center;
}
#sidebar form p {
  padding: 1px;
}
#sidebar .sponsor {
  border-right: 0;
  border-left: 0;
  border-top: 1px solid rgb(164,164,164);
  color: rgb(74,74,74);
  background-color: rgb(255,255,255);
  margin: 0;
  font-size: 120%;
}
#sidebar .sponsor P {
  color: #004000;
}
input.searchinput {
  width: 45%;
  padding: 2px;
  border: 1px solid rgb(223,223,223);
  background-color: rgb(250,250,250);
  color: rgb(100,100,100);
}
input.searchinput:focus {
  background-color: rgb(255,255,255);
  color: rgb(0,0,0);
}
input.searchbut {
  padding: 2px 5px;
  border: 1px solid rgb(100,100,100);
  background-color: rgb(227,227,227);
  background-image: url(http://www.trebrown.com/images/furniture/bar.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  cursor: pointer;
}
#searchform {
  margin: 0;
  padding: 0;
}
#submitbut {
  padding-left: 2px;
  padding-right: 2px;
}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#page h2 a, #page h3 a {
	text-decoration: none;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

.narrowcolumn {
	padding: 0 0 20px 45px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 80px;
	width: 500px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
         color: #c0c0c0;
	}

#footer a {
         color: #c0c0c0;
	text-decoration: none;
	}

#footer .xfn {
	vertical-align: text-bottom;
}

/* End Structure */



/*	Begin Headers */
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */

a {
  color: rgb(74,74,74);
}

div.boxad * {
  margin: 0;
}
div.boxad {
  margin-bottom: 10px;
}
div.boxad div.boxad-toparea {
  background-image: url(http://www.trebrown.com/images/furniture/bg-box-header.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  height: 10px;
  padding: 0;
}
div.boxad div.boxad-toparea div.boxad-toparea-left {
  background-image: url(http://www.trebrown.com/images/furniture/bg-top-left.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  float: left;
  height: 10px;
  text-align: left;
  width: 10px;
  padding: 0;
}
div.boxad div.boxad-toparea div.boxad-toparea-right {
  background-image: url(http://www.trebrown.com/images/furniture/bg-top-right.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  float: right;
  height: 10px;
  text-align: right;
  width: 10px;
  padding: 0;
}
div.boxad div.boxad-content {
  background: #f2f6f5;
  border-right: 1px solid #7fa69e;
  border-left: 1px solid #7fa69e;
  color: #004d3d;
  padding: 0 10px;
}
div.boxad div.boxad-botarea {
  background-image: url(http://www.trebrown.com/images/furniture/bg-box-footer.gif);
  background-repeat: repeat-x;
  background-position: top;
  height: 10px;
  font-size: 1px;
  padding: 0;
}
div.boxad div.boxad-botarea div.boxad-botarea-left {
  background-image: url(http://www.trebrown.com/images/furniture/bg-bot-left.gif);
  background-repeat: no-repeat;
  background-position: top left;
  float: left;
  height: 10px;
  text-align: left;
  width: 10px;
  padding: 0;
}
div.boxad div.boxad-botarea div.boxad-botarea-right {
  background-image: url(http://www.trebrown.com/images/furniture/bg-bot-right.gif);
  background-repeat: no-repeat;
  background-position: top right;
  float: right;
  height: 10px;
  text-align: right;
  width: 10px;
  padding: 0;
}

/* Begin Images */
a img {
  border: none;
}
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered',
	will centre the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;

  background-image: url(http://www.trebrown.com/articles/blog/wp-content/themes/trebrown/images/quot.gif);
  background-repeat: no-repeat;
  background-position: 0px -5px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.centre {
	text-align: center;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */