/* author: Scott Marlow, Marketing By Marlow | 206.784.5454, muse@marketingbymarlow.com */
/* date: December 10, 2008 */

/* COLORS
off-white background / primary nav links: #f5ead8
dark brown sidebar heading background / h3 subheader / sidebar links: #2b150e
pink body background: #ba5b49
blue h1/h2 headers / body links: #2488a0
lt brown nav hover: #59382e
*/

body {
	background: url(../img/bg-vines.jpg) 0 0 repeat; 
	font-family: Didot, Georgia, serif; font-size: 10px; 
	margin: 0;
	padding: 0
}
#wrapper {
background-color: #f5ead8;
margin-left: auto; margin-right: auto;
width: 780px
}

#head {
background-color: #ba5b49;
background-image: url(../img/head-butterfly.jpg);
background-position: top right;
background-repeat: no-repeat;
min-height: 200px;
width: 780px
}

/* NAVIGATION */

#nav ul {
list-style-type:none;
margin: .6em 0 0 0;
padding: 0;
text-align: center
}
#nav li {
display: inline;
margin: 1em
}
#nav a {
color: #f5ead8;
font-size: 1.1em; font-weight:400;
letter-spacing: .1em;
text-decoration: none; text-transform:uppercase
}
#nav a:hover {
color: #59382e
}
#nav a.select{
color: #2b150e
}

/* SIDEBAR */

#events {
background-color: #ba5b49;
background-image:url(../img/bg-events.gif); 
background-position: center 98%; 
background-repeat: no-repeat;
color: #f5ead8;
float: right;
margin: 0 0 20px 80px;
padding-bottom: 60px;
width: 260px
}

#content #events h3 {
background-color: #2b150e;
color: #f5ead8;
font-size: 1.6em; font-weight: 500;
margin: 0;
padding: 16px 10px;
text-align:center;
text-transform:uppercase
}
#events ul {
list-style-type: none;
margin: 0;
padding: 0
}
#content #events li {
background: transparent url(../img/list-button2.gif) top left no-repeat;
border-bottom: 1px solid #2b150e;
color: #f5ead8;
margin-bottom: 1em;
padding: 0 0 10px 20px
}
#content #events a {
color: #2b150e; 
text-decoration: underline;
}
#content #events a:hover {
text-decoration: none;
}


/* MAIN CONTENT AREA */

#padding {
padding: 40px 40px 0 40px;
}
#content {
background-image:url(../img/bg-apple.gif); 
background-position: 540px 97%; 
background-repeat: no-repeat;
min-height: 540px;
padding: 0 0 125px 0
}

/* override individual page headers and/or background icons by referencing body id element and modifying the bg image(s) below

#philosophy #head {
background-image: url(../img/head-butterfly.jpg)
}
#workshops #content {
background-image:url(../img/bg-apple.gif) 
}
*/
#about #content {
background-image:url(../img/bg-coach.gif) 
}
#philosophy #content {
background-image:url(../img/bg-heart.gif) 
}
#news #content {
background-image:url(../img/bg-frog.gif) 
}
#resources #content {
background-image:url(../img/bg-spinwheel.gif) 
}
#testimonials #content {
background-image:url(../img/bg-gingerbread-house.gif) 
}
#content a {
color: #2488a0;
text-decoration:none
}

#content a:hover {
text-decoration: underline
}
h1 {
color: #2488a0;
font-size: 3em; font-weight:400;
margin: 0; 
padding: 0
}
h2 {
color: #2b150e;
font-size: 1.6em;
margin: 1.5em 0 -.5em 0; 
padding: 0
}
h3 {
color: #59382e;
font-size: 1.2em;
margin: 1em 0 -.5em 0; 
padding: 0
}
#content ul, #content ol {
margin: 1em 0;
padding: 0
}

#content li {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 1em 0 1em 2em
}

#content p, #content li, #content q, #content cite {
color: #5a1a0e; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height:1.6em;
}
/* to capitalize first line of paragraphs that follow h1 headers:
#content h1 + p:first-line {
text-transform: uppercase
}
*/


/* FOOTER */


#footer {
padding: 4px 40px
}
#footer, #footer p, #footer a, #footer a:hover {
background-color: #2b150e;
color: #f5ead8;
font-size: 1em;
letter-spacing: .1em;
margin: 0;
text-decoration: none
}
#footer a:hover {
text-decoration:underline
}