/* Theme Name:BAMC Website Design Theme URI:http://www.healthybaldwin.org Description:The design for Baldwin Area Medical Center website Version:1.0 Author:INTERVAL Author URI:http://www.thinkinterval.com/ */ * {margin:0; padding:0;} /* Global HTML styles */ body{color:#4f4f42; font-family:Verdana; font-size:1em; text-align:center; background:#a4c0b1;} a{color:#056839; text-decoration:none;} a:hover{color:#4f4f42;} p, li{font-size:.8em; line-height:1.7em;} h1, h2, h3{ line-height:1.8em;} h1{line-height:1.3em; margin-bottom:16px;} h2{line-height:1.3em; font-weight:normal;} h3{text-transform:uppercase; font-size:0.9em;} img{border:none;} /* Page structure */ #container{background:#eaead3;} /* url(i/body-bg-01.gif) no-repeat center top */ #header{position:relative; height:160px; width:960px; background:url(i/header-bg-02.gif) no-repeat 0 center; margin:auto; z-index:11;} #logo{position:absolute; width:280px; height:150px; top:10px; left:10px;} #search-main{position:absolute; left:640px; top:25px; } #search-main .text-field{position:absolute; top:10px; left:0; width:264px; height:20px; font-style:italic; color:#4f4f42; border:none; background:#c0c0a9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 0 5px #4f4f42; -moz-box-shadow:inset 0 0 5px #4f4f42; box-shadow:inset 0 0 5px #4f4f42; } #search-main .submit-button{position:absolute; top:0; left:270px; width:30px; height:35px; background:url(i/search-icon-01.gif) no-repeat; border:none; text-indent:-1000em;} #main-nav{position:absolute; top:79px; left:330px; list-style:none; z-index:100; height:50px; width:620px;} #main-nav.active-a{background:url(i/mainNav-ul-bg-a.gif) no-repeat;} #main-nav.active-b{background:url(i/mainNav-ul-bg-b.gif) no-repeat;} #main-nav.active-c{background:url(i/mainNav-ul-bg-c.gif) no-repeat;} #main-nav.active-d{background:url(i/mainNav-ul-bg-d.gif) no-repeat;} #main-nav.active-e{background:url(i/mainNav-ul-bg-e.gif) no-repeat;} #main-nav.active-f{background:url(i/mainNav-ul-bg-f.gif) no-repeat;} #main-nav li{ height:30px; position:absolute;} #main-nav li a{ display:block; width:100%; height:24px;} #main-nav li.nav-a{left:0px; top:0; width:40px;} #main-nav li.nav-b{left:85px; top:0; width:60px;} #main-nav li.nav-c{left:182px; top:0; width:60px;} #main-nav li.nav-d{left:278px; top:0; width:106px;} #main-nav li.nav-e{left:420px; top:0; width:58px;} #main-nav li.nav-f{left:513px; top:0; width:114px;} #main-nav li.nav-g{left:120px; top:-43px; width:36px; height:20px;} #main-nav li.nav-h{left:185px; top:-43px; width:42px; height:20px;} #main-nav li.nav-i{left:255px; top:-43px; width:55px; height:20px;} #main-nav li ul.submenu{display:none; list-style:none; margin:5px 0 0 0; padding:10px; width:160px; font-size:1.2em; text-align:left; background-color:#4f4f42; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:2px 2px 6px #4f4f42; -webkit-box-shadow:2px 2px 6px #4f4f42; box-shadow:2px 2px 6px #4f4f42;} #main-nav li ul.submenu a{color:#eaead3; margin:0; padding:0; height:auto;} #main-nav li ul.submenu a:hover{color:#ffffff;} #main-nav li ul.submenu li{border-bottom:1px solid #eaead3; background-color:#4f4f42; margin:0; padding:2px 0 2px 0; height:auto; position:relative;} #feature-bar{position:relative; background:#a4c0b1; height:260px; margin-top:20px;} #feature{position:relative; width:960px; margin:auto;} #feature div.photostack{position:absolute; top:-50px; left:320px; width:640px; height:360px; background:url(i/feature-background-1.png) no-repeat;} #feature-bar p{position:absolute; top:40px; left:10px; background:url(i/message-about-home.gif) no-repeat; width:300px; height:184px;} #content{width:960px; margin:20px auto 0 auto; text-align:left; background:#eaead3;} #content div.coming-up{width:458px; float:left; display:inline; list-style:none; margin:0 0 0 10px;} #content div.coming-up ul{list-style:none; padding:0; margin:0;} #content div.coming-up ul li{border-bottom:1px solid #9c9c8a; line-height:1.8em;} #content div.coming-up strong{color:#4f4f42;} #content div.in-the-news{width:458px; float:left; display:inline; padding:0; margin:0 0 0 20px;} #content div.in-the-news ul{padding-left:20px;} #content div.in-the-news ul li{border-bottom:1px solid #9c9c8a; line-height:1.8em;} #content div.col-1{float:left; display:inline; width:320px; background:#eaead3;} #content div.col-1 div.news-cat-list{float:left; width:140px; display:inline; margin:0 10px 0 10px;} #content div.col-1 div.news-archive-list{float:left; width:140px; display:inline; margin:0 10px 0 10px;} #content div.col-1 ul{list-style:none;} #content div.col-1 ul li{border-bottom:1px solid #9c9c8a;} #content div.col-2{float:left; display:inline; width:460px; margin-left:10px; background:#eaead3;} #content div.col-2 p{margin-bottom:16px;} #content div.col-2 ul{padding:0 0 0 20px; margin-bottom:16px;} #content div.col-2 li{} #content div.col-2 img{border:12px solid white; -moz-box-shadow:0px 4px 5px #666; -webkit-box-shadow:0px 4px 5px #666; box-shadow:0px 4px 5px #666;} #content div.col-2 ol{padding-left:20px;} #content div.col-3{float:left; display:inline; width:160px; margin-left:10px; background:#eaead3;} #content div.col-3 div.textList{/*background:url(i/right-sidebar-menu-footer.gif) no-repeat 0 bottom; padding-bottom:35px; margin-bottom:20px;*/} #content div.col-3 div.textList h3{/*background:url(i/right-sidebar-menu-header.gif) no-repeat; height:27px; padding:8px 0 0 0; font-size:0.7em; text-align:center;*/} #content div.col-3 div.textList ul{margin:0 0 20px 0; padding:0; list-style:none; /* background:url(i/right-sidebar-menu-bg.gif) repeat-y; */} #content div.col-3 div.textList li{border-bottom:1px solid #d5d5be; padding:0;} #content div.col-3 ul.coming-up li strong{display:block;} #content div.col-3 ul.coming-up li{border-bottom:1px solid #9c9c8a; padding:2px 0 2px 0;} /* 2-Column layout A ----------------------- */ #content div.col-1-2colA{float:left; display:inline; width:300px; margin-left:10px; padding-bottom:10px;} #content div.col-1-2colA p{margin-bottom:16px;} #content div.col-2-2colA{float:left; display:inline; width:620px; margin-left:20px; padding-bottom:10px;} #footer{clear:both; position:relative; padding:30px 0 0 0;} #hotboxes{list-style:none;} #hotboxes li{background-repeat:no-repeat; border:none;} #hotboxes li a{display:block; width:160px; height:125px;} #hotboxes li.hb-babies a{background-image:url(i/hotbox-babies.gif);} #hotboxes li.hb-classes a{background-image:url(i/hotbox-classes.gif);} #hotboxes li.hb-wellness a{background-image:url(i/hotbox-wellness.gif);} #hotboxes li.hb-healthbeat a{background-image:url(i/hotbox-healthbeat.gif);} #hotboxes li.hb-volunteer a{background-image:url(i/hotbox-volunteer.gif);} #hotboxes li.hb-babies a:hover{background:url(i/hotbox-babies.gif) 0 125px;} #hotboxes li.hb-classes a:hover{background:url(i/hotbox-classes.gif) 0 125px;} #hotboxes li.hb-wellness a:hover{background:url(i/hotbox-wellness.gif) 0 125px;} #hotboxes li.hb-healthbeat a:hover{background:url(i/hotbox-healthbeat.gif) 0 125px;} #hotboxes li.hb-volunteer a:hover{background:url(i/hotbox-volunteer.gif) 0 125px;} #twitter-note{position:absolute; top:20px; left:640px; width:240px; height:262px; padding:20px 40px 0 40px; background:url(i/twitter-background-01.png) no-repeat;} #twitter_update_list{list-style:none;} #twitter_div li{font-style:italic; font-size:1.05em; line-height:1.4em;} #twitter-note a.facebook{display:block; position:absolute; top:194px; left:90px; width:85px; height:20px;} #twitter-note a.twitter{display:block; position:absolute; top:194px; left:195px; width:80px; height:20px;} #contact-block{position:absolute; top:20px; left:10px; width:300px; height:82px;} #contact-block span.phone{position:absolute; height:50px; width:300px; top:0; left:0; background:url(i/contact-phone-4colspan.png) no-repeat;} #contact-block a.address{position:absolute; height:32px; width:300px; top:50px; left:0; background:url(i/contact-address-4colspan.png) no-repeat;} #footer-nav{position:absolute; top:120px; left:10px; width:300px;} #footer-nav p, #footer-nav li{margin:0;} #footer-nav ul li{float:left; display:inline; margin:0 5px 0 0;} #footer-bar{clear:both; position:relative; background:#a4c0b1; height:320px;} #footer-bar div.footer{position:relative; width:960px; margin:auto; text-align:left;} div.footer-news{position:absolute; width:300px; left:330px; top:20px;} div.footer-news ul{list-style:none; } div.footer-news ul li{border-bottom:1px solid #9c9c8a;} /* BREADCRUMBS ------------------- */ #breadcrumbs{margin:auto; width:630px; padding:0 0 10px 330px; text-align:left; font-size:11px;} /* BUTTONS ----------------------- */ p.buttons{margin:20px 0 20px 0; text-transform:uppercase; font-size:.7em;} a.general-button, .previous-next a{ border:1px solid #056839; padding:3px 6px 3px 6px; margin:0 10px 0 0; background-color:#a4c0b1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 1px 3px #666; -webkit-box-shadow:1px 1px 1px #666; box-shadow:1px 1px 3px #666;} a.general-button:hover {background-color:#056839; color:#ffffff;} a.critical-button {border:1px solid #5d1b19; background-color:#c43935; color:#5d1b19;} a.critical-button:hover {background-color:#056839; color:#ffffff;} /* ADMIN ------------------------- */ p.admin-block{line-height:250%;} p.admin-block a {border:1px solid #056839; padding:3px 6px 3px 6px; margin:0 10px 10px 0; background-color:#a4c0b1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} p.admin-block a:hover{background-color:#056839; color:#ffffff;} p.admin-block a.logout{border:1px solid #5d1b19; background-color:#c43935; color:#5d1b19;} p.admin-block a.logout:hover{border:1px solid #5d1b19; background-color:#5d1b19; color:#ffffff;} /* SPECIAL ----------------------- */ #slideshow-home {position:absolute; top:38px; left:30px;} #slideshow-home a {position:absolute; width:580px; height:285px; top:0; left:0; z-index:8; opacity:0.0;} #slideshow-home a.active {z-index:10; opacity:1.0;} #slideshow-home a.last-active {z-index:9;} div.left-sidebar-photo-bg{background:url(i/left-sidebar-photo-bg.gif) no-repeat; height:360px; width:320px; padding:32px 0 0 32px;} dt.gallery-icon{background:url(i/gallery-image-bg.gif) no-repeat; height:145px; width:160px; padding-top:30px;} dt.gallery-item img.attachment-thumbail{border:white;} dt.gallery-item a{border:white;} dd.gallery-caption {font-size:.8em;} p.caption{font-size:.6em; font-style:italic; margin:10px 0 10px 0;} p.excerpt-footer {border-bottom:1px solid gray; padding-bottom:12px;} p.attachment img{border:12px solid white; -moz-box-shadow:0px 4px 5px #666; -webkit-box-shadow:0px 4px 5px #666; box-shadow:0px 4px 5px #666;} div.contactPage-addressBlock{width:300px; height:67px; margin:10px 0 30px 0; background:url(i/contact-address-3colspan.gif);} /* Hides the promo link for the forms plugin */ p.linklove{display:none;} div.map-bg-big{background:url(i/map-bg-big.png) no-repeat; height:535px; width:640px; margin:-30px 0 -50px -10px; padding:32px 0 0 32px;} div.map-bg-big iframe{width:575px; height:436px;} p.map-google-link{text-align:center; margin:30px 0 0 0;} /* Special wordpress styling */ p.wp-caption-text{margin-top:8px;} /* Utilities */ .hidden{display:none;}