File: /home/heewonvps_17/drug-injury-lawyer.com/wp-content/themes/master/style.css
/*
* Main Style Sheet
*/
html, body, div, span, p, form, input, img, table, tr, td, th, textarea,
h1, h2, h3, h4, h5, h6, ul, ol, li, iframe, a, br, hr, blockquote {
margin: 0; padding: 0; border: none; line-height: 100%; text-decoration: none;
}
body { position: relative; background: url('images/bg-body.gif') repeat-x #797569; }
body.page, body.search, body.error404 { background: url('images/bg-internal-body.gif') repeat-x #797569; }
ol, ul, li { list-style: none; }
.clear { clear: both; }
.skip-link { position: absolute; left: 99999px; display:none;}
#left-background {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 621px;
background: url('images/bg-body-left.gif') repeat-x;
}
#wrapper { position: relative; z-index: 2; margin: auto; width: 982px; }
#header { width: 982px; height: 124px; }
a#logo {
float: left;
position: relative;
top: 22px;
display: block;
font-size: 72px;
font-family: "Coda Caption", Impact, sans-serif;
color: #eaeaea;
text-transform: uppercase;
letter-spacing: -9px;
}
p#sub-title {
float: left;
position: relative;
top: 65px;
padding-left: 5px;
font-size: 12px;
width: 114px;
font-family: Syncopate, Arial, Helvetica, sans-serif;
color: #eaeaea;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
}
p#cta {
float: right;
position: relative;
top: 22px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
p#cta span.small { font-size: 12px; color: #eaeaea; }
p#cta span.big { display: block; padding-top: 5px; font-size: 34px; color: #b3c25e; }
#top-nav { width: 982px; height: 45px; padding: 9px 0; }
#top-nav ul { width: 990px; height: 45px; border-left: 1px solid #3a3839; }
#top-nav li { float: left; border-right: 1px solid #3a3839; }
#top-nav li a {
display: block;
padding: 15px 45px 0;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #a7b366;
font-weight: bold;
text-transform: uppercase;
}
#top-nav li a:hover { color: #daf350; }
#banner-wrapper {
position: relative;
margin-bottom: 15px;
padding: 6px;
width: 956px;
height: 274px;
border: 6px solid #fff;
background: #5d5759;
}
.image-container { position: absolute; top: 6px; left: 6px; }
#indicator-buttons { position: absolute; bottom: 60px; left: 50px; z-index: 99; width: 300px; height: 15px; }
#indicator1 { background: url('images/indicators.png') bottom no-repeat; }
#indicator2, #indicator3, #indicator4 { background: url('images/indicators.png') top no-repeat; }
.indicator {
cursor: pointer;
padding: 0 5px;
float: left;
width: 15px;
height: 15px;
}
a#banner-link {
position: relative;
display: block;
float: left;
margin: -10px 30px 0;
width: 116px;
height: 39px;
overflow: hidden;
}
a#banner-link:active { top: 1px; }
a#banner-link:link img { margin-top: 0; }
a#banner-link:hover img { margin-top: -39px; }
a#banner-link:active img { margin-top: -78px; }
#internal-banner { position: relative; z-index: 2; margin: auto; padding: 30px 0 20px; width: 982px; }
#container { width: 982px; background: url('images/bg-container.gif') repeat-y; }
#content { position: relative; float: left; padding: 20px 112px 0 0; width: 630px; }
.post-it {
float: right;
margin: 15px 0 15px 35px;
padding: 50px 17px 0 0;
text-align: center;
width: 240px;
height: 206px;
background: url('images/post-it.png') no-repeat;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg); /* IE 9 */
-webkit-transform: rotate(-20deg); /* Safari and Chrome */
-o-transform: rotate(-20deg); /* Opera */
-moz-transform: rotate(-20deg); /* Firefox */
font-family: "Nothing You Could Do";
text-align: center;
font-size: 25px;
line-height: 35px;
}
a.learn-link {
position: relative;
display: block;
margin: 10px auto 0;
padding: 0 10px;
overflow: hidden;
width: 145px;
height: 55px;
color: #fff !important;
text-decoration: none !important;
text-transform: uppercase;
text-align: center;
font-size: 12px;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
}
a.learn-link:hover { color: #677809 !important; }
a.learn-link img { position: absolute; top: 0; left: 0; z-index: -1; margin-top: 0; }
a.learn-link:hover img { margin-top: -55px; }
a.learn-link:visited img { margin-top: -110px; }
#content input[type="text"],
#content input[type="tel"],
#content input[type="email"],
#content textarea { display: block; margin-bottom: 5px; padding: 4px; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#content textarea { height: 100px; }
#content input[type="submit"] {
background: url("images/form-submit.png") no-repeat scroll 0 0 transparent;
color: transparent;
cursor: pointer;
height: 96px;
position: relative;
width: 94px;
}
#content input[type="submit"]:hover { margin-top: -32px; }
#content input.submit:hover { margin-top: 0; }
#content span.wpcf7-not-valid-tip { font-size: 13px; color: #000; font-family: Arial, Helvetica, sans-serif; }
#content-banner {
position: absolute;
z-index: 2;
right: 0;
top: 0;
padding-top: 20px;
width: 100%;
height: 101px;
background: #252324;
}
.banner-item { float: left; width: 364px; height: 79px; }
.banner-item img { float: left; width: 165px; height: 79px; }
.banner-menu {
cursor: pointer;
float: left;
margin-left: 1px;
padding: 10px;
width: 154px;
height: 59px;
font-family: Homenaje, sans-serif;
text-transform: uppercase;
color: #fff;
font-size: 27px;
background: none;
overflow: hidden;
letter-spacing: -1px;
}
.banner-menu:hover { background: #7f9607; height: auto; }
.banner-menu a.mid-banner { color: #fff !important; text-decoration: none !important; }
.banner-menu a.mid-banner:hover { color: #fff; }
.banner-menu ul { margin-top: 15px; }
.banner-menu li { list-style: none !important; margin: 0 !important; }
.banner-menu li a {
display: block;
width: 100%;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #fff !important;
letter-spacing: 1px !important;
text-transform: none;
line-height: 18px;
text-decoration: none !important;
}
.banner-menu li a:hover { color: #252324 !important; }
#content p.page-title {
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px solid #8f8b7c;
text-transform: uppercase;
color: #252525;
}
#content p, #content li {
padding: 5px 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
line-height: 18px;
}
#content li { list-style: disc; margin-left: 35px; padding: 0 !important; }
#content h1 {
padding: 5px 0 10px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #a9c701;
text-transform: uppercase;
}
#content h2, #content h3 {
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #252525;
font-size: 14px;
}
#content a:link { color: #a9c701; text-decoration: underline; }
#content a:hover { color: #000; }
#content a:active { color: #fff; }
#content a:visited { color: #b0aa98; }
#sidebar { float: left; width: 240px; }
#sidebar li { margin-bottom: 15px; padding-left: 15px; }
li#search-3 form { float: right; width: 223px; }
li#search-3 input[type="text"],
li#search-3 input[type="tel"],
li#search-3 input[type="email"]{
float: left;
padding: 4px;
width: 191px;
height: 12px;
border: 1px solid #fff;
color: #fff;
font-size: 11px;
background: #484747;
line-height: 11px;
}
li#search-3 input[type="submit"] {
cursor: pointer;
float: left;
width: 21px;
height: 22px;
background: url('images/search.gif') no-repeat top;
border: solid #fff;
border-width: 1px 1px 1px 0;
color: transparent;
}
li#search-3 input[type="submit"]:hover { background-position: bottom; }
li#text-2 {
clear: both;
float: right;
margin: 15px 0;
padding: 10px;
width: 197px;
border: 3px solid #fff;
background: #484647;
font-family: Homenaje, sans-serif;
font-size: 22px;
letter-spacing: -1px;
color: #fff;
}
#sidebar li h3 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #a9c701; }
#sidebar ul ul { margin-left: 15px; padding: 5px 0; }
#sidebar li li { margin: 0; padding: 3px 0; list-style: square; color: #fff; font-size: 12px; }
#sidebar li li a {
color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}
#sidebar li li a:hover { color: #a9c701; }
li#nav_menu-9 div { border-bottom: 1px solid #9c988c; }
li#text-6 .textwidget { height: 32px; overflow: hidden; }
li#text-6 .textwidget a:hover img { margin-top: -32px; }
li#text-6 .textwidget a:active img { margin-top: -64px; }
li#text-7 h3 {
padding: 5px;
width: 209px;
border: solid #5d5951;
border-width: 3px 3px 0;
background: #484747;
font-size: 23px;
font-family: Homenaje, sans-serif;
color: #fff;
}
li#text-7 form {
padding: 5px;
width: 209px;
border: solid #5d5951;
border-width: 0 3px 3px;
background: #484747;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999;
}
li#text-7 a { color: #999; text-decoration: underline; }
li#text-7 input[type="text"],
li#text-7 input[type="tel"],
li#text-7 input[type="email"],
li#text-7 textarea {
display: block;
margin: 3px 0;
padding: 3px;
width: 201px;
background: #fff;
border: 1px solid #818da0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999;
}
.form-submit { margin: 15px 0; height: 32px; overflow: hidden; line-height: 15px; }
li#text-7 input[type="submit"] {
position: relative;
cursor: pointer;
width: 94px;
height: 96px;
background: url('images/form-submit.png') no-repeat;
color: transparent;
}
li#text-7 input[type="submit"]:hover { top: -32px; }
li#text-7 input[type="submit"]:active { top: -64px; }
li#text-7 input[type="checkbox"] { position: relative; top: 5px; }
#footer-wrapper { padding-top: 6px; width: 100%; border-top: 1px solid #fff; }
#footer { padding: 15px 0 0; width: 100%; background: #484747; }
#footer a, #footer p { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#footer p { line-height: 18px; }
#footer a:hover { color: #93aa14; }
#colophon { margin: auto; width: 982px; }
#footer .widget-area { float: left; padding: 8px; }
#footer h3 {
padding-bottom: 5px;
font-size: 24px;
font-family: Homenaje, sans-serif;
color: #93aa14;
text-transform: uppercase;
}
#first { margin-right: 5px; background: #363535; width: 356px; }
li#menu-item-156 { float: right; margin-top: -25px; }
#first li li a { font-weight: bold; display: block; width: 150px; line-height: 15px; }
#first li li li { padding-left: 8px; }
#first li li li a {font-weight: normal; }
#second { width: 110px; }
#fourth a { font-size: 11px; color: #a9c701; text-decoration: underline; }
#fourth a:hover { color: #d1ed38; }
#footer-info-wrapper { padding: 20px 0; width: 100%; background: #252324; border-top: 1px solid #fff; }
#footer_info {
margin: auto;
width: 982px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 11px !important;
}
#footer_info a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 11px !important; }
#footer_info p, #geo-block {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 11px !important;
}
#geo-block { float: right; width: 475px; font-style: italic; }
#___plusone_0 { position: relative; top: 3px; }
/* Contact Form 7 Styles */
input.wpcf7-validates-as-required {
font-weight: bold !important;
}
*[aria-invalid="true"],
*[aria-invalid="true"]:hover {
background: #ffbbbb !important;
color: #9d0606 !important;
}
span.wpcf7-not-valid-tip {
display: none;
}
span.wpcf7-not-valid .wpcf7-list-item-label {
color: #d60a0a;
}
.wpcf7-response-output {
margin-top: 15px;
padding: 15px;
text-align: center;
}
.wpcf7-validation-errors {
background: #ffbbbb;
border: 1px solid #9d0606;
color: #9d0606;
}
.wpcf7-mail-sent-ok {
background: #b9ffd0;
border: 1px solid #08a23a;
color: #08a23a;
}
img.ajax-loader {
float: right;
position: relative;
right: 120px;
top: -30px;
}
.wpcf7-display-none {
display: none;
}