element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
width:577px;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 75px;
height: 75px;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
.jcarousel-skin-HD .jcarousel-container-horizontal {position:relative;padding:0 20px 20px 20px; margin-left: -2px;}
#mycarousel {overflow:hidden;width:567px}
/* =CAROUSEL */
.carousel {
width:661px;
height:222px;
margin:0;
position:relative;
overflow:hidden;
padding:0px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/carousel-bg2.gif) no-repeat 0 0;
z-index:0;
}
.panelStage { padding: 10px; }
.carousel li {list-style:none;color:#000;float:left;width:186px;margin:4px 3px 12px 0;height:204px;overflow:hidden; border-right: 1px solid #bbe9e6; padding-right: 3px; }
.carousel ul {height:204px;}
.carousel img {border:0;float:left;}
.carousel a {outline:0;}
.carousel a:focus img {outline:3px dotted #F00;}
.carousel h4 {z-index: 9999;text-align: left; font-size: 1.3em; font-weight: normal; line-height: 1em; margin:0 0 9px 0;}
.carousel h4 a:hover {text-decoration:underline;}
.carousel p {color:#000;padding:0 9px;}
.carousel .cottBottomLink {color:#2864B4;font-weight:bold;padding:0 9px;}
.carousel .jcarousel-prev{cursor:pointer;position:absolute;top:80px;left:8px;_left:-25px;width:23px;height:33px;background:#FFFFFF url(http://www.blogsmithmedia.com/www.thatsfit.ca/media/carousel-arrow-lt.gif) no-repeat scroll 0 47%;z-index:1000;overflow:hidden;}
.carousel .jcarousel-next{cursor:pointer;position:absolute;top:80px;right:0px;_right:10px;width:23px;height:33px;background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.ca/media/carousel-arrow-rt.gif) no-repeat scroll -121px 47%;z-index: 1000;overflow:hidden;}
.carousel h4 a {text-decoration:none;padding: 0 0 18px 3px; margin: 0;color:#675a34;background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.ca/media/carousel-readmore.gif) no-repeat scroll left bottom;height:42px;_height: 45px;display:block; font-size: 15px;}
.carousel .credit {z-index:1;color:#939594;font-size:.75em;display:block;text-align:right;height:1.5em;clear:both;}
/* =ENCYCLOPEDIA */
ul.ulcls {margin-left:0 !important;width:219px !important; margin-bottom:30px !important;}
.browse .a-z ul { float:left; margin:12px 0pt 0pt; }
.browse .a-z ul li { border:0pt none; display:inline; margin-left:-2px; }
.browse .a-z ul li a { background:#CEE6F0; font-family:Arial; font-size:0.9em; margin:0pt !important; padding:.1em .4em; text-decoration:none; font-weight:bold; }
.browse .a-z ul li a.selected {background:#1c95a2; color:#fff;}
#alph_divs { background:transparent url(http://www.aolcdn.com/aoluk/a-z-bg) repeat scroll 60% 50%; margin-left:2px; }
#alph_a ul, #alph_b ul, #alph_c ul, #alph_d ul, #alph_e ul, #alph_f ul, #alph_g ul, #alph_h ul, #alph_i ul, #alph_j ul, #alph_k ul, #alph_l ul, #alph_m ul, #alph_n ul, #alph_o ul, #alph_p ul, #alph_q ul, #alph_r ul, #alph_s ul, #alph_t ul, #alph_u ul, #alph_v ul, #alph_w ul, #alph_x ul, #alph_y ul, #alph_z ul { border:0 none; float:left; list-style-type:none; margin:2px 2px 2px 8px; width:135px; }
/* =LAYOUT */
div.mainSEOtag{display:none;}
body {
background: #23b2c2 url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/sitebg2.gif) 50% -3px repeat-y;
line-height: 1.5;
font-family: Arial, Verdana, sans-serif;
color: #444;
text-align: center;
margin:0;
}
#container {
background: #fff;
position: relative;
width: 980px !important; /* total width */
margin: 0 auto;
margin-top: -5px;
*margin-top: -20px;
text-align: left;
z-index: 1;
overflow: hidden;
}
#main {
background: #fff url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/main-bg2.gif) repeat-y;
clear: both;
width: 980px;
zoom: 1;
}
* html #main {border:0}
#col-1 {
width: 650px;
/*display: inline;*/
float: left;
}
#col-2 {
float: right;
margin-left: 0;
width: 319px;
display: inline;
margin-bottom: 20px;
overflow:hidden;
}
* html #col-2 {
margin-left: 0;
float: right;
}
#subcontent {
padding: 0;
/*position: relative;
_position: static !important;
_display: inline;*/
}
.template-1 #subcontent {
/*margin-top: -222px;*/
}
* html #subcontent { overflow-x: hidden;_position: static !important; } /* IE6 fix */
/* =SANDWICH */
body.sandwich #content {
clear: both;
width: 460px;
margin-right: 10px;
float: right;
position: relative;
padding: 5px 0px;
display: inline;
overflow: hidden;
}
* html body.sandwich #content {
display: inline;
overflow-x: hidden;
}
body.sandwich #sidebar {
width: 160px;
position: absolute;
float: left;
margin-left: 0;
padding-top: 20px;
}
* html body.sandwich #sidebar {
width: 160px;
position: absolute;
padding-top: 20px;
float: left;
}
* html body.sandwich #subcontent {
margin-right: -2px!important;
overflow-x: hidden;
width: 319px;
}
/* =HEADER */
#header {
background: #1d95a2 url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/header-bg-uk.gif) repeat-x bottom;
/*border-bottom: 1px solid #bcb9b4;*/
position: relative;
height: 153px;
width: 980px;
margin: 0;
padding-bottom: 0;
z-index:2;
}
.sitelogo {
position: absolute;
left: 26px;
z-index: 9;
}
.sitelogo a {
display: block;
height: 94px;
width: 246px;
overflow: hidden;
text-indent: -9000px;
}
.sitelogo-becel {
position: absolute;
left: 730px;
z-index: 9;
}
.sitelogo-becel a {
display: block;
height: 94px;
width: 246px;
overflow: hidden;
text-indent: -9200px;
}
/* =HEADER HAT (HEADER and TOP NAV) */
#hat {
background: #ffffff;
height: 30px;
width: 980px;
}
.gallery #hat { display: none; }
#hat ul {
margin: 3px;
}
#hat ul li {
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: none;
float: left;
border-right:1px solid #1F1F1F;
padding:2px 6px;
height:10px;
}
#hat ul li a {
background: transparent;
color: #1F1F1F;
float: left;
display: block;
text-decoration: none;
}
#hat ul li a:hover {
color: #000;
}
#hat ul li.selected {
background: #fff;
position: relative;
margin-top: -6px;
height: 27px;
}
#hat ul li.selected a {
padding: 10px 10px 7px;
position: relative;
margin-right: -4px;
}
#hat ul.miniHat {
position: absolute;
top: 4px;
left: 1px;
z-index: 99;
}
#hat ul li.top-cobrand {
margin: 0px 0px 1px -2px;
width: 30px;
height: 10px;
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/aol.globalheader-thatsfit1.png) no-repeat scroll -465px -649px !important;
text-indent: -9999px;
overflow: hidden;
}
* html #hat li.top-cobrand {
margin-left: 5px;
}
#hat ul li.top-cobrand a {
width: 96px;
height: 20px;
display: block;
}
#hat ul.chGuide {
display: block;
position: absolute;
top: 4px;
right: 1px;
z-index: 99;
}
/* HEADER BOTTOM (HEADER > CATEGORY NAV)
-------------------------------- */
#headerBottom {
background: transparent;
position: absolute;
bottom: 0;
left: 0;
height: 21px;
width: 980px;
display: block;
_margin-bottom:-2px;
}
#headerBottom ul.chNav {
height: 21px;
margin-bottom: 0;
margin-left: 0;
}
#headerBottom ul.chNav li {
font-size: 14px;
float: left;
text-transform: uppercase;
}
#header #headerBottom ul.chNav li a {
border-right: 1px solid #ffffff;
color: #ffffff;
float: left;
display: block;
padding: 0px 13px 5px;
text-decoration: none;
font-size: 12px;
font-family: arial, tahoma, serif;
}
* html #header #headerBottom ul.chNav li a {
height: 1%;
}
#header #headerBottom ul.chNav li a.selected {
font-weight: bold!important;
background: #f8f7e1;
color: #9f8a49;
}
#header #headerBottom ul.chNav li a:hover {
background: #f8f7e1;
color: #9f8a49;
}
#headerBottom ul.metaNav {
height: 17px;
position: absolute;
bottom: 0;
right: 0;
width: 214px;
z-index: 1;
}
* html #headerBottom ul.metaNav {
bottom: -10px;
}
* html #headerBottom ul.metaNav li {
display: block;
float: left;
height:1%;
}
#header #headerBottom ul.metaNav li a {
color: #ffffff;
float: left;
display: block;
padding: 4px 10px 5px;
text-decoration: none;
font-size: 12px;
font-family: arial, tahoma, serif;
white-space: nowrap;
}
* html #header #headerBottom ul.metaNav li a {
height: 1%;
}
#header #headerBottom ul.metaNav li a:hover {
color: #333;
}
#header #headerBottom ul li.feedback a {
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/feedback-v4.gif) no-repeat 5px;
padding-left: 29px!important;
}
#header #headerBottom ul li.rss-feed a {
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/getfeed-v5.gif) no-repeat 5px;
padding-left: 29px!important;
*margin-top:-18px;
_margin-top:0px;
}
/* =SEARCH FORMS (header)
-------------------------------------------------------------- */
.searchform {
position: absolute;
bottom:37px;
left: 297px;
z-index: 9;
height: 54px;
width: 389px;
}
.searchform form {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/search_bkg.png);
clear: both;
height: 51px;
padding: 0;
width: 483px;
zoom: 1;
display: block;
position: relative;
}
.searchform ul {
padding-left: 0;
margin: 0 0 0 4px;
list-style: none;
}
.searchform ul li {
margin-left: 0;
list-style: none;
float: left;
color: #444;
line-height: 1em;
}
* html .searchform {
font-size: .9em;
}
.searchform ul li a {
color: #fff;
float: left;
display: block;
padding: 6px 6px 5px;
cursor: pointer !important;
text-decoration: none;
font-family: arial, verdana, sans-serif;
font-size: 9px;
text-transform: uppercase;
}
.searchform input.text {
background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/search_textbox.gif) repeat scroll 0 0;
border: 0;
width: 343px;
height: 25px;
padding: 5px;
position: absolute;
top: 8px;
left: 7px;
font-size: 20px;
}
.searchform button {
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/search_but.gif) no-repeat 0 0;
display: block;
margin: 0 !important;
padding: 0;
border: 0;
position: absolute;
right: 4px;
top: 7px;
cursor: pointer;
height: 37px;
width: 114px;
text-indent: -9000px;
outline: 0;
}
/* =SEARCH FORMS (footer)
-------------------------------------------------------------- */
.searchform_footer {
position: absolute;
margin-top: 25px;
left: 297px;
z-index: 9;
height: 54px;
width: 389px;
}
.searchform_footer form {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/search_bkg.png);
clear: both;
height: 50px;
padding: 0;
width: 483px;
zoom: 1;
display: block;
position: relative;
}
.searchform_footer ul {
padding-left: 0;
margin: 0 0 0 4px;
list-style: none;
}
.searchform_footer ul li {
margin-left: 0;
list-style: none;
float: left;
color: #444;
line-height: 1em;
}
* html .searchform_footer {
font-size: .9em;
}
.searchform_footer ul li a {
color: #515d69;
float: left;
display: block;
padding: 6px 6px 5px;
cursor: pointer !important;
text-decoration: none;
font-family: arial, verdana, sans-serif;
font-size: 9px;
text-transform: uppercase;
}
.searchform_footer input.text {
background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/search_textbox.gif) repeat scroll 0 0;
border: 0;
width: 343px;
padding: 5px;
position: absolute;
top: 8px;
left: 6px;
font-size: 20px;
height:25px;
}
.searchform_footer button {
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/search_but.gif) no-repeat 0 0;
display: block;
margin: 0 !important;
padding: 0;
border: 0;
position: absolute;
right: 4px;
top: 7px;
cursor: pointer;
height: 37px;
width: 114px;
text-indent: -9000px;
outline: 0;
}
#smore {
position: absolute;
top: 0;
left: 0;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
_width: 100px;
margin-left: -4.5em;
z-index: 9999;
}
#smore ul {list-style-type:none; margin: 0;}
#smore ul li {height:1.5em;white-space:nowrap;}
#smorex {position:absolute;right:5px;top:1px;}
#smorefoot {
position: absolute;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
_width: 100px;
margin-left: -4.5em;
z-index: 9999;
}
#smorefoot ul {list-style-type:none; margin: 0;}
#smorefoot ul li {height:1.5em;white-space:nowrap;}
#smorefootx {position:absolute;right:5px;top:1px;}
/* =CONTENT
--------------------------------------------------- */
#content {
position: relative;
padding-top: 2em;
}
#content h1.small {
font-size: 1.5em;
font-weight: normal;
color: #4a423b;
border-bottom: 1px solid #eee;
margin-top: 10px;
}
#content h2, #content h1 {
font-size: 2.1em;
font-weight: normal;
line-height: 1.1em;
letter-spacing: -1px;
margin: 0 0 .4em;
}
#content h2 a {
font-weight: normal;
color: #1c95a2;
}
#content h3 {
color: #ef5827;
font-weight: normal;
margin-bottom: .3em;
}
ul.normal {
margin-left: 1em!important;
}
.categorylist {_margin-left:5px;}
/* =POST
--------------------------------------------------- */
.post {
margin: 13px 0 2em 0;
padding: 0 0 40px 0;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/hr-flower.gif) -6px bottom no-repeat;
}
.post .filed-under {
margin: .5em 0 1em 0;
font-size: 12px;
}
.post .filed-under a {
color: #1b8f9c;
/*border-bottom: 1px dotted #aaa;
_border-bottom: 1px solid #eee;*/
}
#content .post h2 {
margin: .4em 0 .2em;
}
#content .homepage h2, #content .category h2 {
margin: .4em 0 .2em;
}
.byline {
color: #959595;
font-size: 12px;
margin: 0 0 .7em;
}
.homepage .byline, .category .byline {
margin-bottom: .7em;
}
.category img {border:3px solid #6bc6c4;margin:5px 10px 5px 5px;}
.category img:hover {border:3px solid #ef5827;}
.byline em {
font-weight: bold;
font-style: normal;
}
.byline strong {
font-weight: normal;
}
.post .byline a {
color: #1c95a2;
font-weight: bold;
}
#content .post ul {
margin-left: 0;
}
#content .post ul li {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/bullet-circle.gif) no-repeat 0 6px;
margin: 0 0 .2em;
padding-left: 15px;
}
* html #content .post ul li {
height: 1%;
}
/* =POST BODY --------------- */
.post .postbody {
border-top: 4px solid #ddd;
padding-top: 1.4em;
line-height: 1.3em;
*width: 450px;
*overflow: hidden;
display:inline;
}
.postbody table em{color:#939594;font-size:.9em;}
.homepage .postbody, .category .postbody {
border: 0; padding-top: 0; line-height: 18px;
}
.post .postbody p {
color: #5b544c;
margin: .8em 0;
}
.post .postbody br {
line-height: .8em;
}
.postbody img {
margin: .5em;
border: none;
}
.postbody img.photo {
padding: 4px;
}
.postbody img.right {
float: right;
margin: 0 0 15px 15px;
}
.postbody img.left {
float: left;
margin: 0 15px 15px 0;
}
.interviewthumb a img {
border: solid #6bc6c4 3px;
}
.interviewthumb a:hover img {
border-color: #6bc6c4;
border-width: 3px;
}
.twit-tip {
margin-top:-20px;
margin-bottom:20px;
width:400px;
margin-left:12px;}
.twit-tip img {
height:48px;
width:48px;
}
.twit-tip .copy {
text-align:left;
height:58px; }
.twit-tip .thumb {
float:left;
height:58px;
width:58px;
clear:both;;}
.twit-tip .credit {
color:#999999;
font-size:10px;
position:relative;
top:69px;
right:61px;
_right:76px; }
/* =PHOTO CAPTION ----------------- */
#classy {
margin:0px;
padding-left: 4px;
padding-right: 4px;
display:block;
}
#classy img {
padding:2px; border:0px; }
#classy a img {
border: solid white 2px;
}
#classy a:hover img {
border-color: #5e87c0;
border-width: 2px;
}
#classy .photocaption {
float:right;
}
#classy .photocaption p {
font-size:10px;
color:#f73c89;
font-style:italic;
position: abs bottom;
width:240px;
_width:260px;
text-align:center;
padding-left:10px;
_padding-left:15px;
padding-top:0px;
margin-top:0px;
}
#classy .captioncenter {
align:center;
}
#classy .captioncenter p {
font-size:10px;
color:#f73c89;
font-style:italic;
position: abs bottom;
width:425px;
_width:445px;
text-align:center;
padding-left:7px;
_padding-left:12px;
padding-top:0px;
margin-top:0px;
padding-bottom:6px;
}
#classy .captionleft {
float:left;
padding-left:0px;
margin-left:0px;
padding-right:7px;
}
#classy .captionleft p {
font-size:10px;
color:#f73c89;
font-style:italic;
position: abs bottom;
width:240px;
_width:265px;
text-align:center;
padding-left:10px;
_padding-left:15px;
padding-top:0px;
margin-top:0px;
padding-bottom:6px;
}
/* =SHARE WIDGET --------------- */
.sharethumbnail{
position:relative;
align:left;
z-index: 0;
}
.sharethumbnail:hover{
background-color: transparent;
z-index: 50;
}
.sharethumbnail span{
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.sharethumbnail span img{
border-width: 0;
margin-top:45px;
margin-left:0px;
position:absolute;
}
.sharethumbnail:hover span{
visibility: visible;
top: 0;
bottom:50px;
}
/* Article Bookmarks */
.posttitlemeta {
clear: both;
width: 456px;
}
.posttitlemeta a em {
font-weight: bold;
font-size: 1em;
}
.posttitlemeta p {
margin: .5em 0;
padding: 0;
}
.posttitlemeta br {
line-height: .5em;
}
.posttitlemeta h4 {
border-top: 1px solid #ddd;
font-weight: normal;
padding-top: 1em;
}
.posttitlemeta .navbar {
display: block;
clear: both;
width: 470px;
}
* html .posttitlemeta .navbar {
height: 1%;
}
.posttitlemeta .navbar ul {
margin: 0;
min-height: 28px;
}
* html .posttitlemeta .navbar ul {height:1%;}
#content .posttitlemeta .navbar li {
background: transparent;
height: 28px;
display: inline;
padding: 0 3px;
float: left;
}
.posttitlemeta .navbar li a {
color: #1d95b3;
display: block;
padding: 0px;
font-size: 1em;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
}
#content .posttitlemeta .navbar .permalink {
padding-left : 0px;
}
/* Article Bookmarks */
/* =POST META ----- */
/* =POST META ----- */
.postmeta {
clear: both;
width: 456px;
margin-top: 10px;
}
.postmeta a em {
font-weight: bold;
font-size: 1em;
}
.postmeta p {
margin: .5em 0;
padding: 0;
}
.postmeta br {
line-height: .5em;
}
.postmeta h4 {
border-top: 1px solid #ddd;
font-weight: normal;
padding-top: 1em;
}
#content .continueReading {
float: left;
width: 108px;
height: 30px;
margin: 0 0 .5em;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/btn-continue.gif) no-repeat;
}
#content .continueReading a {
width: 90px;
height: 30px;
display: block;
text-indent: -9999px;
}
.comments-link {
float: right;
}
.comments-link a {
font-size: 12px;
color: #1b8f9c;
text-decoration: none!important;
}
.comments-link a:hover {
text-decoration: underline!important;
}
.comments-link a span {
color: #888;
}
.postmeta .navbar {
display: block;
clear: both;
margin: 1em 0 1em;*margin-top:0em;
min-height: 38px;
width: 470px;
border-top: 1px solid #eeeeee;
_xmargin-top:-5px;
}
* html .postmeta .navbar {
height: 1%;
}
*+html .postmeta .navbar {margin-top:0em;}
.postmeta .navbar ul {
margin: 0;
padding: 5px 8px;
min-height: 28px;
}
* html .postmeta .navbar ul {height:1%;}
#content .postmeta .navbar li {
background: transparent;
height: 28px;
display: inline;
margin: 0 15px 0 0;
padding: 0 3px;
float: left;
}
.postmeta .navbar li a {
color: #1d95b3;
display: block;
padding: 0px;
font-size: 1em;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
}
/* For Bookmark Icons */
.navbar li.more-link a {
display: block;
padding-left: 13px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/more-icon.gif) 0 no-repeat;
}
* html .navbar li.more-link a {
height: 1%;
}
/* =SIDEBAR
--------------------------------------------------- */
#sidebar h3 {
font-size: 1em;
font-weight: bold;
color: #4a423b;
text-transform: uppercase;
}
#sidebar .border{
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x scroll center top;margin-top:46px;
}
* html #sidebar h3 {
height: 1%;
width: 140px;
}
#sidebar h3 span {
display: block;
padding: 4px 12px;
}
#sidebar h3, #subcontent h4 {
margin: 0 0 .5em;
}
#sidebar ul {
margin: 0 2px 1em;
width: 156px;
}
#sidebar ul li {
margin: 0;
padding: 0;
width: 156px;
border-bottom: 1px solid #a3dad0;
}
#sidebar ul li a {
padding: 5px 10px;
line-height: normal;
margin: 0;
}
* html
{
height: 1%;
}
/* =SUBCONTENT
--------------------------------------------------- */
#subcontent h3,
#subcontent dt {
font-size: 1.5em;
font-weight: normal;
color: #4a423b;
margin: 0 !important;
}
* html #subcontent h3 {
height: 1%;
}
#subcontent h3 {
/*background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x top;*/
}
#subcontent dt {
margin-bottom: 10px;
}
#subcontent dd {
margin: .2em 0;
}
#subcontent h3 span,
#subcontent dt span {
display: block;
padding: 3px 10px;
}
#subcontent dt span {
padding: 4px 12px;
}
#subcontent h3, #subcontent h4 {
clear: both;
margin: 1em 0 0;
}
#subcontent a {
text-decoration: none;
}
#subcontent a:hover {
text-decoration: underline;
}
#subcontent dd em {
color: #000;
}
#subcontent dl.box {
background: #fff;
padding: 0 0 10px;
}
#subcontent dl.box dd {
padding: 0 20px 0;
margin: .4em 0;
}
#subcontent ul.box {
background: #fff;
margin: 0;
padding: 12px 20px 16px;
}
#subcontent ul.box li {
padding: 0;
margin: 0 0;
}
#subcontent .box p {
background: #fff;
margin: 0;
padding: 12px 20px 16px;
}
/* =FOOTER
--------------------------------------------------- */
#footer {
background:#fff;
color:#aaaaac;
clear:both;
width:960px !important;
width /**/: 980px;
margin:0 auto 0 auto;
padding:10px;
z-index: 3;
_height:0px;
}
#footer p {
margin: 0 0 .3em;
text-align: right;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{ color: #3750a2; text-decoration: none;}
#footer #legal {color: #aaa;font-size: .95em;text-shadow: 0 0 0 #000;margin: 0;height: 45px;overflow:hidden;}
#footer a.cobrand-footer {
position: relative;
left: 10px;
border: none !important;
display:block;
width: 130px;
height: 42px;
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/new-aol-living-footer.gif) no-repeat scroll 0 0 !important;
z-index: 2;
text-indent: -9000px;
_height:33px;
}
#footer a.footerhealth {background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/new-health_logo.gif) no-repeat scroll 0 0; position: relative;left: 10px;z-index: 2;text-indent: -9000px;float:right;height:42px;width:130px;bottom:34px;_height:33px;}
#footer_links a.backtop {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/back-to-the-top.gif) no-repeat 0 6px; float:right; text-indent: -9000px;z-index: 2;width:150px;position:relative; bottom:2px;left:-30px;_left:0;_margin-right:30px;}
div#footer div#bestBlogs {height: 1%;margin: 0;padding:8px 0 0 10px;background-color: #F0F0F0;line-height:18px;}
div#footer div#bestBlogs div.dgnlBdr {background:transparent url(http://o.aolcdn.com/art/comicsalliance/dot_bg_01.gif) repeat scroll 0 0;border:medium none;height:6px;margin:0 0 10px;}
div#footer div#bestBlogs:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#footer div#bestBlogs h2 {background: transparent url(http://o.aolcdn.com/art/comicsalliance/headers_sprite.gif) no-repeat scroll 0 93%;text-indent: -1000em;height: 2.3em;font-size: 1em;color: #333;margin: 0 0 10px;}
div#footer div#bestBlogs div.column {border-left: 0.1em solid #D1D1D1;display: inline;float: left;width: 14.9em;height: auto; padding-left:11px;}
div#footer div#bestBlogs div.last {border-right: 0 none;margin-right: 0;}
div#footer div#bestBlogs div.first {border-left: 0 none;}
div#footer div#bestBlogs h3 {background-position:left top;background-repeat:no-repeat;color:#878787;font-size:1.6em;font-weight:bold;width:8em;padding:0;margin:2px 0 6px;}
div#footer div#bestBlogs h3.directImage { text-indent: 0; }
div#footer div#bestBlogs ul {margin: 0 0 2em 0;padding: 0;}
div#footer div#bestBlogs ul li a {font-size: 1.2em;text-decoration: none; color:#2864b4;}
div#footer div#bestBlogs ul li a:hover {text-decoration: underline;}
div#footer div#bestBlogs div#columnhelp a {font-size: 1.2em;text-decoration: none; color:#314D7C;}
div#footer div#bestBlogs div#columnhelp a:hover {text-decoration: underline;}
/* =BASEMENT
-------------------------------------------------------------- */
#basement {
background: #ffffff;
border-top: 1px solid #bbe9e6;
clear: both;
min-height: 434px;
}
#basement .sitelogo {
position: relative;
top: 0;
left: 11px;
float: left;
}
#basement .searchform {
position: relative;
width: 306px;
height: 54px;
clear: both;
margin: -5.5em 0 4em 297px;
padding: 0;
left: 0;
width: 389px;
top:0 !important;
float: left;
display: inline;
}
#basement table * {
margin: 0; padding: 0;
}
#basement table th,
#basement table td {
padding-left: 15px;
}
#basement table th {
color: #8e8e90;
padding-bottom: .6em;
font-size: 1.1em;
}
#basement table li {
line-height: 1.3em;
margin-bottom: .1em;
}
/* =ADS
-------------------------------------------------------------- */
.advertise-link {
margin-left: 1em;
}
#omniture {position: absolute; top: 0; left: 0;}
#outerslice {
height:auto;
background: #187e89;
border: 1px solid #484137;
border-right: none;
border-left: none;
}
#slice {
list-style: none;
margin: 0;
padding: 2px;
text-align: center;
color: #ccc;
}
#slice p {
padding: 3px 0;
display: inline;
}
#slice a {
color: #fff;
background-color: transparent;
font-size: 12px;
margin-right: 2px;
text-decoration: none;
}
#slice a:hover {
text-decoration:underline;
color: #fff;
}
#dogear_promo {
position:absolute;top:0;right:0;width:120px;height:120px;z-index:99;
}
.topleader {
background: #f8f7e1 url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/advertisement-vert.gif) no-repeat 117px 8px;
border-bottom: 1px solid #fff;
position: relative;
text-align: center;
margin: 0 auto;
padding: 10px 0;
overflow: hidden;
width: 980px;
height: 90px
}
.topleader img {
text-align: center;
margin: 0 auto;
}
.blogsmith-logo {
display: block;
margin: 1em 0 1em 8px;
text-align: center;
width: 160px;
}
.pinboxland {
margin: 10px 0;
}
.pinbox {
margin: 0 0 8px;
}
.bottomleader {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/advertisement-vert.gif) no-repeat 120px 3px;
width: 980px;
margin: .6em auto 0;
text-align: center;
clear:both;
padding: 0 0 0 9px;
}
.skyscraper {
margin: 0;
padding: 18px 0;
width: 160px;
overflow: hidden;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/skyscraper-bg.gif) no-repeat top center;
}
#subcontent .skyscraper {
width: 317px;
margin: 0 1px;
padding: 14px 0 24px;
text-align: center;
}
.medrect {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/advertisement.gif) no-repeat bottom right;
width: 289px;
padding: 9px 10px 12px;
_z-index: 9999;
position:relative;
}
.medrect * {
margin: 0;
}
.googlebanner {
width: 450px; overflow: hidden; margin: 1em 0 3em; background: #fff !important;
}
.quigoads {
margin: 0;
text-align: center;
margin: 12px 0 12px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x 0 0;
padding-top: 10px;
}
.quigoads a {
color:#1C95A2;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
#content .quigoads{background:none;}
#subcontent #sponsoredlinks h3 {
border: none;
margin: 0; padding: 0;
text-align: center;
}
#sponsoredlinks ul {
background:#ffe;
margin-top: 6px;
border:1px solid #feefb1;
clear: both;
}
li.sponsored{
background: transparent;
border: none;
font-size:1em;
margin: 1.2em 15px;
line-height: 1.2em;
}
.sponsored .post {
background: none!important;
}
/* =CATEGORY LISTING */
.categories {
margin: 0px;
margin-bottom: 1.5em!important;
}
.categories h3 {
margin-bottom: 2px!important;
width: 160px!important;
}
.categories h3 span {
line-height: 1;
}
.categories ul {
margin-top: 0em!important;
margin-bottom: 25px!important;
margin-left: 1em;
width: 95%;
}
.categories a {
display: block;
color: #1b8f9c;
text-decoration: none;
}
* html .categories a {
height: 1%;
}
.categories li a:hover, .categories li a.selected {
background-color: #23b2c2;
color: #ffffff;
}
.categories span.post-count {
color: #999;
}
/* CHMODULES */
.chModule {
margin: .7em auto 0 auto;
text-align: center;
width: 140px;
}
.chModule h3 {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/lotus.gif) no-repeat scroll center 16px;
padding:43px 0 0;
line-height: 1.1em;
font-size: 1.4em!important;
}
.chModule a img {
border: 3px solid #6bc6c4;
margin:0;
padding: 1px;
}
.chModule a:hover img {
border: 3px solid #ef5827;
}
.chModule h4 {
font-size: 12px;margin:0 0 15px 0;
}
.chModule h4 a {
color: #1b8f9c;
text-decoration: none;
}
.chModule h4 a:hover {
color: #1b8f9c;
text-decoration: underline;
}
.chModule p {
text-align: center;
}
/* =MOMLOGIC */
#momlogic-module h3 a {
margin: 0 0 0 .5em;
display: block;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/momlogic-header.gif) 0 no-repeat;
text-indent: -9999px;
}
ul#momlogic-feed {
margin-left: 1em;
}
ul#momlogic-feed li {
padding-left: 9px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/pink-bullet.gif) 0 no-repeat;
}
* html ul#momlogic-feed li {
height: 1%;
}
/* =TAG CLOUD
-------------------------------------------------------------- */
#tagCloud p {
line-height: 1.9em;
margin: 0 0 2em;
padding-top: .7em;
}
* html #tagCloud p {
height: 1%;
}
#tagCloud a.tagSmall {font-size: .9em;}
#tagCloud a.tagNormal {font-size: 1.2em;}
#tagCloud a.tagLarge {font-size: 1.6em;}
/* =POPULAR ARTICLES
-------------------------------------------------------------- */
#populararticles {
margin: 0 .6em;
}
#populararticles li {
line-height: 1.2em;
font-size: 15px;
margin: 0 38px .8em 9px;
padding-top: 4px;
padding-bottom: 10px;
margin-bottom: 0;
}
#populararticles li.popno1 {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/popno1-icon.gif) no-repeat 0 0;
}
#populararticles li.popno2 {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/popno2-icon.gif) no-repeat;
}
#populararticles li.popno3 {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/popno3-icon.gif) no-repeat;
}
#populararticles li a {
display: block;
margin-left: 35px;
text-decoration: none;
font-size: 18px;
}
#populararticles li a:hover {
text-decoration: underline;
}
* html #populararticles li {
height: 1%;
}
/* =BLOGROLL
-------------------------------------------------------------- */
#blogroll { padding:0 10px 15px 0;}
#blogroll ul {
margin: 15px 0 10px 14px;
}
#blogroll ul li {
padding: 6px 4px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x scroll center bottom;
}
#blogroll ul li a {
text-decoration: none;
}
* html #blogroll ul li {
height: 1%;
}
#blogroll ul li a:hover {
text-decoration: underline;
}
#main #blogroll_header a {
color: #5b544c;
display: block;
text-decoration: none;
margin-bottom: 0;
padding-left: 10px;
}
#main #winblogroll,
#main #winblogroll * {
padding: 0; margin: 0;
}
#main #winblogroll strong,
#main #winblogroll a {
color: #5b544c;
cursor: pointer;
font-weight: bold;
display: block;
margin-left: 0;
text-decoration: none;
padding: 5px 5px 5px 10px;
border-bottom: 1px dotted #8ac9c5;
display: block;
margin-left: 0;
text-decoration: none;
}
* html #winblogroll strong,
* html #winblogroll a {
height: 1%;
}
#winblogroll strong:hover { background: #e5f6f5; }
#winblogroll ul li { padding: 0;}
#main #winblogroll ul a {
background: #fff;
font-weight: normal;
padding-left: 20px;
color: #1b73b7;
}
#main #winblogroll ul a:hover {
background: #f4fcfb;
}
* html #sidebar .winblogrollcat strong,
* html #sidebar .winblogrollcat a {
height: 1%;
}
/* =SEARCH RESULTS PAGE
-------------------------------------------------------------- */
#sortlinks {
font: normal 1.1em arial;
margin: 5px 0 1em;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/sortlinks-bg.gif) no-repeat bottom;
}
#sortlinks li {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/searchresults-tab-lt.gif) no-repeat 0 0;
float: left;
margin-right: 4px;
}
#sortlinks li.selected {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/searchresults-tab-selected-lt.gif) no-repeat 0 0;
}
#sortlinks strong {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/searchresults-tab-selected-rt.gif) no-repeat right top;
font-weight: normal;
display: block;
padding: 9px;
}
#sortlinks a {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/searchresults-tab-rt.gif) no-repeat right top;
display: block;
padding: 9px 9px 8px;
}
#content .searchresults h2 {
font-size: 1.5em;
margin: 1em 0;
padding-bottom: .4em;
letter-spacing: normal;
}
#content .searchresults h2 strong {
font-style: italic;
}
#content .searchresults h3 {
color: #000;
font-size: 1.7em;
margin: 1em 0 .1em;
border: none;
line-height:1.3em;
}
#content .searchresults .byline strong {
font-weight: normal;
}
#content .searchresults .byline {
font-weight: normal;
font-size: .9em;
line-height: 1.4em;
margin: 0;
}
#content .searchresults .search_post {
font-size: 1em;
border-bottom: 1px solid #ddd;
padding-bottom: 1.5em;
margin: .4em 0;
}
/* =SPONSORED RESULTS */
.sponsored {
background: #e5f6f5;
margin: .6em 0;
padding: 0 0 .3em 0;
}
#content .sponsored h2 {
background: #bbe9e6;
font-size: 1.1em;
font-family: arial, sans-serif;
padding: 10px;
margin: 0;
letter-spacing: normal;
}
* html #content .sponsored h2 {
width: 450px;
}
#content .sponsored .post {
font-size: 12px;
padding: 0 10px;
margin: 0 0 1em;
line-height: 1.3em;
}
#content .sponsored h3 {
font-size: 1.2em;
margin: .5em 10px 0;
}
#content .sponsored h3 a {
text-decoration: none;
}
#content .sponsored p {
margin: .3em 0;
}
#content .searchresults .byline {
font-size: .75em;
margin: 0 0 .5em;
}
/* =DATA TABLE
-------------------------------------------------------------- */
table.data {
background-color: #f5f4ea;
margin-left: 15px;
font-size: 13px;
width: 295px;
}
table.data th {
background-color: #fff;
color: #000;
font-weight: normal;
text-transform: uppercase;
text-align: left;
padding: 4px 4px
}
table.data tr td.statsclass1 {
background-color: #FFFFFF;
}
table.data tr td.statsclass2 {
background-color: #FFFFFF;
}
table.data td {
padding: 6px 4px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x bottom;
}
thead th {
font-weight: normal;
}
/* =STATS DATA
-------------------------------------------------------------- */
ul .statsclass1 {
padding: 5px 0 !important;
}
ul .statsclass2 {
padding: 5px 0 !important;
}
/* =PAGE NAV
-------------------------------------------------------------- */
p.page-nav {
width: 456px;
height: 25px;
/* float:left; */
}
p.page-nav .divider {
display: none;
}
#content p.page-nav a.previous-page {
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/btn-prev-page.gif) no-repeat right center;
display: block;
padding:30px 0 0 0;
height: 0 !important;
height /**/: 23px;
width: 104px;
overflow: hidden;
float: left;
}
#content p.page-nav a.next-page {
background: transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/btn-next-page.gif) no-repeat right center;
display: block;
padding:30px 0 0 0;
height: 0 !important;
height /**/: 23px;
width: 104px;
overflow: hidden;
float: right;
}
* html #content p.page-nav a {
padding: 50px 0 0 0 !important;
}
/* =COMMENT FORM
-------------------------------------------------------------- */
#commentform {
color: #4d605f;
background: #e5f6f5;
border: 1px solid #bbe9e6;
display: block;
padding: 15px 0 25px;
margin: 10px 0;
font-size: 100%;
width: 458px;
}
#commentform h3 {
padding-left: 25px;
}
#authorinfo_anon,
#authorinfo_user {
display: block;
float: left;
width: 40%;
}
#authorinfo_user {
padding-left: 25px;
}
#authorinfo_anon legend,
#authorinfo_user legend {
color: #333;
font-size: 1.3em;
padding: 0 0;
margin-bottom: .3em;
}
#commentform fieldset {
padding: 0 0 0 25px;
border: 0;
font-size: 1em;
color: #666;
}
#remember {
clear: left;
padding-top: .4em;
}
#commentform label {
display: block;
padding: 5px 0 0;
}
#remember label {
display: inline;
}
#commentform input.text,
#commentform textarea {
padding: 3px;
border: 1px solid #a4d2dd;
outline: 0;
font-size: 1.1em;
}
#comment_text {
padding-top: .4em;
}
#commentform textarea {
width: 410px;
}
#formerrors {
color: #900;
font-weight: bold;
padding: 0 0 8px 0;
}
#replyindicator {
font-weight: bold;
}
.form-button {
cursor: pointer;
}
#commentform p {
margin: .5em 0;
}
.instructions {
font-size: .9em;
color: #4d605f;
margin-top: 1.4em;
padding: 0 25px;
}
.instructions strong {color: #4d605f;}
.instructions .preamble {
font-size: 1.1em;
line-height: 1.4em;
}
/* =COMMENTS
-------------------------------------------------------------- */
#comments {
margin: 0 0 2em 0;
position: relative;
}
#comments .comment-link a {
margin-bottom: .5em;
float: left;
font-size: 14px;
text-decoration: none;
}
#comments p {
margin: 0 0 .3em 0;
padding-left: 0px;
}
#comments h4 {
padding-left: 0px;
font-size: 1.1em;
font-weight: normal;
margin: -.2em 0 .7em;
}
#comments h4 a {
color: #1b73b7;
text-decoration: none;
}
#comments h4 .dim,
#comments h4 .dim a {
color: #a7a7a7;
font-weight: normal;
}
#content #comments p br {
height: .5em;
}
.commentclass1 {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x bottom;
padding: 18px 0 3.5em 40px;
position: relative;
width: 420px;
}
.commentclass2 {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x bottom;
padding: 18px 0 3.5em 40px;
position: relative;
width: 420px;
}
* html .commentclass1,
* html .commentclass2 {
}
.child {
margin-left: 15px;
border-left: 1px dotted #bbe9e6;
width: 400px;
padding-left: 45px;
}
#comments .child .avatar,
#comments .child .rownum { left: 8px; }
#comments .rownum {
background: #fff;
color: #bbe9e6;
border: 1px solid #bbe9e6;
font-size: 1.4em;
position: absolute;
top: 18px;
left: 0;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
z-index: 9;
}
.avatar {
display: block;
height: 30px;
width: 30px;
position: absolute;
top: 60px;
left: 0;
margin: 0;
outline: 0;
z-index: 9;
}
.cmt_votes {
position: absolute;
top: 17px;
right:0;
width: 98px !important;
}
.cmt_votes .star {
margin-top: 1px;
}
.cmt_tools {
position: absolute;
top: 0;
right: 0;
width: 49px;
}
.votedComment .cmt_tools a { display: none; }
.votedComment .cmt_tools { background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/voted.gif) 0 1px no-repeat; width: 54px; height: 16px; text-align: right;
}
.cmt_reply a {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/comment-reply-btn.gif) no-repeat 0 0;
color: #666;
display: block;
float: left;
text-decoration: none;
font-size: 10px;
text-indent: -9000px;
height: 24px;
width: 76px;
padding: 0;
margin: 0;
position: absolute;
right: 0;
bottom: 10px;
}
#thankYou {
background: #fceaf1;
color: #666;
padding: 15px;
margin: 1em 0;
}
#thankYou h2 {
color: #f83c88;
font-size: 1.5em;
}
#thankYou em {
color: #f83c88;
}
/* =CONTENT FORM
-------------------------------------------------------------- */
#contentform {
background: #eee;
display: block;
padding: 20px;
border: 1px solid #cecece;
margin: 1em 0;
font-size: 100%;
width: 410px !important;
width /**/: 450px;
}
#incontent .byline {
font-family: georgia, serif;
font-size: 1.1em;
}
#incontent .byline a {
font-family: verdana, sans-serif;
}
#incontent input, #incontent textarea{border:1px solid #23B2C2;padding:3px 5px;}
#incontent #RememberMeNo, #incontent #RememberMeYes{border:none;}
#incontent .form {width:424px;margin:0 0 5px 0;}
#incontent label{text-align:right;}
#incontent .small {vertical-align:middle;margin:5px 0;}
#incontent .small input{width:32px;margin:0 10px 0 0;}
#incontent .small label{padding:0 5px 0 0;width:30px;}
#contentforminner {
padding: 0;
}
#contentform p.instructions {
font-size: .9em;
margin: 1em 0;
}
#contentform .formlabel {
display: block;
padding: 1.3em 0 .4em;
font-size: 10px;
font-weight: normal;
color: #000;
text-transform: uppercase;
}
#contentform input.text,
#contentform textarea.text {
border: 1px solid #ccc;
padding: 3px;
width: 310px;
}
#contentform textarea.text {
width: 410px;
}
#contentform .nav {
margin: 1em 0;
}
#contentform p {
clear: both;
}
#contentform button {
float: none;
margin-top: 5px;
}
/* =FEATURED GALLERIES -- */
.featuredgalleries {
margin: .5em 19px;
width: 300px;
}
.featuredgalleries .img-78 span{display:block;text-align:center;font-weight:bold;line-height:normal;}
.thumb {
float: left;
padding: 10px 10px 0 0;
display: block;
}
.thumb img { border: solid #6bc6c4 3px; padding: 1px; }
.thumb:hover img {border: solid #ef5827 3px; }
/* =TIP OF THE DAY
-------------------------------------------------------------- */
#photomodule {
background-color: white;
width: 288px;
height: 156px;
margin: 0 auto;
border: solid black 1px;
}
#tipoftheday {
background: #f63a86 url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/fit_tip_orange_220-2.gif) no-repeat;
width: 300px;
height: 220px;
margin: 0px auto;
margin-top:20px;
margin-bottom:20px;
}
#tipoftheday p {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:1.25em;
line-height:18px;
padding:10px 8px 0 6px;
text-align:center;
}
#tipoftheday img.button {
left:108px;
top:52px;
display:inline;
position:relative;}
#tipoftheday h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
color: #000;
margin: 10px 0 0 0;
text-align: center;
padding-top: 5px;
_padding-top:0px;
}
#postText {
text-align: center;
}
#postText p {
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
padding: 5px 6px 0px 6px;
}
#postText img {
margin: 0px auto;
border: 0;
}
/* =POST GALLERY */
.postgallery {
position: relative;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/postgallery-bg.gif) no-repeat;
padding-bottom: 10px;
border-bottom: 2px solid #bbe9e6;
width: 467px;
text-align: left;
padding-top: 58px;
}
.postgallery h4 {
width: 240px;
position: absolute;
top: 8px;
left: 240px;
color: #5c534a;
font-size: 13px;
}
.postgallery h4 a {
color: #5c534a;
text-decoration: none;
}
.postgallery h4 a:hover {
text-decoration: underline;
}
.postgallery h4 em {
font-size: 10px;
font-weight: normal;
font-style: normal;
display: block;
}
.postgallery img {
margin-left: 8px;
border: 2px solid #bbe9e6;
}
/* =inpostad & =adverpost -- */
.adverpost_ind_top {
background: #f8f5cc url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/advertisement.gif) no-repeat center center;
margin: 0 !important;
padding: 5px;
text-indent: -9000px;
}
.adverpost_ind_bottom {display: none;}
.inpostad {
padding: 0;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/inpostad-bg2.gif) no-repeat left top;
height: 380px;
padding-top: 14px;
width: 470px;
}
.inpostad iframe {
background: red;
margin-left: 85px;
}
.inpostad .adverpost {
background: #fdfbe9;
border: none;
padding: 15px 20px 0;
margin: 0;
}
.inpostad h1, .inpostad h2, .inpostad h3 {
color: #222;
font-size: 1em;
margin: 0 0 .5em 0;
}
.adverpost p {
font-size: 1.1em;
}
.adverpost img {
float: right;
margin: 0 0 5px 5px;
border: 6px solid #f8f5cc;
}
.adverpost a:hover img {
border-color: #222;
}
.inpostad:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for IE-mac */
.inpostad {display: inline-table;}
/* Hides from IE-mac \*/
* html .inpostad {height: 1%;}
.adverpost {display: block;}
/* End hide from IE-mac */
/* =POLLS -- */
.poll {
clear: both;
border-collapse: collapse;
width: 467px;
padding-bottom: .5em;
margin: 1em auto;
position: relative;
min-height: 13em;
_height: 13em;
}
div.poll, table.poll {
background: #bbe9e6 url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/poll-bg-top.gif) no-repeat 0 0;
padding: 3px 0;
border-bottom: 2px solid #bbe9e6;
}
.poll fieldset {
padding: 8px;
font-size:1em;
border:none;margin:0;
text-align:left;
margin-right: 3px;
}
* html .poll fieldset {
width: 204px;margin-right: 0;
}
.poll caption,
#content .poll form p {
font-family: "helvetica neue", Arial, Helvetica, "Lucida Grande", Verdana, sans-serif !important;
padding:35px 10px 8px;
margin:0;
font-weight:bold;
width: 200px;
font-size: 1.2em;
line-height: 1.2em;
color: #5c534a;
float: left;
}
.poll caption {
position: absolute;
top: 35px;
left: 0;
padding-top: 0;
text-align: left;
}
table.poll {
float: none;
position: relative;
}
table.poll tbody {
width: 210px;
float: right;
}
table.poll caption {
top: 45px;left: 0;
}
.poll table.poll caption {
top: 18px;
left: -228px;
}
* html .poll caption {
height: 1%;
}
.postbody div {
position: relative; /* this is a total hack */
}
.poll table {
background: transparent;
width: 220px !important;
float: right;
margin-right: 3px;
}
.poll td, .poll th {
text-align:left;
border-collapse: collapse;
border-bottom: 1px dotted #ddd;
padding: .3em 10px;
font-weight: normal;
width: 45%;;
}
.poll td{
white-space: nowrap;
font-style: italic;
}
.poll form label{
display:block;
position: relative;
text-align:left;
margin: .4em 0;
padding-left: 25px;
width: 40%;
line-height: 1.5em;
}
* html .poll form label {
height: 1%;
}
.poll label input {
position: absolute;
top: 0;
left: 0px;
}
.poll button {
width: 7em;
position: relative;
margin: .6em 0 .4em 5px;
}
.poll_result_bar {
background: transparent !important;
border-bottom: 9px solid #43a9c4;
position: relative;
}
#quick-links {
clear: both;
}
/* =GRID
-------------------------------------------------------------- */
#container #grid {
clear: both;
padding: 0;
width: 980px;
position: relative;
/*background: #e6f6f5;*/
}
#grid p {
margin: 1em 0;
}
#grid{
width:982px;margin:0 auto;padding:0;
}
#grid a {
text-decoration: underline;
}
#grid p {
padding: 1em 0;
}
#grid table {
width:100%;
margin:20px 0 0;
padding:0;
font-size:11px;
position:relative;
z-index:1000;
}
#grid table td{
width:50%;
padding:0 40px 1em 0;
vertical-align:top;
}
#grid table td ul{
background:#fff;
margin-left:1em;
list-style: square;
margin-top: -.5em;
margin-left: 50px;
padding: 30px 20px 20px;
border: 2px solid #bbe9e6;
}
#grid table td ul li {
line-height:1.4em;color:#FF6600;
margin-bottom: .4em;
}
#grid p{text-align:center; margin-top:0; padding-top:10px;}
#grid table td ul li a{padding:5px 0;}
#grid table td ul li a:hover{}
.feed{
background: url(http://www.blogsmithmedia.com/www.engadget.com/media/feedicon.gif) 0 50% no-repeat;
padding:4px 18px;
line-height:16px;
}
#grid table td div.grid_subscribe{
padding: .6em 50px .4em 71px;
background-position: 50px .4em;
}
#grid table td div.pod{
position:relative;
padding:20px 0;
}
#grid table td div.pod img{
position:absolute;top:-10px;left:170px;
margin:0 auto;display:block;padding:3px;
background:white;
border: 2px solid #bbe9e6;
}
/* =MISC
-------------------------------------------------------------- */
.clearfix { display: inline-block; }
.clearfix:after, .container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.hide {
visibility: hidden;
}
#nocache_ind {
background-color: #790000 !important;
padding: 6px;
text-align: center;
font-size: 10px;
text-transform: uppercase;
font-weight: normal !important;
}
.noheight {
height: 0 !important;
margin-bottom: 0 !important;
}
.center {
text-align: center;
}
.hide-me {
display: none;
}
.no-bullets {
margin: 0 0 1em;
}
.no-bullets li {
background: transparent;
padding-left: 0 !important;
margin-left: 0 !important;
}
.trigger {cursor:pointer;}
img.left {float: left; padding: 0 10px 10px 0;}
.hide { display: none; }
.required {
color: red !important;
font-weight: bold;
}
span.normal {
text-transform: none !important;
font-size: 1em !important;
}
.module {
margin-bottom: 0.5em;
}
ul.normal {
margin-left: 0;
}
ul.normal li {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/bullet-circle.gif) no-repeat 0 6px;
margin: 0 0 .2em;
padding-left: 15px;
}
* html ul.normal li {
height: 1%;
}
/* CAPTIONED THUMB --------------- */
.gallery .all-galleries {
padding: 8px 0;
width: 470px;
margin: 0;
}
#content .gallery .all-galleries h2,
#content .gallery .gallery-thumbnails h2 {
font-size: 1.6em;
}
.gallery .captionedthumb {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/gallery-thumb-frame.gif) no-repeat 0 0;
padding: 3px;
float: left;
display: block;
margin: 0;
height: 140px;
width: 94px;
}
.gallery .captionedthumb:hover {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/gallery-thumb-frame-hover.gif) no-repeat 0 0;
}
* html .gallery .captionedthumb {
height: 160px;
overflow: hidden;
}
.gallery .captionedthumb img {
width: 75px;
height: 75px;
margin: 4px 0 1em 4px;
}
.gallery .captionedthumb .title {
padding: 3px 0;
width: 85px;
text-align: center;
}
.gallery .captionedthumb .title a {
font-size: 11px;
overflow: hidden;
position: relative;
line-height: 1.1em;
text-align: center;
}
/* GALLERY THUMBNAILS */
.gallery-thumbnails {
padding: 8px 0;
width: 470px;
margin: 0;
}
.gallery-thumbnails ul {
margin: 0; padding: .5em 0;
width: 490px;
}
.gallery-thumbnails .thumb {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/gallery-thumb-frame.gif) no-repeat 0 0;
border: 0;
float: left;
width: 95px;
}
.gallery-thumbnails .thumb a {
padding: 0;
display: block;
padding: 7px;
width: 78px;
}
.gallery-thumbnails .thumb a:hover {
border: 0;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/gallery-thumb-frame-hover.gif) no-repeat 0 0;
}
.gallery-thumbnails .thumb a img { }
.gallery-thumbnails .thumb a:hover img { /*border-color: #f73d88;*/ }
/* =crosspromo */
.crosspromo {background: transparent; padding:0 0 52px 14px; overflow:hidden; width:956px; height:285px!important; clear: both; position: relative;}
div.crosspromo img {border:none; padding:0; margin:0;padding:4px 0;}
.crosspromo .img_cred {display:block; font-size:.7em; color:#777; text-align:right;}
.crosspromo h3, .crosspromo h4, .crosspromo p, .crosspromo ul {margin:0; padding:0; font-weight:normal;}
div.crosspromo h4 {color:#1C95A2; font-weight:bold; font-size:1em; margin-bottom:5px; margin-bottom:1px; display:block; width:auto; float:left;}
.crosspromo .icon {float:right;}
.crosshdr {border-bottom:5px solid #23b2c2; margin:18px 10px 10px 0; padding:0; float:left; width:946px; text-transform: uppercase; line-height: 1;}
.crosshdr h3 {display:block; width:auto; float:left; padding-top:5px; color:#f25b24; font-size:1.5em;}
.crosspromo .content {clear:both;}
.cart {float:left;margin:0 6px 0 1px; width:152px; background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/x-promobox.gif) repeat-y;}
.cart .top {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/x-promobox.gif) no-repeat; display:block; height:6px;}
.cart .body {padding:4px 10px 0px; min-height:16em; height:auto; _height:16em;}
.cart a {clear:both;display:block;overflow:hidden;text-decoration:none !important;width:132px;}
.cart a:hover {text-decoration:none !important;}
.cart .btm {background: url(http://www.blogsmithmedia.com/www.thatsfit.com/media/x-promobox.gif) no-repeat bottom; display:block; height:3em;}
.photo img {clear:both;}
div.photo p {clear:both; margin:0; color:#2864b4; line-height:15px;}
div.text p {clear:both; margin:0; font-family:georgia, times new roman, serif; color:#2864b4; font-size:1.4em; line-height:22px;}
.list .body {padding-right:5px;}
div.list ul {clear:both; color:#777; list-style:disc; margin-bottom:0; margin-left:0;}
div.list ul li {padding:0; padding-bottom:5px; background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/bullet-circle.gif) no-repeat 0 .4em; padding-left: 12px;}
.list li.more {list-style:none; margin-bottom:0;}
.list li.more a {font-weight:bold; text-decoration:underline;}
#quick-links {clear: both;}
#stats_bloggers {
padding-right: 10px;
}
#stats_bloggers ul li {
padding: 6px 4px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x bottom;
}
#stats_bloggers h3 {
padding:5px 0 0 18px;
color:#EF5827;
font-weight:lighter;
}
#stats_bloggers h3 .wrap {
padding-left: 0;
}
.statstable ul {
margin: 0 10px 10px 19px;
}
@media print {
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
font-family: Helvetica, arial, verdana, sans-serif;
line-height: 130%;
color:#000;
background:none;
}
#header, #hat, #headerBottom, #header-middle, #main, #container, #footer {
width: 470px !important; background: none;
}
#container {
background: #fff;
}
p,ul,ol,h1,h2,h3,h4,h5,h6 {
margin: .5em 0 .5em 0;
}
body {
background: white;
font-size: 11pt;
width: 720px;
}
.topleader {
top: 0;
margin: 0;
overflow: hidden;
padding-bottom: 0;
}
#header {
border: 0;
padding: 0;
height: 50px;
width: 470px;
}
#header #logo {
top: 0;
left: 0;
}
img {
float:left;
margin:10px 10px 10px 0;
}
a img {
border: 0;
}
hr {
background:#ccc;
width:100%;
height:2px;
margin:20px 0;
padding:0;
border:none;
}
blockquote {
margin:15px 0;
padding:10px;
border:2px solid #ccc;
font-style:italic;
font-size:0.9em;
}
.small, .small p { font-size: 0.9em; }
.large, .large p { font-size: 1.1em; }
.quiet, .quiet p { color: #999; }
.hide { display:none; }
a:link, a:visited {
background: transparent;
font-weight: bold;
text-decoration: none;
color: #000;
}
.post {
border-top: 1px solid #eee; padding-top: .5em; margin-top: 0;
}
a:link:after, a:visited:after {
/*content: " (" attr(href) ") "; THIS SHOWS THE LINK. WE DON'T NEED THIS. */
font-size: 90%;
}
#footer {
background: transparent; padding: 0; border-top: 1px solid #eee; padding-top: 10px;
}
#footer a {
color: #000 !important;
}
#outerslice, #hat, #headerBottom, .searchform, .postmeta, #sidebar, #subcontent,
.page-nav, #bp3, #bp5, #bp9, .googlebanner, #grid, .chGuide, #dogear_promo {
display: none !important;
}
#logo img {
display: block;
margin-bottom: 30px;
}
#main {
clear: both;
}
.post .postbody {
text-align: justify;
}
}
/* End of media Print*/
#rr-promos .generic-header {
font-size: 18px;
color: #EF5827;
padding: 5px 0 0 18px;
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x top;
clear: both;
}
#rr-promos .header-promo-1{background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/generic-promo-title.gif) no-repeat; width: 319px; height: 31px;}
#rr-promos .header-promo-2{background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/generic-promo-title.gif) no-repeat; width: 319px; height: 31px;}
#rr-promos .header-promo-3{background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/generic-promo-title.gif) no-repeat; width: 319px; height: 31px;}
#rr-promos { width:26.083em;}
#rr-promos .header{background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/featured-galleries.gif) no-repeat; width: 319px; height: 30px;}
#rr-promos .tagLine{display:block;color:#b1c1d0;font-size:1.1em}
#rr-promos .body{text-align:left; margin:0px 20px;}
#rr-promos .item{margin:.583em 0;clear:both;}
#rr-promos .itemBody {line-height:1.3em;}
#rr-promos .itemBody p {margin:0}
#rr-promos .item a{color: #1c95a2;}
#rr-promos a{color:#b1c1d0;}
#rr-promos .item a img{float:left;border:3px solid #6bc6c4;margin:0 12px 0 0; padding: 1px; }
#rr-promos .item a:hover img{border:3px solid #ef5827;}
#rr-promos .footer a{font-size:1.1em; clear: both; margin-left: 20px; color: #1C95A2; }
/* kraft mobile form */
#mobTxtFld{width:85px}
/* St Judes Promo*/
#stJudesCrossPromo {font-size: 10px;text-align: left;overflow: hidden;border: 1px solid #ccc;width: 290px;font-family: helvetica, arial, sans-serif;background: #FFFFFF url(http://www.aolcdn.com/ch_living/niceone_crosspromo_3.png) no-repeat;}
#stJudesCrossPromo .stJudeContent {float: left;padding-top: 6.4em;overflow: hidden;display: inline;margin: 1em;background: transparent;}
.stJudeContent img {margin: 0pt 1.1em 0 0;padding: 0.5em;border: 1px solid #ccc;float: left;}
.stJudeContent .promoCopy {float: left;width: 16.5em;}
.stJudeContent .promoCopy p {line-height: 1.15em;margin: 1em 3.5em 1em 0;font-size: 1em;}
body .stJudeContent a:link, body .stJudeContent a:visited, body .stJudeContent a:hover, body .stJudeContent a:active {color: #2765b2;text-decoration: none;color: #2963B5;font-size: 1.4em;line-height: 1.1em;}
.stJudeContent a:hover {text-decoration: underline;}
.stJudeContent .promoCopy .readMore {border-top: 1px dotted #929292;margin: 0;padding: 0.5em 0 0 0;}
.stJudeContent .readMore a {background: transparent url(http://www.blogsmithmedia.com/niceone.aol.com/media/nice-one-side-arrow.png) no-repeat scroll right 0.5em;padding-right: 0.5em;}
#stJudesCrossPromo .donateNow {float: left;padding: 1em;background-color: #f2ebce;border-top: 1px solid #dbd5bb;}
#stJudesCrossPromo .donateNow p {font-size: 1.4em;line-height: 1.1em;color: #696967; float: left;display: inline;width: 55%;padding: 0.3em 0 0 0;margin: 0;}
#stJudesCrossPromo .donateNow span {float: right;}
#stJudesCrossPromo .donateNow img {border: none;}
#Features{background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/left-rail-features.gif) no-repeat -6px 0; width: 160px; height: 25px;}
#Categories {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/categories.gif) no-repeat 10px 0; height: 25px;}
#healthy-eating { background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/leftrail_healthyEating.gif) no-repeat; width: 160px; height: 75px; }
#hapiness { background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/leftrail_hapiness.gif) no-repeat; width: 160px; height: 75px; }
#love-relationships { background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/leftrail_loveRelationships.gif) no-repeat; width: 160px; height: 97px; }
#fitness-expert { background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/leftrail_fitness.gif) no-repeat scroll 0% 0%; width: 160px; height: 75px; }
#right-rail-recent-comments { background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/recent-comments.gif) no-repeat scroll 0% 0%; width: 319px; height: 33px; margin-bottom: 15px;}
#right-rail-most-popular-posts {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/most-popular-posts.gif) no-repeat;width: 319px; margin: 10px 0 15px 0;height:36px;text-indent:-5000px;}
#right-rail-features {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/right-rail-features-title.gif) no-repeat scroll 0% 0%; width: 319px; height: 30px; }
#meet-all-our-bloggers {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/meet-all-our-bloggers.gif) no-repeat scroll 0% 0%; width: 319px; height: 46px; }
#sites-we-love {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/sites-we-love.gif) no-repeat scroll 0% 0%; width: 319px; height: 38px; }
#footer_search { background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/footer-bg.gif); width: 980px; height: 128px; clear: both; }
/*-- RECIRCULATION WIDGET --*/
.recirc_container {margin-left: 15px;}
#recirculation {clear: both; margin-left: 15px; line-height: 1.3; }
#recirc-spot {width: 152px; margin: 0 8px 25px 0; padding: 0; float: left;}
.recirc_header {border-bottom:4px solid #22b2c1; margin:1.5em 0.8em 0.8em 15px; padding:0 0 0.7em 0.25em; float:left; width:946px;}
.recirc_header h3 {font: 1.5em Georgia; padding-top: 0.3em; color: #f15a28; float:left; margin:0;}
.recirc_nav {float:right;}
.recirc_nav a.prev {border:1px solid #c4c4c4; display:block; width:23px; height:23px; float:left; background:url(http://206.47.170.43/channels/core/buckets/recirc_prev_off.gif) no-repeat;}
.recirc_nav a.prev:hover {background:url(http://206.47.170.43/channels/core/buckets/recirc_prev_on.gif);}
.recirc_nav a.next {border:1px solid #c4c4c4; border-left:0; display:block; width:23px; height:23px; float:left; background:url(http://206.47.170.43/channels/core/buckets/recirc_next_off.gif) no-repeat;}
.recirc_nav a.next:hover {background:url(http://206.47.170.43/channels/core/buckets/recirc_next_on.gif);}
.recirc_nav a span.hidden {display:block; position:absolute;top:-999px; width:1px; height:1px; overflow:hidden;}
.recirc_promo .imgcaption {font: 9px Arial; color:#666666; margin: 0 0 0.4em 0; padding:0px; text-align: right; vertical-align:top;}
.recirc_promo a {text-decoration:none; color: #2b65b0;}
.recirc_promo a:hover {text-decoration:underline;}
#recirc-spot .recirc_promo {float:left;margin:0; width:152px; background: url(http://www.blogsmithmedia.com/www.thatsfit.com/media/recirc_box_side.gif) repeat-y;}
#recirc-spot .body {padding:4px 10px 0px 10px; width:132px; _width: 152px; min-height:175px; height:auto; height:175px; overflow: hidden;}
#recirc-spot .body h4 {font-size:1em; float:left; color: #2b65b0;}
#recirc-spot .body ul {border:0;padding:0;margin:0;list-style-type:none;}
#recirc-spot .body ul li {list-style-type:none; font-family:arial; font-size:1em; color:#2b65b0; display: inline; clear: both;}
#recirc-spot .body ul li a {background: url(http://www.aolcdn.com/ch_news/icon_generic_blue) no-repeat 0 6px;color:#2b65b0;text-decoration:none;padding-left:9px;display:block;}
#recirc-spot .body ul li a:hover {color:#2b65b0;text-decoration:underline;}
#recirc-spot .body p {padding:0; margin:0;}
.icon {float:right;}
.top {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/recirc_box_top.gif) no-repeat; display:block; height:6px; _font-size:0;}
#recirc-spot .body a {display:block; clear:both;}
.btm {background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/recirc_box_bottom.gif) no-repeat; display:block; height:8px;}
.recirc_promo .photo img {clear:both;}
#quicklinks {margin-top: 20px; }
#quicklinks-spot {float: left; border-right: 1px solid #c9c7c2; margin: 0 20px; width: 155px; height: 225px;}
#quicklinks-spot ul { margin: 0; }
#quicklinks-spot h4 { color: #8d8e90; padding-bottom: 10px; }
#quicklinks-spot a { color: #3952a2; }
#footer_links {margin-left: 17px; color: #8d8e90; }
#footer_links a { color: #3952a2; padding:2px;}
img.badge{display: inline; float: left; margin: 0 1em 0 0; padding: 0; width: 121px; height: 52px; font-size: 1em; text-indent: -1000em;}
#main ul .last {background:none;}
#addCommentButton {color:#fff;border:1px solid #fff;background:#EE5826;padding:8px 15px;float:left;}
/* addthis*/
.at300bs {margin-left:6px;margin-right:3px;_margin-right:1px;_margin-left:1px;*margin-right:1px;*margin-left:1px;}
#content .postmeta .navbar li {margin:0px;}
/* Right Recirculation Modules */
div.toutGroup{background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/dots.gif) repeat-x scroll center top;;margin:0 4px 0 4px;clear:both;}
div.toutGroup h2 {margin:18px 0 5px;padding:5px 0;text-align:center;}
.toutGroup ul {list-style-image:none;list-style-position:outside;list-style-type:none;padding:2px 0 1px 10px;font-size:1em;}
div.toutGroup .headlinesModule ul li {
background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/bullet.gif) no-repeat scroll 0 6px;border-bottom:medium none;margin-bottom:0.6em;padding:0 0 0 11px;}
div.toutGroup .headlinesModule ul li a{color:#304a7d;}
/*Super Footer Module*/
div#basement div#bestBlogs {height:1%;line-height:18px;margin:0;padding:8px 0 0 10px;}
div#basement div#bestBlogs div.column {border-left:0.1em solid #D1D1D1;display:inline;float:left;height:auto;padding-left:34px;width:13em;}
div#basement div#bestBlogs div.first {border-left:0 none;padding-left:12px;}
div#basement div#bestBlogs h3 {background-position:left top;background-repeat:no-repeat;color:#878787;font-size:1.3em;font-weight:bold;margin:2px 0 6px;padding:0;width:9em;}
div#basement div#bestBlogs ul {margin:0 0 2em;padding:0;}
div#basement div#bestBlogs ul li a {color:#2864B4;font-size:1em;text-decoration:none;}
/* Horoscope Module */
.horos {padding-right:8px;width:314px;overflow:hidden;}
div.horoscopeHead {background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/horoscopes.gif) no-repeat scroll 0 0;height:45px;}
div.horoscope {width:311px;_width:313px;}
div.horoscope ul{margin-left:9px;}
div.horoscope ul li {display:inline;float:left;margin-right:1.5em;text-align:center;width:4.7em;_margin-right:1.4em;}
div.horoscope li a {text-decoration:none;}
div.horoscope h3, div.horoscope h3 a {font-family:Arial;font-size:11px;font-weight:normal;margin-bottom:2px;color:#000;}
div.horoscope h3 a:hover {font-family:Arial;font-size:11px;font-weight:normal;margin-bottom:2px;color:#000;}
/* BMI Calc */
#ww_bmi{width:314px; height:173px; background:url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/wwbg.gif) no-repeat scroll 10px 0px; text-align:left; color:#1C2D81;padding-bottom:10px;}
#ww_bmi h2{display:block; width:314px; height:54px; line-height:54px; text-indent:23px; font-size:22px; font-weight:bold; color:#1E2F7D;}
#ww_bmi h3{display:block; width:155px; font-size:17px; font-weight:bold; text-indent:23px; color:#1E2F7D;}
#ww_bmi div.wwcol{width:155px; height:76px; float:left;}
#ww_bmi div.wwrow{width:314px; height:30px;}
#ww_bmi input.wwtbox{width:20px; border:1px solid #000099; margin-left:23px; margin-right:8px;}
#ww_bmi label{display:block; float:left; width:54px; font-size:12px; text-indent:23px; height:20px; line-height:20px;}
#ww_bmi #wwbtn{background:url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/wwbt.gif) no-repeat; width:70px; height:23px; border:0px; margin-left:23px; margin-top:5px;}
/* Page Tools New*/
div.pageToolsN {margin-top:10px}
div.pageToolsN h2{background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/here_there_everywhere.gif) no-repeat scroll 0px 0px;margin:0;text-indent:-500px;height:38px;}
div.pageToolsN ul li a {text-decoration:none;}
div.pageToolsN ul li a:hover {text-decoration:underline;}
div.pageToolsN ul.topTools {min-height:45px;max-height:85px;margin-bottom:20px;margin-left:43px;_margin-left:27px;margin-right:10px;padding-top:14px;}
div.pageToolsN ul.topTools li {display:inline;float:left;font-family:Arial;font-size:13px;margin:0;text-align:center;background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/TF_Large_vline.gif) no-repeat scroll 26px 0px; _background-position-x: 31px;width:0px;}
div.pageToolsN ul.topTools li.firstTool {background:transparent none repeat scroll 0 0;display:inline;float:left;font-family:Arial;font-size:13px;margin:0;text-align:center;width:95px}
div.pageToolsN ul.topTools li.lastTool{padding-left:36px;max-height:85px;overflow:hidden;display:inline;float:left;font-family:Arial;font-size:13px;margin:0;text-align:center;width:125px;*width:125px}
div.pageToolsN ul.topTools li a {background:none;margin:0;padding:0;}
div.pageToolsN ul.topTools li table {margin:0 auto;}
div.pageToolsN ul.topTools li a.icon {display:block;margin:0 auto 5px;text-indent:-200em;}
div.pageToolsN ul.topTools li a span.icon {display:block;margin:0 auto 5px;text-indent:-200em;cursor:pointer;}
div.pageToolsN ul.topTools li a span.contact {background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/facebook.gif) no-repeat scroll 0 0;height:32px;width:92px;*width:80px;}
div.pageToolsN ul.topTools li a span.contact:hover {background-position:none;}
div.pageToolsN ul.topTools li a span.rss {background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/twitter.gif) no-repeat scroll 0 0;height:32px;width:99px;}
div.pageToolsN ul.topTools li a span.rss:hover {background-position:none;}
div.pageToolsN ul.topTools li a span.news {background:transparent url(http://o.aolcdn.com/art/us_popeater/pe_sprite.gif?v=1a) repeat scroll -35px -2779px;height:32px;width:90px;}
div.pageToolsN ul.topTools li a span.news:hover {background-position:none;}
div.pageToolsN ul.bottomTools {margin:0 10px;height:15px;border-top:1px solid #E4E4E4;}
div.pageToolsN ul.bottomTools li {display:inline;float:left;font-family:Arial;font-size:12px;margin:0;text-align:center;background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/TF_small_vline.gif) no-repeat scroll 0px 5px;width:80px;}
div.pageToolsN ul.bottomTools li.firstTool {background:transparent none repeat scroll 0 0;width:90px;padding-left:44px;}
div.pageToolsN ul.bottomTools li.lastTool {width:126px;}
div.pageToolsN ul.bottomTools li a.toolFeed{background:transparent url(http://o.aolcdn.com/art/us_popeater/pe_sprite.gif) repeat scroll -50px -2738px;padding-left:15px;}
div.hub {margin:8px 0 0;}
div.hub ul {margin:0;padding:0;}
div.hub ul li {background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/hr-flower.gif) no-repeat scroll -6px bottom;margin:0;padding:0 0 3em 8.5em;position:relative;height:102px;}
div.hub ul li .hubdate {color:#666666;font-size:11px;line-height:16px;margin-bottom:3px;}
div.hub ul li p {color:#000000;font-size:12px;line-height:17px;margin:0;padding:0;}
div.hub ul li h2.posttitle {font-size:1.7em !important;font-weight:normal;letter-spacing:-1px;line-height:1.1em;margin:0 0 0.1em !important;}
div.imageHolder {display:block;height:7.5em;left:0;position:absolute;top:0.4em;width:7.5em;}
div.imageHolder a {display:block;height:7.5em;width:7.5em;}
div.imageHolder a img {border:0 none;height:7.5em;width:7.5em;}
/* Hat Links */
#tthat {display:none;}
#bbhat {display:none;}
#clienthat {display:none;}
#clienthat #hat{background-color:none;height:0px;display:none;}
/*AFS*/
#afs_top p{margin:0px;background:#bbe9e6;height:20px;padding:5px 10px;}
#afs_top p a{color:#000;}
#afs_top ul {margin:0px;background:#e6f6f5;padding:10px 10px 10px 10px;}
#afs_top ul li {margin-bottom:15px;}
#afs_top .afs_top_list h2{color:#1C95A2;font-size:14px;margin:0;}
#afs_top .afs_top_list h3{color:#000;font-size:12px;line-height:normal;margin:0;}
#afs_top .afs_top_list h4{color:#1C95A2;font-size:12px;font-weight:normal;}
/* end AFS */
/* For on the rador */
.crosspromo .content {clear:both;}
#cartridge .more{font-weight:bold !important;text-decoration: underline !important;}
/* End Rador*/
.adSafe span {padding-left:0px !important;background:red;}
#col-1 {overflow:hidden;}
#footer_links a.backtop {*left:0px;*bottom:20px;}
.successheader{background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/success-stories.gif) no-repeat; width: 319px; height: 47px;}
.wahandaheader{background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/Wahanda.gif) no-repeat; width: 319px; height: 33px;padding-top:5px;clear:both;}
/* #mkmhptip{background:red;width:250px;height:123px;z-index:999;display:none;left:163px;position:absolute;top:30px;overflow: auto;} */
#mkmhptip{position:absolute;width:27.8em;margin-top:2.4em;margin-left:13.6em;padding-bottom:.3em;display:none;}
#mkhpcontent{position:absolute;width:27.8em;margin-top:.3em;padding-bottom:.3em;background-color:#dfe4e7;border:1px solid #8f8f8f;z-index:1000}
#mkhpcontent p{text-align:left;clear:both;margin:.8em;}
#ptr{background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/arrow_up.png) repeat scroll 0 0;height:.333em;width:.7em;position:absolute;left:5.5em;z-index:1003;}
#mkhpdgrm{background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/tf_drag_show.PNG) no-repeat scroll 0px 0px;width:191px;height:61px;margin-top:9px;margin-left:100px;display:block;}
#ptr img{height:.4em;width:.7em;position:absolute;top:-.85em;left:5.5em;z-index:9;}
#drg{float:left;display:block;width:5.5em;height:6.5em;background-repeat:no;margin:.8em 4em .8em .8em;}
#mkhpcontent i.inst{font-style:normal;}
#mkhpcontent p.more{clear:both;float:right;font-weight:bold;font-size:1em;}
#mkmhpclose {float:right;display:inline;margin-bottom:0px;margin-left:0px;margin-right:5px;margin-top:5px}
/* @group Photo Gallery */
.gallerymain {
padding-top: 0em;
padding-bottom: 6px;
margin-bottom: 1.5em;
width: 302px;
padding-left: 9px;
}
.featuredgallery {
margin-left:0;
text-align:center;
}
h2.photoGalleryHead {
background: url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/featured-galleries.gif) no-repeat scroll 0 0;
height:31px;
margin-bottom:0;
margin-left:-0.51em;
margin-top:0;
padding-bottom:0;
text-indent:-500em;
width:306px;
padding-right:4px;
}
.featuredgallery .thumb {
border:2px solid #FFFFFF;
display:block;
float:left;
height:115px;
margin:5px 5px 0 0;
padding:7px;
width:75px;
overflow:hidden;
}
.featuredgallery .thumb .title {
height:30px;
margin:0 0 1em;
overflow:hidden;
padding:3px 0;
text-align:center;
width:75px;
}
.featuredgallery .thumb img {
height:75px;
width:75px;
border:0;
}
.featuredgallery .thumb .title a {
font-size:0.8em;
letter-spacing:0.5px;
line-height:1.1em;
margin-bottom:0;
padding-bottom:0;
/*position:relative;*/
text-align:center;
}
.featuredgallery .thumb .title a:hover {
text-decoration: none !important;
}
#profile_main ul{margin-bottom:5px;}
#profile_main img {float:left;margin-bottom:10px;margin-left:0;margin-right:12px;margin-top:0;}
/* HAT More Links Menu */
#hat .sites, #hat .more-sites{ border-width:0px; text-transform:none; }
#hat .hat-text{color:#AFAFAF; display:block; float:left;}
#hat .more-sites{padding-left:0px;}
#hat .sites a{}
#hat #moreLink{background:#FFFFFF none repeat scroll 0 0;border:1px solid #B8B8B2;display:none;padding-bottom:8px;position:absolute;width:300px;left:521px;top:14px;z-index:1000;}
#hat #moreLink a, #hat #moreLink{color:#000}
#hat #moreLink a{text-transform:none; color:#1C95A2; font-size:11px;}
#hat #moreLink li, #hat .login{border:none}
#hat li:hover #moreLink,
#hat li.over #moreLink{display:block}
#hat #moreLink{padding-top:8px}
#hat #moreLink li{border:medium none;padding:0;width:91px;line-height:18px;margin-left:9px;display:inline; height:17px;}
#hat #moreLink li.head{width:100%;clear:both;height:30px;margin:0}
#hat #moreLink b{display:block;margin:0 10px;border-bottom:1px solid #B8B8B2}
#hat #more-menu {background:transparent url(http://www.blogsmithmedia.com/uk.stylelist.com/media/arrow-blue.gif) no-repeat scroll 26px 5px; padding-right:15px; height:18px;}
/* Web Search */
input.search {background:#F2F2F2 none repeat scroll 0 0;border-color:#E8E8E8;border-style:solid;border-width:2px 1px 1px 2px;color:#5E5E5E;float:left;font-size:14px;height:22px;padding:8px 5px 5px;width:340px;}
.searchButton {float:left;border:none;background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/btn-srch.png) no-repeat scroll 1px -4px;margin:0px 0px 1px 6px;width:112px;height:39px;text-indent:-9000px;cursor:pointer;}
.searchButton:hover {background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/btn-srch.png) no-repeat scroll 1px -54px;height:39px;text-indent:-9000px;}
* html input.search {height:22px;}
html[xmlns*=""] body:last-child input.search {height:1.30em;}
.searchContainer{background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/searchBox-new.png) no-repeat scroll 0 12px; float:left; margin:22px 0 0 0; position:absolute; left:345px; padding:5px 0 6px 0px; }
.headerSearch {height:50px;width:497px; margin:18px 0px 0px 11px; margin-top: 2px\9; margin-right: 27px\9; padding-top:16px\0/;}
.search_tab{float:left; text-align:center; cursor:pointer;height:21px;}
.search_tab a{font-weight:bold; font-size:11px; text-decoration:none; color:##1C95A2;}
#search_tab_site{ margin-left:11px;}
.tabOn{background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/taba1.jpg) no-repeat scroll 0 0;margin-top:-5px; margin-right:2px; width:61px;}
.tabOff{background:transparent url(http://www.blogsmithmedia.com/www.thatsfit.co.uk/media/taba1.jpg) no-repeat scroll -63px 0; margin-top:-5px; margin-right:2px; width:61px;}
.at300b, .at300m, .at300bs {float:left;margin:0 4px;}
.homepageaddthis{float:left;}
.homepageaddthis a{float:left;}
.aol-addthis {flaot:left;}
.homepageaddthis .aol-addthis {width:300px;}
/*fb - rishisharma08*/
.like_button{border-top:1px solid #dff5f2;border-bottom:1px solid #dff5f2;margin-top:20px;}
.xfb_iframe_widget{display:inline-block;position:relative;}
.fbBox{background:none repeat scroll 0 0 #FFFFFF;overflow:hidden;width:298px;margin-left:11px;border:1px solid #e9e6df;border-top:none;}
#fb_container {margin-top:30px;}
#fb_container #fb_banner {background:url("http://www.aolcdn.com/ke/thatsfituk/thatsfituk_tab_sprite.png?v=4") no-repeat scroll 0 -75px transparent;display:block;height:50px;width:319px;}
#fb_container #tabs{width:298px;height:25px;margin-top:5px;background:#ffffff;margin-left:11px;border:1px solid #e9e6df;border-bottom:none;}
#fb_container #tabs span{float:left;width:148wpx;height:25px;display:inline-block;line-height:25px;padding:0px !important;margin-top:0px !important;}
#fb_container #tabs #popular{}
#fb_container #tabs span a{background:url('http://www.aolcdn.com/ke/thatsfituk/thatsfituk_tab_sprite.png?v=4') no-repeat 0 -25px;display:block;width:148px;height:25px;line-height:25px;}
#fb_container #tabs span#activity a{background-position:-148px -25px;display:block;width:150px;height:25px;float:left;}
#fb_container #tabs #popular .active {background-position:0px 0px !important;}
#fb_container #tabs #activity .active {background-position:-148px 0px !important;}
#fb_container #tabs #popular a:hover{background-position:0px -50px;}
#fb_container #tabs #activity a:hover{background-position:-148px -50px;}
#fb_container #popular_box{display:none;}
#fb_container #activity_box{display:block;}
/*** x_sell_widget (facebook)***/
.fbBox2{background:none repeat scroll 0 0 #FFFFFF;overflow:hidden;width:270px;margin-left:-6px;/*border:1px solid #e9e6df;*/border-top:none;}
#fb_x_sell_widget {margin-top:30px;}
transparent;display:block;height:50px;width:319px;}
#fb_x_sell_widget #tabs{width:298px;height:25px;margin-top:5px;background:#ffffff;margin-left:11px;border:1px solid #e9e6df;border-bottom:none;}
#fb_x_sell_widget #tabs span{float:left;width:148wpx;height:25px;display:inline-block;line-height:25px;padding:0px !important;margin-top:0px !important;}
#fb_x_sell_widget #tabs #popular{}
#fb_x_sell_widget #tabs span a{background:url('http://www.aolcdn.com/ke/thatsfituk/thatsfituk_tab_sprite.png?v=4') no-repeat 0 -25px;display:block;width:148px;height:25px;line-height:25px;}
#fb_x_sell_widget #tabs span#activity a{background-position:-148px -25px;display:block;width:150px;height:25px;float:left;}
#fb_x_sell_widget #tabs #popular .active {background-position:0px 0px !important;}
#fb_x_sell_widget #tabs #activity .active {background-position:-148px 0px !important;}
#fb_x_sell_widget #tabs #popular a:hover{background-position:0px -50px;}
#fb_x_sell_widget #tabs #activity a:hover{background-position:-148px -50px;}
#fb_x_sell_widget #popular_box{display:none;}
#fb_x_sell_widget #activity_box{display:block;}
/**** Article FB x-sell-widget ****/
.fbBox2-post{background:none repeat scroll 0 0 #FFFFFF;width:400px;overflow:hidden;margin-left:-6px;border-top:none;}
/**** /end ****/
/*** X sell Widget ***/
.mt-widget-post{
margin:20px 10px;
width:436px;
font-family: Arial, Verdana, 'sans-serif';
}
/**** /end ****/
/*** X sell Widget ***/
.mt-widget{
margin:20px 10px;
width:300px;
font-family: Arial, Verdana, 'sans-serif';
}
.mt-widget .wtab-nav,
.mt-widget-post .wtab-nav-post{
width: 100%;
}
.mt-widget .wtab-nav a,
.mt-widget-post .wtab-nav-post a{
display: block;
border: solid 1px #e4e4e4;
margin:0 0 0 -1px;
height: 20px;
float: left;
text-decoration: none;
color: #999;
font-size: 11px;
line-height: 20px;
padding: 0 10px;
}
.mt-widget .wtab-nav a.first,
.mt-widget-post .wtab-nav-post a.first{
margin-left: 0;
}
.mt-widget .wtab-nav a.current,
.mt-widget-post .wtab-nav-post a.current{
height: 25px;
line-height: 25px;
border-bottom: solid 1px #15a5b6;
color: #fff;
top: -5px;
position: relative;
background: #15a5b6 url(arrow.gif) no-repeat center 18px;
}
.mtw-content-contr{
border: solid 1px #e4e4e4;
margin-top: -6px;
font-size: 12px;
background-color: #15a5b6;
padding: 8px;
}
.mtw-content-contr .mtw-content{
/*height: 320px;*/
padding:0 10px;
color: #666;
background-color: white;
border: solid 1px #5ac5c9;
}
.mtw-content-contr .mtw-content p{
padding: 5px 0;
margin: 0;
line-height: 1.5em;
}
.mtw-content-contr .mtw-content a{
color: #1C95A2;
font-size: 12px;
text-decoration: none;
}
.mtw-content-contr .mtw-content a:hover{
text-decoration: underline;
}
/*** by default hide facebook like button and x_sell_widget and x-sell-widget-article***/
x#fb_like_top {display:none}
x#fb_like_bottom {display:none}
#x_sell_widget {display:none}
#x_sell_widget_article {display:none}
/*** T&T Qubit Photo Galleries [Lokesh] ***/
.qubitGalleryMod {
border:none;
margin-bottom:1.5em;
padding-top: 0em;
padding-bottom: 6px;
margin-bottom: 1.5em;
padding-left: 0;
width: 302px;
overflow:hidden;
}
.qubitGalleryMod .thumb {
border:2px solid #FFFFFF;
display:block;
float:left;
height:154px;
margin:5px 0 0;
overflow:hidden;
padding:5px;
width:288px;
}
.qubitGalleryMod .thumb a{
display:inline-block;
float:left;
overflow:hidden;
}
.qubitGalleryMod .thumb img {
border:0 none;
height:150px;
width:150px;
}
.qubitGalleryMod .thumb .title {
float:left;
height:auto;
margin:0;
overflow:hidden;
padding:3px 0 3px 6px;
text-align:left;
width:124px;
}
.qubitGalleryMod .thumb .title a {
font-size:12px;
letter-spacing:0.5px;
line-height:1.1em;
margin-bottom:0;
padding-bottom:0;
text-align:left;
}
.qubitGalleryMod .thumb .title a:hover {
text-decoration: none !important;
}
/*** 2x0 gallery overrides ***/
#qubit2x0Gallery{display:none}
/*** 2x2 gallery overrides ***/
#qubit2x2Gallery{display:none}
#qubit2x2Gallery .thumb{height:152px;margin:5px 10px 5px 0;width:125px;}
#qubit2x2Gallery .thumb img{height:125px;width:125px;}
#qubit2x2Gallery .thumb .title{height:24px;}
/*** 3x0 gallery overrides ***/
#qubit3x0Gallery{display:none}
#qubit3x0Gallery .thumb{height:100px;}
#qubit3x0Gallery .thumb img{height:100px;width:100px;}
#qubit3x0Gallery .thumb .title{width:170px;}
/*** 4x0 gallery overrides ***/
#qubit4x0Gallery{display:none}
#qubit4x0Gallery .thumb{height:75px;}
#qubit4x0Gallery .thumb img{height:75px;width:75px;}
#qubit4x0Gallery .thumb .title{width:195px;}
/*** T&T Qubit Photo Galleries End ***/