/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2004. 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; } /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style: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 */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ @font-face { font-family: 'TrajanProRegular'; src: url('fonts/trajanpro-regular-webfont.eot'); src: local('☺'), url('fonts/trajanpro-regular-webfont.woff') format('woff'), url('fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('fonts/trajanpro-regular-webfont.svg#webfontjiV0i6xn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ShelleyRegular'; src: url('fonts/shelley_allegro_bt-webfont.eot'); src: local('☺'), url('fonts/shelley_allegro_bt-webfont.woff') format('woff'), url('fonts/shelley_allegro_bt-webfont.ttf') format('truetype'), url('fonts/shelley_allegro_bt-webfont.svg#webfonta4IBTJ4t') format('svg'); font-weight: normal; font-style: normal; } body {background-color: #D96C89;} p, li { font-size:11px; color:#000000; text-decoration:none; font-family: Georgia, "Times New Roman", Times, serif; } a:link, a:visited { font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; color:#000000; text-decoration:none; font-weight: bold; } li{ list-style-position: outside; list-style-type: disc; } li.pad{ list-style-position: inside; list-style-type: disc; } .li-pad{margin-left:15px;} .li-pad-10px{padding-left:13px;} .li-pad-30px{padding-left:30px;} p, ul, li, dt, dd { line-height: 14px; } p, pre, blockquote { margin-bottom:7px; } a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration:none; } h1 span, h2 span, h3 span { display:none; } /* classes */ .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .hide { display:none; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .float-left{ float:left; margin:10px 0;} .float-right{ float:right;} .header3 {padding:0;} .address { width:380px; padding:10px 0 20px 30px; font-weight:bold;} .iframe-padding {padding:0 0 0 70px;} .image-gallery-icons { vertical-align:top; text-align:center; margin:20px 0 ; } .image-gallery-icons a { padding-right:5px; } .image-gallery-icons a img { vertical-align:top; margin-bottom:5px; } .img-right { float:right; margin:0 0 8px 5px; } .clear { clear:both;} /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:135px; padding-left:40px; padding-bottom:10px; } input, textarea { background-color:#fff; border:1px solid #E886BC; width:135px; height:18px; margin-bottom:4px; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; color:#474425; } input.first{padding-left:3px; width:132px;} textarea { height:60px; } .submit { width:60px; cursor:pointer; } /* main contact */ #big-contact { padding:20px 0 100px 0; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; color:#474425; } #big-contact label { position:relative; display:block; text-align:right; width:150px; margin-bottom:0px; } #big-contact label input, #big-contact label textarea { position:absolute; left:110%; top:-2px; } #big-contact label textarea { top:0; width:250px; height:100px; } .submit-big-contact { width:60px; cursor:pointer; margin-top:85px; } /* skeleton * ------------------------------------------------------------------------- */ #outer-wrap{width:769px; margin:0 auto;} #wrap { background:url(../images/index_bg.jpg); background-repeat:repeat-y; width:769px; margin:0 auto; float:left; } #banner{width:769px; height:303px; background-color:#DA6D8A; background-image:url(../images/index_r1_c1.jpg); background-repeat: no-repeat; float:left; } #column-wrap {width:769px; } #location-subhead {background-image:url(../images/location-subhead.jpg); padding: 0 0 0 20px; height: 60px; } #column-left { width:200px; background-image:url(../images/bg-column-left.jpg); background-repeat:no-repeat; float:left; } #contact-column-left { width:200px; height:370px; background-image:url(../images/contact-bg-column-left.jpg); background-repeat:no-repeat; float:left; } #column-left-wrap{margin:0px 20px 5px 40px;} #contact-column-left {padding:180px 0px 0 0px;} #contact-column-left p,#contact-column-left h1,#contact-column-left h2,#contact-column-left h3,#contact-column-left h4 {padding:0 20px 0 40px;} #wrap-content{ padding:125px 20px 0 30px; } #wrap-content ul,h1,h2,h3 { margin-top:7px; } #wrap-content h1, #contact-column-left h1 {font-size:14px;} #wrap-content h2 ,#contact-column-left h2{font-size:14px;} #wrap-content h3 , #contact-column-left h4{font-size:12px;} #bottom-center-left{ width:100px; padding-right:14px; float:left;} #bottom-center-center{ width:100px; padding-right:16px; float:left;} #bottom-center-right {width:100px; float:left;} #column-center {width:393px; background-image:url(../images/bg-column-center.jpg); background-repeat:no-repeat; float:left; } #column-right { width:176px; background-image:url(../images/bg-column-right.jpg); background-repeat:no-repeat; float:left; } #column-right-wrap{ width:176px; background-image:url(../images/bg-column-right-bottom.jpg); background-repeat:no-repeat; background-position: left bottom; float:left; } #column-right-scale{ width:165px;background-image:url(../images/bg-scale-column-right.jpg); background-repeat:repeat-y; float:left;} #column-right-logos{padding:77px 10px 0 20px;} #column-right-blogbtn{padding:0 0 50px 600px;} #column-right-logos p.last{padding-bottom:14px;} #bottom { clear:both; overflow:hidden; } /* skeleton inside * ------------------------------------------------------------------------- */ #column-center-dr-oldham{width:393px; background-image:url(../images/sub/slices/page_headers_dr_oldham_and_.gif); background-repeat:no-repeat; float:left; } #column-center-lunchtime {width:569px; background-image:url(../images/sub/slices/page_headers_lunchtime_trea.gif); background-repeat:no-repeat; float:left; } #column-center-surgery-for-men {width:569px; background-image:url(../images/sub/slices/page_headers_surgery_for_me.gif); background-repeat:no-repeat; float:left; } #column-center-select-your-surgeon{width:569px; background-image:url(../images/sub/slices/page_headers_selecting_your.gif); background-repeat:no-repeat; float:left; } #column-center-contact{ padding-bottom:20px; width:569px; background-image:url(../images/sub/slices/page_headers_contact.gif); background-repeat:no-repeat; float:left; } #column-center-thankyou{ padding-bottom:20px; width:569px; background-image:url(../images/sub/slices/page_headers_thankyou.gif); background-repeat:no-repeat; float:left; } #column-center-face{width:569px; background-image:url(../images/sub/slices/page_headers_face.gif); background-repeat:no-repeat; float:left; } #column-center-body{width:569px; background-image:url(../images/sub/slices/page_headers_body.gif); background-repeat:no-repeat; float:left; position:relative;} #column-center-none{width:569px; background-image:url(../images/sub/slices/page_headers_none.jpg); background-repeat:no-repeat; float:left; position:relative;} #column-center-breast{width:569px; background-image:url(../images/sub/slices/page_headers_breast.gif); background-repeat:no-repeat; float:left; } #column-center-skin{width:569px; background-image:url(../images/sub/slices/page_headers_skin.gif); background-repeat:no-repeat; float:left; } #column-center-skin-lesion{width:569px; background-image:url(../images/sub/slices/page_headers_lesion.gif); background-repeat:no-repeat; float:left; } #column-center-site-map{width:569px; background-image:url(../images/sub/slices/page_headers_site_map.gif); background-repeat:no-repeat; float:left; } #wrap-content-inside{ padding:125px 80px 0 30px; } #wrap-content-inside p.top{ margin-top:7px;} #wrap-content-inside dl {padding:10px 0 10px 0px;} #wrap-content-inside dt {padding:0 0 0px 15px;} #wrap-content-inside dd {padding:0 0 10px 15px;} #wrap-content-inside ul.left-box { width:170px; padding:10px 10px 5px 20px;} #wrap-content-inside ul.right-box{ width:210px; padding:10px 20px; } #column-center-blog{width:569px; background-image:url(../images/sub/slices/page_headers_blog.jpg); background-repeat:no-repeat; float:left; } #wrap-content-inside ul.select { width:350px; padding:10px 30px 5px 30px;} #wrap-content-inside ul li a{ font-size:11px;} #wrap-content-inside h1 {font-size:18px;} #wrap-content-inside h2 {font-size:16px;} #wrap-content-inside h2 a { font-family: Georgia, "Times New Roman", Times, serif; font-size:14px;} #wrap-content-inside h3 {font-size:14px;} #wrap-content-inside h2.wrap{margin-top:75px;} #wrap-content-inside h2.wrap-face{ clear:both;} #wrap-content-inside h1,h2{margin-top:15px; margin-bottom:7px; padding:0px;} #wrap-content-inside h3{ margin:0px; padding:0px;} iframe{ width:231px; height:160px; padding:0 0 0 0px; margin:25px 0 25px 0px; border:0px;} #wrap-content-dr-oldham{ padding:125px 30px 0 30px; } #wrap-content-dr-oldham p.top{ margin-top:7px;} #wrap-content-dr-oldham dl {padding:10px 0 10px 0px;} #wrap-content-dr-oldham dt {padding:0 0 0px 15px;} #wrap-content-dr-oldham dd {padding:0 0 10px 15px;} #wrap-content-dr-oldhamul { width:150px; padding:10px 30px 5px 30px;} #wrap-content-dr-oldham ul.select { width:350px; padding:10px 30px 5px 30px;} #wrap-content-dr-oldham ul li a{ font-size:12px;} #wrap-content-dr-oldham h1 {font-size:18px;} #wrap-content-dr-oldham h2 {font-size:16px;} #wrap-content-dr-oldham h3 {font-size:14px;} #wrap-content-dr-oldham h2.wrap{margin-top:75px;} #wrap-content-dr-oldham h1,h2{ margin-bottom:7px; padding:0px;} #wrap-content-dr-oldham h3{ margin:0px; padding:0px;} /* footer * ------------------------------------------------------------------------- */ #footer { padding-top:5px; width:100%; height:80px; text-align:center; background:url(../images/footer.jpg) center 0 no-repeat; clear: both;} #footer p{ padding:32px 30px 0 30px;} #footer a { padding-right:5px; font-size:9px; text-decoration:none; color:#000000; font-family: Arial, Helvetica, sans-serif; } #footer a:hover { font-family: Arial, Helvetica, sans-serif; padding-right:5px; font-size:9px; text-decoration:underline; color:#000000; } #copyright p{font-family: Arial, Helvetica, sans-serif; width:700px; margin:0 auto; text-align:center; clear: both;} #copyright a.bottom {font-family: Arial, Helvetica, sans-serif; padding-right:5px; font-size:9px; text-decoration:none; color:#FCE2F2; } #copyright a {font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#FCE2F2; } /* top navigation * ------------------------------------------------------------------------- */ #nav-wrap {width:769px;} #nav-top { background:url(../images/sprite_navs/top_nav.jpg) no-repeat; width:769px; height:27px; position:relative; float:left; } #nav-top li { position:absolute; top: 0; } #nav-top li, #nav-top a { height:27px; display:block; } #nav-top span { display:none; } #nav-top-01 { width: 64px; left:23px; } #nav-top-02 { width: 100px; left: 87px; } #nav-top-03 { width: 155px; left: 187px; } #nav-top-04 { width: 133px; left: 342px; } #nav-top-05 { width: 184px; left: 475px; } #nav-top-06 { width: 85px; left: 659px; } #nav-top-01 a:hover { background: transparent url(../images/sprite_navs/top_nav.jpg) -23px -27px no-repeat; } #nav-top-02 a:hover { background: transparent url(../images/sprite_navs/top_nav.jpg) -87px -27px no-repeat; } #nav-top-03 a:hover { background: transparent url(../images/sprite_navs/top_nav.jpg) -187px -27px no-repeat; } #nav-top-04 a:hover { background: transparent url(../images/sprite_navs/top_nav.jpg) -342px -27px no-repeat; } #nav-top-05 a:hover { background: transparent url(../images/sprite_navs/top_nav.jpg) -475px -27px no-repeat; } #nav-top-06 a:hover { background: transparent url(../images/sprite_navs/top_nav.jpg) -659px -27px no-repeat; } /* bottom navigation * ------------------------------------------------------------------------- */ #nav-wrap-bottom {width:769px;} #nav-bottom { background:url(../images/sprite_navs/bottom_nav.jpg) no-repeat; width:769px; height:95px; position:relative; float:left; } #nav-bottom li { position:absolute; top: 0; } #nav-bottom li, #nav-bottom a { height:95px; display:block; } #nav-bottom span { display:none; } #nav-bottom-01 { width: 160px; left:34px; } #nav-bottom-02 { width: 162px; left: 214px; } #nav-bottom-03 { width: 163px; left: 395px; } #nav-bottom-04 { width: 162px; left: 575px; } #nav-bottom-01 a:hover { background: transparent url(../images/sprite_navs/bottom_nav.jpg) -34px -95px no-repeat; } #nav-bottom-02 a:hover { background: transparent url(../images/sprite_navs/bottom_nav.jpg) -214px -95px no-repeat; } #nav-bottom-03 a:hover { background: transparent url(../images/sprite_navs/bottom_nav.jpg) -395px -95px no-repeat; } #nav-bottom-04 a:hover { background: transparent url(../images/sprite_navs/bottom_nav.jpg) -575px -95px no-repeat; } /******** blog **********/ div#menu ul{ margin-left:40px; list-style-type:none; } div#menu ul li{ margin-left:5px; list-style-type:none; } div#menu ul li ul{ margin-left:0px; margin-bottom:10px; } div#menu form#searchform{ padding:0px; } div#menu #categories ul li { padding-bottom: 10px; list-style-type: disc; } div#menu #categories ul li ul li { padding: 3px 0 0 0; list-style-type:none; } div#menu #categories .children li { padding: 3px 0 0 0; } .sidebar-headings{ font-size:14px; font-weight:bold; } h3.storytitle a{ display:block; font-size:14px; margin-bottom:7px; color:#D66A87; } div.meta{ font-size:11px; font-weight:bold; margin-bottom:10px; } form#commentform{ padding-left:0px; } ol#commentlist li{ list-style-type:none; } div.feedback{ margin-bottom:10px; } div.storycontent ul, div.storycontent ol{ margin:5px 0px 5px 20px; } div.storycontent ol{ list-style-type:decimal; } #column-center-body #wrap-content-inside div.storycontent ol li{ list-style-type:decimal; } form#commentform textarea{ width:260px; } #bloglink { background:url(../images/blog_btn.jpg) no-repeat; width:191px; height:66px; position:relative; float:left; /*margin-top:10px;*/ } #bloglink li { position:absolute; top: 0; } #bloglink li, #bloglink a { height:66px; display:block; } #bloglink span { display:none; } #bloglink-01 { width: 191px; } #bloglink-01 a:hover { background: transparent url(../images/blog_btn.jpg) -0px -66px no-repeat; } #bloglink-index { background:url(../images/blogbtn_index2.jpg) no-repeat; width:131px; height:53px; position:relative; float:left; margin-top:5px; margin-left:5px; } #bloglink-index li { position:absolute; top: 0; } #bloglink-index li, #bloglink-index a { height:53px; display:block; } #bloglink-index span { display:none; } #bloglink-02 { width: 131px; } #bloglink-02 a:hover { background: transparent url(../images/blogbtn_index2.jpg) -0px -53px no-repeat; } #column-center-blog p{width:430px;} div#quick-contact-bg-index{ width:200px; height:68px; background:url(../images/quick-contact.jpg) no-repeat; margin-top:20px; } div#quick-contact-bg{ width:200px; height:68px; background:url(../images/quick-contact.jpg) no-repeat; margin-top:20px; } #map-left-col{ margin:160px 0 0 30px; text-align:center; width:150px; } div#smk{ width:150px; height:50px; margin-left:30px; text-align:center; } #smk img { vertical-align:top; border:medium none; } #smk img.adjust { padding-top:5px; } div#smk-contact{ margin-top:160px; width:150px; margin-left:30px; text-align:center; } #smk-contact img { vertical-align:top; border:medium none; } #smk-contact img.adjust { padding-top:5px; } div#menu{ margin:170px 0px 15px 0px; } #new_patient_forms { background: url(../images/new_patient_forms.jpg) no-repeat; height: 98px; margin-top: 88px; padding: 88px 0px 0px 40px; } #new_patient_forms ul li{ list-style: none; font: bold 11px Georgia; margin-top: 10px; } #new_patient_forms_contact { background: url(../images/new_patient_forms.jpg) no-repeat; height: 98px; padding: 88px 0px 0px 40px; } #new_patient_forms_contact ul li{ list-style: none; font: bold 11px Georgia; margin-top: 10px; } /*#financial_options { background: url(../images/financial_options.jpg) no-repeat; height: 98px; } #financial_options a { width: 150px; height: 88px; position: absolute; top: 1181px; left: 285px; }*/ body#financing_options { text-align: center; } #mag_left { margin-left:57px; } #mag_title { padding: 0px 10px 0px 35px; } #lt-treat { margin-left:-20px; } body#blog h2.title { color: #626262; height: auto; left: 0px; margin: 0px; position: relative; top: 0px; } .title { height:40px; margin:54px 0 0 15px; color:#626262; position:absolute; top:0; left:3px; } #column-wrap #column-center-blog div.post h1.title { height:auto; position:static; margin:15px 0 7px 0; padding:0; } .title span.big { font:49.05pt/16px 'ShelleyRegular'; text-shadow: 3px 3px 3px #626262; } .title span.small { font:18pt/16px 'TrajanProRegular'; }