/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2005. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* remove default link styles */ :link,:visited { text-decoration:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ /* global */ body { background:url("../images/index/bg-body.gif") repeat-x #96CEFF; text-align:left; } p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3,table,tr,td { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; } p,dl,dt,dd,ul,ol,li { line-height: 14px; } p,pre,blockquote,h1,h2,h3 { margin-bottom:8px; } a:link,a:visited { text-decoration:underline; } a:hover,a:active { text-decoration:none; } h1 span,h2 span,h3 span { display:none; } h1,h2,h3 { color:#12477D; } h1 { font-size:13px; font-weight:bold; } ol ol { list-style-type:lower-alpha; } table, tr, td { border:1px solid #fff; background:#BCE0FF; font-size:11px; } table { width:420px; margin-left:40px; margin-bottom:20px; } td { height:20px; padding:3px; } td.bg-white { background-color:#fff; } /* classes */ .thumbs-left {margin: 2px 8px 0 0;} .thumbs-right {margin: 2px 0 0 8px;} /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:139px; padding:0 0 15px 170px; } input, textarea { background-color:#fff; border:1px solid #12477D; width:139px; height:18px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#12477D; } textarea { height:70px; } .submit { width:60px; cursor:pointer; } /* main contact - dental.medical */ #big-contact { padding:20px 0 10px 45px; } #big-contact form, #big-contact label, #big-contact input, #big-contact select, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } #big-contact label { position:relative; display:block; text-align:right; color:#000; width:200px; } #big-contact label input, #big-contact label textarea, #big-contact select { background-color:#fff; border:1px solid #12477D; position:absolute; left:217px; top:-2px; } #big-contact label input, #big-contact select { width:200px; } #big-contact label textarea { top:0; width:200px; height:100px; } .submit-big-contact { margin:85px 0 0 217px; } /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url("../images/index/bg-index.gif") repeat-y; width:760px; } #top { background:url("../images/index/top.gif") no-repeat; padding-top:106px; } #nav-left { background:url("../images/index/nav-left.gif") no-repeat; width:342px; height:178px; float:left;} #flash { width:259px; height:178px; float:left;} #logo-radiant { background:url("../images/inside/logo-radiant.gif") no-repeat; width:259px; height:178px; float:left;} #column-left { background:url("../images/index/bg-quickcontact.gif") no-repeat; width:318px; padding-top:20px; float:left;} #column-left p { font-size:11px; color:#fff; padding-left:170px; padding-right:10px; } #procedures { background:url("../images/index/header-radiant1.jpg") no-repeat #99CCFF; padding:160px 10px 10px 17px; } #procedures ul { margin-left:16px; font-size:11px; } #procedures li { margin-bottom:5px; } #procedures li a { font-size:11px; } #procedures p { color:#000; padding-left:0; } #column-right { float:left; } #column-right p, #column-right h2 { padding:0 10px; } #column-right h2 { padding-top:10px; } #row-1-wrap { background:url("../images/index/bg-row-1.gif") repeat-y; width:442px; float:left; } #breakingnews{ background:url("../images/index/breaking-news.gif") repeat-y; width:180px; height:50px; margin-left:13px; } #breakingnews a { height:50px; width:180px; position:absolute;} #row-1-header { background: url("../images/index/header-row-1.gif") no-repeat; padding-top:38px; } #row-2-wrap { background:url("../images/index/bg-row-2.gif") repeat-y; width:442px; clear:both; float:left; } #row-2-header { background:url("../images/index/header-row-2.gif") no-repeat; padding-top:35px; } #row-3-header { background:url("../images/index/header-row-3.gif") no-repeat; height:35px; clear: both; } .column-right-column-1 { width:183px; float:left; } .column-right-column-2 { width:259px; float:left; } #bottom {background:url("../images/index/bottom.gif") no-repeat bottom; width:502px; height:1px; clear:both;} /* skeleton inside * ------------------------------------------------------------------------- */ #body-inside { background:url("../images/inside/bg-body-inside.gif") repeat-x #96CEFF; font-size:11px; text-align:left; } #wrap-inside { background:url("../images/inside/bg-inside.gif") repeat-y; width:760px; } #column-left-inside { background:url("../images/inside/inside-column-left.gif") no-repeat; width:129px; height:416px; float:left; } #column-right-inside { width:631px; float:left; } #address { background:url("../images/inside/bg-inside-address.gif") no-repeat; width:189px; height:74px; float:left; } #address p { font-size:14px; font-weight:bold; color:#12477D; padding-top:12px; padding-left:3px; } #header-body { background:url("../images/inside/header-body.gif") no-repeat; width:442px; height:74px; float:left; } #thank-you {background:url("../images/inside/thank-you.gif") no-repeat; width:442px; height:74px; float:left; } #header-breast { background:url("../images/inside/header-breast.gif") no-repeat; width:442px; height:74px; float:left; } #header-contact { background:url("../images/inside/header-contact.gif") no-repeat; width:442px; height:74px; float:left; } #header-face { background:url("../images/inside/header-face.gif") no-repeat; width:442px; height:74px; float:left; } #header-office { background:url("../images/inside/header-office.gif") no-repeat; width:442px; height:74px; float:left; } #header-blog { background:url("../images/inside/header-blog.gif") no-repeat; width:442px; height:74px; float:left; } #header-sitemap { background:url("../images/inside/header-sitemap.gif") no-repeat; width:442px; height:74px; float:left; } #header-blue-light { background:url("../images/inside/header-blue-light.gif") no-repeat; width:442px; height:74px; float:left; } #header-laser-genesis { background:url("../images/inside/header-laser-genesis.gif") no-repeat; width:442px; height:74px; float:left; } #header-laser-hair { background:url("../images/inside/header-laser-hair.gif") no-repeat; width:442px; height:74px; float:left; } #header-laser-vein { background:url("../images/inside/header-laser-vein.gif") no-repeat; width:442px; height:74px; float:left; } #header-microdermabrasion { background:url("../images/inside/header-microdermabrasion.gif") no-repeat; width:442px; height:74px; float:left; } #header-permanent-cosmetics { background:url("../images/inside/header-permanent-cosmetics.gif") no-repeat; width:442px; height:74px; float:left; } #header-solar-genesis { background:url("../images/inside/header-solar-genesis.gif") no-repeat; width:442px; height:74px; float:left; } #header-skin-care { background:url("../images/inside/header-skin-care.gif") no-repeat; width:442px; height:74px; float:left; } #header-sciton { background:url("../images/inside/header-sciton.gif") no-repeat; width:442px; height:74px; float:left; } #header-botox-collagen-restylane { background:url("../images/inside/header-botox-collagen-restylane.gif") no-repeat; width:442px; height:74px; float:left; } #wrap-content { width:631px; padding-top:20px; clear:both; } #wrap-content p, #wrap-content h1, #wrap-content h2, #wrap-content h3, #wrap-content ul, ol { padding-left:40px; padding-right:25px; } #wrap-content ul, ol { margin-left:20px; padding-bottom:10px; } #wrap-content h1 { font-size:14px; } #wrap-content h2 { font-size:13px; margin-top:20px; } #wrap-content h3 { font-size:12px; margin-top:20px; } #bottom-inside { height:1px; clear:both; } #body-directions { background-image:none; padding:15px; } /* footer * ------------------------------------------------------------------------- */ #footer { width:700px; margin:15px 18px; text-align:center; clear: both; } #footer p, #footer ul { font-size:11px; margin-bottom:3px; } #footer a { font-size:11px; text-decoration: none; } #footer a:hover { text-decoration: underline;} #footer li { display:inline; } /* bna * ------------------------------------------------------------------------- */ #bna-body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } #bna-wrap { width:600px; height:400px; } #bna-top { background:url("../images/bna-layout/top.gif") no-repeat; height:76px; width:600px; } #bna-top a { height:76px; width: 600px;position:absolute;} #bna-menu { background:url("../images/bna-layout/bg-menu.gif") no-repeat; height:35px; } #bna-menu2 { height:35px; } #bna-case { background:url("../images/bna-layout/bg-case.jpg") no-repeat; height:258px; padding-top:7px; } #bna-case p { font: 14px Arial, Helvetica, sans-serif; padding: 30px 0px 0 80px; } #bna-disclaimer { height: 258px; padding: 7px 0px 0 80px; } #bna-disclaimer p { color:#FFF; } #bna-disclaimer a { color:#3994DE; } #bna-case img { padding-left:68px; text-align:left; } #bna-bottom { background:url("../images/bna-layout/bg-caption.gif") no-repeat; height:31px; text-align:center; color:#fff; margin-top:-7px; } /* nav * ------------------------------------------------------------------------- */ #nav { background: url("../images/index/nav.gif") no-repeat; width:159px; height:178px; position: relative; float:left;} #nav li { list-style: none; position: absolute; } #nav li, #nav a { height: 25px; display: block; } #nav span { display: none; } #nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07 { width: 159px; left: 0; } #nav-01 { top: 2px; } #nav-02 { top: 25px; } #nav-03 { top: 49px; } #nav-04 { top: 75px; } #nav-05 { top: 100px; } #nav-06 { top: 125px; } #nav-07 { top: 151px; } #nav-01 a:hover { background: transparent url("../images/index/nav.gif") -159px -2px no-repeat; } #nav-02 a:hover { background: transparent url("../images/index/nav.gif") -159px -25px no-repeat; } #nav-03 a:hover { background: transparent url("../images/index/nav.gif") -159px -49px no-repeat; } #nav-04 a:hover { background: transparent url("../images/index/nav.gif") -159px -75px no-repeat; } #nav-05 a:hover { background: transparent url("../images/index/nav.gif") -159px -100px no-repeat; } #nav-06 a:hover { background: transparent url("../images/index/nav.gif") -159px -125px no-repeat; } #nav-07 a:hover { background: transparent url("../images/index/nav.gif") -159px -151px no-repeat; } .img-inside { margin-left: 70px; } /* ------------------------ blog ------------------------ */ .storycontent p em { font-style:normal;} div.feedback { margin-left:45px; } div.storycontent{ margin0:0 0 0 0; } div.menu{ margin:0 150px 0 45px; } div.meta { font-size:.8em; padding-left:5px; padding-top:3px; background-color:#A47002; margin:0 0px 10px 45px; height:20px } #menu ul { margin:0 0 0 104px; } #menu ul li ul li { font-weight:bold; padding-right:0px; padding-left:0px; } #categories ul, #archives ul, #meta ul { margin:0 0 0 60px; } #blog blockquote p{ background-color:#F1F7FB; margin:0 20px 0 38px; } li.blog{padding-top:5px;} #blog ol { list-style-type:decimal !important; margin:0 0 0 65px !important; } #blog ol li p {margin:0 0 10px 0;} #blog ol li p cite { font-size:.9em;} .blogbutton {margin-left:10px;} .blogbutton-inside {margin-left:-10px;} input.width {width:200px;} img.img-icon { margin:0px 5px 0px 0px; } #rss-list{ list-style-type:none; } .feed { margin-left: 3px; padding: 0 0 0 19px; list-style-type:none; background: url("../images/inside/feed-icon.png") no-repeat 0 50%; } .feed-list { margin: 0 0 15px 15px; padding: 0; list-style-type: none; } .feed-list li { margin: 0 0 5px 0; padding: 0; list-style-type: none; } .feed-list li a { padding: 0 0 0 15px; background: url("../images/bullet.gif") no-repeat 0 50%; list-style-type: none; } #wp_submit {width:100px;} #wp_searchsubmit { background: url("../images/inside/btn-search.jpg") no-repeat; border:none; width:72px; height:25px; } span.color { color:#3D342A; } #wp_submit {height:20px;} .wp_post {width:600px;}