/*	
	-------------------------------------------------------------
	Claire Jannuzzi Yoga 2009 (Modified Feb. 2010)
	Design & Web Development
	2009 Style Sheet (Master)
	
	Version: 		2.0
	Author: 		Justin Agoglia
	Website: 		www.skylardesign.com
	-------------------------------------------------------------	
*/

/* =Universal Styles 
  ----------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
	
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* =Universal Styles 
----------------------------------- */
/* =body */
body {font: 88%/1.5 Arial, Helvetica, sans-serif; color: #FFF; background: #83767F;}

/* =a */
a {color: #A4CCFD; text-decoration: none;}
a:hover {color: #0569E2; text-decoration: underline;}

h1, h2, h3, h4 {color: #FFF;}

#wrapper, #branding, #content {width: 970px; margin: 0 auto;}
#branding, #content {float: left;}
#wrapper {margin-top: 15px;}

#branding {height: 125px; background: #D3D87C url(../images/mastheadTop.gif) no-repeat;	position: relative;
	border-bottom: 1px solid #FFF;}

/* =Global Nav System */
#branding ul#mainNav {float: right; margin: 5px 30px 0 0;}
#branding ul#mainNav li {float: left; margin: 0 20px 0 0; padding-right: 20px; background: url(../images/pipe.gif) no-repeat right center;}
#branding ul#mainNav li#contactLink {background: none;}
#branding ul#mainNav li a {font-size: 1em; text-transform: uppercase; padding: 42px 0; display: block; color: #5A3620;}
#branding ul#mainNav li a:hover {color: #C5835A; text-decoration: none;	background: url(../images/marker.gif) no-repeat center 70px;} 

/* =Logo */
#branding #logo {position: absolute; top: 38px; left: 40px;}
#branding #logo h1 {width: 228px; background: url(../images/logo.jpg) no-repeat; text-indent: -9999px;}
#branding #logo h1 a {display: block; height: 188px; background: url(../images/logo.jpg) no-repeat;}

/* =Content */
#content {background: #B84B19;}
#content-main, #content-sub {float: right; width: 550px;}
#content-main {margin: 25px 65px 20px 0;}
#content-sub {float: left; width: 255px; margin: 140px 0 0 35px;}

#content-main h2 {font-size: 1.9em; font-weight: normal; line-height: normal;}
#content-main h3 {font-size: 150%; font-weight: normal; letter-spacing: 0.02em; margin-bottom: .1em;}
#content-main p {font-size: .9em; margin-bottom: 1.5em; line-height: 1.55;}
#content-main #style {margin: 20px 0;}
#content-main h4#padDown {margin-bottom: 17px;}

#content-sub {font: italic 130% Georgia, "Times New Roman", Times, serif;}
#content-sub blockquote p {line-height: 1.3em;}
#content-sub p#q-author {margin-top: .5em;}

/* =Tables
  ----------------------------------- */
table {background: #FFF; color: #666; width: 520px; empty-cells: show; margin: 10px 0 1.8em 0; text-align: left; font: 0.85em Arial, Helvetica, sans-serif;}
table th {background: #AFAD31; color: #FFF;	padding: 3px 0 3px .65em; margin: 0 0 5px 0; text-align: left;
	letter-spacing: .01em; font: 1.55em Georgia, "Times New Roman", Times, serif;}
table th, table td {border: 1px solid #C9CBCC; border-bottom: none; border-right: none;}
table td.border-bott {border-bottom: 1px solid #C9CBCC;}
#content-main table.scheduleTab {background: transparent; color: #fff;}
#content-main table.scheduleTab td {border: none;}
#content-main table.scheduleTab td {padding: 3px 1px 4px 0;}
#content-main table.scheduleTab td p {margin: 0; font-size: 1.3em; font-weight: bold;}
#content-main table.scheduleTab td h3 {
	font-size: 130%;
	color: #fff;
	letter-spacing: normal;
}
table tbody tr:hover {background: none;} 

body#retreats #content-main table.scheduleTab {margin: .3em 0;}

table#retreatImgs tr td  {text-align: center; padding: 4px 0;}


/* =Footer */
#site-info {
	clear: both;
	background: #5A3620;
	height: 60px;
	width: 940px;
	padding: 20px 0 0 30px;

}
#site-info p {font-size: .75em; letter-spacing: .04em;}
#site-info a {color: #597ADB;}
#site-info a:hover {color: #8DA4E7; text-decoration: underline;}
#site-info p#site-author {margin-top: 7px;}

/* =Uberlinks
---------------------------------- */
#home #homeLink a, #bio #bioLink a, #services #servicesLink a, #schedule #scheduleLink a, #retreats #retreatsLink a, #contact #contactLink a {
 background: url(../images/marker.gif) no-repeat center 70px; cursor: default;}
 
 /* =CC
---------------------------------- */
#content-main div#cc table td {border: none; background: #B84B19; font-size: 14px; color: #FFF;}
#content-main div#cc table tr td a {color: #333;}
#content-main div#cc table td:hover {background: #B84B19; border: none;}