/* Shiatsu Society Palette
#d6d6b0 beige background
#e0e0e0 light grey
#690 green
#36c blue
#039 blue subheadings
#399 teal
#9cc light teal / duck egg


Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #36c; text-decoration: none;  }
a:hover { text-decoration: underline; }
ul, ul li { list-style: none; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; padding-bottom: 25px; font: 69% arial,verdana,sans-serif; color: #333; background-color: #d6d6b0; text-align: center; }

/* Headings,text
================================================================*/
#content { line-height: 1.3em; }
#content p, #content ul { margin: 0 8px 1.4em;  }
#content ol { margin: 0 0 30px; }
#content li { padding-left: 13px; background: url(../images/template/bullet.gif) 3px 5px no-repeat; }

#formPrac, h1, h2 { font-family: 'trebuchet ms',futura,helvetica,arial,sans-serif; }

h1, h2 {  text-transform: uppercase; }
h1 { padding: 9px 8px 10px; margin-bottom: 13px; border-bottom: 5px solid #fff; font-size: 1.4em; background-color: #690; color: #fff; letter-spacing: 1px; }
h2 { padding: 13px 8px 6px; font-size: 1.1em; border-top: 5px solid #fff; color: #690; }
h2.first { padding-top: 0; border-top: 0; }
h3 { padding: 0 8px 3px; font-size: 1em; color: #039; }

/* Forms
==================================================================*/
input, select, textarea { font-size: 1em; font-family: arial,helvetica,sans-serif; color: #333; }

.form-std label { float: left; display: inline; width: 70px; font-weight: normal; }
.form-std label.option { float: none; width: auto; }
.form-std input { margin: 0 !important; }
.form-std input.input { width: 150px;  }
#form-contact textarea, #form-contact input {  width: 250px; } 
.form-std .actions { margin: 0 0 3em 70px; }
#form-contact .actions { margin-left: 80px; }
.form-std strong.error { display: block; color: #933; padding-left: 70px; }
#form-contact input.error, #form-contact textarea.error { border: 1px solid #933; }
.form-std button { background-color: #399; color: #fff; border: 0; padding: 2px 10px; cursor: pointer; }

.section-forum #content .form-std p { margin-bottom: 20px; }

#register_member_form label, #forgot_password_form label { width: 110px; }
#register_member_form span { color: #666; padding-left: 1em; }
#register_member_form .actions, #forgot_password_form .actions { margin-left: 110px; }

/* Structure
================================================================*/
#wrapper { width: 976px; margin: 0 auto; text-align: left; background-color: #fff; }

#branding { position: relative; margin: 0 0 12px 52px; height: 140px; background: url(../images/template/bg-branding.gif) top left no-repeat; }
#logo { position: absolute; top: 42px; left: 193px; }
#tagline { position: absolute; top: 0; left: 570px; text-indent: -999em; width: 296px; height: 41px; background: url(../images/template/tagline.gif) 3px 7px no-repeat; color: #36c; border-top: 6px solid #690; font-size: 1.2em; font-weight: bold;  }

#formPrac { position: absolute; top: 47px; left: 570px; width: 296px; height: 93px; background-color: #9cc; }
#formPrac label { display: block; color: #fff; text-transform: uppercase; font-size: 1.4em; letter-spacing: 1px; padding: 0.4em 0.6em; font-weight: bold; background-color: #399; border-bottom: 3px solid #fff; }
#formPrac div { padding: 14px 0 0 10px; }
#formPrac select { width: 155px; margin-right: 30px; }

#main, #sidebar, #content, #photos, #wrapper-forum { float: left; display: inline; }
#main { margin-left: 52px; width: 866px; }

#sidebar { width: 170px; margin: 9px 13px 0 0; /*padding-bottom: 197px; background: url(../images/template/emblem.jpg) bottom left no-repeat;*/ color: #666; text-transform: uppercase; letter-spacing: 1px; }
#sidebar li { float: left; display: inline; width: 170px; background: url(../images/template/divider.gif) bottom left repeat-x; }
#sidebar a { display: block; padding: 3px 2px 7px; } 
#sidebar a, #sidebar a:visited { color: #666; }
#sidebar a:hover , #sidebar li.current a, #sidebar li.current a.visited, .section-home li#navHome a, .section-home li#navHome a:visited, .section-links li#navLinks a, .section-links li#navLinks a:visited, .section-contact li#navContact a, .section-contact li#navContact a:visited,  .section-thanks li#navContact a, .section-thanks li#navContact a:visited, .section-news li#navNews a, .section-news li#navNews a:visited, .section-education li#navEdu a, .section-education li#navEdu a:visited  
{ background: url(../images/template/bullet-nav.gif) 160px 7px no-repeat; text-decoration: none; }

#content { width: 375px; margin-right: 12px; background-color: #e0e0e0; border-bottom: 8px solid #399; min-height: 481px; height: auto; }
* html #content { height: 489px; he\ight: 481px; }

#wrapper-forum { width: 683px; }

#photos { width: 296px; }
#photos img { display: block; margin-bottom: 1.5em; }
#photos li { display: inline; }

#footer { clear: both; }

/* Special cases
================================================================*/

/*non bulleted lists*/
#content .listing li, #content ul.event li { padding-left: 0; background: none; } 

/*page sections needing white divider*/
#content div.segment { margin-bottom: 13px; border-bottom: 5px solid #fff; }

#content p.paging { padding-top: 8px; border-top: 1px solid #690; }

/*education page - no photos sidebar*/
.section-education #content { width: 683px; margin-right: 0; }
.section-education h1 { margin-bottom: 0; }
table.list { border-bottom: 8px solid #399; }
table.list th { padding: 6px 8px; background-color: #399; color: #fff; text-align: left; font-size: 1.1em; border-bottom: 1px solid #fff; }
table.list td { border-top: 1px solid #fff; padding: 6px 8px; vertical-align: top; background-color: #f0f0f0; }
table.list tr.even td { background-color: #D4E3D9; }
th.location { width: 12%; }
th.date { width: 15%; }
th.cost { width: 20%; }
table .sortdate { display: none; }
th#datesort, th.header, th.headerSortUp, th.headerSortDown { cursor: pointer; background-image: url(../images/template/sort.gif); background-position: center right; background-repeat: no-repeat; }
th.headerSortUp, th.headerSortDown { background-image: url(../images/template/sort-current.gif) !important; }

/*practitioner listings*/
.listing { border-bottom: 1px solid #690; margin: 0 13px 1.6em; }
.listing h2 { margin-bottom: 0.6em; padding: 0; border: 0; color: #333; text-transform: none; letter-spacing: 1px; }
.listing h2 span { display: block; font-weight: normal; font-size: .9em; }
#content .listing ul { margin: 0 0 0.8em; }

/*forum practitioner search in iframe*/
body.include { padding: 0; text-align: left; }
#branding iframe { position: absolute; top: 47px; left: 570px; }
iframe { border: 0; }
body.include #formPrac { position: static; top: auto; left: auto; }