@import url('css/blog.css');

/*
	Theme Name: Bamboo Zen
	Theme URI: http://www.3roadsmedia.com
	Description: A tranquil, inviting theme with East Asian elements.
	Version: 1.0
	Author: 3 Roads Media
	Author URI: http://www.3roadsmedia.com
*/

/*
	HEALTHY LIFE ACUPUNCTURE
	Design + Development
	
	MASTER STYLESHEET
	This file created: 20 October 2009
	Authored by: Ryan Burney
	
	NOTE TO FUTURE DEVELOPERS: This CSS file is organized first chronologically, then alphabetically.
	Global declarations for HTML entities appear first, followed by custom declarations. These are
	sorted roughly in the order they appear on the page. Declarations are indented to show inheritance.
*/


/** Globals ***************/

a 		{ color:#819cd1; font-weight:bold; text-decoration:none; }
a:hover { color:#5974a9; text-decoration:underline; }

blockquote 	 { font-family:Georgia, Times, serif; font-style:italic; }
blockquote p { color:#b9645c; line-height:18px; }

body {
	background:url(images/bg_bamboo.jpg) no-repeat;
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	padding:40px;
	}

h1, h2, h3, h4, h5, h6 {
	color:#5a3b00;
	font-family:"Palatino Linotype", Garamond, serif;
	margin:0;
	}
h1 { font-size:24px; margin-bottom:5px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; margin-bottom:8px; }
h5 { font-size:12px; margin-bottom:5px; }
h6 { font-size:10px; margin-bottom:5px; text-transform:uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#5a3b00; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#9f2321; }

html { background:#b89966 url(images/bg_body.jpg) repeat-x; }

img  { border:0; }

li {
	background:url(images/blossom.png) no-repeat;
	color:#65563c;
	margin-bottom:14px;
	padding-left:25px;
}

ol { margin:0 0 30px 30px; padding:0; }

p  { color:#65563c; line-height:17px; margin:0 0 20px; }

ul { list-style:none; margin:0 0 30px; padding:0; }


/** Header ****************/

#header-outer {
	background:url(images/bg_shadow-top.png) top center no-repeat;
	margin:0 auto;
	width:766px;
	}
#header {
	background:url(images/bg_paper-top.jpg) no-repeat;
	float:left;
	margin:10px 0 0 14px;
	padding:10px 22px 0;
	position:relative;
	width:692px;
	}
#header a 		{ color:#5a3b00; }
#header a:hover { color:#9f2321; text-decoration:none; }
#header img 	{ float:left; margin-bottom:6px; }
#header li {
	background:none;
	display:block;
	float:left;
	font:18px "Palatino Linotype", Garamond, serif;
	padding-left:30px;
	text-align:right;
	}
#header li a {
	background:url(images/nav_matrix.png);
	color:#fefefe;
	display:block;
	font-size:0;
	height:22px;
	letter-spacing:-9999px;
	}
#header li a:hover { background-position:0 -22px; color:#fefefe; }
#header ul { float:right; margin:0; position:absolute; top:48px; right:22px; }


	/** Navigation ************/

	/* remove extra space around Flash elements */
	#header li.page-item-59 a 		{ width:55px; }
	#header li.page-item-60 a 		{ background-position:-55px 0; width:45px; }
	#header li.page-item-60 a:hover { background-position:-55px -22px; }
	#header li.page-item-5 a 		{ background-position:-100px 0; width:120px; }
	#header li.page-item-5 a:hover 	{ background-position:-100px -22px; }
	#header li.page-item-7 a 		{ background-position:-220px 0; width:37px; }
	#header li.page-item-7 a:hover 	{ background-position:-220px -22px; }
	#header li.page-item-9 a 		{ background-position:-257px 0; width:69px; }
	#header li.page-item-9 a:hover 	{ background-position:-257px -22px; }

	/* set positions for active pages */
	#header li.current_page_item a 				{ background-position:0 -22px; }
	#header li.page-item-60.current_page_item a { background-position:-55px -22px; }
	#header li.page-item-5.current_page_item a	{ background-position:-100px -22px; }
	#header li.page-item-7.current_page_item a 	{ background-position:-220px -22px; }
	#header li.page-item-9.current_page_item a 	{ background-position:-257px -22px; }


/** Carousel **************/

#carousel-outer {
	background:url(images/bg_carousel.png) no-repeat;
	margin:0 auto;
	width:766px;
	}
.carousel {
	background:url(images/bg_carousel.jpg) no-repeat;
	height:240px;
	margin-left:14px;
	padding:0 22px 11px;
	}
.carousel img 		{ border:1px solid #a5b7c1; }
.carousel.no-js img { margin-left:0; }

#home .carousel img { margin-left:22px; }


/** Main Content **********/

	#main-outer {
		background:url(images/bg_shadow-mid.png) top center repeat-y;
		margin:0 auto;
		width:766px;
		}
	#main {
		background:url(images/bg_paper-mid.jpg) bottom center repeat-y;
		margin-left:14px;
		padding:20px 21px 0 22px;
		width:692px;
		}

	/** Content ***************/
	
	#content 		{ float:left; width:440px; }
	#content ol li 	{ background:none; padding:0; }
	#content ul 	{ margin-left:8px; }
	#content.wide 	{ width:690px; }


	/** Sidebar ***************/

	#sidebar {
		background:#ecf0f8 url(images/bg_sidebar.png) bottom right no-repeat;
		float:right;
		padding:15px 12px;
		width:208px;
		}
	#sidebar h3 		{ margin-bottom:10px; }
	#sidebar li a 		{ color:#5a3b00; font-weight:normal; }
	#sidebar li a:hover { color:#9f2321; }
	#sidebar ul 		{ margin-left:4px; }


	/** Quote @ Bottom ********/

	#quote-outer {
		background:url(images/bg_shadow-bot.png) bottom center no-repeat;
		margin:0 auto;
		width:766px;
		}
	#quote {
		background:url(images/bg_paper-bot.png) no-repeat;
		height:126px;
		margin-left:14px;
		padding-left:42px;
		}
	#quote img 		 { margin-top:50px; }

	#home #quote img { margin-left:196px; }


/** Footer ****************/

#footer 		{ font:12px Arial, Helvetica, sans-serif; margin:0 auto; width:766px; }
#footer a 		{ font-weight:normal; color:#5a3b00; }
#footer p 		{ color:#5a3b00; float:left; margin-left:30px; }
#footer p + p 	{ float:right; margin-right:33px; }


/** Form Elements *********/

input[type=text] {
	background:url(images/input_text.png) no-repeat;
	border:0;
	font-size:14px;
	height:22px;
	padding:4px;
	width:208px;
	}
input.submit { cursor:pointer; padding:4px; }

label { display:block; font-weight:bold; padding-bottom:4px; }

textarea {
	background:url(images/input_textarea.png) no-repeat;
	border:0;
	font:14px Arial, Helvetica, sans-serif;
	height:172px;
	padding:4px;
	width:432px;
	}


/** FAQ Accordion *********/

#accordion div {
	background:url(images/bg_answer.png) bottom right no-repeat;
	border:1px solid #efe6d2;
	margin:0 0 20px;
	padding:10px 10px 0;
	}
#accordion h4 {
	background:#ecf0f8 url(images/blossom.png) 9px 6px no-repeat;
	font-size:12px;
	margin-top:0;
	}
#accordion h4 a {
	background:url(images/bg_meta.png) bottom right no-repeat;
	display:block;
	padding:5px 6px 6px 0;
	margin:0 0 0 34px;
	}


/** WordPress Classes *****/

.alignleft {
	float:left;
	margin:0 10px 10px 0;
	}
.alignright {
	float:right;
	margin:0 0 10px 10px;
	}
.aligncenter {
	display:block;
	margin:0 auto;
	width:auto;
	}


/** Miscellaneous *********/

.clear { clear:both; }

a#admin { position:absolute; left:0; top:0; }
a.more-link {
	display:block;
	font-style:italic;
	font-family:Georgia, Times, serif;
	margin-top:20px;
	text-align:right;
	}

p.location {
	font:italic 12px Georgia, Times, serif;
	margin:5px 0 15px;
	text-align:center;
	}

/* hide JavaScript dependent things */
.carousel 		{ display:none; }
.carousel.no-js { display:block; }
#carousel-outer .carousel.no-js img { margin-left:0; }