/*--------------------- Last Modified 2006.03.25 ---------------------*/ /*-----------------------------------------------------------------------*/ /* ---------------------------------------------------------------------------- Copyright Einstein Industries 2006. 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/Firefox/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* 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,td { 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,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* ----- type selectors ----- */ body { background:#002040 url(../images/bg-body.jpg) top repeat-x; text-align:center; font:12px/16px Arial, Helvetica, sans-serif; color:#000; } blockquote { margin-left:10px; margin-right:10px; } h1 { font-size:1.2em; color:#002040; } h2 { font-size:1.1em; color:#666666; } h3 { font-size:1.0em; color:#000; } h1 span,h2 span,h3 span { display:none; } a:link,a:visited { color:#CC0000; text-decoration:underline; outline:none; } a:hover,a:active { color:#2f86af; text-decoration:underline; outline:none; } h1,h2,h3,p{ margin-bottom:9px;} span {display:none;} /* ----- classes ----- */ div.clear { clear:both; width: 100%; } p.back-to-top { text-align:right; display:block; padding-right:15px; } img.img-left { float:left; margin:2px 10px 10px 0; } img.img-right { float:right; margin:5px 0 10px 10px; } img.img-blog { margin:2px 0px 10px 5px; } /* ----- global form elements ----- */ form { width:130px; margin:10px 0 15px 8px; } form label { font-size:0.95em; color:#000; } form br { line-height:0; height:0; } /* defaults vertical spacing between fields */ input, textarea, select { background-color:#FFFFFF!important; /* to prevent highlighting by Google Toolbar */ border:1px solid #000; color:#000; width:135px; /* 5 pixles smaller than form width !important */ height:18px; line-height:18px; vertical-align: middle; margin-bottom:4px; /* sets vertical spacing between fields */ padding-top:1px; /* vertically position text in input/textarea field */ padding-left:4px; /* horizontally position text in input/textarea field */ font-family:Arial, Helvetica, sans-serif; font-size:1em; } select { width:150px; padding:0; } /* same width as form - !important */ textarea { height:90px; overflow:auto; } #contact-business { display: none; } /* do not remove */ /* ----- main contact form ----- */ #contact-main, #commentform { margin:20px 0 10px 0; } #contact-main label, #commentform label { width:100px; position:relative; display:block; text-align:right; margin-bottom:10px; font-size:1em; } #contact-main label input, #contact-main label textarea, #contact-main label select, #commentform label input, #commentform label textarea, #commentform label select { width:170px; position:absolute; left:110%; top:-2px; } #contact-main label select, #commentform label select { width:170px; } #contact-main label textarea, #commentform label textarea { height:100px; overflow:auto; } #contact-business-main { display: none; } /* do not remove */ /* ----- submit button form elements ----- */ input.submit, input.submit-contact-main, input.commentform-submit, #searchform input.submit { width:60px; height:20px; cursor:pointer; padding:0; } input.submit-contact-main, input.commentform-submit { margin:95px 0 0 120px; } /* framework * ------------------------------------------------------------------------- */ #wrap { background:url(../images/bg-wrap.jpg) repeat-y; width:780px; margin:0 auto 20px auto; text-align:left; } #masthead {position:relative;background:url(../images/masthead.jpg);height:96px;} #masthead a {position:absolute;width:300px;height:50px;top:30px;left:444px;} #masthead a span {display:none;} #bg-bottom{ background:url(../images/bg-bottom.jpg) bottom no-repeat; padding-bottom: 26px; } /* ----- column-left ----- */ #column-left {width:160px;float:left;display:inline;margin-left:23px;} #quick{ background:url(../images/header-quickcontact.jpg) no-repeat; height:95px;} p.quick{ font-size:0.8em; color:#000000; margin:0 8px 10px 8px} #map{ background:url(../images/header-map.jpg) no-repeat; height:95px;} img.map{ margin:0 0 10px 8px} #blog-nav{ background:url(../images/header-blog-nav.jpg) no-repeat; height:95px;} /* ----- column-mid ----- */ #column-mid {width:365px;float:left;} #column-mid .content{ width:325px; margin-left:20px;} #column-mid ul { padding-left:18px; margin-bottom:10px; } #column-mid ul li {padding-left:10px; list-style-type:disc; margin-bottom:6px;} #column-mid ul.menu { padding-left:0px; margin-bottom:10px; } #column-mid ul.menu li {padding-left:20px; margin-bottom:0px; background:url(../images/ul-arrow.jpg) 0px 3px no-repeat; list-style:none; } /*---------------------------- Blog layout --------------------------*/ #menu ul { padding-left:5px; margin-bottom:10px; } #menu ul li {padding-left:8px; margin-bottom:3px;} #column-left #searchform { width:100px;} input.search-text { width:100px; } .feedback { text-align:right; display:block; padding:10px 15px 10px 0; } .meta { background-color:#CCCCCC; text-align:center; } .storycontent p { width:325px; } /* ----- column-right ----- */ #column-right { width:209px; float:left; } /* ----- bottom-wrap ----- */ #bottom-wrap { background:url(../images/bottom-wrap.jpg) no-repeat; height:62px; clear:both; width:100%; /* fix for Safar */ } /* header framework * ------------------------------------------------------------------------- */ #header-img { height:231px; position:relative; background:url(../images/header-img.jpg);} /* sets height for all non-flash headers */ #header-img a {position:absolute;width:250px;height:155px;top:70px;left:39px;} #header-img a span {display:none;} /* subhead framework * ------------------------------------------------------------------------- */ #subhead { height:95px; } /* sets height for all subheads */ body#index #subhead { background:url(../images/subhead-index.jpg); } body#about #subhead { background:url(../images/subhead-about.jpg); } body#attorneys #subhead { background:url(../images/subhead-attorneys.jpg); } body#cases #subhead { background:url(../images/subhead-cases.jpg); } body#contact #subhead { background:url(../images/subhead-contact.jpg); } body#blog #subhead { background:url(../images/subhead-blog.jpg); } body#faqs #subhead { background:url(../images/subhead-faqs.jpg); } body#sitemap #subhead { background:url(../images/subhead-sitemap.jpg); } body#thankyou #subhead { background:url(../images/subhead-thankyou.jpg); } body#verdicts #subhead { background:url(../images/subhead-verdicts.jpg); } body#auto #subhead { background:url(../images/subhead-auto.jpg); } body#birth #subhead { background:url(../images/subhead-birth.jpg); } body#brain #subhead { background:url(../images/subhead-brain.jpg); } body#cerebal #subhead { background:url(../images/subhead-cerebal.jpg); } body#construction #subhead { background:url(../images/subhead-construction.jpg); } body#erbs #subhead { background:url(../images/subhead-erbs.jpg); } body#medical #subhead { background:url(../images/subhead-medical.jpg); } body#premises #subhead { background:url(../images/subhead-premises.jpg); } body#products #subhead { background:url(../images/subhead-products.jpg); } body#slip #subhead { background:url(../images/subhead-slip.jpg); } body#wrong #subhead { background:url(../images/subhead-wrong.jpg); } /* footer * ------------------------------------------------------------------------- */ #footer { width:760px; margin:0 auto; text-align:center; } #footer p { color:#FFFFFF; margin-bottom:10px; } #footer a:link, #footer a:visited { color:#FFFFFF; } #footer a:hover, #footer a:active { color:#FFFFFF; } #footer ul { margin-top:10px; margin-bottom: 10px; } #footer li { /* if your li's float, you can adjust border height w/ line-height */ padding:0 5px 0 7px; display: inline; border-left: 1px solid #FFF; } #footer li.first { border: none; } /* Horozontal Sprite Nav * ------------------------------------------------------------------------- */ #nav { background:url(../images/nav.jpg) no-repeat; width:734px; height:35px; margin:0 0 0 23px; padding:0; } #nav span { display: none; } #nav li, #nav a { height:35px; display:block; } /* change height here also */ #nav li { float:left; list-style:none; display:inline; position:relative;} #nav-01 { width: 70px; margin-left: 0px;} #nav-02 { width: 77px;} #nav-03 { width: 47px;} #nav-04 { width: 110px;} #nav-05 { width: 140px;} #nav-06 { width: 182px;} #nav-07 { width: 108px;} /*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */ #nav-01 a:hover { background:url(../images/nav.jpg) 0px -35px no-repeat; } #nav-02 a:hover { background:url(../images/nav.jpg) -70px -35px no-repeat; } #nav-03 a:hover { background:url(../images/nav.jpg) -147px -35px no-repeat; } #nav-04 a:hover { background:url(../images/nav.jpg) -194px -35px no-repeat; } #nav-05 a:hover { background:url(../images/nav.jpg) -304px -35px no-repeat; } #nav-06 a:hover { background:url(../images/nav.jpg) -444px -35px no-repeat; } #nav-07 a:hover { background:url(../images/nav.jpg) -626px -35px no-repeat; } /* Son of Suckerfish: Horizontal Sprite Nav * ------------------------------------------------------------------------- */ #nav li ul {position:absolute;left:-9999px;padding-right:1px;background-color:#365F85;} #nav li ul li {height:20px;} #nav li ul li a {width:100%;height:20px;line-height:20px;} #nav li ul li a span {display:block;padding-left:5px;} #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {font-size:1.0em;color:#FFF;text-decoration:none;} #nav li:hover ul, #nav li.sfHover ul { left: auto; } #nav-04 ul a:hover { background-image:none;background-color:#3E3E3E;color:#FFF;text-decoration:none;} #nav-04 ul, #nav-04 li { width:150px; } /* Vertical Sprite Nav * ------------------------------------------------------------------------- */ #nav-practice { background:url(../images/nav-practice.jpg) top left no-repeat; width:209px; /* Width of buttons, not entite image (or half of entire image) */ height:749px; /* Height of entire image */ margin:0; padding:0; } #nav-practice li span { display: none; } #nav-practice li { float:left; list-style:none; } #nav-practice li, #nav-practice a { height:55px; /* Each button must have the same height, define it here */ display:block; } /* margin-top to set where the nav should begin */ #nav-practice-01 { margin-top:46px; width:199px; padding-left:5px; } /* margin-top if there is a spacing between each nav button */ #nav-practice-02, #nav-practice-03, #nav-practice-04, #nav-practice-05, #nav-practice-06, #nav-practice-07, #nav-practice-08, #nav-practice-09, #nav-practice-10, #nav-practice-11 { margin-top:9px; width:199px; padding-left:5px; } #nav-practice-01 a:hover { background:url(../images/nav-practice.jpg) -214px -46px no-repeat; } #nav-practice-02 a:hover { background:url(../images/nav-practice.jpg) -214px -110px no-repeat; } #nav-practice-03 a:hover { background:url(../images/nav-practice.jpg) -214px -174px no-repeat; } #nav-practice-04 a:hover { background:url(../images/nav-practice.jpg) -214px -238px no-repeat; } #nav-practice-05 a:hover { background:url(../images/nav-practice.jpg) -214px -302px no-repeat; } #nav-practice-06 a:hover { background:url(../images/nav-practice.jpg) -214px -366px no-repeat; } #nav-practice-07 a:hover { background:url(../images/nav-practice.jpg) -214px -430px no-repeat; } #nav-practice-08 a:hover { background:url(../images/nav-practice.jpg) -214px -494px no-repeat; } #nav-practice-09 a:hover { background:url(../images/nav-practice.jpg) -214px -558px no-repeat; } #nav-practice-10 a:hover { background:url(../images/nav-practice.jpg) -214px -622px no-repeat; } #nav-practice-11 a:hover { background:url(../images/nav-practice.jpg) -214px -686px no-repeat; }