/*
Theme Name: ChiGarden 2008
Theme URI: http://chigarden.com
Description: New design for chigarden.com
Version: 1
Author: Teresa Watts
Author URI: http://chigarden.com
Tags: chigarden, tree
*/



/* --------------------------------------
USUAL TAGS 
--------------------------------------*/
body {
	font-size: 11px;	
	font-family: Verdana, Arial, 'Lucida Grande',  Sans-Serif;
	background: #f3d6a3 url('images/wood.jpg') top center;
	color: #66410d;
	text-align: center;
	line-height: 1.3;
	margin: 0px;
	padding: 0px;
	}
	
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #63351a;
	}

h1 {
	font-size: 4em;
	text-transform: uppercase;
margin: 10px 0px;
	}	
	
h2 {
	font-size: 1.8em;
margin: 20px 0px 5px;
	}
	
h3 {
	font-size: 1.4em;
margin: 20px 0px 5px;
	}

h3.pagetitle {
font-size: 1.8em;
margin-bottom: 0px;
margin-top: 45px;
}
	
a, h2 a:hover, h3 a:hover {
	color: #1c758c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}	
	
code {	font: 1.1em 'Courier New', Courier, Fixed;	}	

acronym, abbr, span.caps
{
	font-size: 0.9em;
	cursor: help;
	}

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


a img {	border: none;	}

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


/* --------------------------------------
SMALL CLASSES
--------------------------------------*/
.postmetadata {	clear: both;}
.clear {clear: both;}	
.center {text-align: center;}
.hidden {display: none;	}
.noborder {border: 0px !important;}

/* --------------------------------------
SECTIONS
--------------------------------------*/
#body-inner {
background: url(images/header_bg.jpg) top center no-repeat; 
}

#container{
	margin: 0px auto;
	width: 990px;
	background: url(images/trunktile.jpg) 843px 0px repeat-y;
	}
	
#header {
background: url(images/header_bg.jpg) -73px 0px no-repeat; 
height: 315px;
}	

#logo {
float: left;
margin-left: 14px;
margin-top: 52px;
}

#main {
background: url(images/branch1.gif) 430px 0px no-repeat;
min-height: 500px;
clear: both;
}
	
#content {
	width: 556px;
float: left;
padding-left: 40px;
padding-right: 10px;
padding-top: 30px;
	}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 990px;
	clear: both;
background: url(images/footer_bg.gif) 433px 100% no-repeat; 
height: 245px;
	}

#footer #top_button {
float: right;
margin-right: 150px;
margin-top: 100px;
}

#footer #copyright {
float: right;
clear: both;
margin-right: 180px;
margin-top: 30px;
}

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


/* --------------------------------------
MENU
--------------------------------------*/
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
clear: left;
margin-left: 25px;
}

#menu ul li {
display: inline;

}

#menu ul a {
color: #66410d;
font-size: 14px;
}	


/* --------------------------------------
ARCHIVES & CATS
--------------------------------------*/
#archives {
float: left;
clear: left;
margin-top: 24px;
margin-left: 45px;
}

#archives ul {
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: left;
margin-bottom: 5px;

width: 600px;
}

#archives li {
display: inline;
}

#archives a {
text-transform: uppercase;
color: #8f5a17;
}

#archives img {float: left;
margin-right: 10px;
}

/* --------------------------------------
COMMENTS
--------------------------------------*/

h3#comments {
clear: left;
padding-top: 30px;
margin-bottom: 30px;
}


.commentlist {padding: 0px;
margin: 0px;
}

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


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


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

/* left comments */
.comment-item {
background: url(images/comment_left_top.gif) 81px 0px no-repeat;
padding: 10px 0px 3px;
}

.comment-item .comment-text {
background: url(images/comment_left_bg.gif) top left repeat-y;
width: 351px;
padding: 0px 20px 5px 20px;
text-align: left;
float: right;
margin: 0px;
min-height: 50px;
margin-right: 83px;
}

.comment-item .comment-info {
background: url(images/comment_left_bg.gif) top right repeat-y;
margin-right: 83px;
font-size: 10px;
text-align: right;
padding-right: 20px;

clear: both;
}

.comment-item .comment-bottom {
background: url(images/comment_left_bottom.gif) 81px 0px no-repeat;
height: 11px;
}

.comment-item .avatar {
background: url(images/avatar_left.gif) top left no-repeat;
}

.comment-item .avatar-container {
width: 82px;
float: left;
background: url(images/comment_left_arrow.gif) bottom right no-repeat;
text-align: left;
height: 55px;
}

/* right/alternate comments */
.alt.comment-item {
background: url(images/comment_right_top.gif) 81px 0px no-repeat;
}

.alt.comment-item .comment-text {
background: url(images/comment_right_bg.gif) top left repeat-y;
margin: 0px;
margin-left: 83px;
width: 350px;
padding: 0px 20px 5px 20px;
float: left;
min-height: 50px;
}

.alt.comment-item .comment-info {
background: url(images/comment_right_bg.gif) top left repeat-y;
margin-left: 83px;
font-size: 10px;
text-align: right;
padding-right: 20px;
}

.alt.comment-item .comment-bottom {
background: url(images/comment_right_bottom.gif) 81px 0px no-repeat;
height: 11px;

}

.alt.comment-item .avatar {
background: url(images/avatar_right.gif) top left no-repeat;
}

.alt.comment-item .avatar-container {
width: 83px;
float: right;
background: url(images/comment_right_arrow.gif) bottom left no-repeat;
text-align: right;
height: 55px;
}

#avatar-link {
text-align: left;
padding-left: 15px;
float: left;
margin-top: -10px;
margin-bottom: 5px;
}


/* --------------------------------------
SIDEBAR
--------------------------------------*/

#sidebar * {
margin: 0px;
}

#sidebar {
width: 250px;
float: left;
padding-top: 60px;
text-align: left;
}

#sidebar .title {margin-left: 40px;
margin-bottom: 10px;
}

#twitter {
background: url(images/branch2.gif) 1px 100% no-repeat;
height: 195px;
font-size: 10px;
}

#twitter-msg {
background: url(images/twitter_bg.gif) 3px 0px no-repeat;
width: 148px;
height: 120px;
margin-left: 40px;
padding: 10px 15px;

}

.twitter-timestamp {
clear: left;
display: block;
padding-top: 3px;
text-align: right;
font-size: 9px;
color: #b69a71;

}


.twitter-timestamp abbr {
text-decoration: none;
border: 0px;
cursor: auto;
}

#twitter-btn {
float: right;
margin-right: 48px;
margin-top: -10px;
z-index: 10;
}

#portfolio {
background: url(images/branch3.gif) 35px 100% no-repeat;
padding-bottom: 60px;
padding-left: 6px;
}

#flickr {
background: url(images/branch6.gif) 22px 100% no-repeat;
height: 220px;
padding-right: 30px;
}

#flickr .title {
margin-right: 100px;
}

#flickr  .flickr_badge_image {
float: right;
background: url(images/flickr_photo_bg.gif) top center no-repeat;
height: 100px;
width: 80px;
padding: 6px 5px;
text-align: center;
margin-left: 3px;
clear: left;
}


#flickr-btn {
clear: both;
float: right;
margin-right: 4px;
}

#shop  {
background: url(images/branch4.gif) 1px 100% no-repeat;
height: 170px;
padding-left: 35px;

}

#blogroll {
background: url(images/branch4.gif) 5px 100% no-repeat;
padding-left: 40px;
padding-bottom: 70px;
margin-top: 30px;
}

#blogroll ul {
margin: 10px 0px 0px 2px;
padding: 0px;
list-style-type: none;
}

#blogroll ul li {
margin: 5px 0px;
}

#blogroll ul a {color: #66410d;}
#blogroll ul a:hover {color: #1c758c; }

#RSS img {

}

#RSS {
background: url(images/branch5.gif) -5px 100% no-repeat;
height: 207px;
padding-left: 43px;
padding-top: 30px;

}

#rss-button {
float: right;
margin-top: 4px;
margin-right: 5px;
}

#RSS p {width: 120px;
float: left;
margin-top: 5px;
}

/* --------------------------------------
BLOG ENTRIES
--------------------------------------*/

.post h2.post-title, h2.pagetitle {
font-size: 2.5em;
text-transform: uppercase;
letter-spacing: -1px;
float: left;
width: 500px;
padding-left: 8px;
margin-bottom: -10px;
}

h2.pagetitle {
width: 100%;
float: none;
padding-left: 0px;
margin-bottom: 0px;
}

.post h2.postitle a {color: #63351a;}

.post {
	margin: 0 0 40px;
	text-align: justify;
line-height: 1.5;
clear: both;

	}


.entry {
width: 510px;
margin-left: 50px;
}

.narrowcolumn .entry {
width: 560px;
margin-left: 0px;
}


.navigation {
width: 510px;
margin-left: 50px;}	

.date {
width: 45px;
height: 45px;
padding-top: 21px;
text-align: center;
float: left;
background: url(images/date_bg.gif) no-repeat;
margin-top: 10px;
}

.date-month {
text-transform: uppercase;
font-size: 10px;
}

.date-day {
font-size: 19px;
margin-top: -5px;
}

.cat {
font-size: 10px;
color: #8f7a5a;
margin-bottom: 15px;
margin-left: 50px;
}

.comment-link {
text-align: center;
background: url(images/comments_bg.gif) top center no-repeat;
height: 45px;
padding-top: 3px;
font-size: 10px;
letter-spacing: -.06em;
}

.comment-link a { color: #63351a; }

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

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


/* --------------------------------------
IMAGES
--------------------------------------*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.entry img {
border: 5px solid #fff;
}

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
	}
	
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.wp-caption {
font-size: 0.8em;
text-align: center;
margin: 0px 0px 10px;
padding-bottom: 8px;
background: #fff;
}

/* old styles */	
.caption, .wp-caption-text {
font-size: 0.8em;
text-align: center;
margin: 0px 0px 10px;
padding-bottom: 5px;
background: #fff;
}

.caption.right {
clear: both;
font-size: 0.8em;
float: right;
}

.center {
text-align: center;
margin: 10px 0px;
font-size: 0.8em;
}

.center img {
float: none;
}

.post img.left {
float: left;
margin: 10px 15px 10px 0px 
}

.post img.right {
float: right;
margin: 10px 0px 10px 15px 
}

.post .quote, blockquote {
border: 0px;
padding: 10px 15px 0px;
margin: 0px 10px;
font-size: 1.4em;
line-height: 1.3;
font-family: georgia;
}

.code {
border: 1px solid #BF9753;
background: #FFF3DF;
padding: 15px;
margin: 10px 0px;
font-size: 1em;
font-family: courier;
text-align: left;
}

.post ul {
list-style-type: circle;
margin-bottom: 20px;
}

.post ul li {
margin-bottom: 8px;
padding: 0px !important;

}


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

FORMS
--------------------------------------*/

.form label {font-weight: bold; }

.form p {margin: 0px;}

.form input {
border: 0px;
background: url(http://www.chigarden.com/wp-content/themes/chigaren/images/comment_field_bg.gif) bottom left no-repeat;
padding: 0px 5px 8px;
color: #66410d;
float: left;
width: 215px;
margin-bottom: 20px;
font-size: 1em;
font-family: Verdana, Arial, 'Lucida Grande',  Sans-Serif;
}

.form textarea {
background: url(http://www.chigarden.com/wp-content/themes/chigaren/images/comment_add_bg.gif) top left no-repeat;
width: 223px;
padding: 10px 10px 10px 40px;
border: 0px;
color: #66410d;
height: 200px;
font-family: Verdana, Arial, 'Lucida Grande',  Sans-Serif;
font-size: 11px;
line-height: 1.4;
height: 200px;
}

.form img {border: 0px;
float: left;
clear: left;
}

.message {
float: left;
background: url(http://www.chigarden.com/wp-content/themes/chigaren/images/avatar_add.gif) 0px 20px no-repeat;
padding-left: 28px;
width: 274px;

}

.fields {
width: 240px;
float: left;
padding-left: 10px;
padding-top: 15px;
}

.form .button input {
xwidth: auto;
background: #714527;
color: #FAF0E0;
text-transform: uppercase;
font-size: 10px;
margin-right: 20px;
float: right;
margin-top: 5px;
padding: 3px;
margin-bottom: 0px;
}


.form .saybutton {
background: url(http://www.chigarden.com/wp-content/themes/chigaren/images/button_saysomething.gif) top center no-repeat;
width: 150px;
height: 20px;
margin-left: 5px;
margin-top: 15px;
cursor: pointer;
display: block;
}



.form .wpcf7-response-output {
float: right;
width: 198px;
margin-right: 20px;
text-align: left;
margin-top: 5px;
}

.wpcf7-mail-sent-ng, .wpcf7-mail-sent-ok {
border: 1px dotted #9F7E45 !important;
padding: 8px;
background: url(images/comment_left_bg.gif) top left repeat-y;

}

.wpcf7-not-valid-tip {
position: absolute !important;
top: 160px !important;
left: -240px !important;
width: 215px !important;
font-size: .9em !Important;
background: url(images/comment_right_bg.gif) top left repeat-y !important;
border: 0px !important;
}

.subscribe-to-comments {text-align: left; margin-left: -2px; }
.subscribe-to-comments label {padding-top: 2px; display: block}


.wpcf7-form p {

}

/* --------------------------------------
COMMENTS
--------------------------------------*/