/*
Theme Name: Yoga Solace
Theme URI: http://www.vectacreative.com.au
Description: Custom Wordpress theme for Yoga Solace
Author: Vecta Creative
Version: 1.0
*/

*
{
	margin: 0;
	padding: 0;
}

ul
{
	list-style: none;	
}

img
{
	border: 0;	
}

p
{
	margin: 9px 0;	
}


body
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #660000;
	background: #ebbda6 url( "images/body-bg.jpg" ) 0 0 repeat-x; 
}

@font-face {
    font-family: 'MonotypeCorsivaRegular';
    src: url('monotype_corsiva-webfont.eot');
    src: url('monotype_corsiva-webfont.eot?#iefix') format('embedded-opentype'),
         url('monotype_corsiva-webfont.woff') format('woff'),
         url('monotype_corsiva-webfont.ttf') format('truetype'),
         url('monotype_corsiva-webfont.svg#MonotypeCorsivaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#page-wrapper
{
	width: 960px;
	margin: 0 auto;
}

	#page-banner
	{
		height: 347px;
		background: transparent url( "images/banner-bg.png" ) 0 0 no-repeat;
	}
	
		#banner-content
		{
			height: 273px;
			background: transparent url( "images/banner-content-bg.png" ) top right no-repeat;
		}
		
			.logo
			{
				padding: 51px 0 0 0;
			}
		
		#navigation
		{
			width: 920px;
			height: 48px;
			margin: 0 auto;
		}
		
			#navigation ul
			{
				
			}
			
				#navigation ul li
				{
					float: left;
					position: relative;
				}
				
				#navigation ul li:first-child
				{
					margin-left: 10px;	
				}
				
					#navigation ul li a
					{
						font-size: 18px;
						color: #5a2309;
						font-size: 24px;
						font-family: 'MonotypeCorsivaRegular';
					}
					
						#navigation ul li a:hover
						{
							text-decoration: underline;
						}
					
						#navigation ul li a span
						{
							display: block;
							padding: 7px 27px;
						}
						
				#navigation ul li ul
				{
					display: none;
					position: absolute;
					top: 25px;
					left: 0;
					padding: 20px 0 20px 35px;
					margin-top:10px;
					background: #f0e4c8;
					z-index:999999;
				}
				
					#navigation ul li:hover ul
					{
						display: block;
					}
					
					#navigation ul li ul li a
					{
						font-size: 20px;
						font-family: 'MonotypeCorsivaRegular';
					}
					
						#navigation ul li ul li a:hover
						{
							color: #a44010;	
						}
					
					#navigation ul li ul li a span
					{
						padding: 0;	
					}
					
					#navigation ul li ul li
					{
						float: none;
						margin: 0 !important;
						width: 250px;
					}
					
						
	#page-content
	{
		margin-top: 25px;
		margin-bottom: 15px;
	}
	
		#wide
		{
			padding: 20px 50px;	
		}
	
		#image-carousel
		{
			height: 220px;
		}
		
			#image-carousel ul
			{
				width: 880px;
			}
			
				#image-carousel ul li
				{
					float: left;
					width: 220px;
					padding: 0 8px;
				}
				
					#image-carousel ul li img
					{
						display: block;
						margin: 0 auto;	
					}
	
		#content-left
		{
			width: 500px;
			padding: 0 65px 0 20px;
			float: left;
			min-height: 600px;
			background: transparent url( "images/content-left-bg.png" ) top right repeat-y;
		}
		
			h1
			{
				font-size: 24px;
				color: #516006;
				font-weight: bold;
				font-style: italic;
				margin-bottom: 32px;
			}
			
			#content-left p
			{
				line-height: 24px;	
				font-style: normal;
			}
			
			blockquote
			{
				background:		transparent url('./../grfx/open-quote.jpg') top left no-repeat;
				border-bottom: dashed 1px #c47171;
				padding-bottom: 25px;
			}
			
				blockquote p:first-child
				{
					font-weight:strong;
					font-size:	18px;
					line-height:24px;
					font-family:Georgia, "Times New Roman", Times, serif;
					padding:    15px 0 0 0;
				}
				
				blockquote p:last-child
				{
					display:	inline;
					padding:    0 20px 0 0;
					line-height: 14px !important;
				}
				
			#content-right blockquote
			{
				font-size: 14px;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #993333;
				font-style: italic;
				padding: 0 10px;
				line-height: 20px;
				border: none;
			}
			
				#content-right blockquote p:first-child
				{
					font-weight:strong;
					font-size:	18px;
					line-height:24px;
					font-family:Georgia, "Times New Roman", Times, serif;
					padding:    0;
				}
				
				#content-right blockquote p:last-child
				{
					font-size: 14px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #660000;
					font-style: normal;
					padding: 0;
				}
		
		#content-right
		{
			float: left;
			width: 310px;
			padding-left: 20px;
		}
		
			#content-right h2
			{
				font-size: 16px;
				font-weight: bold;
				font-style: italic;
				margin: 20px 0;
				color: #516006;
			}
			
				#content-right h2:first-child
				{
					margin-top: 0;	
				}
			
			#content-right .events-readout
			{
				
			}
			
				.events-readout span.name
				{
					display: block;
					min-height: 18px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 18px;
					color: #5b2f04;
					padding-left: 25px;
					background: transparent url( "images/calendar.png" ) center left no-repeat;	
				}
	
				.events-readout .description
				{
					width: 286px;
					height: 151px;
					overflow: hidden;
					margin-top: 20px;
					line-height: 16px;
					background: transparent url( "images/event-description-bg.png" ) 0 0 no-repeat;				
				}
				
					.description p
					{
						font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
						color: #ffffff;
						font-style: italic;
						padding: 3px 18px;	
					}
					
				p.testimonial
				{
					font-size: 14px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #993333;
					font-style: italic;
					padding: 0 10px;
					line-height: 20px;
				}
				
				p.testimonee
				{
					font-size: 14px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #660000;
					font-style: normal;
					padding: 0 10px;
				}
				
				ul.classes
				{
					background: transparent url( "images/class-list-bg.gif" ) 0 0 repeat-y;
				}
				
					ul.classes li
					{
						
					}
					
						ul.classes li a
						{
							display: block;
							width: 259px;
							height: 51px;
							text-decoration: none;
							color: #ffffff;
							font-size: 16px;
						}
						
							ul.classes li a:hover
							{
								text-decoration: underline;	
							}

							ul.classes li a span
							{
								display: block;
								padding: 17px 0 0 16px;	
							}
	#page-footer
	{
		min-height: 194px;
		background: transparent url( "images/footer-bg.gif" ) 0 0 repeat-x;
	}
	
		#page-footer-content
		{
			width: 960px;
			height: 194px;
			margin: 0 auto;
			position: relative;
			background: #f0e5c4;
		}
		
			#page-footer-content .lotus
			{
				width: 161px;
				height: 134px;
				position: absolute;
				left: -60px;
				top: -60px;
				background: transparent url( "images/footer-lotus.png" ) 0 0 no-repeat;
			}
			
			#page-footer-content .footer-logo
			{
				position: absolute;
				left: 25px;
				top: 120px;	
			}
			
			#page-footer-content > ul
			{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 14px;
				color: #660000;
				position: relative;
				top: 25px;
				left: 65px;
			}
			
				#page-footer-content > ul li
				{
					float: left;
					width: 180px;
					padding-right: 2px;
				}
				
				ul.social li
				{
					float: left;
					margin-right: 5px;
					width: auto !important;
				}
				
				#page-footer-content span.header
				{
					font-weight: bold;
					font-style: italic;
					font-size: 16px;
					display: block;
					margin-bottom: 14px;
				}
				
				#page-footer-content a, #page-footer-content a:visited
				{
					color: #a95730;
					text-decoration: none;
				}
				
					#page-footer-content a:hover
					{
						text-decoration: underline;	
					}
					
.bx-next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 28px;
	height: 28px;
	text-indent: -999999px;
	background: url( "images/right-arrow.png" ) no-repeat 0 0;
}

.bx-prev {
	position:absolute;
	top:40%;
	left:-40px;
	z-index:999;
	width: 28px;
	height: 28px;
	text-indent: -999999px;
	background: url( "images/left-arrow.png" ) no-repeat 0 0;
}

a, a:visited
{
	color: #ff0000;
	text-decoration: none;	
}

	a:hover
	{
		text-decoration: underline;	
	}