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



/* --------------------------------------
USUAL TAGS 
--------------------------------------*/
body {
	font-size: 12px;	
	font-family: Georgia, Garamond, Times, serif;
	background: #f5e8d3 url('images/body_bg.jpg') top center;
	color: #383737;
	text-align: center;
	line-height: 1.45;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
h1, h2, h3 {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	color: #383737;
letter-spacing: -.05em;
	}

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

h1.page-title, h2.pagetitle {
margin-top: 0px;
}

h3.post-title a {
color: #383737;
}
	
a, h2 a:hover, h3 a:hover, a:visited {
	color: #1c758c;
	text-decoration: none;
	}

a:hover {
	color: #717f00;
	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(http://www.chigarden.com/wp-content/themes/chigarden2/images/header_bg.gif) top repeat-x;}

#header-outer {background: url(http://www.chigarden.com/wp-content/themes/chigarden2/images/header_middle_bg.jpg) top no-repeat;}
	
#header {
width: 960px;
margin: 0px auto;
height: 180px;
text-align: left;
}	

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

#main-outer {
width: 960px;
margin: 0px auto;
padding: 60px 0px;
text-align: left;
}

#sidebar {
padding-right: 25px;
border-right: 1px solid #cdc2b2;
}

#sidebar2 {
padding-left: 25px;
border-left: 1px solid #cdc2b2;
margin-left: -1px;
}

#sidebar2 h2 {text-align: left;}
	
#content {
	width: 538px;
float: left;
border-left: 1px solid #cdc2b2;
border-right: 1px solid #cdc2b2;
padding: 0px 25px;
font-size: 1.15em;
margin-left: -1px;
text-align: left;
	}

/* --------------------------------------
FOOTER
--------------------------------------*/

#footer-outer {
background: #d4c0a6 url(images/footer_bg.gif) top repeat-x; 
clear: both;
min-height: 245px;
padding-bottom: 50px;
padding-top: 60px;
text-align: left;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	clear: both;
color: #2d2d2d;
	}

#footer .widget {
width: 349px;
float: left;
border-right: 1px solid #e4d6c3;
padding: 0px 25px 0px 0px;
text-align: left;
min-height: 200px;
font-size: 1.1em;
}

#footer .widget ul {
margin: 0px;
padding: 0px;
}

#footer .widget h2.widgettitle {
margin-top: 0px;
text-transform: lowercase;
}

#footer .widget a {color: #00596b}

#footer .widget a:hover {color: #345501}

/* -- HIRE ME -- */

#footer #text-4 p {
margin-top: 0px;
padding-top: 0px;
}

img#hireme {
float: right;
margin-left: 15px;
}

/* -- FOLLOW ME -- */
	
#footer #text-5 {
width: 160px;
float: left;
border-right: 0px;
padding-left: 25px;
padding-right: 0px;

}

#footer #text-5 li {list-style-type: none;}

#footer #text-5 a {text-transform: uppercase;
letter-spacing: .1em;
font-size:.9em;
}

#footer #text-5 img.icon {
margin: 0px 5px 6px 0px;
vertical-align: middle;
}


#footer #text-5 p {font-style: italic;}

/* -- RECENT COMMENTS -- */

#footer #wizzart-recent-comments-3 {
padding: 0px 25px;
}

.recent-comment {list-style-type: none;}

.comment-text {
background: #e4d6c3;
padding: 20px;
font-size: 1.1em;
font-style: italic;
line-height: 1.5;
}

.tip {
background: url(http://www.chigarden.com/wp-content/themes/chigarden2/images/comment_tip.png) 96% 0% no-repeat;
text-align: right;
padding-right: 55px;
padding-top: 6px;
font-size: .85em;
}

a.comment-author {text-transform: uppercase;}
a.comment-post-title {font-style: italic;}	


/* --------------------------------------
MENU
--------------------------------------*/

#menu-outer {
margin: 0px;
padding: 0px;
float: right;
width: 340px;
margin-top: 5px;
}

#menu-outer p {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #f8f1e7;
}

#menu {
margin: 0px;
padding: 0px;
list-style-type: none;
float: right;
width: 100%;
}


#menu li {
display: inline;
float: left;
text-align: center;
padding: 0px 9px;
}

#menu li img.sites-icon {

}

#menu a span.sites-title {
color: #333333;
font-size: 1em;
clear: left;
display: block;
text-transform: uppercase;
letter-spacing: .15em;
}

#menu a span.sites-title:hover {
color: #f8f1e7;
}

/* --------------------------------------
SIDEBARS
--------------------------------------*/	

.sidebars {
text-align: left;
font-size: 1em;
width: 160px;
float: left;
}

.sidebars ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.sidebars .widget {margin-bottom: 30px;}

.sidebars .widget h2 {
text-align: right;
text-transform: lowercase;
font-size: 2.4em;
letter-spacing: -.07em;
margin-top: 0px;
line-height: 1;
margin-bottom: .2em;
}

.sidebars .widget ul {
text-align: right;
}

.sidebars .widget ul li {
margin-bottom: 5px;
}

.sidebars .widget ul li a {
text-transform: uppercase;
letter-spacing: .15em;

}

/* -- SEARCH FORM -- */


#searchform {height: 25px;
border: 1px solid #cec4b8;
background: #f9f3e8;
width: 160px;
}

#searchform #s {
border: 0px;
background: transparent;
font-family: georgia, garamond, serif;
font-size: 1.1em;
color: #383737;
padding: 5px;
float: left;
width: 126px;
}

#searchform .button {
padding: 4px;
float: right;
}

.searchpage #searchform {
float: none;
margin: 0px auto;
width: 200px;
}



/* -- LIFESTREAM -- */

.lifestream {


}

.lifestream li {
width: 152px;
margin: 0px;
padding: 0px !important;
padding-left: 20px !important;
margin-bottom: 15px !important;
background-position: 0% 0% !important;
margin-left: -7px !important;
}

.sidebars .widget ul.lifestream li a {
text-transform: none;
letter-spacing: 0;
}



.widget.widget_links ul li a {
text-transform: none;
letter-spacing: 0;
}

.sidebars iframe{
height: 200px;
}

.a-book {text-align: center;}
.book-cover {border: 3px solid #fff;}
.book-title {font-style: italic;}

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

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


.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 {
	text-transform: uppercase;
	font-style: normal;
	}

/* left comments */
.comment-item {
padding: 10px 0px 0px;
}

.comment-item .comment-text {
background: #f8f1e7;
width: 450px;
padding: 0px 25px 10px 25px;
text-align: left;
float: right;
margin: 0px;
min-height: 50px;
font-style: normal;

}

.comment-item .comment-info {
background: url(http://www.chigarden.com/wp-content/themes/chigarden2/images/comment_tip_light.png) 95% 0% no-repeat;
font-size: .9em;
text-align: right;
clear: both;
padding-top: 5px;
padding-right: 70px;
}

.comment-item .avatar {
background: url(http://www.chigarden.com/wp-content/themes/chigarden2/images/avatar_default.gif) center center no-repeat;
}

.comment-item .avatar-container {
width: 30px;
float: left;
text-align: left;

}

h3#respond {text-algign: left;}



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

.post h1.post-title, h1.pagetitle {
font-size: 3.5em;
text-transform: lowercase;
letter-spacing: -.05em;
margin: 0px;
line-height: 1;
margin-bottom: .1em;
text-align: left;
}


h1 a, h1 a:visited {color: #2d2d2d;}

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

	}

.searchpage .post {margin-bottom: 40px;}

.navigation {
clear: both;
}

.navigation a {

font-style: italic;
width: 100%;
}	



.post-details {
font-family: helvetica, arial, verdana, sans-serif;
font-size: .9em;
margin-bottom: 15px;
padding: 4px 8px;
background: #e6d7c3;
min-height: 15px;
}

.details {
float: left;
}

.date {
font-family: georgia, garamond, serif;
text-transform: uppercase;
letter-spacing: .08em;
font-size: .9em;
}

.comment-link {
float: right;
font-style: italic;
}

.comment-link a { }

#related-posts h2 {font-style: italic;}


/* --------------------------------------
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: 1em;
text-align: center;
margin: 0px 0px 10px;
padding-bottom: 0px;
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 10px;
margin: 0px 10px;
font-size: 1.4em;
line-height: 1.3;
font-family: georgia;
}


.post .quote, blockquote cite {
border: 0px;
font-size: .8em;
text-align: right;
display: block;
}


.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; 
font-style: italic;
}

.form p {text-align: left;}

.form input {
border: 0px;
background: #E4D6C3;
padding: 5px 8px;
width: 200px;
margin-bottom: 8px;
color: #383737;
font-family: Georgia, Garamond, Serif;
font-size: 1.1em;
}

.form textarea {
background: #E4D6C3;
width: 280px;
padding: 10px;
border: 0px;
color: #383737;
font-family: Georgia, Garamond, Serif;
font-size: 1.1em;
line-height: 1.4;
height: 200px;
}

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

.message {
float: right;
background: url(http://www.chigarden.com/wp-content/themes/chigarden2/images/comment_tip.png) 95% 100% no-repeat;
padding-bottom: 19px;
}

.fields {
width: 210px;
float: right;
padding-right: 25px;
text-align: left;
}

.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 {
width: auto;
background: #2d2d2d;
color: #FAF0E0;
text-transform: uppercase;
font-size: .9em;
margin-right: 20px;
float: left;
margin-top: 5px;
padding: 3px;
margin-bottom: 0px;
letter-spacing: .1em;
}



.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
--------------------------------------*/