/* CARA MUHLHAHN MIDWIFERY © Diasa Design 2008-2009 ----------------------------------------------- */ * { font-size: 100%; margin: 0; padding: 0; } html { height: 100%; } body { background: url(../i/CM_heading.jpg) #200000 repeat-x 0 0; color: #200000; font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; min-width: 910px; text-align:center; } p, ul, li, h2, h3, h4, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 5px 0; } textarea {font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;} /* =Headings - Generic styles ----------------------------------------------- */ h2, h3, h4, h5, h6 { background: transparent; color: #200000; font-weight: normal; letter-spacing: 1px; } #content-b h2 { font-size: 12px; padding: 0px 0px 5px 0px; text-align: left; } #content-b h3 { font-size: 11px; text-align: left; } #content-b h4 { font-size: 10px; padding: 5px 0px 0px 0px; text-align: left; } #content-b h5{ font-size: 10px; color: #eeeeee; padding: 0px 0px 25px 0px; text-align: right; } #content-b h6 { font-size: 10px; color: #eeeeee; padding: 12px 0px 5px 0px; text-align: left; } #content-a h2 { font-size: 12px; color: #eeeeee; padding: 0px 0px 5px 0px; text-align: left; } #content-a h3 { font-size: 11px; color: #eeeeee; text-align: left; } #content-a h4 { font-size: 10px; padding: 5px 0px 0px 0px; text-align: left; } #content-a h5{ font-size: 10px; color: #eeeeee; padding: 0px 0px 25px 0px; text-align: right; } #content-a h6 { font-size: 10px; color: #eeeeee; padding: 12px 0px 5px 0px; text-align: left; } /* =Anchors ----------------------------------------------- */ a img { border: none; } a:link { background: transparent; color: #500000; text-decoration: none; } a:visited, a:focus, a:active { background: transparent; color: #333333; text-decoration: none; } a:hover { background: transparent; color: #bc8f8f; text-decoration: none; } /* =Lists ----------------------------------------------- */ #content ol { list-style-position: inside; list-style-type: lower-roman; } #content ul { list-style-type: none; } #content ul li { background: transparent; } #content dt { font-weight: bold; } /* =Wrappers ----------------------------------------------- */ #wrapper { background: transparent url(../i/CM_wrapper.jpg) repeat-y 0 0; text-align: center; width: 910px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; float:none; } /* =Heading ----------------------------------------------- */ #heading { position: relative; } #heading h1 { left: 25px; position: absolute; top: 31px; border: none; } #heading h1 a { background: transparent url(../i/CM_home.gif) no-repeat 0 0; display: block; height: 35px; overflow: hidden; text-indent: -9999px; width: 450px; } /* =General layout ----------------------------------------------- */ #content { background: url(../i/CM_content.jpg) no-repeat 0 0; width: auto; } #content-a { float: left; width: 280px; } #content-a-inner { padding: 85px 2px 0 61px; text-align: justify; font-size: 9px; color: #eeeeee; font-weight: normal; text-decoration: none; } #content-a a:link { color: #ffffff; text-decoration: none; } #content-a a:hover, #content-a a:visited { color: #bc8f8f; text-decoration: none; } #content-b { float: left; width: 500px; } #content-b-inner { padding: 82px 27px 0 35px; text-align: justify; font-size: 10px; } #content-c { float: left; width: 352px; padding: 77px 0px 0 28px; text-align: left; font-size: 8px; color: #ccc1bf; font-weight: normal; text-decoration: none; text-transform: uppercase; } #content-c a:link { color: #eee; text-decoration: none; } #content-c a:hover, #content-c a:visited { color: #fff; text-decoration: none; } #content-d { float: left; width: 400px; } #content-d-inner { padding: 82px 27px 0 35px; text-align: justify; font-size: 10px; } /* =Footer ----------------------------------------------- */ #footer { background: transparent url(../i/CM_footer.jpg) no-repeat 0 0; clear: both; height: 128px; width: 910px; } /* =Main Navigation ----------------------------------------------- */ #nav-main{ background: transparent; list-style-type: none; padding: 45px 10px 107px 45px; } #nav-main li { margin: 0; } #nav-main li a { display: block; height: 23px; overflow: hidden; text-indent: -9999px; width: 172px; } #nav-main-homebirth a { background: transparent url(../i/CM_nav1.jpg) no-repeat 0 0; } #nav-main-homebirth-on a { background: transparent url(../i/CM_nav1.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-preparation a { background: transparent url(../i/CM_nav2.jpg) no-repeat 0 0; } #nav-main-preparation-on a { background: transparent url(../i/CM_nav2.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-health a { background: transparent url(../i/CM_nav3.jpg) no-repeat 0 0; } #nav-main-health-on a { background: transparent url(../i/CM_nav3.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-postpartum a { background: transparent url(../i/CM_nav4.jpg) no-repeat 0 0; } #nav-main-postpartum-on a { background: transparent url(../i/CM_nav4.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-newborns a { background: transparent url(../i/CM_nav5.jpg) no-repeat 0 0; } #nav-main-newborns-on a { background: transparent url(../i/CM_nav5.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-about a { background: transparent url(../i/CM_nav6.jpg) no-repeat 0 0; } #nav-main-about-on a { background: transparent url(../i/CM_nav6.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-contact a { background: transparent url(../i/CM_nav7.jpg) no-repeat 0 0; } #nav-main-contact-on a { background: transparent url(../i/CM_nav7.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-images a { background: transparent url(../i/CM_nav8.jpg) no-repeat 0 0; } #nav-main-images-on a { background: transparent url(../i/CM_nav8.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-blog a { background: transparent url(../i/CM_nav9.jpg) no-repeat 0 0; } #nav-main-blog-on a { background: transparent url(../i/CM_nav9.jpg) no-repeat 0 0; background-position: -172px 0; } #nav-main-homebirth a:hover, #nav-main-homebirth a:focus, #nav-main-homebirth a:active, #nav-main-preparation a:hover, #nav-main-preparation a:focus, #nav-main-preparation a:active, #nav-main-health a:hover, #nav-main-health a:focus, #nav-main-health a:active, #nav-main-postpartum a:hover, #nav-main-postpartum a:focus, #nav-main-postpartum a:active, #nav-main-newborns a:hover, #nav-main-newborns a:focus, #nav-main-newborns a:active, #nav-main-about a:hover, #nav-main-about a:focus, #nav-main-about a:active, #nav-main-images a:hover, #nav-main-images a:focus, #nav-main-images a:active, #nav-main-blog a:hover, #nav-main-blog a:focus, #nav-main-blog a:active, #nav-main-contact a:hover, #nav-main-contact a:focus, #nav-main-contact a:active { background-position: -172px 0; } /* =Navigation B ----------------------------------------------- */ #nav-b{ background: transparent; list-style-type: none; padding: 25px 2px 0px 0px; } #nav-b li { margin: 0; } #nav-b li a { display: block; height: 15px; overflow: hidden; text-indent: -9999px; width: 215px; padding: 0px 0px 8px 0px; } #nav-b-nausea a { background: transparent url(../i/CM_navb_nausea.jpg) no-repeat 0 0; } #nav-b-nausea-on a { background: transparent url(../i/CM_navb_nausea.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-exercise a { background: transparent url(../i/CM_navb_exercise.jpg) no-repeat 0 0; } #nav-b-exercise-on a { background: transparent url(../i/CM_navb_exercise.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-nutrition a { background: transparent url(../i/CM_navb_nutrition.jpg) no-repeat 0 0; } #nav-b-nutrition-on a { background: transparent url(../i/CM_navb_nutrition.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-medication a { background: transparent url(../i/CM_navb_medication.jpg) no-repeat 0 0; } #nav-b-medication-on a { background: transparent url(../i/CM_navb_medication.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-edu a { background: transparent url(../i/CM_navb_edu.jpg) no-repeat 0 0; } #nav-b-edu-on a { background: transparent url(../i/CM_navb_edu.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-supplies a { background: transparent url(../i/CM_navb_supplies.jpg) no-repeat 0 0; } #nav-b-supplies-on a { background: transparent url(../i/CM_navb_supplies.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-water a { background: transparent url(../i/CM_navb_water.jpg) no-repeat 0 0; } #nav-b-water-on a { background: transparent url(../i/CM_navb_water.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-doulas a { background: transparent url(../i/CM_navb_doulas.jpg) no-repeat 0 0; } #nav-b-doulas-on a { background: transparent url(../i/CM_navb_doulas.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-pediatricians a { background: transparent url(../i/CM_navb_pediatricians.jpg) no-repeat 0 0; } #nav-b-pediatricians-on a { background: transparent url(../i/CM_navb_pediatricians.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-plans a { background: transparent url(../i/CM_navb_plans.jpg) no-repeat 0 0; } #nav-b-plans-on a { background: transparent url(../i/CM_navb_plans.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-feeding a { background: transparent url(../i/CM_navb_feeding.jpg) no-repeat 0 0; } #nav-b-feeding-on a { background: transparent url(../i/CM_navb_feeding.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-decisions a { background: transparent url(../i/CM_navb_decisions.jpg) no-repeat 0 0; } #nav-b-decisions-on a { background: transparent url(../i/CM_navb_decisions.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-babyclothes a { background: transparent url(../i/CM_navb_babyclothes.jpg) no-repeat 0 0; } #nav-b-babyclothes-on a { background: transparent url(../i/CM_navb_babyclothes.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-wearing a { background: transparent url(../i/CM_navb_wearing.jpg) no-repeat 0 0; } #nav-b-wearing-on a { background: transparent url(../i/CM_navb_wearing.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-diapering a { background: transparent url(../i/CM_navb_diapering.jpg) no-repeat 0 0; } #nav-b-diapering-on a { background: transparent url(../i/CM_navb_diapering.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-massage a { background: transparent url(../i/CM_navb_massage.jpg) no-repeat 0 0; } #nav-b-massage-on a { background: transparent url(../i/CM_navb_massage.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-literature a { background: transparent url(../i/CM_navb_lit.jpg) no-repeat 0 0; } #nav-b-literature-on a { background: transparent url(../i/CM_navb_lit.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-forums a { background: transparent url(../i/CM_navb_forums.jpg) no-repeat 0 0; } #nav-b-forums-on a { background: transparent url(../i/CM_navb_forums.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-art a { background: transparent url(../i/CM_navb_art.jpg) no-repeat 0 0; } #nav-b-art-on a { background: transparent url(../i/CM_navb_art.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-b-nausea a:hover, #nav-b-nausea a:focus, #nav-b-nausea a:active, #nav-b-exercise a:hover, #nav-b-exercise a:focus, #nav-b-exercise a:active, #nav-b-nutrition a:hover, #nav-b-nutrition a:focus, #nav-b-nutrition a:active, #nav-b-medication a:hover, #nav-b-medication a:focus, #nav-b-medication a:active, #nav-b-edu a:hover, #nav-b-edu a:focus, #nav-b-edu a:active, #nav-b-supplies a:hover, #nav-b-supplies a:focus, #nav-b-supplies a:active, #nav-b-water a:hover, #nav-b-water a:focus, #nav-b-water a:active, #nav-b-pediatricians a:hover, #nav-b-pediatricians a:focus, #nav-b-pediatricians a:active, #nav-b-doulas a:hover, #nav-b-doulas a:focus, #nav-b-doulas a:active, #nav-b-plans a:hover, #nav-b-plans a:focus, #nav-b-plans a:active, #nav-b-feeding a:hover, #nav-b-feeding a:focus, #nav-b-feeding a:active, #nav-b-decisions a:hover, #nav-b-decisions a:focus, #nav-b-decisions a:active, #nav-b-babyclothes a:hover, #nav-b-babyclothes a:focus, #nav-b-babyclothes a:active, #nav-b-wearing a:hover, #nav-b-wearing a:focus, #nav-b-wearing a:active, #nav-b-diapering a:hover, #nav-b-diapering a:focus, #nav-b-diapering a:active, #nav-b-massage a:hover, #nav-b-massage a:focus, #nav-b-massage a:active, #nav-b-literature a:hover, #nav-b-literature a:focus, #nav-b-literature a:active, #nav-b-forums a:hover, #nav-b-forums a:focus, #nav-b-forums a:active, #nav-b-art a:hover, #nav-b-art a:focus, #nav-b-art a:active { background-position: -215px 0; } /* =Navigation C ----------------------------------------------- */ #nav-c{ background: transparent; list-style-type: none; padding: 0px 0px 0px 2px; } #nav-c li { margin: 0; } #nav-c li a { display: block; height: 15px; overflow: hidden; text-indent: -9999px; width: 215px; } #nav-c-consults a { background: transparent url(../i/CM_navc_consults.gif) no-repeat 0 0; padding: 0px 0px 18px 0px; } #nav-c-consults-on a { background: transparent url(../i/CM_navc_consults.gif) no-repeat 0 0; background-position: -215px 0; padding: 0px 0px 8px 0px; } #nav-c-board a { background: transparent url(../i/CM_navc_board.jpg) no-repeat 0 0; } #nav-c-board-on a { background: transparent url(../i/CM_navc_board.jpg) no-repeat 0 0; background-position: -215px 0; } #nav-c-consults a:hover, #nav-c-consults a:focus, #nav-c-consults a:active, #nav-c-board a:hover, #nav-c-board a:focus, #nav-c-board a:active { background-position: -215px 0; } /* =Navigation D ----------------------------------------------- */ #nav-d{ background: none; list-style-position:inside; list-style-type: none; padding: 10px 0px 0px 100px; } #nav-d li { margin: 0; } #nav-d li a { display: block; height: 50px; overflow: hidden; text-indent: -9999px; width: 50px; } #nav-d-home { background: transparent url(../i/CM_home.jpg) no-repeat 0 0; display:block; height:50px; width:50px; float:left; margin-left:140px; margin-top:30px; cursor: pointer; cursor: hand; } #nav-d-home:hover, #nav-d-home:focus, #nav-d-home:active { background-position:-50px; } /* =Paragraph Formatting ----------------------------------------------- */ p.m { background: transparent 0px 0px; font-size: 11px; color: #eeeeee; font-weight: normal; text-decoration: none; } p.m a:link { color: #eeeeee; text-decoration: none; } p.m a:hover { color: #bc8f8f; text-decoration: none; } p.m a:visited { color: #bc8f8f; text-decoration: none; } p.caption { background: transparent; font-size: 9px; font-weight: normal; text-align: left; } p.head { background: transparent; font-size: 10px; font-weight: normal; letter-spacing: .10px; } p.title { background: transparent; font-size: 12px; font-weight: normal; letter-spacing: .10px; padding: 0px 0px 5px 0px; } p.titleb { background: transparent; font-size: 11px; font-weight: normal; padding: 0px 0px 8px 0px; } p.heads { background: transparent; color: #eeeeee; font-size: 10px; font-weight: normal; letter-spacing: .10px; padding: 0px 0px 5px 0px; text-align: right; } p.titles { background: transparent; color: #eeeeee; font-size: 11px; font-weight: normal; letter-spacing: .10px; padding: 0px 0px 5px 0px; } /* =Tables ----------------------------------------------- */ .listing {width:444px; margin:0 auto; } .listing {background: transparent;} .listing td { padding: 0px 5px 2px 0px; vertical-align: top; text-align:left; } .listing p { padding-bottom: 8px; } /* =Forms ----------------------------------------------- */ input, textarea, select { background: transparent url(../i/formbg.gif) repeat-x left top; border: 1px solid #eee; color: #500000; display: block; font: "Trebuchet MS", "Helvetica", sans-serif; font-size: 9px; letter-spacing: 1px; margin-top: .5em; padding: 2px; } .clearer { clear: both; HEIGHT: 1px } .hidden { left: -10000px; position: absolute } .left { float: left } .right { float: right } #marginForm-a { float: left; width: 236px; position: relative; margin-bottom: 0; } #marginForm-b { float: left; width: 170px; position: relative; margin-bottom: 0; padding-left: 15px;} #marginForm { width: 436px; } #marginForm fieldset { display: block; BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 5px; BORDER-top: #eeeeee 0px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; margin: 0px 0px .5em; BORDER-LEFT: #ffffff 0px solid; PADDING-top: 0px; BORDER-BOTTOM: #eeeeee 0px solid; text-align: left; } #marginForm fieldset legend { font-weight: bold; float: left } #marginForm input { display: block; LEFT: 8.5em; position: relative; top: -2em; margin-bottom: 3px; } #marginForm-a input { display: block; LEFT: 8.5em; position: relative; top: -2em; margin-bottom: 3px; } #marginForm-b input { display: block; LEFT: 0em; position: relative; top: -2em; margin-bottom: 3px; } #marginForm radio input { clear: both; float: left; position: static } #marginForm input.submit { background: none; clear: both; margin-top: 2em; font-weight: normal; width:130px; height:30px; float:left; color: #fff; margin-top: .5em; padding: 2px 0px 0px 0px; } #marginForm textarea.comments { background: transparent url(../i/formbgt.gif) #ffffff repeat-x left bottom; height: 45px; width: 215px; margin-top: .3em; font-size: 10px; font-family: "Trebuchet MS", "Helvetica", sans-serif; letter-spacing: normal; } #marginForm label { clear: both; margin-top: -2em; display: block; font-weight: normal; WIDTH: 8em; } #marginForm label.first { margin-top: 10px; } #marginForm label.dates { margin-top: 1.5em; width: 100px; } #marginForm label.birth { display: block; margin-left: 3em; width: 90px; margin-bottom: 1px; margin-top: 1px; padding-bottom: 2px; } #marginForm label.type { display: block; LEFT: 0em; position: relative; top: 10px; margin-bottom: 1px; padding-top: 4px; } #marginForm label.section { width: 200px; font-size: 9px; margin-bottom: 3px; margin-top: 10px; letter-spacing: .10px;} #marginForm label.medical { width: 165px; font-size: 9px; margin-bottom: 3px; margin-top: 2em;} #marginForm label.medical2 { width: 165px; font-size: 9px; margin-bottom: 3px; } #marginForm label.instruction { width: 165px; font-size: 9px; margin-bottom: 0px; margin-top: -1.6em; } #marginForm label.note { margin-top: 0px; width: 165px; font-size: 9px; font-style: italic; margin-bottom: 10px; } #marginForm select { display: block; LEFT: 8.5em; position: relative; top: -2em; margin-bottom: 3px; width:auto; min-width:100px; overflow:visible; visibility:visible; height:auto; background: url(../i/formbg.gif) #ffffff repeat-x left top; } #marginForm option { clear: both; /*margin-top: -2em;*/ display: block; font-weight: normal; /*float: left;*/ visibility:visible; height:auto; background:none; width:auto; background:/*url(../i/formbg.gif) #ffffff repeat-x left top*/#ffffff; color:#200000;} /*#marginForm option:hover {background: #e5e5e5; color:#000000;} #marginForm option [selected] { color:#009900; background:#CC3300;}*/ #marginForm textarea { clear: both; margin-top: -2em; display: block; font-weight: normal; float: left; width: 8em; margin-bottom: 3px; } .but_process { clear: both; margin-top: 2em; font-weight: normal; width:130px; float:left; color: #fff; margin-top: .5em; padding: 2px 0px 0px 0px; } .form_submit { clear: both; margin-top: 2.6em; float:left; padding: 2px 0px 0px 0px; } #message { margin:0px 10px 0px 10px;} #message ul{ list-style:decimal; margin:0px 10px 20px 20px; }