/*
Theme Name: Body Design
*/
html, body {
font-family: arial;
font-size: 14px;
border: 0;
color: #fff;
}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
margin: 0;
padding: 0;
}
body {
background: #999999 url(img/bg-body.jpg) repeat-x left top;
}
p {
line-height: 17px;
padding: 8px 0;
}
h1, h2, h3, h4, h5 {
padding: 10px 0;
}
ul, ol {
list-style: none;
padding: 10px 0;
}
small {
font-size: 11px;
}
code {
background: #FFFFC1;
}
.hidden {
display: none;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
blockquote {
font-size: 12px;
width: 80%;
padding: 0 10%;
margin: 10px auto;
color: #717171;
line-height: 19px;
font-style: italic;
}
blockquote p {
padding: 10px 0;
}
/* Align */
.aligncenter {
margin: 10px auto 20px auto;
display: block;
}
.alignleft {
margin: 10px 10px 8px 0;
float: left;
}
.alignright {
margin: 10px 0px 8px 10px;
float: right;
}
.col-left {
float: left;
}
.col-right {
float: right;
}
.nobg {
background: none !important;
}
/* Wrap */
#wrap {
width: 945px;
margin: 0 auto;
background: url(img/bg-content.jpg) no-repeat 0 74px;
}
.home #wrap-in {
background: url(img/bg-home.png) no-repeat 640px 60px;
}
/* Top */
#top {
width: 945px;
}
#top h1 {
margin: 0;
padding: 0;
}
#top h1 a {
width: 386px;
height: 124px;
background: url(img/img-logo.jpg) no-repeat;
margin-left: 18px;
display: block;
}
#top .c1 {
padding-top: 26px;
height: 48px;
position: relative;
}
#main-menu {
width: 690px;
padding: 0 0 0 10px;
font-size: 22px;
text-transform: uppercase;
}
#main-menu li {
display: inline;
padding: 0 21px;
text-shadow: 1px 3px 3px #000;
}
#top .newsletter {
width: 202px;
height: 31px;
background: url(img/bg-newsletter-field.gif) no-repeat 0 0;
position: relative;
position: absolute;
right: 4px;
top: 20px;
}
#top .newsletter .field {
width: 150px;
position: absolute;
right: 42px;
top: 8px;
background: transparent;
margin: 0;
padding: 0;
border: 0;
outline: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#top .newsletter .submit {
position: absolute;
right: 0;
top: 0;
}
#main-menu li.current_page_item a, #main-menu li a:hover {
color: #00B8E9;
}
/* Middle */
#middle {
width: 945px;
padding-bottom: 20px;
}
#middle h1 {
font-size: 40px;
text-shadow: 0px 1px 1px #000;
letter-spacing: -1px;
}
.x1 {
position: absolute;
left: 23px;
top: 26px;
}
/* Content */
#content {
width: 945px;
position: relative;
}
/* Content (news) */
.blog #content, .archive #content {
min-height: 400px;
}
.content {
width: 460px;
padding-left: 160px;
margin-right: 20px;
}
h2.note {
color: #000;
font-size: 20px;
padding-top: 20px !important;
}
.content .post {
width: 460px;
position: relative;
font-size: 12px;
color: #000;
background: url(img/spacer.png) repeat-x left bottom;
padding-bottom: 30px;
padding-top: 10px;
}
.content .post .post-footer {
width: 460px;
padding-top: 15px;
font-size: 12px;
text-transform: uppercase;
}
.content .post .post-footer a {
color: #000;
}
.content .post .post-footer a:hover {
text-decoration: underline;
}
.content .post .post-footer .col-left {
width: 240px;
}
.content .post .post-footer .col-right {
width: 220px;
text-align: right;
}
.content .post h3.meta-cat {
font-size: 12px;
padding-bottom: 15px;
text-transform: uppercase;
}
.content .post h3.meta-cat a {
color: #000;
}
.content .post h3.meta-cat a:hover {
text-decoration: underline;
}
.content .post .post-body img {
border: #fff 7px solid;
}
.content .post .post-body a {
color: #000;
text-decoration: underline;
}
.content .post .post-body a:hover {
color: #000;
text-decoration: none;
}
.content .post .post-body ul, .content .post .post-body ol {
padding-left: 20px;
}
.content .post .post-body ul li {
list-style: circle;
line-height: 20px;
}
.content .post .post-body ol li {
list-style: decimal;
line-height: 20px;
}
.content .post h2 {
font-size: 30px;
line-height: 27px;
padding-bottom: 0px;
letter-spacing: -1px;
}
.content .post h2 a:hover {
color: #000;
}
/* Comments */
.comment {
font-size: 12px;
color: #000;
background: url(img/spacer.png) repeat-x left bottom;
padding-bottom: 15px;
margin-bottom: 15px;
}
.comment p {
padding: 5px 0;
}
form#comments label {
display: inline-block;
width: 131px;
text-align: right;
margin-right: 20px;
vertical-align: top;
padding-top: 10px;
}
form#comments input.field {
display: inline-block;
background: #B1B1B1;
border: #8B8B8B 1px solid;
width: 289px;
padding: 5px;
margin-top: 4px;
}
form#comments textarea {
display: inline-block;
background: #B1B1B1;
border: #8B8B8B 1px solid;
width: 289px;
height: 100px;
padding: 5px;
margin-top: 4px;
}
form#comments .submit {
margin-left: 154px;
margin-top: 2px;
}
h2.com {
font-size: 30px;
padding-bottom: 15px;
}
.content .post .date {
width: 129px;
height: 46px;
padding: 13px 0 0 15px;
background: url(img/bg-date.png) no-repeat;
font-size: 12px;
font-weight: bold;
color: #363636;
line-height: 15px;
text-transform: uppercase;
position: absolute;
left: -152px;
top: 17px;
}
.content .post .date a {
color: #363636;
}
.content .post .date a:hover {
text-decoration: underline;
}
.content .more-entries {
padding-top: 20px;
font-size: 15px;
font-weight: bold;
}
.content .more-entries a {
color: #000;
}
.content .more-entries a:hover {
text-decoration: underline;
}
/* Content (sidebar) */
.sidebar {
width: 259px;
padding-top: 10px;
}
.archives {
width: 259px;
height: 239px;
padding: 0 15px;
background: url(img/bg-archives.png) no-repeat;
overflow: hidden;
}
.archives ul {
padding: 3px 0 0 0;
width: 280px;
margin-left: -15px;
}
.archives li {
width: 125px;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
padding: 6px 0;
background: url(img/spacer.gif) repeat-x left top;
margin-left: 15px;
display: inline;
}
.archives li a {
color: #363636;
}
.archives li a:hover {
text-decoration: underline;
}
.archives h2 {
font-size: 30px;
letter-spacing: -1px;
}
/* Content (main page) */
.home #content {
background: url(img/bg-photo-bucket.gif) no-repeat 0 3px;
padding-top: 26px;
min-height: 600px;
}
.home #content .c1 {
width: 630px;
height: 265px;
}
.home #content .c2 {
width: 100%;
}
.home #content .c2 .r1 {
width: 387px;
}
.home #content .c2 .r1 h2 {
width: 356px;
padding: 14px 0 0 32px;
height: 35px;
margin-bottom: 10px;
background: url(img/bg-heading1.gif) no-repeat 0 0;
font-size: 16px;
font-style: italic;
}
.home #content .c2 .r1 p.ms {
padding: 0 10px 0 5px;
font-size: 13px;
line-height: 18px;
}
.home #content .c2 .r1 .h2 {
margin-top: 20px;
background: url(img/bg-heading1a.gif) no-repeat 0 0 !important;
}
.home #content .c2 .r1 .block {
width: 217px;
padding-left: 160px;
position: relative;
}
.home #content .c2 .r1 img {
position: absolute;
left: 0;
top: 0;
}
.home #content .c2 .r2 {
width: 305px;
}
.home #content .c2 .r2 h2 {
width: 273px;
padding: 14px 0 0 32px;
height: 35px;
background: url(img/bg-heading2.gif) no-repeat 0 0;
font-size: 16px;
font-style: italic;
}
.home #content .c2 .r2 .block {
width: 100%;
padding-top: 5px;
background: url(img/spacer.png) repeat-x left bottom;
font-style: italic;
}
.home #content .c2 .r2 .block p {
padding-top: 7px;
}
.home #content .c2 .r2 .block .in {
width: 215px;
padding-left: 90px;
padding-bottom: 20px;
background: url(img/bg-photo-bucket-small.png) no-repeat 0px 0px;
position: relative;
}
.home #content .c2 .r2 .block .in img {
position: absolute;
left: 12px;
top: 11px;
}
.home #content .c2 .r3 {
width: 225px;
}
.home #content .c2 .r3 h2 {
width: 190px;
padding: 14px 0 0 32px;
height: 35px;
background: url(img/bg-heading3.gif) no-repeat 0 0;
font-size: 16px;
font-style: italic;
}
.home #content .c2 .r3 .block {
width: 216px;
padding: 2px 0 5px 0;
margin-left: 6px;
font-size: 13px;
background: url(img/spacer.png) repeat-x left bottom;
}
.home #content .c2 .r3 .block a:hover {
text-decoration: underline;
}
.home #content .c2 .r3 .block p {
padding: 5px 0;
line-height: 18px;
}
.home #content .c2 .r1, .home #content .c2 .r2, .home #content .c2 .r3 {
float: left;
}
.home #content .c2 .r2, .home #content .c2 .r3 {
margin-left: 13px;
}
/* Content (contact) */
.contact {
width: 100%;
padding-bottom: 60px !important;
background: url(img/bg-contact.png) no-repeat 720px bottom;
}
.contact #content {
background: url(img/bg-photo-bucket.gif) no-repeat 0 3px;
padding-top: 30px;
}
.contact .block h3 {
font-size: 23px;
padding-bottom: 5px;
padding-left: 2px;
margin-bottom: 25px;
letter-spacing: -1px;
background: url(img/spacer.png) repeat-x left bottom;
}
.contact .left {
width: 380px;
float: left;
}
.contact .left .wrap {
margin-bottom: 8px;
width: 100%;
}
.contact .right {
width: 303px;
margin-left: 20px;
float: left;
}
.contact label {
width: 150px;
text-align: right;
line-height: 25px;
float: left;
}
.contact .field {
float: right;
width: 208px;
background: #B1B1B1;
border: #8A8A8A 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
padding: 5px;
margin: 0;
}
.contact .sfield {
float: right;
margin-top: -5px;
}
.contact .right .col-left {
border: #737373 1px solid;
}
.contact .right .col-left img {
display: block;
padding: 7px;
background: #fff;
}
.contact .right .col-right {
width: 140px;
font-size: 17px;
}
.contact .right .col-right p {
line-height: 20px;
}
/* Content (staff) */
.staff #content {
background: url(img/bg-photo-bucket.gif) no-repeat 0 3px;
padding-top: 30px;
}
.staff #content .block-x1 {
padding-left: 400px;
padding-right: 50px;
padding-bottom: 20px;
}
.staff #content .block {
width: 100%;
}
.staff #content h1 {
padding-bottom: 0;
}
.staff #content .col-left {
width: 300px;
margin-left: 70px;
position: relative;
background: url(img/bg-photo-bucket-staff.png) no-repeat right 0;
min-height: 130px;
display: inline;
}
* html .staff #content .col-left {
height: 130px;
}
.staff #content .col-left img {
position: absolute;
right: 18px;
top: 17px;
}
.staff #content .col-left h3 {
width: 150px;
padding-bottom: 0;
padding-top: 15px;
text-align: right;
font-size: 14px;
}
.staff #content .col-left p {
width: 150px;
padding: 0;
text-align: right;
font-size: 12px;
}
.staff #content .col-right {
width: 500px;
padding-right: 30px;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 25px;
margin-bottom: 20px;
background: url(img/spacer.png) repeat-x left bottom;
min-height: 130px;
}
/* Content (testimonials) */
.testimonials #content {
background: url(img/bg-photo-bucket.gif) no-repeat 0 3px;
padding-top: 30px;
}
#content .block-x1 {
padding-left: 400px;
padding-bottom: 165px;
}
.testimonials #content h1 {
padding-bottom: 0;
}
.testimonials #content .block {
width: 785px;
float: right;
padding-bottom: 20px;
}
.testimonials #content .block .r1 {
width: 224px;
background: url(img/bg-testimonials-block.png) no-repeat;
position: relative;
font-weight: bold;
text-align: right;
}
.testimonials #content .block .r1 .in {
height: 51px;
padding-top: 111px;
}
* html .testimonials #content .block .r1 {
height: 54px;
}
.testimonials #content .block .r1 p {
font-size: 12px;
color: #363636;
line-height: 15px;
width: 215px;
float: right;
clear: both;
}
.testimonials #content .block .r1 h3 {
font-size: 15px;
line-height: 16px;
padding-right: 15px;
}
.testimonials #content .block .r1 img {
position: absolute;
right: 26px;
top: 18px;
}
.testimonials #content .block .r2 {
width: 528px;
margin-right: 5px;
background: url(img/spacer.png) repeat-x left top;
padding: 16px 10px 10px 0;
font-style: italic;
}
/* Sidebar */
#sidebar {
}
/* Footer */
#footer {
width: 100%;
height: 111px;
background: url(img/bg-footer.jpg) repeat-x;
}
#footer-in {
width: 945px;
height: 111px;
margin: 0 auto;
background: url(img/bg-footer-logo.jpg) no-repeat 30px 0;
position: relative;
font-size: 13px;
}
#footer ul {
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 1px 2px #064455;
padding: 45px 0 0 320px;
}
#footer li {
display: inline;
margin: 0 4px;
font-size: 14px;
}
#footer li a:hover {
color: #C2F2F8;
}
#footer-in p {
width: 250px;
position: absolute;
right: 0;
top: 20px;
font-weight: bold;
}
/* Extra */
.page-extra1 {
width: 680px !important;
padding-left: 40px !important;
}
.page-extra1 .post {
width: 680px !important;
background: none !important;
min-height: 350px !important;
padding-top: 20px !important;
}
span.wpcf7-not-valid-tip {
color: #000 !important;
}
.tweet {
position: absolute;
left: -110px;
top: 97px;
}
.mc_custom_border {
padding: 0;
border: 0 !important;
}
.mc_custom_border legend {
display: none;
}
.mc_merge_var label {
display: none;
}
#mc_signup_submit {
border: 0 !important;
background: none !important;
background: url(img/img-submit.gif) !important;
width: 31px !important;
height: 31px !important;
display: block !important;
}
.mc_error_msg, .mc_success_msg {
position: absolute;
right: 0;
top: -18px;
width: 500px;
text-align: right;
font-weight: normal;
}
#top .newsletter .field {
padding: 4px 0 4px 0;
top: 4px;
background: #6B6B6B;
}
.anythingFader h1 {
text-shadow: none !important;
}
/* Fix */
.wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}