/*
Theme Name: For Harmony
Theme URI: http://www.forharmony.net
Author: Kristin Falkner
Author URI: http://www.k-in-la.com
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}

/*
STRUCTURE
*/

body {
	font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; 
	font-size:14px;
	margin: 0 0 30px 0;
	color: #586a21;
	text-align:center;
	letter-spacing:1px;
	}
.home {
	background:#fff url("http://gator1170.hostgator.com/~cristylu/wp-content/images/bg_body.jpg") repeat-x;
	}
.sub {
	background:#fff url("http://gator1170.hostgator.com/~cristylu/wp-content/images/bg_interior.jpg") repeat-x;
	}


p { 
	margin: 0 0 15px 0;
	}

strong {
	color:#586a21; 
	font-weight:bold;
	}
	
/* ==================================================================
[ Primary Nav ]
* ================================================================== */

#primenav_container {
	position:absolute;
	font-size: 12px;
	text-align:right;
	top:101px;
	left:0;
	width:184px;
	background:url(http://www.forharmony.net/wp-content/images/bg_sidebar.gif) left top no-repeat #7d8c50;
	padding-bottom: 50px;
	border: 1px; 
	/*height:275px;*/
}

	
	.home #primenav_container {
		/*position:absolute;*/
		font-size: 12px !Important;
		text-align:right;
		top:101px;
		left:0;
		width:184px;
		background:url(http://www.forharmony.net/wp-content/images/bg_primenav.jpg) no-repeat;
		padding:0;
		height:0;


}	
#primenav {
	
	background:url(http://www.forharmony.net/wp-content/images/bg_primenav.gif) right top no-repeat #ead882;
	
	}
	
	.home #primenav {
		background:none;
			}

#primenav_container ul {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	white-space: nowrap;
	background: none !Important;
	border-bottom:2px solid #fff;
	min-height:210px;
	}
	
	*html #primenav_container ul {
		height:210px;
}

	*html #primenav_container ul li ul{
		height:0px;
}
	
	.home #primenav_container ul {
		border-bottom:none;
	}

	#primenav_container #primenav ul li {
		list-style-type: none;
		padding:0;
		margin:0;
/*		position: relative;*/
		background: none;
		border-bottom: 1px solid #f1e2a2;
	}

	#primenav a:link, #primenav a:visited {
		text-decoration: none;
		display:block;
		height:20px;
		color: #586a21;
		padding:3px 10px 0 0;
	}
	
	#primenav a.firstchild, #primenav .count0 a{
		height:26px;
		padding: 8px 10px 0 0;
		}
		
	#primenav a:hover, #primenav #current a, #primenav .active a {
		background:#7d8c51;
font-weight: bold;
		color:#fff;
		}
		#primenav ul ul #current a {
			color: #3B4226;
		}
#primenav #current ul a{	
color: #3B4226;
}
#primenav ul li ul a.last_item {
	border-bottom:none;
	}

#primenav #primenav_selected {
	color: #fff;
	background:#7d8c51;
	text-decoration: none;
	font-weight:bold;
}


#primenav_container #primenav ul li ul {
	background: #eedc92 !Important;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.7;
	border-bottom:none;
	min-height:0 !Important;
	clear: both;
	}
		
#primenav li ul a:link, #primenav li ul a:visited
	{
	text-decoration: none;
	padding:3px 10px 3px 0;
	height:20px;
	display:block;
	font-size: 13px;
	color:#756736;
	font-weight:bold;
	text-transform:none;
	letter-spacing:normal;
	background: none !Important;
	border-bottom:1px solid #d7bb3d;
	}
	
	#primenav li ul a:hover
	{
		text-decoration:none;
		background:none !Important;
		color:#3b4226;
	}
	
#primenav li ul #current {
	text-decoration:none;
	background:none;
	color:#3b4226;
	}

/* ==================================================================
 * Headings
 * ================================================================== */

h1, .contentheading, .componentheading {
	color: #d7c373;
	font-size: 24px;
	margin:0 0 10px 0;
	font-weight:bold;
	line-height:20px;
	}
		
	h1.floatleft {
		float:left; 
	}
		
h1.logo {
	visibility:hidden;
	}

h2 {
	color: #bc9707;
	font-family:Palatino, sans-serif;
	font-size: 16px;
	margin:0 0 15px 0;
	font-weight:bold;
	}

h3 {
	color: #586a21; 
	font-size:14px; 
	margin:0;
	}


h4 { 
	color: #586a21;  
	margin:0;
	}

h5 { 
	color: #586a21; 
	margin:0 ;
	}

h6 { 
	color: #586a21; 
	margin:0;
	}
	
/* ==================================================================
 * Lists
 * ================================================================== */

dl {
	color: #586a21;
	}

dt {
	font-weight: bold;
	}

dt a:link, dt a:visited { 
	color: #586a21; 
	text-decoration: underline; 
	}

dd {
	margin: 0 0 0 1em;
	padding: 0;
}

ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	}

		
#rt_column ul {
	padding:1em 0 .5em 0;
	}
	#rt_column ul li {
			background:url(http://www.forharmony.net/wp-content/images/bullet_list.gif) no-repeat 0 .3em;
			padding:0 0 .5em 1.3em;
			line-height: 1.4em;
			}
	
	#rt_column ul li a {
		font-weight:normal;
		}
/* ==================================================================
 * Links
 * ================================================================== */

a:link {
	color: #7d8c50;
	text-decoration:underline;
	}

a:visited {
	color: #7d8c50;
	text-decoration:underline;
	}

a:hover {
	color: #7d8c50;
	text-decoration: none;
	}

a:active {
	color: #7d8c50;
	text-decoration: underline;
	}
#content a {
	font-weight:normal;
	color:#586a21;
	}
	
#rt_column a {
	font-weight:normal;
	color:#586a21;
	}
	
#newsletter_link {
	position: absolute;
	bottom: -35px;
	left: 0;
	background: #d6d1be;
	font-size:14px;
	padding:5px;
	width: 174px;
	text-align: left;
	border-top:2px solid #fff;
	border-bottom:1px solid #756736;
	text-align:right;
	}
	
	.home #newsletter_link { top: 425px; bottom: auto; z-index: 555; background:none; border-top: none; border-bottom: none; font-size: 14px; text-align:left;}


#newsletter_link a {
	color:#3C4226;
	}

/* ==================================================================
 * Pullquote
 * ================================================================== */	

#pullquote {
	
	padding-top: 20px;
	padding-left:25px;
	font-size:1em;
	margin-bottom:20px;
	float:left;
	
	}

#pullquote p {
	line-height:1.75em;
	color: #586a21;
	
	}

#pullquote .symbolQuoteOpen {
	color: #bc9707;
	display:block;
	background-color:transparent;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	margin-left:-20px;
	padding-top:20px;
	margin-bottom: -5px;
	}

#pullquote .symbolQuoteClose {
	display:block;
	float:left;
	margin-top: -10px;
	margin-left: 10px;
	color:#bc9707;
	background-color:transparent;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	line-height:40px;
	text-align:right;
	width:100%;
	
	}

#pullquote .quote_credit {
	text-align: right;
	font-style:italic;
	font-size: .9em;
}

/* ==================================================================
 * Misc
 * ================================================================== */

img.right {
	float: right;
	margin: 0 0 20px 15px;
	border:1px solid #586a21;
}

img.left {
	float: left;
	margin: 5px 15px 10px 0;
	border:1px solid #586a21;
}

img.right_noborder {
	float: right;
	margin: 0 0 20px 15px;
	border:none;
}

img.left_noborder {
	float: left;
	margin: 5px 15px 10px 0;
	border:none;
}

img.shop {
	float: left;
	margin: 0;
	border:1px solid #586a21;
	padding:2px;
	}
	
	img.shop_left {
	float: left;
	margin: 0px 15px 15px 0;
	border:1px solid #586a21;
	padding:2px;
	}

img.inline {
	display:inline;
	margin-bottom:-4px;
	margin-left:5px;
	}

.clear {
	clear: both;
	}
	
.rule {
	border-bottom:1px solid #eedc92;
	margin:0px 0 10px 0;
	clear: both;
	padding:0;
	}


.item_left {
	float:left;
	width:48%;
	}
.item_right {
	float:right;
	width:48%;
	}
	
.photo_credit {
	font-size:11px;
	font-style:italic;
	clear:both;
	}
	
.testimonial_credit {
	text-align:right;
	font-style:italic;
	}
	
/* ==================================================================
 * Layout
 * ================================================================== */

#container_outer {
	float: left;
	background: #fff;
	position:relative;
	}

#container {
	font-size: 1em;
	line-height: 1.4em;
	width: 980px;
	margin:0;
	text-align: left;
	float:left;
	position: relative;
	}
	#container {
		background:url(http://www.forharmony.net/wp-content/images/bg_default.jpg) no-repeat top left;
			}
	.home #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_main.jpg) no-repeat top left;
			}
	.about #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_about.jpg) no-repeat top left;
			}
	.press #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_press.jpg) no-repeat top left;
			}	
	.yoga #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_yoga.jpg) no-repeat top left;
			}
			
	.yoga-ripples #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_yoga_ripples.jpg) no-repeat top left;
			}
	.yoga-resources #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_yoga_resources.jpg) no-repeat top left;
			}
			
	.yoga-testimonials #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_yoga_testimonials.jpg) no-repeat top left;
			}
			
	.news #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_news.jpg) no-repeat top left;
		}
	.resources #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_resources.jpg) no-repeat top left;
		}
	.contact #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_contact.jpg) no-repeat top left;
		}
	.shop #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_shop.jpg) no-repeat top left;
	}
	
	.shop-artwork #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_shop_artwork.jpg) no-repeat top left;
	}
	.shop-photography #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_shop_photos.jpg) no-repeat top left;
		}
	.shop-books #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_shop_books.jpg) no-repeat top left;
		}
	.shop-stationery #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_shop_stationery.jpg) no-repeat top left;
		}
	.shop-sustainable #container {
		background:url(http://www.forharmony.net/wp-content/images/bg_shop_sustainable.jpg) no-repeat top left;
		}

#logo {
	position: absolute;
	left: 185px;
	top: 313px;
	width:476px;
	height:106px;
	}
	
	.sub #logo {
		position: absolute;
		left: 187px;
		top: 0;
		width:454px;
		height:97px;
		}
		
#home_animation {
	position:absolute;
	top:101px;
	left:663px;
	width:317px;
	height:210px;
	}
	
	

#banner {
	height: 300px;
	margin:0;
	position: relative;
	padding: 0;
	}

	


/* ==================================================================
 * Content
 * ================================================================== */

#content { float: left;
	min-height:250px;
	}


	
	*html #content {
		height:250px;
		}
	
	
	/*Styles For layout 1 - HOME PAGE*/
	
	.home #sidebar {
		width:215px;
		padding: 0 35px 0 0;
		}
	
	.home #content {
		width: 420px;
		margin: 0;
		padding:485px 200px 20px 360px;
		line-height:26px;
		}

	#home_text {
			position:absolute;
			color:#e7dbb0;
			left:663px;
			top:325px;
			padding:5px 15px;
			z-index:100;
			font-size:14px;
			line-height:19px;
			}

	/* END Styles For layout 1*/
	
	/*Styles For layout 2 - sub pages */
	
		.sub #content {
			width: 424px;
			margin: 0;
			padding:330px 30px 30px 206px;
			float:left;
			}
					
			.sub #content ul {
				padding:10px 0 5px 0;
				}
				
			.sub #content ul li {
					background:url(http://www.forharmony.net/wp-content/images/bullet_list.gif) no-repeat 0 3px;
					padding:0 0 5px 10px;
					line-height: 14px;
					}
				
		/*Styles For layout 3 - sub pages */
			
		.sub #content_wide {
			width: 774px;
			margin: 0;
			padding:330px 0px 30px 206px;
			float:left;
			line-height:26px;
			}
					
			.sub #content_wide ul {
				padding:10px 0 5px 0;
				}
				
			.sub #content_wide ul li {
					background:url(http://www.forharmony.net/wp-content/images/bullet_list.gif) no-repeat 0 3px;
					padding:0 0 15px 10px;
					line-height: 16px;
					}
			
			#rt_sidebar {
				width:285px;
				padding:5px 0px 30px 30px;
				float: right;
				border-left:1px solid #eedc92;
				margin:0 0 30px 30px;
				}
						
			#rt_column {
				width:260px;
				padding:340px 30px 0 30px;
				float: left;
				}
	
					
		/*Styles For layout 4 - store pages */
		
		.shop-sustainable #content, .shop-stationery #content, .shop-books #content, .resources #content {
			width:774px;
			padding: 330px 0px 20px 206px;
			}
			
			.shop-sustainable #content p, .shop-stationery #content p, .shop-books #content p, .resources #content p {
				line-height:18px;
			}
			
				.shop-books #content #pullquote {
					padding-top:0;
					margin-bottom:0;
					}
				.shop-books #content #pullquote p {
					line-height:20px;
					width:300px;
					}
			
				
			 #col1 {
				width:362px;
				float:left;
				padding: 0 15px 0 0;
				}
				
			 #col2 {
				width:362px;
				float:left;
				padding: 0 0 0 15px;
				}
				
/* ==================================================================
 * Popups
 * ================================================================== */
 	
.popup {
	padding:25px;
	text-align:left;
	float:left;
	width:100%;
	position:relative;
	}
		
	.popup img {
		margin-bottom:15px;
		float:left;
		}
		
	.description200 {
		padding-left: 25px;
		float:left;
		width:25%;
		}
	
	.description225 {
		padding-left: 25px;
		float:left;
		width:25%
		}

		
			
/* ==================================================================
 * Forms
 * ================================================================== */


form {
	margin:0 0 15px;
overflow:hidden;
padding:0;
width:390px;
	}
	
	form.viewcart {
		margin-left:440px;
		}

	
.form_item {
	padding-bottom:10px;
	}
	
fieldset {
	padding:0 15px 15px 15px;
	margin-bottom:10px;
	border:1px solid #586a21;
	
	}
	
legend {
	background:#586a21;
	color:#fff;
	font-weight:bold;
	padding:3px 10px;
	margin:10px;
	}

select {
	color:#586a21;
	background-color:#fff;
	}
	
.radio {
	border:none;
	}
	
.checkbox {
	border:none;
	background-color:#ccc;
	}


focus {
	cursor:auto;
	}


  
label
	{
	margin-right: 0.5em;
	display: block;
	color:#586a21;
	font-weight:bold;
	}

input {
	color:#586a21;
	background:#fff;
	}

	
textarea {
	padding:3px;
	color:#586a21;
	border:1px solid #586a21;
	background:#fff;
	}

.nicebutton {
	color:#fff;
	padding:5px 10px;
	cursor:pointer;
	margin-left:15px;
	display: inline;
	background-image: url(http://www.forharmony.net/wp-content/images/bg_add.gif);
	
  }
  
 .nicebutton2 {
	color:#586a21;
	font-weight:bold;
	height:25px;
	padding:1px;
	cursor:pointer;
	margin-left:15px;
	display: inline;
	background: url(http://www.forharmony.net/wp-content/images/button_bg.gif) top left repeat-x;
	background-color:#fff;
	border:1px solid #586a21;
  }
  
 .required {
 	color:#586a21;
	font-weight:bold;
	font-size:1.2em;
	padding-right:5px;
	}

/* ==================================================================
 * Table
 * ================================================================== */
 
table.store4col {
	width:770px;
	border:0;
	margin-bottom:10px;
	
	}
	
		

table.store3col {
	width:600px;
	border:0;
	margin-bottom:10px;
	
	}

	.store3col td {
		width:230px;
		padding-right:15px;
		vertical-align: top;		
		}
		
table.store1col {
	width:400px;
	border:0;
	margin-bottom:10px;
	
	}
			
table.store2col {
	width:600px;
	border:0;
	margin-bottom:10px;
	
	}
	
	.store2col td {
		width:275px;
		padding-right:50px;
		vertical-align: top;		
		}
		
	
		td.solid_rule {
			height:10px;
			}
			
table {
 	margin-top:10px;
	}
	
th {
	background-color:#586a21;
	text-align:left;
	color:#fff;
	}
	
	
td {
 	font-size:1em;
	background-color:#fff;
	}	
 
 
/* ==================================================================
 * Footer
 * ================================================================== */
#footer_container {
	width:100%;
	float:left;
	clear:both;
	height:28px;
	}
#footer {
	width: 960px;
	margin: 0 auto;
	
	padding: 10px 20px 0 0;
	color: #586a21;
	font-size: 0.9em;
	clear: both;
	float: left;
	}
body.sub #footer_container {
	background:url(http://www.forharmony.net/wp-content/images/bg_footer_container.gif) repeat-x;
	}
body.sub #footer {
	background:url(http://www.forharmony.net/wp-content/images/bg_footer_interior.jpg);
	width:770px;
	margin-left:190px;
	height: 18px;
	display: inline;
	}

	#footer a {
		color: #7d8c50;
		}


/* ==================================================================
 * Timy MCE
 * ================================================================== */
 
 
body.mceContentBody {
	background: #fff;
	text-align:left;
	}


/* Added by Brian Zimmer */

#sectionTitle {
left:200px;
position:absolute;
top:288px;

}

#sectionTitle h2 {
color:#FFFFFF;
font-family:Verdana;
font-size:32px;
font-weight:bold;
letter-spacing:-2px;
text-transform:lowercase;
	
}

#home_animation p { margin: 0; }