/*  
Theme Name: Community Planting
Theme URI: http://communityplanting.wordpress.com/
Description: Community Planting theme.
Version: 1.0
Author: Robbie Knight
Author URI: http://rgknight.com/
*/

body {
	font: 12px  Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #333;
	background-image: url(images/bodyBG.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
* {padding:0; margin:0;}
.clear {clear:both;}
#wrap {width:898px; margin:0 auto 0 0;}
#header { display:block; width: 898px; height: 258px; margin: 0; padding: 0; background:url(images/headerbg.jpg) no-repeat;}
#content {background-image: url(images/sidebarBG.jpg);background-repeat: repeat-y;background-position: left top; padding:0}

a {color:#666; text-decoration:underline;}
a:visited,active { text-decoration:underline; color:#666;}
a:hover {color:#111; text-decoration:underline;}
#content p {line-height:22px;}
h2 {font: bold 14px Helvetica, Arial, sans-serif; color: #333; padding-bottom:5px;}
#content h3 {font: bold 14px Helvetica, Arial, sans-serif; color:#666;}
#content .subhead {display:block; padding:3px 5px 0 8px; margin-bottom:5px;}

/*Home Page Columns*/
#col_1 {width:30%; float:left; padding:5px;}
#col_3 {margin-left:33%; margin-right:33%; padding:5px;}
#col_2 {width:30%; float:right; padding:5px;}
#topcol { padding:45px 5px 20px 5px; margin-bottom15px;}
#col_1 p, #col_2 p, #col_3 p {padding:0 8px 5px 8px;  line-height:18px; display:block;
/*Delete this Line if you don't want fixed height*/ height:120px}/*----*/

#col_1 .subhead {background:url(images/colsh1.jpg) no-repeat; height:22px; }
#col_2 .subhead {background:url(images/colsh2.jpg) no-repeat; height:22px;}
#col_3 .subhead {background:url(images/colsh3.jpg) no-repeat; height:22px;}
#content div img {border:solid 3px #cccccc; margin-right:10px;}
.leftalign {float:left; margin:5px 10px 5px 0;}
.rightalign {float:right; margin:5px 5px 5px 10px;}

.linkbutton {display:block; background:url(images/button1.jpg) no-repeat; width:79px; height:22px;text-align:right; padding:5px 20px 0 5px; }
.linkbutton:hover {background:url(images/button3.jpg) no-repeat;}

.btm_box {width:110px; padding:5px; float:left; margin:8px;}

#rightcontent {float:right;width:600px; padding-top:40px; padding-left: 20px;}
#postTTL a {
	font: normal 18px Helvetica, Arial, sans-serif;
	color: #fff;
	background-image: url(images/underline1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	text-decoration: none;
}
#bubble a {font: 14px Helvetica, Arial, sans-serif; color: #000;
	padding-left: 25px; padding-right: 25px; padding-top:3px; padding-bottom:10px;
	background-image: url(images/bubble.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
}
#postedDate {padding-top:10px; padding-bottom:20px; font: 11px Helvetica, Arial, sans-serif; color: #8c8c8c;}
#bodyCopyHolder {
	padding-left: 20px;
	padding-bottom: 2px;
	margin-bottom: 25px;
	background-image: url(images/postDivider.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sidebar { float:left; background-color: #CBDB2A;
	background-image: url(images/navTopper.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 55px;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333;
	width: 263px;
	color:#333;}

#content table {
	width:90%;
	border:1px solid #A0C6EB;
	margin-bottom:20px;
}
#content th {
	background:#D2E3F3;
	padding:5px 15px 5px 15px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #BDDB99;
	font-size: 16px;
}
#content td {
	border-bottom:1px solid #D2E3F3;
	padding:5px 15px 5px 15px;
	border-right:1px solid #D2E3F3;
}


.textfield {
	display: block;
	width:50%;
	margin:3px 3px 3px 30px;
	padding:3px;
	border: 1px solid #D2E3F3;
	background: #EEF4FB;
}
label {	display: block; margin:3px; padding: 5px;}
.button {
	display: block;
	padding:0px;
	margin:3px;
	border: 2px solid #C8E9F7;
	color:#000000;
	background: #EEF4FB;
}
.textfield:hover {
	background:#FFFFCC;
}
.textfield:focus {background:#ffffff;}
.hide {display:none;}

#rightcontent ul, #rightcontent ol {padding:10px; margin:10px;}
ol {list-style:decimal;}
#rightcontent ul {list-style: square;}
#rightcontent p {margin-bottom:20px;}
#rightcontent li {padding:3px;}

#sidebar ul {list-style:none; padding-bottom: 25px;}
#sidebar li {padding: 0 0 5px 0;}
#sidebar li a {padding: 0 0 5px 0;text-decoration:underline; color:#333;}
#sidebar li a:hover, #sidebar li a:visited {padding: 0 0 5px 0;text-decoration:underline; color: #5b5b5b;}

blockquote {display:block; padding:5px 5px 5px 55px; margin:5px; background:url(images/quote.jpg) no-repeat;}
blockquote p {margin-bottom:0; font: normal 16px Helvetica, Arial, sans-serif;}
.extract {float:left; width:300px;}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 0px;
	background-color: #444;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.alignleft {float:left;}
.alignright {float:right;}
img.avatar {float:left; margin-right:5px;}


/* NAVIGATION */

#mainNav {
	height: 20px;
	position: absolute;
	top: 238px;
	left: 250px;
	background-image: url(images/navLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #cbdb2a;
	padding-left: 5px;
}
#Navigation {
	list-style-type: none;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}
#Navigation li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: 30px;
}
#mainNavContent {
	background-image: url(images/navRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 3px;
}
#Navigation a {
	text-decoration: none;
	color: #333333;
}
