/*
Theme Name: true fit
Description: The custom WordPress theme developed by <a href="http://vocecomm.com/">voce communications</a>.
Version: 1.0
Author: Pete Schiebel
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; text-align: center; padding-bottom: 30px; background: url(images/bg-body.jpg)}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
font, center {color: #eecc11; font-weight: bold; background: #cd0000; margin: 10px; padding: 10px; border: 2px dashed #eecc11; font-size: 2em;}
div {position: relative;}
strong {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
img {display: block;}
ul {list-style: none;}
a {outline: none; text-decoration: none; color: #045AA5;}
a:hover {text-decoration: underline;}
.clr {clear: both; height: 0px; overflow: hidden;}
.page {width: 964px; margin: 0 auto; text-align: left; font: 13px Calibri, Arial, sans-serif; color: #3F4842; line-height: 18px;}
.top {width: 100%; height: 403px; font: 12px Arial, Calibri, sans-serif; color: #3F4842; background: url(images/bg-top-1.jpg);}
.top a.bell-logo {position: absolute; top: 6px; left: 12px;}
.top a.true-fit-logo {position: absolute; top: 159px; left: 23px;}
.center {height: 347px; width: 964px; margin: 0 auto; text-align: left;}
.center img.bg {position: absolute; top: 0; left: 0;}
.support {position: absolute; top: 39px; right: 20px; width: 504px;}
.support ul {margin-top: 7px;}
.support li {display: inline; text-indent: -9999px; float: left;}
.support li a {display: block; height: 11px; overflow: hidden;}
.support li a.about-us {width: 82px; background: url(images/nav-about-us.png) no-repeat;}
.support li a.contact-us {width: 96px; background: url(images/nav-contact-us.png) no-repeat;}
.support li a.about-us:hover, .support ul.about-us li a.about-us {background-position: 0 -11px;}
.support li a.contact-us:hover, .support ul.contact-us li a.contact-us {background-position: 0px -11px;}
.support form {float: right;}
.support form input, .support form button {vertical-align: middle; display: inline; border: none;}
.support input.text {width: 200px; height: 18px; background: url(images/input-text.png) no-repeat; margin-right: 4px; padding: 6px 10px 0 12px; font: 11px Calibri, Arial, sans-serif;}
.support button, .entry button {vertical-align: middle; background: url(images/search.png) no-repeat; width: 72px; height: 24px; text-indent: -9999px;}
.nav {position: absolute; left: 8px; top: 88px; background: url(images/nav.png) no-repeat; padding: 13px 0 0 5px; height: 28px; width: 708px; overflow: hidden;}
.nav ul {width: 702px; position: relative;}
.nav li {float: left; display: inline; text-indent: -9999px;}
.nav a {display: block; height: 18px; background: url(images/nav.gif) no-repeat;}
.nav a.home {width: 82px;}
.nav a.facts-research {background-position: -82px 0; width: 183px;}
.nav a.blog, .nav a.archive {background-position: -265px 0; width: 67px;}
.nav a.press {background-position: -332px 0; width: 78px;}
.nav a.how-it-works {background-position: -410px 0; width: 143px;}
.nav a.where-to-buy {background-position: -553px 0; width: 149px;}
.nav a.home:hover, .nav ul.home a.home {background-position: 0 -18px;}
.nav a.facts-research:hover, .nav ul.facts-research a.facts-research {background-position: -82px -18px;}
.nav a.blog:hover, .nav ul.blog a.blog, .nav a.archive, .nav ul.archive a.blog {background-position: -265px -18px;}
.nav a.press:hover, .nav ul.press a.press {background-position: -332px -18px;}
.nav a.how-it-works:hover, .nav ul.how-it-works a.how-it-works {background-position: -410px -18px;}
.nav a.where-to-buy:hover, .nav ul.where-to-buy a.where-to-buy {background-position: -553px -18px;}
.tweets {position: absolute; top: 250px; left: 4px; width: 552px; height: 23px; padding: 11px 0 0 163px; font-size: 11px;}
.tweets a {color: #3F4842;}
.tweets a.read-more {color: #045AA5; margin-left: 14px; padding-left: 11px; background: url(images/sprite.gif) no-repeat 0 3px;}
.tweets a.latest {display: block; position: absolute; top: 11px; left: 48px; height: 14px; width: 105px;}
.content {float: left; width: 657px; padding-left: 3px; margin-top: -100px;}
.content img.wp-smiley {display: inline; vertical-align: middle;}
.content h2, .content h3, .content h4, .content h5 {font-weight: bold; padding-top: 18px; line-height: 1.3em;}
.content h1, .your-thoughts h2, .comments h2 {background: #045AA5; color: white; font: 30px Calibri, Arial, sans-serif; line-height: 32px; margin-right: 3px; padding: 10px 20px 10px 148px;}
.content .page h1 {padding-left: 28px;}
.your-thoughts h2, .comments h2 {background: none; color: #3F4842; padding-left: 20px;}
.comments h2 span, .comments h2 span a {font: bold 12px Arial, Calibri, sans-serif;}
.content h1 a {color: white;}
.entry h1 {margin-top: 18px;}
.content h2, .content h2 a {font: 25px Calibri, Arial, sans-serif;}
.content h2.pagetitle {padding: 0px 15px 10px 31px; background: url(images/bg-post.png) repeat-y;}
.content h3, .content h3 a, .ddsg-wrapper li a {font-size: 18px; color: #FF9103;}
.content h4, .content h4 a {font-size: 14px; color: #84AB04;}
.content h5, .content h5 a {text-transform: uppercase;}
.content p {padding-top: 15px;}
.content p.meta {margin-left: 114px; padding: 10px 12px 10px 34px; line-height: 18px; font-size: 11px;}
.content p.del-date {padding-top: 3px; color: #7DAE38;}
.content table {margin-top: 15px; border-bottom: 1px solid #045AA5; border-left: 1px solid #045AA5}
.content th {font-weight: bold; padding: 10px 8px 8px 8px; border-right: 1px solid #E9F9FB; background: #045AA5; font-family: Calibri, Arial, sans-serif; color: white;}
.content td {padding: 8px; border-right: 1px solid #045AA5; border-top: 1px solid #045AA5; font-size: 11px;}
.content tr.alt td {background: #E9F9FB;}
.content form {margin-top: 15px;}
.content blockquote {margin: 15px 20px 0 20px; padding: 0 12px 12px 12px; background: #E9F9FB; border: 1px solid #045AA5;}
.content ul, .content ol {margin: 15px 0 0 25px;}
.content ul {list-style: disc;}
.content li {padding: 2px 0;}
.content img.alignright {float: right; margin: 0px 0 10px 10px; display: inline;}
.content img.alignleft {float: left; margin: 0px 10px 10px 0; display: inline;}
.content img.aligncenter {margin: 10px auto;}
.post {width: 657px; background: url(images/bg-post.png) repeat-y; padding-bottom: 20px;}
img.bottom-post {margin-bottom: 5px;}
.post a.post-avatar {float: left; margin: 5px 0 0 29px;padding: 3px 8px 9px 4px; background: url(images/bg-avatar.png) no-repeat;}
.entry {border-top: 1px solid #B4D63F; padding: 0 42px 0 32px; width: 583px;}
.entry p {font-size: 13px; line-height: 20px;}
.post-bottom {margin-right: 3px; border-top: 1px solid #B4D63F; padding: 17px 15px 0 20px; font-size: 11px; margin-top: 25px; width: 619px;}
.post-bottom p {padding-top: 3px;}
.post-bottom p.more {float: right; width: 200px; text-align: right; font: bold 12px Arial, Calibri, sans-serif;}
.post-bottom span a.stbutton{padding: 0px 0px 5px 22px; line-height: 18px; background: url(images/sprite.gif) no-repeat 2px -95px !important;}
.post-bottom span.stbuttontext{margin-right: 10px; line-height: normal; padding-top: 0;}
.blocks {width: 657px; margin: 0 0 5px 0;}
.repeat {width: 657px; background: url(images/bg-blocks.png) repeat-y;}
.block {width: 291px; float: left; display: inline; padding: 0 17px;}
.logos {overflow: auto; padding-top: 25px;}
.logos a {float: left; display: inline; margin: 20px 10px 0 0; vertical-align: middle;}
.media-links {margin-right: 7px}
.media-links p {padding: 10px 0 0 10px;}
.block ul {margin: 7px 0 0 0; list-style: none;}
.your-stories {width: 657px; background: url(images/bg-your-stories.png) repeat-y; padding-bottom: 15px;}
img.top-quote {position: absolute; top: 14px; left: 15px;}
img.bottom-quote {position: absolute; bottom: 7px; right: 20px;}
.quote {padding: 25px 55px; overflow: auto;}
.quote h3 {font-size: 15px; color: #045AA5; padding-top: 0;}
.quote p {padding-top: 6px; font: 13px Calibri, Arial, sans-serif; line-height: 20px;}
.quote img.alignleft {margin: 0 25px 0 0;}
.navigation {margin: 20px 10px 0 10px; overflow: auto;}
.navigation div.alignleft {float: left; width: auto;}
.navigation div.alignright {float: right; width: auto;}
.navigation a {font: bold 12px Calibri, Arial, sans-serif;}
img.comments-top {}
.comments {width: 657px; background: url(images/bg-comments.png) repeat-y; margin-top: -3px;}
img.comments-top {margin: -4px 0 0 0; left: 0;}
.comments h2 {position: relative; z-index: 10; position: absolute; top: -57px;}
.comments h2#comments {font-size: 30px;}
.comment {width: 591px; background: #98C700; margin-top: 3px; padding: 16px 34px 20px 29px; overflow: auto; float: left;}
.bypostauthor, .comment-author-admin {background: #045AA5; color: white;}
img.small-logo {position: absolute; top: 81px; left: 37px; z-index: 30; display: none;}
.bypostauthor img.small-logo, .comment-author-admin img.small-logo {display: inline;}
.post-avatar img.small-logo {display: inline; top: 66px;}
.comments img.avatar {padding: 3px 8px 9px 4px; background: url(images/bg-avatar.png) no-repeat; float: left; margin-right: 18px;}
.comments p, .comment h2 {width: 480px; display: block; float: right; padding-top: 8px;}
.comment h2 {color: white; padding: 5px 0 0 0; margin-right: 0; position: relative; top: 0; z-index: 10}
.comments ul.children {margin: 0;}
p.cancel-reply {padding-left: 20px}
.your-thoughts {background: url(images/bg-post.png) repeat-y; width: 657px;}
.sidebar {float: right; width: 297px; margin-top: -75px;}
.subscribe {width: 297px; height: 42px; margin-bottom: 5px;}
.subscribe img {position: absolute; top: 0; left: 0;}
.subscribe p {padding-left: 167px; padding-top: 9px; position: relative; z-index: 10;}
.subscribe a {background: url(images/sprite.gif) no-repeat; padding-left: 15px; font-weight: bold; color: #666666;}
.subscribe a.rss {background-position: 0 -27px; padding-left: 20px; margin-right: 7px;}
.subscribe a.email {background-position: 0 -60px; padding-left: 25px;}
.recent-posts {width: 297px; background: url(images/bg-white.png) repeat-y;}
.recent-posts ul {margin: 0 15px 0 14px;}
.recent-posts li, .block li {background: #E7F8FB url(images/bg-recent-posts-li.gif) no-repeat; font-size: 11px; height: 1%;}
.block li {background-image: url(images/bg-media-links-li.gif);}
.recent-posts li span, .block li span {background: url(images/bg-recent-posts-li-span.gif) no-repeat bottom left; display: block; width: 238px; padding: 8px 15px 7px 15px; line-height: 18px;}
.block li span {background-image: url(images/bg-media-links-li-span.gif); width: 261px;}
.recent-posts li a.title, .block li a.title {font-size: 16px; font-weight: bold; position: relative;}
.recent-posts li.alt, .recent-posts li.alt span, .block li.alt, .block li.alt span {background: none}
.recent-posts p {text-align: right; font-weight: bold; font-size: 11px; padding: 8px 15px 0 0;}
div.share-your-story {width: 247px; background: url(images/bg-share-your-story.png) repeat-y; padding: 0 25px;}
.share-your-story p {padding-top: 10px; line-height: 18px; font-family: Calibri, Arial, sans-serif; color: white;}
.share-your-story a {color: black; font-weight: bold; font-size: 11px;}
.share-your-story img {border: 6px solid white; margin-top: 15px;}
.featured-video {width: 283px; background: url(images/bg-featured-video.png) repeat-y; padding-left: 14px;}
.featured-video object, .featured-video embed {width: 266px; height: 151px;}
.flickr {width: 297px; background: url(images/bg-flickr.png) repeat-y; overflow: auto;}
.thumbs {padding: 3px 0 0 17px;}
.thumbs a {float: left; display: inline; margin: 13px 17px 0 0;}
.footer {padding-top: 24px; font: bold 11px Arial, Calibri, sans-serif; color: #3F4842;}
.footer a {padding: 0 5px;}
h3#comments, h3#respond {padding: 12px;}
.content form {margin: 10px 25px 0 25px;}
.content form#searchform {margin: 15px 0 0 0;}
.content form p {padding: 8px 0 0 0; margin: 0;}
.content form input {width: 225px; border: 1px solid #CDCDCD; padding: 6px; font-size: 14px; font-family: Calibri, Arial, sans-serif;}
.content form input.submitbutton {width: 91px; height: 35px; border: none; text-indent: -9999px; background: url(images/submit.gif) no-repeat;}
.content form textarea {width: 490px; height: 150px; border: 1px solid #CDCDCD; padding: 6px; font-size: 14px; font-family: Calibri, Arial, sans-serif;}
.content form label {font: 13px Calibri, Arial, sans-serif; color: #3D3D3D; padding-left: 10px;}
.content form input#submit {width: auto; border: none;}
/*Email dropdown*/
#emailbox {width: 294px; top: 33px; left: 0; overflow: hidden; z-index: 100; position: absolute; background: #FFFAE7; border-bottom: 2px solid #F07100; padding-bottom: 10px; display: none;}
#emailbox form {margin: 0 20px;}
#emailbox a {background: none;}
#emailbox p {font-size: 13px; font-weight: bold; text-transform: none; padding: 7px 0 0 0;}
#emailbox input {vertical-align: middle; width: 240px; padding: 3px; font-size: 14px; font-family: Calibri, Arial, sans-serif; }
#emailbox a.close {float: right; z-index: 10; font: bold 13px Verdana, Arial, sans-serif; padding: 3px; display: block; background: #F07100; color: white;}
#emailbox button {margin-top: 6px; color: white; width: auto; text-align: center; font-size: 11px; font-weight: bold; padding: 3px 4px; background: #636363; border: 2px solid #999;}

.numrows {float: right; color: #737373; font-weight: normal; z-index: 10;}
.arcleft {float: left; width: 265px; display: inline; margin-top: 15px;}
.arcleft h2, .arcright h2 {color: #000;}
.arcright {float: left; display: inline; width: 265px; margin: 15px 0 0 20px;}
.content .arcleft ul, .content .arcright ul {padding: 10px 0 0  0; margin-left: 0;}
.arcleft li, .arcright li {list-style: none; border-top: 1px solid #F6EDDE; padding: 0;}
.arcleft li a, .arcright li a {color: #737373; text-decoration: none;}
.arcleft li a:hover, .arcright li a:hover {text-decoration: none;}
.arcleft li p, .arcright li p {padding: 0 4px 4px 4px; line-height: 18px;}
.arcright li p a:link, .arcright li p a:active, .arcright li p a:visited {text-decoration: none;}
.arcright li p a:hover {text-decoration: underline; color: #FF9103;}
.monthname {display: block; font: bold 13px Arial; text-decoration: none; padding: 5px 4px; height: 19px; list-style-position: outside;}
.monthname:hover {background-color: #FF9103; color: #fff; text-decoration: none;}
.monthname:hover span {color: #fff;}

.content .wpcf7 {margin-top: 15px;}
.content .wpcf7 form {margin: 0px 34px 0 0px; position: relative;}
.content .wpcf7 input {clear: both; border: 1px solid #CBCBCB; height: 20px; width: 239px; margin-top: 11px; padding: 6px; font-size: 14px; font-family: Calibri, Arial, sans-serif;}
.content .wpcf7 label {font-weight: bold; margin-left: 6px;}
.content .wpcf7 label.message {display: block; margin: 8px 0 -22px 0;}
.content .wpcf7 label span {font-weight: normal;}
.content .wpcf7 textarea {width: 450px; height: 205px; margin-top: 11px; border: 1px solid #CBCBCB;padding: 6px; font-size: 14px; font-family: Calibri, Arial, sans-serif;}
.content .wpcf7 span.wpcf7-form-control-wrap {position: static;}
.content .wpcf7 span.wpcf7-not-valid-tip {border: none; background: #c00; font-size: 13px; color: #FFF; padding: 4px;}
.content .wpcf7 span.your-name span.wpcf7-not-valid-tip {width: 244px; top: 60px; left: 0; height: 25px;}
.content .wpcf7 span.your-email span.wpcf7-not-valid-tip {width: 244px; top: 105px; left: 0; height: 25px;}
.content .wpcf7 .wpcf7-validation-errors {border: none; background: #c00; color: white; font-weight: bold; width: 430px; padding: 6px 10px; position: absolute; top: -4px; left: -7px;}
.content .wpcf7 input#submit {background: url(images/submit.gif) no-repeat; width: 91px; height: 35px; border: none; font-size: 1px; text-indent: -9999px;}

.alignright {float: right; margin: 0px 0 10px 10px; display: inline;}
.alignleft {float: left; margin: 0px 10px 10px 0; display: inline;}
p.wp-caption-text {font-size: 12px;font-style:italic;}