/*
Theme Name: Inlet Wellness Gallery
Theme URI: http://www.kelmandesign.com/
Description: Expanded Inlet Wellness Gallery theme by Kelman Design, Inc.
Author: Keli Manson (programmed by Tony Chung http://tonychung.ca)
Version: 1.0
Tags: purple, serenity, the art of living well, wellness, balance, life giving, eternal
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }


/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with context-sensitive sidebar left of content
*/

body
{
  color: #492f91; background-color: #b5bbd4;
  font: 62.5%/1.2 'lucida grande', 'lucida sans unicode', arial, helvetica, helv, sans-serif;
  margin: 0; padding: 0;
  text-align: center;
}

#wrapper
{
  display: block; position: static;
  margin: 0 auto;
  width: 810px;
  font-size: 1em;
  overflow: visible;
  text-align: left;
}

#header,
#masthead,
#branding,
#servicephotos,
#access,
#navigation,
#main
{
  margin: 0; padding: 0;
  width: 100%;
  float: left;
}

#masthead,
#servicephotos,
#access
{
  margin-top: 1em;
}

#access
{
  float: left;
  color: #ff9; background-color: #492591;
  border: 1px #492591 solid;
}

#access .skip-link
{
  display: block;
  position: absolute;
  left: -99999em;
  height: 0;
}

#access ul
{
  display: block; width: 100%;
  margin-left: 10em;
}

#access ul li
{
  font-size: 1.6em;
  display: block; float: left;
  line-height: 1.25em;
}

#access ul li a
{
  padding: .0625em 1em;
  color: #ff9; background-color: inherit;
  text-decoration: none;
}

#access ul li a:hover
{
  color: #fff; background-color: #8781bd;
}

#access ul li.current_page_item a
{
  color: #fff; background-color: inherit;
}

#access ul li.facebook-fan-page a
{
  padding-left: .5em; padding-right: .5em;
}

#access ul li.facebook-fan-page a img
{
  border: none; margin: 0 0 -2px 0; padding: 0;
}

#main
{
}

#container
{
  position: relative;
  background: #b5bbd4 url('images/sidebar-bkg.gif') repeat-y;
  font-size: 1.2em;
}

#content
{
  margin: 0 0 0 221px;
  padding-bottom: 10em;
}

.entry-content
{
  margin-left: 1.3em;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content p,
.entry-content ol,
.entry-content ul
{
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.5em;
  background-color: inherit;
}

.entry-content h1
{
  margin-bottom: .3em;
  font-size: 1.4em;
  font-weight: bold;
  color: #00757d;
}

.entry-content h2
{
  margin-bottom: .5em;
  color: #492f91;
}

.entry-content h1.subject_name
{
  margin-bottom: 0;
}

.entry-content p
{
  color: #000;
}


.entry-content ol
{
  list-style: decimal;
  margin-left: 2em;
  color: #000; background-color: inherit;
}

.entry-content ul
{
  list-style: disc;
  margin-left: 1.5em;
  color: #000; background-color: inherit;
}

.entry-content a
{
  color: #492f91;
  text-decoration: none;
}

.entry-content a:hover
{
  color: #fff;
}

body.home .entry-content
{
  padding-top: 2em;
}

body.home .entry-content p,
body.page-id-19 .entry-content p,
body.page-id-17 .entry-content p
{
  color: #492f91;
}

.alignleft
{
  float: left;
  margin-right: 1.3em;
}

.alignright
{
  float: right;
  margin-left: 1.3em;
}

.alignnone
{
  clear: both;
}


#footer
{
  width: 100%;
  margin-top: 3em;
  font-size: 1em;
}

#primary
{
  position: absolute;
  top: 0; left: 0;
  width: 220px;
  font-size: 1em;
}

#primary ul
{
  margin: 0 0 2em 1.75em;
  float: left;
  line-height: 1.4em;
}

#primary ul li
{
  color: #000; background: url('images/curly.png') 0 0 no-repeat;
  margin-bottom: 1em; padding: 0 0 0 2em;
}

#primary ul li a
{
  color: #000; background-color: inherit;
  text-decoration: none;
}

#primary ul li a:hover
{
  color: #492591; background-color: inherit;
}


#primary ul li.current_page_item a
{
  color: #492591; background-color: inherit;
}

#primary h1,
#primary h2,
#primary h3
{
  margin: 2em 0 1em 3.625em;
  font-size: 1.05em;
  font-weight: bold;
  
}

#primary p
{
  margin: 2em 1em;
  font-size: 1em;
}


#primary .quoter
{
  margin-top: 1.2em;
  display: block;
  clear: both; float: right;
  font-family: "arial narrow", "helvetica condensed", sans-serif;
  font-size: 1em;
}

#primary a.quoter
{
  text-decoration: none;
  color: #492591; background-color: inherit;
}

#primary a.quoter:hover
{
  color: #b5bbd4; background-color: inherit;
}


#footer
{
  display: block; width: 590px;
  text-align: center;
  font-size: 1em;
}

#footer address
{
  display: block; width: 100%;
  text-align: left;
  float: left;
  color: #fff; background-color: #492f91;
  font: .9em/1.4em arial, helvetica, sans-serif;
}

#footer address span
{
  margin: .3em 0;
}

#footer address span a, #footer address span a:hover
{
  color: #fff; background-color: #492f91;
  font-weight: normal;
  text-decoration: none;
}

#footer address .gifts
{
  float: left;
  font-weight: bold;
  text-align: left;
  margin-left: 2em;
}

#footer address .location
{
  float: right;
  margin-right: 4em;
}

#footer address .location .phone
{
  margin-left: 1em;
  margin-right: 1em;
}

#footer em a
{
  text-decoration: none;
  font-weight: bold;
  color: #492f91;
  background-color: transparent;
}

#footer em a:hover
{
  text-decoration: none;
  font-weight: bold;
  color: #fff; background-color: inherit;
}

#footer .tagline
{
  margin-top: 1em;
}


#colophon,
#credits
{
  position: relative;
  font-size: .9em;
}


#colophon
{
  float: left;
  margin: -2em 0 0 1.25em;
  padding-bottom: 2em;
}

#credits
{
  margin-top: -2em; float: right;
}

#colophon a,
#credits a
{
  text-decoration: none;
  color: #492591;
}

#colophon a:hover,
#credits a:hover
{
  text-decoration: underline;
}