/*
HTML5 - Boilerplate » LexisNexis Edition » ver 1.0 03/07/2011
[1] CSS Reset
[2] Base Styles
[3] Non-Semantic Helper Classes
[4] 960 Grid (12 Column)
[5] Primary Styles
[6] Media Queries
[7] Print Styles
*/
/*
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/
/* ----- [1] CSS Reset (MIDIFIED) ----- */
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
/* ----- [2] Base Styles ----- */
/*
fonts.css from the YUI Library:developer.yahoo.com/yui/
Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
*/
body { } /* ----- hack retained to preserve specificity ----- */
select, input, textarea, button { font:99% sans-serif; }
/* ----- normalize monospace sizing (en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome) ----- */
pre, code, kbd, samp { font-family:monospace, sans-serif; }
/* #444 looks better than black:[ twitter.com/H_FJ/statuses/11800719859 ] */
/* set your base font here, to apply evenly */
body, select, input, textarea { }
/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */
h1,h2,h3,h4,h5,h6 { font-weight:bold; }
/* always force a scrollbar in non-IE */
html { overflow-y:scroll; }
/* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline:none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul, ol { margin-left:1.8em; }
ol { list-style-type:decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin:0; }
small { font-size:85%; }
strong, th { font-weight:bold; }
td, td img { vertical-align:top; }
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
pre {
padding:15px;
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space:pre; /* CSS2 */
white-space:pre-wrap; /* CSS 2.1 */
white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap:break-word; /* IE */
}
textarea { overflow:auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left:-7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label [by:Thierry Koblentz tjkdesign.com/ez-css/css/base.css ] */
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor:pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin:0; }
/* colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius:1px;
-moz-box-shadow:0px 0px 5px red;
-webkit-box-shadow:0px 0px 5px red;
box-shadow:0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color:#f0dddd; }
/* These selection declarations have to be separate. [ No text-shadow:twitter.com/miketaylr/status/12228805301 ] */
::-moz-selection{ background:#4e689d; color:#fff; text-shadow:none; }
::selection { background:#4e689d; color:#fff; text-shadow:none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color:#ff5e99; }
/* make buttons play nice in IE: [ www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ ] */
button { width:auto; overflow:visible; }
/* bicubic resizing for non-native sized IMG:[ code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ ] */
.ie7 img { -ms-interpolation-mode:bicubic; }
/* ----- [3] Non-Semantic Helper Classes ----- */
/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
/* Hide for both screenreaders and browsers [ css-discuss.incutio.com/wiki/Screenreader_Visibility ] */
.hidden { display:none; visibility:hidden; }
/* Hide only visually, but have it available for screenreaders [ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden ] */
.visuallyhidden {
position:absolute !important;
clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
clip:rect(1px, 1px, 1px, 1px);
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }
/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
/* Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom:1; }
/* ----- [5] Primary Styles ----- */
/*
Author:
*/
.body {
font:13px/1.231 sans-serif;
*font-size:small;
color:#444;
font-family:Tahoma, Verdana, Arial, sans-serif;
background:url(/stoudemiresprouse/images/body_bg.jpg) repeat-x #B2A382;
margin:0px;
padding:0px;
}
.body-sub {
font:13px/1.231 sans-serif;
*font-size:small;
color:#444;
font-family:Tahoma, Verdana, Arial, sans-serif;
background:url(/stoudemiresprouse/images/body_bg_sub.jpg) repeat-x #B2A382;
margin:0px;
padding:0px;
}
#body2 {
background:url(/stoudemiresprouse/images/bg_img.jpg) repeat-y top center;
margin:0px auto;
}
#container {
width:1200px;
margin:0px auto;
}
/* ----- Header ----- */
header {
height:147px;
overflow:hidden;
background:url(/stoudemiresprouse/images/header.jpg) no-repeat;
position:relative;
}
header .logo {
position:absolute;
top:20px;
left:135px;
width:683px;
height:90px;
overflow:hidden;
background:url(/stoudemiresprouse/images/spacer.gif);
}
#header-phone {
position:absolute;
top:48px;
right:160px;
height:40px;
}
#header-phone i {
display:block;
font-style:normal;
font:100% "Arial Narrow", Arial, Helvetica, sans-serif;
color:#89c4ff;
text-transform:uppercase;
letter-spacing:.3em;
}
#header-phone b {
display:block;
font-weight:normal;
font:227.4% "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#fff;
line-height:1em;
}
/* ----- Main Navigation ----- */
#nav-outer {
background:url(/stoudemiresprouse/images/nav_bg.jpg) repeat-x;
}
nav#main {
height:59px;
width:940px;
margin:0px auto;
}
nav#main ul {
list-style:none;
margin:0px;
padding:0px;
height:59px;
}
nav#main ul ul {
display:inline;}
nav#main ul li {
display:inline;
margin:0px;
padding:0px;
height:59px;}
nav#main ul li a {
display:inline-block;
padding:22px 13px;
color:#0b0b0d;
text-decoration:none;
font:108% Arial, Helvetica, sans-serif;}
nav#main ul li a:hover,
nav#main ul ul li:hover a /* this declaration so rollover state stays up when scrolling through dropmenu */
{
color:#03498F;
}
nav#main ul li a.current_link {
font-weight:bold;
color:#03498F;
}
/* ----- DROP NAV STYLING ----- */
nav#main ul ul ul {
display:none;
position:absolute;
z-index:98;
top:74px;
left:auto;
*width:150px; /* for dropmenus in IE, list width needs to be declared */
font:12px "Trebuchet MS", Tahoma, Arial, sans-serif;
text-transform:none;
text-align:left;
background:#999;
border:2px solid #777;
height:auto;}
/* --- left absolute positioning needs to be declared for each dropmenu individually ---
nav#main ul ul li.practice-areas:hover ul {
display:block;
left:291px;
left:291px;
}*/
nav#main ul ul ul li {
position:relative;
z-index:99;
height:auto;}
nav#main ul ul ul li a,
nav#main ul ul li:hover ul li a {
position:relative;
z-index:100;
display:block;
background:none;
border:none;
color:#fff;
text-decoration:none;}
nav#main ul ul ul li a:hover,
nav#main ul ul li:hover ul li a:hover {
background:none;
border:none;
color:#fff;
text-decoration:none;}
/* ----- AOP Navigation ----- */
#aop-area {
background:url(/stoudemiresprouse/images/aop_bg.jpg) no-repeat;
height:198px;
}
nav#aop {
width:940px;
margin:0px auto;
}
nav#aop ul {
list-style:none;
margin:0px;
padding:0px;
text-align:center;
}
nav#aop ul li {
display:inline-block;
margin:0px -1px;
padding:0;
height:176px;
width:150px;
*float:left;
}
nav#aop ul li a {
display:inline-block;
margin:0px;
padding:25px;
text-align:left;
color:#fff;
font:bold 123.1% "Arial Narrow", Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:1em;
height:176px;
width:150px;
}
nav#aop ul li a b {
color:#89c4ff;
}
nav#aop ul li.personal-injury {background:url(/stoudemiresprouse/images/aop_btn_pi.jpg) no-repeat;}
nav#aop ul li.criminal-defense {background:url(/stoudemiresprouse/images/aop_btn_criminal.jpg) no-repeat;}
nav#aop ul li.family-law {background:url(/stoudemiresprouse/images/aop_btn_family.jpg) no-repeat;}
nav#aop ul li.social-security-disability {background:url(/stoudemiresprouse/images/aop_btn_ssd.jpg) no-repeat;}
nav#aop ul li.workers-compensation {background:url(/stoudemiresprouse/images/aop_btn_workers.jpg) no-repeat;}
nav#aop ul li.civil-litigation {background:url(/stoudemiresprouse/images/aop_btn_civil.jpg) no-repeat;}
nav#aop ul li a:hover {
text-decoration:none;
}
nav#aop ul li.personal-injury:hover {background:url(/stoudemiresprouse/images/aop_btn_pi_over.jpg) no-repeat;}
nav#aop ul li.criminal-defense:hover {background:url(/stoudemiresprouse/images/aop_btn_criminal_over.jpg) no-repeat;}
nav#aop ul li.family-law:hover {background:url(/stoudemiresprouse/images/aop_btn_family_over.jpg) no-repeat;}
nav#aop ul li.social-security-disability:hover {background:url(/stoudemiresprouse/images/aop_btn_ssd_over.jpg) no-repeat;}
nav#aop ul li.workers-compensation:hover {background:url(/stoudemiresprouse/images/aop_btn_workers_over.jpg) no-repeat;}
nav#aop ul li.civil-litigation:hover {background:url(/stoudemiresprouse/images/aop_btn_civil_over.jpg) no-repeat;}
/* ----- Banner ----- */
#banner {
height:265px;
overflow:hidden;
}
#banner.sub {
height:273px;
overflow:hidden;
}
#tagline {
}
/* ----- Middle Section ----- */
#mid-section {
width:941px;
margin:0px auto;
background:url(/stoudemiresprouse/images/content_bg.jpg) repeat-y 1px 0px;
padding: 0 0 0 1px;
-moz-box-shadow: 0 7px 7px #888;
-webkit-box-shadow: 0 7px 7px #888;
box-shadow: 0 7px 7px #888;
}
/* ----- Sidebar(s) ----- */
#left {
float:left;
}
#right {
float:left;
width:291px;
background:url(/stoudemiresprouse/images/sidebar_bg_img.jpg) no-repeat top center;
}
#location {
}
#location h2 {
font:236% "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #152c43;
background: url(/stoudemiresprouse/images/location_underline.png) no-repeat 25px 45px;
font-variant:small-caps;
padding:10px 25px;
margin:0px 0px 10px;
}
#location address {
font:108% "Arial Narrow", Arial, Helvetica, sans-serif;
color: #0c0a0b;
padding:0px 25px;
}
#location address strong {
color:#14293e;
text-transform:uppercase;
}
#location address a {
padding:0 0 0 10px;
text-decoration:underline;
color: #024a8f;
}
#location address a:hover {
text-decoration:none;
}
/* ----- Main Content Area ----- */
#content {
float:left;
margin:;
padding:30px 25px 15px;
background:url(/stoudemiresprouse/images/content_bg_img.jpg) no-repeat top center #fff;
font:108% Calibri, Tahoma, Arial, Helvetica, sans-serif;
width:600px;
}
#content p,
#content ol,
#content ul {
margin-top:0px;
margin-bottom:20px;
}
#content li {
margin-top:5px;
margin-bottom:5px;
}
#content ol ol,
#content ul ul,
#content ol ul,
#content ul ol {
margin-top:0px;
margin-bottom:0px;
}
#content td ol,
#content td ul,
#content td ol ol,
#content td ul ul,
#content td ol ul,
#content td ul ol {
margin-top:0px;
margin-bottom:25px;
}
#content p {
line-height:20px;
color:#4f5050;
}
#content a {
color:#024a8f;
text-decoration:underline;
}
#content a:hover {
color:#024a8f;
text-decoration:none;
}
#content h1 {
margin:0px 0px 20px 0px;
padding:0px 0px 20px;
font: 182% "Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height:normal;
color:#1c2c4b;
background:url(/stoudemiresprouse/images/h1_border.png) no-repeat left bottom;
}
#content h2 {
margin:20px 0px 10px 0px;
padding:0px;
font:bold 136% Calibri, Tahoma, Arial, Helvetica, sans-serif;
line-height:normal;
color:#3f4145;
}
#content h3 {
margin:20px 0px 10px 0px;
padding:0px;
font-size:100%;
line-height:normal;
color:;
}
#content h4 {
margin:20px 0px 10px 0px;
padding:0px;
font-size:93%;
line-height:normal;
color:;
}
#content h5 {
margin:20px 0px 10px 0px;
padding:0px;
font-size:85%;
line-height:normal;
color:;
}
#content h6 {
margin:20px 0px 10px 0px;
padding:0px;
font-size:11%;
line-height:normal;
color:;
}
.atty-img {
float:right;
padding:0px 0px 10px 10px;
}
#faq-outer {
width:940px;
margin:0px auto;
background:#B19C6F;
-moz-box-shadow: 0 9px 7px #888;
-webkit-box-shadow: 0 9px 7px #888;
box-shadow: 0 9px 7px #888;
}
#faq {
background:url(/stoudemiresprouse/images/faq_bg.jpg) repeat-x;
width:650px;
}
#faq h2 {
color:#363636;
font:100% "Arial Narrow", Arial, Helvetica, sans-serif;
letter-spacing:.7em;
padding:0px 20px 13px;
}
#faq h2 b {
font:236% "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #152c43;
font-variant:small-caps;
letter-spacing:normal;
padding:0 3px 0 0;
}
#faq h3 {
font:182% "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #152c43;
float:left;
padding:0px 8px 0px 20px;
}
#faq p {
color:#4f5050;
font:108% Calibri, Tahoma, Arial, Helvetica, sans-serif;
}
#faq p.more a {
float:right;
padding:10px 20px;
*padding:5px 20px 5px;
}
#faq p.more a:hover {
text-decoration:none;
}
/* ----- Footer ----- */
footer {
background:url(/stoudemiresprouse/images/footer_bg.jpg) repeat-x;
height:287px;
margin:16px 0 0 0;
*margin:0px;
}
#footer-outer {
width:1200px;
margin:0px auto;
}
#footer-inner {
width:940px;
margin:0px auto;
}
footer .foot-top {
margin:-21px 0 0 0;
}
footer .logo {
padding: 8px 20px 0px;
}
#foot-content {
padding:20px;
}
nav#footlinks {
text-align:left;
font:108% "Arial Narrow", Arial, Helvetica, sans-serif;
width:150px;
float:left;
}
nav#footlinks ul {
list-style:none;
margin:0px;
padding:0px 10px 0px 0px;
}
nav#footlinks ul li {
display:block;
margin:0px;
padding:0px;
}
nav#footlinks ul li a {
margin:0px;
padding:1px 0px 0px;
color:#fff;
text-decoration:none;
display:block;
height:15px;
}
nav#footlinks ul li a:hover {
text-decoration:underline;
}
nav#aop-footlinks {
text-align:left;
font:108% "Arial Narrow", Arial, Helvetica, sans-serif;
width:180px;
float:left;
}
nav#aop-footlinks ul {
list-style:none;
margin:0px;
padding:0px 20px;
border-left:1px solid #012e5c;
border-right: 1px solid #012e5c;
}
nav#aop-footlinks ul li {
display:block;
margin:0px;
padding:0px;
}
nav#aop-footlinks ul li a {
margin:0px;
padding:1px 0px 0px;
color:#fff;
text-decoration:none;
display:block;
height:15px;
}
nav#aop-footlinks ul li a:hover {
text-decoration:underline;
}
#disclaimer {
text-align:left;
font:85% Arial, Helvetica, sans-serif;
color:#fff;
width:520px;
float:left;
padding: 40px 25px;
}
#disclaimer p {
margin:0px;
padding:0 0 10px;
}
#disclaimer a {
color:#fff;
text-decoration:underline;
}
#disclaimer a:hover {
color:#fff;
text-decoration:none;
}
#ln-logo {
float:right;
margin:0px 20px 10px 0px;
width: px;
height: px;
overflow: hidden;
background: ;
}
/* ----- Contact Forms ----- */
/* ----- Quick Contact Form - BASE STYLES ----- */
#qc {
margin:0 0 20px;
}
.trigger {display:none;}
#qc h2 {
font: 100% "Arial Narrow", Arial, Helvetica, sans-serif;
color:#89c4ff;
letter-spacing:.7em;
line-height:.5em;
padding:0px 25px 14px;
background:url(/stoudemiresprouse/images/qcf_header.jpg) no-repeat;
}
#qc b {
color:#fff;
font:236% "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-variant:small-caps;
margin:-5px;
letter-spacing:normal;
}
#qc p {
color:#0c0a0b;
font:108% "Arial Narrow", Arial, Helvetica, sans-serif;
margin:10px 0px;
}
#qc form {
}
#qc form fieldset {
margin:0px auto;
padding:0px;
border:none;
width:242px;
}
#qc form legend {
display:none;
}
#qc form label {
display:inline-block;
vertical-align:top;
overflow:hidden;
display:none;
text-align:;
font-size:93%;
}
#qc form label.message {
}
#qc form input {
margin:0px;
padding:5px;
width:232px;
height:28px;
border:none;
background:#e0d7c4;
font:100% "Arial Narrow", Arial, Helvetica, sans-serif;
}
#qc form select {
margin:0px;
padding:5px;
width:232px;
background:#e0d7c4;
font-size:93%;
}
#qc form textarea {
margin:0px;
padding:5px;
width:232px;
height:89px;
overflow:auto;
border:none;
background:#e0d7c4;
font:100% "Arial Narrow", Arial, Helvetica, sans-serif;
}
#qc form input.submit {
margin:0px;
padding:5px;
width:242px;
height:25px;
border:none;
background:#013d79;
font-size:93%;
text-transform:uppercase;
color:#fff;
text-align:center;
letter-spacing:.4em;
}
#qc form input.submit:hover {
}
#qc form ol {
list-style:none;
margin:0px;
padding:0px;
}
#qc form ol li {
display:block;
margin:0px;
padding:5px 0px;
}
/* */
#directionsForm {
}
/* div that wraps form */
#directionsInput {
padding:10px 0px;}
#fromAddress {
width:350px;}
#directionsLocale {
padding:10px 0px;}
#locale {
}
#directionsSubmit {
padding:10px 0px;}
#map {
border:1px solid #000;
color:#000;}
#addressNotFound {
}
#directions {
}
/* ----- [6] Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/*
Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
*/
@media screen and (max-device-width:480px) {
/* ----- Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you (j.mp/textsizeadjust ) ----- */
/*html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/* ----- [7] Print Styles ----- */
/* ----- inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ ----- */
@media print {
* { background:transparent !important; color:#444 !important; text-shadow:none !important; }
a, a:visited { color:#444 !important; text-decoration:underline; }
a:after { content:" (" attr(href) ")"; }
abbr:after { content:" (" attr(title) ")"; }
.ir a:after { content:""; } /* Don't show links for images */
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside:avoid; }
@page { margin:0.5cm; }
p, h2, h3 { orphans:3; widows:3; }
h2, h3{ page-break-after:avoid; }
}
/*