/* blue 6A9BC8 brown 512A14 dark green (7AAE37 replaced with) 6C9A31 light green 9ECB3A gray 808183 */ /* reset */ 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, 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; } blockquote, q { quotes: none; } :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through; } table { /* border-collapse: collapse; border-spacing: 0; */} td {vertical-align: top;} img {border: 0;} /* generics */ * {font-size: 100%; } body {font: 0.75em/1.4 Verdana, Arial, Helvetica, sans-serif; padding: 0 5px; color: #666; background: #fff; min-width: 40em; margin: 0 auto; text-align: center;} html>body { font-size: 12px; /* IE can't read this */ } a img {border: none;} a {color: #6C9A31; text-decoration: none; outline: none;} a:link {color: #6C9A31; text-decoration: none; outline: none; background-color: transparent;} a:visited {color: #6A9BC8; text-decoration: none; background-color: transparent;} a:hover {color: #6A9BC8; text-decoration: none; background-color: #FEF2FE; } a:active {color: #6C9A31; text-decoration: none; outline: none; background-color: #FEF2FE;} #rightClick:hover, #rightClick:active, #clickLeft:hover, #clickLeft:active {background-color: transparent;} a.blue:link, a.blue:visited {color: #6a9bc8; } h1, h2 {margin: 5px 0; padding: 0; font-size: 1.5em; color: #6A9BC8; font-weight: normal;} h3 {margin: 0; padding: 0; font-size: 1.5em; color: #7AA637; font-weight: normal;} h1.line {border-bottom: solid 1px #6A9BC8; margin-bottom: 10px; padding: 0 0 5px 0;} p {margin: 0 0 15px 0 ; padding: 0;} ul {margin:0 0 0 10px; padding: 0 0 10px 10px;} ol {margin: 0 0 0 15px; padding: 0 0 10px 15px; } p + ul {margin: -15px 0 0 10px; padding: 0 0 20px 10px;} p + ol {margin: -15px 0 0 15px; padding: 0 0 20px 10px;} sup, sub { font-size: 0.8333em; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } .hiddenFields {display: none;} .container { position: relative; clear: both; margin: 0 0 20px 0;} .margin20 {margin-left: 20px;} .entry {overflow: hidden; padding: 10px 0;} .line h2 {border-bottom: solid 1px #6A9BC8; margin: 5px 0 0 0; padding: 0 0 5px 0;} .container.indent .entry {margin-left: 10px;} .entry.border { border: solid 1px #fff; border-bottom-color: #B4D670;} /* just to fix the damn IE6 */ .more {font-size: 0.833em; text-align:right; margin: -10px 0 10px 0;} .small, small {font-size: 0.833em;} .blue {color: #6A9BC8;} .green {color: #6C9A31;} .brown {color: #512A14;} .clr {display: block; clear: both;} .ad {position: relative; margin: 0 auto 15px auto; } .ad, .ad a {font-size: 0.833em; color: #bbb; text-decoration: none;} .ad a:hover {color: #bbb; text-decoration: none;} .blueBox {background: #e9eff6; border: solid 1px #6A9BC8; border-width: 1px 0; padding: 10px 10px 0 10px; margin-bottom: 20px; } .greenBox {background: #f3f8e9; border: solid 1px #B4D670; border-width: 1px 0; padding: 10px 10px 0 10px; margin-bottom: 20px; } .partner {font-size: 50%; color: #512A14; text-transform: uppercase;} .back {clear: both; font-size: 0.833em; margin: 10px 0; text-transform: uppercase;} .back a {display: inline-block; padding-left: 40px; line-height: 35px; white-space: nowrap; background: #fff url(../images/next-prev-off.gif) no-repeat 0 50%;} .back a:hover, .back a:active {background: #fff url(../images/next-prev-on.gif) no-repeat 0 50%;} .image img {border: solid 1px #dee9cd; padding: 1px; margin-bottom: 5px;} .image a:hover, .image a:active {background-color: transparent;} .title_topic {font-size: 12px; color:#7F7F7F; font-style: italic; padding-bottom: 15px;} .intro {color: #6A94C1;} .intro a:link {color: #6C9A31; text-decoration: none; outline: none; background-color: transparent;} .intro a:visited {color: #6C9A31; text-decoration: none; background-color: transparent;} .intro a:hover {color: #6A9BC8; text-decoration: none; background-color: #FEF2FE;} .intro a:active {color: #6C9A31; text-decoration: none; outline: none; background-color: #FEF2FE;} .pagination {clear: both; border-top: solid 1px #9ECB3A; font-size: 0.833em; padding: 5px 0; margin: 10px 0; text-align: right;} .topPagination {position: absolute; top:0; right: 0; border-top-width:0; margin: 0;} #archive {margin:0 0 20px 0;} #archive .pagination {float: right; border-top-width:0; margin: 0; } #archive h2 {border-bottom: solid 1px #6A9BC8; margin-bottom: 5px; } #archive .container {border-bottom: solid 1px #6A9BC8; margin: 20px 0 0 0; padding: 20px 0;} .change { font-size: 0.833em; color: #6A9BC8; text-transform: lowercase; margin: 0 0 15px 0;} .change a:link, .change a:visited {color: #6C9A31; text-decoration: none; background: transparent;} .change a:hover, .change a:active {color: #6A9BC8; text-decoration: none; background: transparent;} .change a.current {color: #666;} .floatRight {clear: right; float: right; margin: 0 0 20px 20px; background: #fff;} .floatLeft {float: left; background: #fff;} .W300 {width: 300px;} /* FORM STYLES */ form td {padding: 2px; vertical-align: top;} form td.submit {text-align: right;} form td.right {text-align: right;} .input { border: 1px solid #7F7F7F; background-color: #FFF; color: #666; font-family: Verdana, Arial, sans-serif; font-size: 0.833em; font-weight: normal; padding: 1px; width: 300px; } .textarea { border: 1px solid #7F7F7F; background-color: #FEF6F9; color: #666; font-family: Verdana, Arial, sans-serif; font-size: 0.833em; font-weight: normal; width: 300px; overflow: auto; } input.submit { border: 1px solid #6C9A31; background-color: #6C9A31; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight: bold; padding: 5px; margin: 0; text-transform: uppercase; color: #fff; cursor:pointer; } input.cancel { border: 1px solid #6C9A31; background-color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight: normal; padding: 5px; margin: 0; text-transform: uppercase; color: #6C9A31; cursor:pointer; } select { border: 1px solid #7F7F7F; background-color: #FFF; color: #666; font-family: Verdana, Arial, sans-serif; font-size: 0.833em; font-weight: normal; padding: 1px; } .option { background-color: #FEF6F9; color: #666; font-family: Verdana, Arial, sans-serif; font-size: 0.833em; font-weight: normal; } fieldset {border: 1px solid #F8C5DB; padding: 5px;} /* LAYOUT */ .topLeaderboard {width: 960px; margin: 0 auto; text-align: center;} #wrapper {position: relative; z-index: 1; width: 950px; margin: 0 auto; text-align: left; } #header { position: relative; z-index: 100; border-bottom: solid 1px #e4e4e4; width: 950px; height: 105px; margin: 0; background: #fff url(../images/header-bg.gif) no-repeat 100% 0;} #subhead {position: relative; z-index: 1; width: 950px; border-top: solid 1px #fff; background: #339898 url(../images/join-us-top-v2.png) no-repeat 0 0;} #subhead2 {position: relative; z-index: 1; width: 950px; border-bottom: solid 1px #e6e6e6; } #page {width: 950px; overflow: hidden; padding-top: 10px;} #sideLeft {width: 178px; float: left; margin: 10px 0 10px 0; background: #fff url(../images/side_separator.gif) no-repeat 100% 30px ; } #content, .content {width: 570px; float: left; overflow: hidden;} #contentL, .contentL {width: 630px; float: left; overflow: hidden; } #contentN, .contentN {width: 440px; float: left; overflow: hidden;} #contentW, .contentW {width: 770px; float: right; overflow: hidden;} #contentWL, .contentWL {width: 770px; float: left; overflow: hidden;} .content520 {width: 520px; float: left; overflow: hidden;} .content178 {width: 178px; float: left;} #side {width: 300px; float: right; } #sideN {width: 170px; float:right;} #side215 {width: 215px; float: right;} #sideES {width: 340px; float: right; } /* HEADER */ #logo { width:200px; float: left; } a#logo:hover, a#logo:active {background-color: transparent;} #editionSelect {position: absolute; left: 0; top: 83px; z-index: 99; margin:0; padding: 0; list-style-type: none; cursor: pointer;} #editionSelect .selected {display: block; background: #fff; padding-left: 35px; font-size: 1.2em; text-transform: uppercase; line-height: 18px; color: #502a16; background: transparent url(../images/select.gif) no-repeat 10px 50%; z-index: 99;} #cities { display: none; margin: 5px 0; padding: 5px 0; width: 240px; overflow: hidden; list-style-type: none; background: #fff; border: solid 1px #dee9cd; z-index: 90; } #cities li {display: block; width: 120px; float: left;} #cities a {display: block; padding: 5px 10px; } #cities a:link, #cities a:visited {color: #756F6F; background-color: #fff;} #cities a:hover, #cities a:active {color: #653819; font-weight: bold; background-color: #fff;} ul#nav {position: absolute; z-index: 99999; bottom: 0; right: 0; padding: 0; margin: 0; list-style-type: none; float:right; border-top: solid 1px #ddd1c7;} ul#nav li.topnav { float: left; margin: 0; padding: 0; position: relative; /*--Important--*/ } ul#nav li:hover {bacground: #fff;} ul#nav a {display: block; float: left; padding: 0.5em 12px; line-height: 1em; text-transform: uppercase; border-left: solid 1px #ddd1c7;} ul#nav a:link, ul#nav a:visited {color: #794921; background-color: #fdf0f5; text-decoration: none; } ul#nav #nav-bts:link, ul#nav #nav-bts:visited {color: #794921; background-color: #eff6e0; text-decoration: none; } ul#nav a:hover, ul#nav a:active, ul#nav li.sfhover a:link, ul#nav li.sfhover a:visited, ul#nav li:hover a:link, ul#nav li:hover a:visited {color: #794921; text-decoration: none; background-color: #fff;} ul#nav a.current, ul#nav a.current:link, ul#nav a.current:visited {color: #794921; text-decoration: none; background-color: #f8b9d4;} ul#nav li .sub { position: absolute; /*--Important--*/ top: 2em; left: 0; opacity: 0; z-index: 99999; background: #fff; padding: 0 0 10px 0; border: solid 1px #ddd1c7; border-top-width: 0; float: left; display: none; } ul#nav li .sub ul {margin: 0; padding: 5px 0 0 0; min-width: 170px; list-style-type: none;} ul#nav .sub ul li a { padding: 5px 15px 5px 12px; border-left-width: 0; float: none; white-space: nowrap; display: inline; text-decoration: none; } ul#nav .sub ul li a:link, ul#nav .sub ul li a:visited {color: #756F6F; background-color: #fff; } ul#nav .sub ul li a:hover, ul#nav .sub ul li a:active {color: #653819; font-weight: bold; background-color: #fff; } ul#nav .navtopics {width: 480px;} ul#nav .sub li {width: 160px; padding: 3px 0; } ul#nav .navtopics li {float:left; } ul#nav .subtitle {display: block; text-transform: uppercase; color: #794921; padding: 0 12px; } ul#nav li .navexperts {left: -75px;} ul#nav .navexperts {width: 290px; } ul#nav .navexperts li {width: 290px;} ul#nav .navstories, ul#nav .navstories li {width: 146px;} #otherSavvy {width: 320px; float: right; margin: 13px 0;} #otherSavvy ul {margin:0; padding: 0; list-style-type: none;} #otherSavvy li {margin:0; padding: 0; display: inline;} #otherSavvy #EatSavvy {display: block; float: left; width: 64px; height: 53px; text-indent: -9999px; text-decoration: none;} #otherSavvy #EatSavvy, #otherSavvy #EatSavvy:visited {background: #fff url(../images/otherSavvy_nav4.gif) no-repeat 0 0; } #otherSavvy #EatSavvy.current, #otherSavvy #EatSavvy.current:visited, #otherSavvy #EatSavvy:hover, #otherSavvy #EatSavvy:active {background: #fff url(../images/otherSavvy_nav4_on.gif) no-repeat 0px 0; } #otherSavvy #SavvyStories {display: block; float: left; width: 97px; height: 53px; text-indent: -9999px; text-decoration: none;} #otherSavvy #SavvyStories, #otherSavvy #SavvyStories:visited {background: #fff url(../images/otherSavvy_nav4.gif) no-repeat -64px 0; } #otherSavvy #SavvyStories.current, #otherSavvy #SavvyStories.current:visited, #otherSavvy #SavvyStories:hover, #otherSavvy #SavvyStories:active {background: #fff url(../images/otherSavvy_nav4_on.gif) no-repeat -64px 0; } #otherSavvy #PartySavvy {display: block; float: left; width: 86px; height: 53px; text-indent: -9999px; text-decoration: none;} #otherSavvy #PartySavvy, #otherSavvy #PartySavvy:visited {background: #fff url(../images/otherSavvy_nav4.gif) no-repeat -161px 0; } #otherSavvy #PartySavvy.current, #otherSavvy #PartySavvy.current:visited, #otherSavvy #PartySavvy:hover, #otherSavvy #PartySavvy:active {background: #fff url(../images/otherSavvy_nav4_on.gif) no-repeat -161px 0; } #otherSavvy #ShopSavvy {display: block; float: left; width: 73px; height: 53px; text-indent: -9999px; text-decoration: none;} #otherSavvy #ShopSavvy, #otherSavvy #ShopSavvy:visited {background: #fff url(http://static.savvymom.ca/images/otherSavvy_nav4.gif) no-repeat -247px 0; } #otherSavvy #ShopSavvy:hover, #otherSavvy #ShopSavvy:active {background: #fff url(../images/otherSavvy_nav4_on.gif) no-repeat -247px 0; } #otherSavvy #Shop {display: block; float: left; width: 105px; height: 53px; text-indent: -9999px; text-decoration: none;} #otherSavvy #Shop, #otherSavvy #Shop:visited {background: #fff url(http://static.savvymom.ca/images/otherSavvy_nav4.gif) no-repeat -320px 0; } #otherSavvy #Shop:hover, #otherSavvy #Shop:active {background: #fff url(../images/otherSavvy_nav4_on.gif) no-repeat -320px 0; } .topLeaderboard .banner {margin: 5px 0 0 0; } /* FEATURED */ .featured {padding: 5px 0 5px 85px; float: left; background: #fff url(../images/featured.gif) no-repeat 0 50%; margin-top: 4px; font-size: 0.833em; } .featured .separator {display: inline-block; padding: 0 10px; background: #fff url(../images/red-circle.gif) no-repeat 50% 50%; text-indent: -9999px;} .featured a:link, .featured a:visited {color: #D71F00; background: transparent;} .featured a:hover, .featured a:active {color: #FF7E79; background: transparent;} /* HOME ANIMATION */ #home-slideshow {position: relative; margin: 0 0 20px 0; width: 630px; } #home-slideshow .slideshow { position: relative; width: 630px; height: 405px; overflow: hidden;} /* #home-slideshow img {width:606px; height: 315px; } */ #home-slideshow img {border: solid 1px #ccc;} #home-slideshow .slide { border: solid 1px #ccc; padding: 10px; background: #fff; } #home-slideshow .slide-copy {width: 606px; height: 65px; overflow: hidden; } #home-slideshow h4 {font-size: 1.833em; line-height: 1.2; color: #407879; font-weight: normal; width: 235px; float:left; margin: 5px 5px 5px 0; padding: 0; } #home-slideshow h4 a:link, #home-slideshow h4 a:visited {color: #339898; background: transparent;} #home-slideshow h4 a:hover, #home-slideshow h4 a:active {color: #FF6666; background: transparent;} #home-slideshow .rel {width: 330px; float: right; margin: 5px 0; background: url(../images/slide-related.gif) no-repeat 0 2px;} #home-slideshow .rel ul {color: #FF6666; padding: 0 0 0 80px; margin: 5px 0; list-style-type: none;} #home-slideshow .rel li {display: block; background: #fff url(../images/red-circle.gif) no-repeat 0 50%; padding-left: 15px;} #home-slideshow .rel a:link, #home-slideshow .rel a:visited {color: #D71F00; background: transparent;} #home-slideshow .rel a:hover, #home-slideshow .rel a:active {color: #FF7E79; background: transparent;} #home-slideshow .pager {position: absolute; top: 294px; right: 20px; margin: 0; padding: 4px 0 4px 6px; list-style-type: none; z-index: 9999; background: url(../images/pager-bg.png); } #home-slideshow .pager li {float: left;} #home-slideshow .pager a {display: block; float: left; margin-right: 6px; width: 27px; height: 17px; background: url(../images/pageno-bg.png); text-indent: -9999px; borer: solid 1px red;} #home-slideshow .pager a:link, #home-slideshow .pager a:visited {background-position: 0 0;} #home-slideshow .pager a:hover, #home-slideshow .pager a:active, #home-slideshow .pager .activeSlide a:link, #home-slideshow .pager .activeSlide a:visited {background-position: 0 -17px;} #signup2 {width: 216px; float: right; margin-top: 15px; } #signup2 a {background: transparent;} #search3 {width: 300px; float: right; margin: 5px 0; overflow: hidden; } #search3 .input {display: block; float: left; width: 182px; height: 22px; line-height: 22px; background: #fff ; margin: 0; border: 0; padding: 0; } #search3 .box {border: solid 1px #adadad; position: relative; background: #fff; height: 20px; z-index: 1;} #search3 .input {border-color: #fff; margin: 0; width: 185px; padding: 0 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; overflow: hidden;} #search3 .go {position: absolute; right: 0; top: 0;} .joinTop {width: 216px; float: left; background: #339898 url(../images/join-us-top-v2.png) no-repeat; } .joinTop a {display: inline-block; width: 19px; height: 38px; margin-left: 4px; text-indent: -9999px;} .joinTop a:hover, .joinTop a:active {background: transparent;} .joinTop .facebook {margin-left: 62px;} .joinTop .app {margin-left: 40px;} .subscribeTop {float: right; height: 38px; overflow: hidden; background: #339898; } .subscribeTop form {padding: 9px 5px 3px 5px;} .subscribeTop label.large-label {display: block; float: left; font-family: Times New Roman, Times, serif; font-style: italic; color: #fff; font-size: 1.5em; line-height: 1.1; float: left; margin-right: 10px; } .subscribeTop .input {border-color: #616161; margin: 0; width: 135px; float: left; margin-right: 5px; padding: 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .submit-button {display: block; float: left; width: 79px; height: 23px; text-indent: -9999px; font-size: 0; margin: 0; padding: 0; border: none; background: transparent url(../images/subscribe-mc.png) no-repeat; cursor:pointer; } #subscribeBox2 {border: solid 1px #ccc; padding: 25px 80px 45px 15px; color: #fff; font-size: 0.916666666em; background: #339898 url(../images/subscribe-box-bg.png) 100% 100% no-repeat; } #subscribeBox2 form {display: block; margin: 0; padding: 0;} #subscribeBox2 p { margin: 0 0 15px 0; } #subscribeBox2 label {display: none;} #subscribeBox2 .input {display: block; width: 250px; margin: 0 0 10px 0; padding: 3px 0; border-color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #subscribeBox2 h2 {color: #fff; font-family: "trajan-pro",sans-serif; font-size: 2em; line-height: 1; margin: 0 0 15px 0;} #subscribeBox2 .colorboxF {text-transform: uppercase; color: #fff; } #subscribeBox2 .colorboxF:link , #subscribeBox2 .colorboxF:visited {color: #fff; background: transparent;} #subscribeBox2 .colorboxF:hover , #subscribeBox2 .colorboxF:active {color: #D71F00; background: transparent;} #optinBox label.error {background: red; color: #fff; margin: 0; padding: 3px; position: absolute ; top: 0; left: 15px; font-size: 10px;} #optinTop label.error {background: red; color: #fff; margin: 0; padding: 3px; position: absolute ; top: 30%; right: 235px; font-size: 10px; } #love_savvy {padding: 15px 0;} #love_savvy a {display: block; width: 209px; height:38px; text-indent: -9999px; background: url(../images/love_savvymom.gif) no-repeat #fff; color: #512A14;} .submenu ul {margin:0 0 0 -8px; padding:0; list-style-type:none; background-image: none; background-color: transparent; float: left;} .submenu li {display: inline; width: auto; float: none; clear: right; text-transform: lowercase; padding: 0;} .submenu li a {padding: 0 8px; background: transparent url(../images/pipe.gif) no-repeat center right ; font-size: 0.833em; float: left; } .submenu li.last a {padding-right: 0; background-image: none;} .submenu li.first a { } .submenu li a:link, .submenu li a:visited {color: #6C9A31; text-decoration: none;} .submenu li a:hover, .submenu li a:active{color: #6A9BC8; text-decoration: none;} .submenu li a.current {color: #666; text-decoration: none;} /* FOOTER */ #MoreSavvy {width: 950px; overflow: hidden; border-top: solid 1px #6A9BC8;} #MoreSavvy h2 {width: 178px; float:left; text-align:center; margin-top: 20px;} #MoreSavvy ul {width: 772px; float: right; margin: 0; padding: 10px 0; list-style-type: none;} #MoreSavvy li {display: block; width: 193px; float: left; text-align: center;} #footer {position: relative; border-top: solid 1px #6A9BC8; border-bottom: solid 1px #dee9cd; padding-bottom: 5px; font-size: 0.833em;} .footerClass {position: absolute; top: 7px; left: 130px; display: block; padding: 0 7px; background: #fff; text-transform: uppercase; color: #502B16; font-weight: bold;} #footer .inner {width: 940px; margin: 0 5px; overflow: hidden;} #footer ul { margin: 0; padding: 0; list-style-type: none; } #footer li {float: left; width: 130px; font-weight: bold; margin-right: 30px; color: #502B16;} #footer li.last {margin-right: 0; width: 175px;} #footer li li {float: none; font-weight: normal; margin: 0; padding: 0;} #footer li.last li {width: 175px;} #footer a {color: #8E7866; } #footer .articles {float: left; border: solid 1px #dfe6d4; margin: 14px 40px 5px 0; padding: 5px 5px 0 5px;} #footer .other {margin: 20px 0 0 7px;} #footer .articles li {width: 131px; margin: 0;} #footer .content a {color: #502B16; font-weight: bold;} #copyright {width: 400px; float: left; font-size: 0.833em; margin: 5px 0;} #credits {width: 300px; float: right; text-align: right; font-size: 0.833em; margin: 5px 0;} #credits a {color: #666; text-transform: uppercase;} /* TOPICS */ #topics {width: 100%; overflow: hidden; margin: 0 0 20px 0;} #topics .categ {clear: both; background: transparent url(../images/separator.gif) no-repeat 50% 100%; padding: 10px 10px 15px 0;} #topics .categ.last {background-image: none;} #topics .name {margin-bottom: 5px; font-size: 0.833em; color: #666;} #topics .name a {color: #666; background: #fff;} #topics .name a:link, #topics .name a:visited {color: #666;} #topics .name a:hover, #topics .name a:active {color: #666;} #topics .name .cat_name {font-size: 1.8em; line-height: 1;} #topics .name a:link .cat_name, #topics .name a:visited .cat_name {color: #6A9BC8;} #topics .name a:hover .cat_name, #topics .name a:active .cat_name {color: #6C9A31;} #topics .item {width: 100%; overflow: hidden; padding: 3px 0; margin: 0 0 5px 0;} #topics img {border: solid 1px #dee9cd; padding: 1px; float:left; margin: 0 5px 0 0; } #topics .title {display: block; width: 110px; float:right; font-size: 0.833em;} #topics .topic {display: block; padding-bottom: 10px; color: #666;} #topics .item:hover {background-color: #FEF2FE;} /* EDITION SELECTOR */ #editionChoose2 {background: transparent url(../images/separator.gif) no-repeat 50% 100%; padding: 5px 0 20px 0; margin-right: 20px;} #editionChoose2 label { display: block; font-size: 1.5em; line-height: 1.5; color: #6A9BC8; } #editionChoose2 select { width: 100%; border: 1px solid #7F7F7F; background-color: #FFF; color: #6C9A31; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight: normal; padding: 1px; } #editionChoose2 option {color: #666;} /* BREADCRUMB */ #breadcrumb {font-size: 0.833em; line-height: 1.1em; color: #9E948E; padding: 0 0 10px 0; text-transform: lowercase;} #breadcrumb a { color: #9E948E; } #breadcrumb b {font-weight: normal;} /* HOMEPAGE ANIMATION */ #slideshow { position: relative; border: solid 1px #8b9948; border-width: 1px 0 1px 1px; margin: 20px 0 20px 20px;} #slideshow #pager { position: absolute; top: 0px; right: 0px; width: 206px; height: 253px; z-index: 10; margin:0; padding: 0; list-style-type: none; background: #AAbA57} #slideshow #pager a { display: block; width: 206px; height: 63px; overflow: hidden; text-decoration: none; margin-bottom: 0px; background: url(../images/home_slide.gif) no-repeat #AAbA57;} #slideshow #pager a span {display: block; padding: 8px 5px 7px 20px; color: #fff;} #slideshow #pager .activeSlide a:link, #slideshow #pager .activeSlide a:visited { background: url(../images/home_slide_active.gif) no-repeat #AAbA57; } #slideshow #pager a:focus { outline: none; } #slideshow #pager a:hover, #slideshow #pager a:active { background: url(../images/home_slide_active.gif) no-repeat #AAbA57; color: #fff;} #slideshow #pager img {display: block; float: left; margin-right: 5px; padding: 0; border: solid 1px #8b9948;} #animation {overflow: hidden; position: relative; left: 0; width: 543px; height: 252px; background: #aaba57;} #animation .slide { width: 530px; color: #fff;} #animation .image {width: 240px; float: left;} #animation .copy {width: 270px; float: right; color: #fff; margin: 15px 0; font-size: 1.166em;} #animation .image a {display: block; margin: 17px 0 15px 20px;} #animation .image img { padding: 0; margin: 0; float: left; border: solid 2px #8b9948;} #animation .slide h4 {color: #fff; margin: 0 0 10px 0; padding: 0; font-size: 1.714em; font-weight: normal; line-height: 1.2;} #animation .slide p {margin: 0 0 5px 0; padding: 0;} #animation .slide a:link, #animation .slide a:visited {color: #fff; text-decoration: none;} #animation .slide a:hover, #animation .slide a:active {color: #fff; text-decoration: underline; background: transparent;} #animation .slide a.more {font-weight:bold; white-space: nowrap;} #animation .slide a.more:link, #animation .slide a.more:visited {color: #f9c6dc; text-decoration: none; } #animation .slide a.more:hover, #animation .slide a.more:active {color: #fff; text-decoration: none; background: transparent;} #animation .slide .main {font-size: 1.2em; margin: 0 0 20px 0;} #animation .slide .main p {display: inline;} #animation .slide .rel {padding-top: 15px;} #animation .slide .rel {color: #fff;} #animation .slide .rel ul {margin: 0 0 0 10px; padding: 0 0 0 10px;} /* POPULAR */ #popular {margin: 10px 0 10px 5px; padding: 0; list-style-type: none; width: 745px; overflow: hidden; } #popular li { width: 148px; float: left; font-size: 0.833em; line-height: 1.3;} #popular a {display: block; padding: 5px; overflow:hidden; } #popular img {float: left; border: solid 1px #dee9cd; padding: 1px; margin: 0 5px 0 0; display: block; } #popular .topic {display: block; margin-left: 57px; color: #666;} #popupar .title {display: block; margin-left: 57px;} /* WHAT'S NEW */ .new .info {width: 260px; float:left;} .new .image { width: 125px; float: right; margin: 0 0 5px 0;} .new .topic, .lead .topic {font-size: 1.166em; color: #6C9A31; margin-bottom: 5px;} /* IN YOUR CITY */ .city {padding-bottom: 20px;} .city h3 {margin: 5px 0;} .city .item {width: 100%; overflow: hidden; padding: 5px 0; } .city a {display: block; width: 100%; overflow: hidden;} .city .title {display: block; width: 115px; float:right; font-size: 0.833em;} .city .topic {display: block; color: #666;} .city.border { border: solid 1px #fff; border-bottom-color: #B4D670;} .city img {border: solid 1px #dee9cd; padding: 1px; float:left; margin: 0 5px 0 0; } /* POLL */ #poll {background: #e9eff6; border: solid 1px #6A9BC8; border-width: 1px 0; padding: 10px; } #poll form {display: inline;} #poll .pollQuestion {color: #6A9BC8; margin-left: 5px;} #poll .pollAnswerBlock {padding: 5px 0; margin-left: 5px;} #poll .pollButtonBlock {text-align: right; padding-right: 10px;} #poll .pollButton { border: 1px solid #7AAE37; background-color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 0.9em; font-weight: normal; padding: 5px 0; margin: 0; text-transform: uppercase; color: #7AAE37; cursor:pointer; } #poll .pollTotalVotes {display: none;} #poll .pollSelectedVotes, #poll .pollResultVotes {display: none;} .pollResults {margin: 10px 0 0 0; padding: 0 0 2em 0; list-style-type: none;} .pollResults .percentage {width: 4em; float: left; } .pollResults div {margin-left: 4em;} .pollBarImage {height: 10px; background-color: #FBB9D8; border-left: solid 1px #FBB9D8; margin: 2px 0;} .pollQuestion {color: #6A9BC8; } .pollAnswers {list-style-type: none; padding: 5px 0; margin-left: 5px;} .pollAnswers li, .pollResults li {display: block; width: 100%; overflow: hidden; margin: 0 0 3px 0;} .pollAnswers input {float: left;} .pollAnswers span {display: block; margin-left: 30px;} .pollSubmit {text-align: right;} .pollArchive {margin: 1em 0 1em 0; padding: 0; list-style-type: none; width: 100%; overflow: hidden;} .pollArchive li {width: 310px; float: left; margin: 0 10px 10px 0;} .pollArchive li.last {margin-right: 0;} .pollArchive .issue {font-size: 0.833em;} /* DEALS */ #deal {border: solid 1px #ccc; padding: 5px;} #deal h2 {color: #D71F00; font-size: 1.5em; font-family: Times new Roman, Times, serif; margin: 0;} #deal .item {width: 100%; overflow: hidden; margin: 0; padding: 0;} #deal .info {width: 150px; float:left; } #deal .image {width: 99px; float:right;} #deal .more {text-align:left; margin: 0;} #dealSpecial {position: relative; padding-top: 0;} #dealSpecial .icon {display: block; width: 47px; height: 42px; background: url(../images/deal_47.gif) no-repeat transparent; position: absolute; top: 0; right: 5px;} .deal {width: 100%; overflow: hidden; border-bottom: solid 1px #6C9A31; padding: 20px 0; margin: 0 0 10px 0;} .deal .image {float:left;} .deal .info {margin-left: 215px;} .deal .save, .deal h3 {color: #6A9BC8;} .deal .enter {border-top: solid 1px #6C9A31; padding-top: 10px;} .deal .enter p {margin: 0;} .specials { margin: 5px 0; } .specials td {vertical-align: top; padding: 10px;} .specials .expire {width: 100px; color: #6A9BC8; font-size: 85%;} .specials .expire span {display: block; margin: 0 0 10px 0;} .specials p {padding: 0 0 5px 0;} .specials td.image {width: 100px; text-align: center; padding-left: 0;} .specials td.image a:hover {background-color: transparent;} /* LATEST BLOGS - sidebar */ #latest3Blogs a.title {display: block; color: #6a9bc8; font-weight: normal; text-align:left; font-size: 1.166em; line-height: 1.2; margin: 0;} #latest3Blogs .entry { clear: both; margin: 10px 0; padding: 0; } #latest3Blogs .image {position: relative; width: 90px; float:left; } #latest3Blogs .copy { position: relative; width: 190px; float: right; } #latest3Blogs p {margin: 0; padding: 0;} #latest3Blogs .more {font-size: 0.916em;} #latest3Blogs img {padding: 2px;} #latest3Blogs a.blog {display: block; color: #6C9A31; font-size: 0.916em;} /* PICK OF THE WEEK */ #pick {position: relative; padding-top: 2px; width: 300px; overflow: hidden;} #pick .icon {display: block; width: 47px; height: 42px; background: url(../images/pick_47.gif) no-repeat transparent; position: absolute; top: 0; right: 5px;} #pick .image {width: 144px; float: right; } #pick .image p {margin: 0; padding: 0;} #pick .info {width: 140px; float: left; } #pickArchive {position: relative; padding-top: 0;} #pickArchive .icon {display: block; width: 47px; height: 42px; background: url(../images/pick_47.gif) no-repeat transparent; position: absolute; top: 0; right: 5px;} #pickArchive .indent {margin-left: 10px;} #pickArchive .date {color: #512A14; font-size: 0.833em; } #pickArchive h3 {font-size: 1.166em; margin-bottom: 5px;} #pickArchive .tagged {margin-top: 10px;} .previousPicks {margin-right: 320px; } .previousPicks td {border-bottom: solid 1px #dee9cd; vertical-align: top; padding-top: 20px;} .previousPicks td.last {border-bottom-width: 0;} .previousPicks td.pagination {border-width: 0; text-align: right; padding: 5px 0; } .previousPicks .info {padding-right: 20px; } .previousPicks .image {text-align: right; } .previousPicks .line h2 {margin-bottom: 0; } .previousPicks td.advanced {border-bottom: solid 1px #6A9BC8; color: #6A9BC8; } .previousPicks .date {display: block; color: #512A14; font-size: 0.833em;} .previousPicks .title {display: block; color: #7AA637; font-size: 1.166em; margin-bottom: 5px;} #slideshow2 { position: relative; border-bottom: solid 1px #7C94BA; margin-bottom: 30px; width: 570px; } #slideshow2 #pager { position: absolute; top: 0; left: 384px; width: 186px; z-index: 10; } #slideshow2 #pager ul {margin:0; padding: 0; list-style-type: none;} #slideshow2 #pager li {float:left;} #slideshow2 #pager a { display: block; width: 62px; height: 62px; text-decoration: none; } #slideshow2 #pager a span {display: block; padding: 5px;} #slideshow2 #pager a.activeSlide { background: #d8dde9; } #slideshow2 #pager a:focus { outline: none; } #slideshow2 #pager a:hover, #slideshow #pager a:active { background: #d8dde9;} #slideshow2 #pager img {display: block; float: left; border: solid 1px #dee9cd; padding: 1px; } #animation2 {overflow: hidden; position: relative; top: 0; width: 375px; height: 186px; background: #d8dde9;} #animation2 .slide {width: 355px; height: 158px; position: absolute; left: 0; top: 0; margin: 23px 10px; opacity: 1; } #animation2 .image {width: 160px; float:left; } #animation2 .copy { width: 190px; float:left; } #animation2 .image img {border-width: 0; padding: 0;} #animation2 .author {display: block; color: #7C94BA;} .stars {margin-bottom: 5px;} .posted {margin: 0 0 5px 0; } .posted .author {color: #666;} #pickSearch label {display: block; margin: 0 0 5px 0;} #pickSearch a:hover {color: #6A9BC8;} #pickSearch .input {width: 250px; background: #fff ; margin: 0; border-width: 0; margin: 0; } #pickSearch .blueBox div {white-space: nowrap; padding: 1px; border: solid 1px #ccc; text-align: justify; background: #fff; margin: 0 0 10px 0;} /* TAGS */ #tags { line-height: 1.1; text-align: left; } #tags a {margin: 0 10px 0 0; } .tag6 {font-size: 180%; color: #7896D2;} .tag5 {font-size: 160%; color: #c5def4;} .tag4 {font-size: 140%; color: #6A94C1;} .tag3 {font-size: 120%; color: #f8b9d7;} .tag2 {font-size: 100%; color: #6A94C1;} .tag1 {font-size: 80%; color: #fbb9d8;} #tags a:hover {text-decoration: none;} /* SPECIAL EDITION */ #specialHeader {margin: 15px 0 30px 0;} #special {width: 334px; float:left; } #specialMore {width: 276px; float:right;} .Guide {padding: 20px 25px 0 25px; } .Guide .image {display: block; margin: 0 0 5px 0; } .Guide img {float: left;} .Guide h3 {margin-bottom: 5px;} .Guide .info {width: 100%; overflow: hidden; } .Guide .summary { width: 250px; float:left; } .Guide .view { width: 120px; float:right; text-align: right; margin: 0 0 5px 0;} .Guide .info p {margin: 0;} .Guide h3 {color: #6A9BC8;} .Guide .more {display: block; float: right; text-align: left; font-size: 0.916em; border: 1px solid #6C9A31; padding: 0 5px; margin-top: 5px;} .Guide a.more:link, #latestGuide a.more:visited {color: #6C9A31;} .special { border-top: solid 1px #B4D670; list-style-type: none; padding-top: 10px;} .special ul {margin:0; padding:0; } .special li {display: block; width: 100%; overflow: hidden; padding: 5px 0;} .special .topic {display: block; padding-bottom: 10px; color: #666;} .special img {padding: 1px; border: solid 1px #dee9cd;; float:left;} .special .title {display: block; margin-left: 75px;} #specialFooter {width: 100%; overflow: hidden; border-top: solid 1px #6A9BC8; } #specialFooter .gallery {width: 130px; float: left; margin-right: 20px; font-size: 0.833em; } #specialFooter .gallery a {padding: 5px;} #specialFooter h3 {margin: 5px;} #specialFooter ul {margin: 10px 0 0 5px; padding: 0; list-style-type: none; } #specialFooter li {float: left; width: 220px; margin-right: 20px; color: #6C9A31; font-size: 0.833em; } #specialFooter ul ul {/* margin: 0; padding: 0; */ list-style-type: disc;} #specialFooter li li {float: none; margin: 0 0 3px 7px; padding: 0; font-size: 1em; line-height: 1.3;} #specialFooter a {display: block; color: #6C9A31;} #specialFooter a .topic {display: block; color: #808183;} #specialFooter img {padding: 1px; border: solid 1px #dee9cd;;} /* ARTICLE */ #current {position: relative; padding: 5px 0 10px 0; zoom: 1; margin: 0 0 5px 0; border-bottom: 1px solid #9ECB3A; } #issue {position: relative; width: 300px; font-weight: bold; line-height: 1;} #issue span {padding-right: 10px;} #issue a:link, #issue a:visited {color: #666; text-decoration: none;} #forward {position: absolute; left: 350px; top: 8px;; } #forward a {display: block; width: 141px; height: 8px; background: url(../images/forward.gif) no-repeat #fff; text-indent: -9999px;} #print {position: absolute; right:0; top: 8px;} #print a {display: block; width: 36px; height: 8px; background: url(../images/print.gif) no-repeat #fff; text-indent: -9999px;} #f2f {margin-bottom: 50px;} .article_pages {clear: both; width: 230px; float:right; padding: 12px 0;} .article_pages table {float: right; font-size: 90%;} .article_pages .next_page, .article_pages .prev_page {margin-left: 10px; } .article_pages img {vertical-align: middle;} #testedby {position: relative; margin-left: -15px; width: 330px; background: #fff url(../images/testedby_border.gif) no-repeat; padding-top: 10px;} #testedby .copy {display: block; padding: 0 10px 10px 90px; color: #6A9BC8; background: #fff url(../images/testedby_border.gif) no-repeat 0 100%;} #testedby .icon {display: block; width: 35px; height: 34px; position: absolute; top: 0; left: 5px; margin-top:-5px; background: transparent url(../images/testedby_icon.gif) no-repeat 0 0;} .box {border: solid 1px #9ECB3A; font-size: 0.833em;} .box .header {padding: 3px 5px; margin: 0; background: url(../images/title_bg.jpg) repeat-y #fff; border-bottom: solid 1px #9ECB3A; text-transform: uppercase; } .box ul {margin: 5px 5px 5px 9px; padding: 0 0 0 9px;} .relatedArticles {position: relative; width: 230px; float: right; color: #6a9bc8; padding-top: 20px; margin: 0 0 0 0; font-size: 1.2em; } .relatedArticles ul {margin-top: 5px; margin-bottom: 5px;} .relatedArticles a:link, .relatedArticles a:visited {color: #6a9bc8; } .taggedArticle {font-size: 1em; margin: 15px 0 0 0;} .postedArticle {font-size: 0.857em; font-style: italic; margin: 20px 0 5px 0; color: #808183;} /* ARCHIVE PAGE */ #slideshow3 { position: relative; border-bottom: solid 1px #7C94BA; margin-bottom: 30px; } #slideshow3 #pager { position: absolute; top: 0; right: 0; width: 186px; z-index: 10; margin:0; padding: 0; list-style-type: none;} #slideshow3 #pager a { display: block; width: 186px; height: 63px; text-decoration: none; margin-bottom: 2px;} #slideshow3 #pager a span {display: block; padding: 5px 5px 5px 20px; font-size: 11px; line-height: 1.2;} #slideshow3 #pager .activeSlide a:link, #slideshow3 #pager .activeSlide a:visited { background: url(../images/active_slide.gif) no-repeat #fff; } #slideshow3 #pager a:focus { outline: none; } #slideshow3 #pager a:hover, #slideshow3 #pager a:active { background: url(../images/active_slide.gif) no-repeat #fff;} #slideshow3 #pager img {display: block; float: left; margin-right: 5px; border: solid 1px #dee9cd; padding: 1px; } #animation3 {overflow: hidden; position: relative; width: 234px; height: 323px; background: #d8dde9; } #animation3 .slide {width: 234px; height: 323px; position: absolute; left: 0; top: 0; margin: 7px; opacity: 1; } #animation3 .image img {border-width: 0; padding: 0;} #animation3 a {color:#666; background: transparent;} #animation3 .title {display: block; color: #7C94BA;} #animation3 .more {color: #6C9A31; font-size: 1em;} .archiveCol {width: 265px; float: left; margin: 0 20px 20px 0;} .archiveCol .issue {display: block; color: #6A9BC8; font-size: 0.833em;} .archiveCol .topic {font-style:italic;} .archiveCol .title {display: block; font-size: 1.166em; } .favorite .info {width: 265px; float:right;} .favorite .topic { width: 127px; float: left; font-style: italic; } .favorite .image {text-align: center;} .favorite .image a {display:block;} /* ABOUT */ .team {position: relative; min-height: 90px; height:auto !important; height:90px; overflow: visible;} .team h3 {font-size: 1.166em; } .team .location {font-size: 1em; color: #6A9BC8; padding-left: 10px;} .team .photo {width: 115px; position: absolute; top:10px; left: 0;} .team .photo img {border: solid 1px #9ECB3A; padding: 1px;} .theteam .image {float:left; margin: 0 20px 20px 0;} .theteam img {border: solid 1px #9ECB3A; padding: 1px;} .theteam .info {margin-left: 80px;} /* SHARE */ .share_top {text-align: right; padding: 3px 0;} .share_top a {padding-left: 10px;} .share_bot {padding: 10px 0; border-top: solid 1px #F9C6DC; margin-top: 3px;} .share_bot a {margin-right: 10px;} .share_top {float:right; /* margin-right: -5px; */} .share_top a {padding-left: 0;} .addthis_toolbox {height: 16px;} .addthis_toolbox a {display: block; float:left; text-transform: uppercase; font-size: 0.857em; color: #999; padding: 0; margin: 0; } .addthis_toolbox span {display: block; float: left; padding-left: 3px;} .addthis_toolbox .pocket-btn {float: left;} .addthis_toolbox a:link, .addthis_toolbox a:visited, .addthis_toolbox a:hover, .addthis_toolbox a:active {color: #999; background-color: transparent;} .share_bot a, .share a {margin-right: 10px; } .share_bot .title, .share .title {display: block; color: #6A9BC8; float: left; margin-right: 10px; line-height: 13px;} .share_pinterest {float: left; margin-right: 5px;} .share11 .addthis_toolbox a {display: inline; margin: 0 0 0 5px;} .share11 {width: 100%; overflow: hidden; padding-bottom: 7px; border-bottom: solid 1px #ddd;} .blogshare {padding-top: 7px; border-bottom-width: 0;} /* RECIPES */ #recipes {width: 425px; float: left; margin-right: 20px; } .recipeIngredients ul {margin: 0 0 15px 30px; padding: 0; list-style-type: none;} .recipeIngredients li {padding: 3px 0; border-bottom: solid 1px #DFDFDF; display: block; width: auto;} .recipePreparation {border: solid 1px #DFE7D4; padding: 10px; font-size: 90%; } .recipe {margin-bottom: 15px;} .recipe .title {font-weight:bold; color: #6A9BC8; margin: 5px 0;} .recipeIngredients .title {font-size: 90%;} .recipeTools {text-align:center; margin: 5px 0;} .recipeTools ul {margin: 0; padding: 0; width: 340px; } .recipeTools li {display: inline; width: auto; float: none; clear: right; text-transform: lowercase; } .recipeTools li a {padding: 0 12px 0 17px; background: transparent url(..images//eatsavvy/pipe.gif) no-repeat center left; font-size: 90%; line-height: 13px;} .recipeTools li.first a {background-image: none; padding-left: 0;} .recipeTools li.last a {padding-right: 0;} .recipeTools li a {color: #6C9A31; text-decoration: none;} .recipeTools li a:hover {color: #6A9BC8; text-decoration: none;} .recipeTools a {display: block; float:left; text-transform: none; font-size: 0.9em; color: #6C9A31; padding: 0; margin: 0 20px 0 0; } .recipeTools a:link, .recipeTools a:visited {color: #6C9A31; text-decoration: none;} .recipeTools a:hover {color: #6A9BC8; text-decoration: none;} .credit {display: block; font-size: 0.833em; color: #808183; font-style: italic;} .credit a:link, .credit a:visited {color: #808183; text-decoration: none;} .credit a:hover, .credit a:active {color: #808183; text-decoration: none; background-color: transparent;} #eatsavvyInfo {width: 165px; float:left; margin: 0 0 20px 0; } #eatsavvyInfo .info {padding: 5px; background: #FDEEF4; font-size: 90%; margin-bottom: 10px;} #eatsavvyInfo .info.tips {background: #FDEEF4 url(/template/eatsavvy/eatsavvy_tips_bg.gif) no-repeat center bottom;} #eatsavvyInfo .title {font-size: 130%; font-weight: bold; line-height: 1.5; color: #6A9BC8; margin: 5px 0 15px 0;} #eatsavvyInfo .img {float: right; border: solid 5px #fff; margin: 0 0 10px 10px;} #eatsavvyInfo .img p {display: inline;} #eatsavvyInfo .infoTitle, .funTitle {color: #6A9BC8; margin-bottom: 5px;} #eatsavvyInfo .infoBox {background: #FDEEF4; margin: 0; } #eatsavvyInfo .infoBox {font-size: 90%;} #eatsavvyInfo .infoBox .img p {display: inline;} #eatsavvyInfo .infoBox .img {border-width: 0; margin: 0; float: none;} #eatsavvyInfo .infoBox .title {margin: 0 0 5px 0;} #eatsavvyInfo .infoBox .copy {padding: 10px;} /* GALLERY ex-guide */ #latestGuide {padding: 25px; } #latestGuide .image {width: 370px; height: 370px; margin: 0 0 10px 0; } #latestGuide .info {position: relative; width: 370px; overflow: hidden; } #latestGuide .summary { position: relative; width: 250px; float:left; } #latestGuide .view { position: relative; width: 110px; float:right; text-align: right;} #latestGuide .info p {margin: 0;} #latestGuide h3 {color: #6A9BC8;} #latestGuide .more {display: block; float: right; text-align: left; font-size: 0.916em; border: 1px solid #6C9A31; padding: 0 5px; margin-top: 5px;} #latestGuide a.more:link, #latestGuide a.more:visited {color: #6C9A31;} .guideCol {width: 134px; float: left; margin: 0 10px 20px 0;} .guideCol a {display: block; padding: 5px;} .guideCol img {display: block; border: solid 1px #dee9cd; padding: 1px; margin-bottom: 5px;} #guide {position: relative; width: 420px; overflow: hidden; } #guide .image {width: 284px; margin: 0 0 10px 0;} #guide .date {display: block; color:#7F7F7F; font-style: italic; font-size: 0.833em; margin: 5px 0 10px 0;} #guide h1.line {margin-bottom: 5px;} #guide h2 {font-size: 1.166em; color: #6A9BC8; margin-bottom: 5px;} #guide h2 em {font-size: 0.857em; color: #6C9A31; font-style: normal;} #guide .avail {font-style:italic;} #guide .slide {width: 284px ;float: left; position: relative;} #guideControls {position: relative; overflow: hidden; padding: 0 0 3px 0; margin-right: 136px; } #guideControls a:hover, #guideControls a:active {background: transparent} #guidePrev {width: 33%; float:left;} #guideNext {width: 33%; float: right; text-align: right;} #guidePage {position: absolute; left: 33%; bottom: 3px; width: 33%; font-size: 0.833em; line-height: 1.5; font-style: italic; text-align: center;} #guide .share {clear: both; width: 100%; overflow: hidden; padding: 10px 0;} #guidePartner {width: 100px; clear: right; float:right; padding: 10px 0; font-size: 0.833em; } /* CAROUSEL */ #carousel {position: relative; display: none;} .jcarousel-skin-guides .jcarousel-container {overflow: hidden; background: #e9eff6; border: solid 1px #6A9BC8; } .jcarousel-skin-guides a:link, .jcarousel-skin-guides a:visited, .jcarousel-skin-guides a:hover, .jcarousel-skin-guides a:active {background: #fff;} .jcarousel-skin-guides .jcarousel-container-horizontal { width: 548px; padding: 10px 40px; } .jcarousel-skin-guides .jcarousel-container-vertical { width: 79px; float: right; height: 346px; padding: 40px 10px; } .jcarousel-skin-guides .jcarousel-clip-horizontal { width: 548px; height: 79px; } .jcarousel-skin-guides .jcarousel-clip-vertical { width: 79px; height: 346px; } .jcarousel-skin-guides .jcarousel-item { width: 79px; height: 79px; } .jcarousel-skin-guides .jcarousel-item img {padding: 1px; border: solid 1px #dee9cd; } .jcarousel-skin-guides .jcarousel-item a {display: block; font-size: 0.833em; line-height: 1.3;} .jcarousel-skin-guides .jcarousel-item a.selected img {border: solid 1px #6A9BC8;} .jcarousel-skin-guides .jcarousel-item-horizontal { margin-right: 13px; } .jcarousel-skin-guides .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-guides .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-guides .jcarousel-next-horizontal { position: absolute; top: 37px; right: 7px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/guides-arrows.gif) no-repeat -50px -4px; } .jcarousel-skin-guides .jcarousel-next-horizontal:hover { background-position: -50px -63px; } .jcarousel-skin-guides .jcarousel-next-horizontal:active { background-position: -50px -63px; } .jcarousel-skin-guides .jcarousel-next-disabled-horizontal, .jcarousel-skin-guides .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-guides .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-guides .jcarousel-prev-horizontal { position: absolute; top: 37px; left: 7px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/guides-arrows.gif) no-repeat -50px -34px; } .jcarousel-skin-guides .jcarousel-prev-horizontal:hover { background-position: -50px -91px; } .jcarousel-skin-guides .jcarousel-prev-horizontal:active { background-position: -50px -91px; } .jcarousel-skin-guides .jcarousel-prev-disabled-horizontal, .jcarousel-skin-guides .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-guides .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-guides .jcarousel-next-vertical { position: absolute; bottom: 7px; left: 37px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/guides-arrows.gif) no-repeat -25px -4px; } .jcarousel-skin-guides .jcarousel-next-vertical:hover { background-position: -25px -63px; } .jcarousel-skin-guides .jcarousel-next-vertical:active { background-position: -25px -63px; } .jcarousel-skin-guides .jcarousel-next-disabled-vertical, .jcarousel-skin-guides .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-guides .jcarousel-next-disabled-vertical:active { cursor: default; background-position: -25px -196px; } .jcarousel-skin-guides .jcarousel-prev-vertical { position: absolute; top: 7px; left: 37px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/guides-arrows.gif) no-repeat -25px -34px; } .jcarousel-skin-guides .jcarousel-prev-vertical:hover { background-position: -25px -91px; } .jcarousel-skin-guides .jcarousel-prev-vertical:active { background-position: -25px -91px; } .jcarousel-skin-guides .jcarousel-prev-disabled-vertical, .jcarousel-skin-guides .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-guides .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: -25px -196px; } /* NEXT PREV BUTTONS */ .NextPrev {width: 100%; overflow:hidden; border: solid 1px #6A9BC8; border-width: 1px 0; padding: 10px 0;} .NextPrev .prev {display: block; height: 35px; width: 48%; float: left; text-align: left; background: #fff url(../images/next-prev-off.gif) no-repeat 0 0;} .NextPrev .next {display: block; height: 35px; width: 48%; float: right; text-align: right; background: #fff url(../images/next-prev-off.gif) no-repeat 100% 0;} .NextPrev .prev span {display: block; padding-left: 40px;} .NextPrev .next span {display: block; padding-right: 40px;} .NextPrev .label {font-size: 0.833em; color: #999; text-transform: uppercase;} .NextPrev .prev:hover, .NextPrev .prev:active {background: #fff url(../images/next-prev-on.gif) no-repeat 0 50%;} .NextPrev .next:hover, .NextPrev .next:active {background: #fff url(../images/next-prev-on.gif) no-repeat 100% 50%;} /* ECARDS */ #cardShow {position: relative; width: 630px; height: 450px; overflow: hidden; /* border-bottom: solid 1px #6A9BC8; */ margin: 10px 0 50px 0;} #cardShow .slide {width: 630px; height: 440px; overflow: hidden; margin: 10px 0; background: #fff;} #cardShow .card {position: relative; width: 310px; float:left; z-index: 50;} #cardShow .share {position: absolute; width: 310px; top: 150px; left: 320px; z-index: 99;} #cardShow #controls {position: absolute; bottom: 55px; left: 320px; z-index: 99; } #cardShow #pager {margin:0; padding: 0; list-style-type: none; display: inline; width: 250px ;float: left; } #cardShow #pager li {display: inline;} #cardShow #pager a {margin-right: 5px;} #cardShow #next {display: block; float: left; width: 16px; height: 16px; text-indent: -9999px; background-image: url(../images/controls.gif); background-position: -60px 0;} #cardShow #prev {display: block; float: left; width: 16px; height: 16px; margin-right: 5px; text-indent: -9999px; background-image: url(../images/controls.gif); background-position: 0 0;} #cardShow #pauseButton {display: block; float: left; width: 16px; height: 16px; margin-right: 5px; text-indent: -9999px; background-image: url(../images/controls.gif); } #cardShow .play { background-position: -20px 0;} #cardShow .pause { background-position: -40px 0;} #cardShow .addthis_toolbox {height: auto;} #cardShow .addthis_toolbox a {display: block; clear: left; margin: 0 0 10px 0;} #cardShow .addthis_toolbox img {vertical-align: middle; margin-right: 3px;} #cardShow .activeSlide a:link, #cardShow .activeSlide a:active {color: #666;} #cardShow .funny {position:absolute; width: 300px; top: 15px; left: 320px; z-index: 90;} #cardTopics {} #cardTopics ul {margin: 0 ; padding: 0; list-style-type: none;} #cardTopics li {display: block; margin: 5px 0; border-bottom: solid 1px #eee;} /* SEND ECARD */ #sendCard {display: block; width: 310px; float: right;} #sendCard div {margin: 0 0 10px 0} #sendCard .input, #sendCard .textarea {width: 290px; margin: 5px 0; padding: 2px 0;} #sendCard p {clear: both; width: 300px; overflow: hidden; margin: 0 0 5px 0;} #sendCard .from label {display: block; width: 50px; float: left;} #sendCard .from .input {width: 200px; float: left;} #sendCard .to label {display: block; margin: 0 0 5px 0; } #sendCard .to .textarea {height: 40px;} #sendCard .message .textarea {height: 80px;} #sendCard .captcha {background: #f2f2f2; padding: 10px 10px 5px 10px; } #sendCard .captcha label {display: block; width: 120px; float: left; margin-right: 5px;} #sendCard .captcha .input {width: 140px;} .shareCard {width: 300px; overflow: hidden; margin: 10px 0;} .shareCard .addthis_toolbox a {margin: 0 5px 0 0;} /* ECARD LIST */ .cardThumb {width: 195px; height: 275px; float: left; margin: 20px 10px 20px 0;} .cardThumb img {display: block;} .cardThumb a:hover, .cardThumb a:active {background-color: #fff;} .cardThumb2 {width: 195px; height: 275px; overflow: hidden; position: relative; float: left; margin: 20px 22px 20px 0;} .cardThumb2 img {display: block;} .cardThumb2 a:hover, .cardThumb2 a:active {background-color: #fff;} .cardThumb2 .addthis_toolbox a {margin-right: 5px;} .cardThumb2 .addthis_toolbox a.addthis_button_facebook_like {margin-right: 0; height: 20px; /* width: 65px; overflow: hidden; */ clear: left; margin: 5px 0 0 -5px;} .cardThumb2 .addthis_toolbox {padding: 0 5px;} .cardThumb2 .cardSM {position: absolute; top: -275px; left: 10px; width: 175px; padding: 10px 0; background: #fff; opacity: .9; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #cards .last {margin-right: 0;} #tip {position: relative; width: 630px; overflow:hidden; padding: 0 0 20px 0; } #tip .slide {width: 630px; height: 200px; overflow: hidden; margin: 0 0 20px 0;} #tip .image {width: 205px; float: left;} #tip .image img {width: 185px; height: 185px;} #tip .info {width: 415px; float: right;} #carousel2 {position: relative; display: none;} #carousel2 img {width: 75px; height: 75px;} #tipControls {width: 125px; position: absolute; overflow: hidden; padding: 0 0 5px 0; right: 0; top: 5px;} #tipControls a:hover, #guideControls a:active {background: transparent} /* #tipPrev {width: 33%; float:left;} #tipNext {width: 33%; float: right; text-align: right;} */ #tipPage {position: absolute; left: 25%; bottom: 3px; width: 50%; font-size: 0.833em; line-height: 25px; font-style: italic; text-align: center;} #tipPrev {display: block; height: 25px; width: 33%; float: left; text-indent: -9999px; background: #fff url(../images/next-prev-off.gif) no-repeat 0 50%;} #tipNext {display: block; height: 25px; width: 33%; float: right; text-indent: -9999px; background: #fff url(../images/next-prev-off.gif) no-repeat 100% 50%;} a#tipPrev:hover, a#tipPrev:active {background: #fff url(../images/next-prev-on.gif) no-repeat 0 50%;} a#tipNext:hover, a#tipNext:active {background: #fff url(../images/next-prev-on.gif) no-repeat 100% 50%;} #tipShow {position: relative; width: 630px; height: 210px; overflow:hidden; margin: 0 0 30px 0; } #tipShow .slide {position: relative; width: 630px; height: 190px; overflow: hidden; background: #fff; margin: 10px 0;} #tipShow .image {width: 205px; float: left;} #tipShow .image img {width: 185px; height: 185px;} #tipShow .info {width: 330px; float: left;} #tipShow #controls {position: absolute; bottom:0; right:0; width: 61px; z-index: 99; } #tipShow #next {display: block; float: left; width: 17px; height: 16px; text-indent: -9999px; background-image: url(../images/controls.gif); background-position: -60px 0; background-color: #fff;} #tipShow #prev {display: block; float: left; width: 16px; height: 16px; margin-right: 5px; text-indent: -9999px; background-image: url(../images/controls.gif); background-position: 0 0; background-color: #fff;} #tipShow #pauseButton {display: block; float: left; width: 16px; height: 16px; margin-right: 5px; text-indent: -9999px; background-image: url(../images/controls.gif); background-color: #fff;} #tipShow .play { background-position: -20px 0;} #tipShow .pause { background-position: -40px 0;} /* #tipSubmit .label {padding-right: 25px;} #tipSubmit, #tipSubmit table {margin: 0 0 20px 0;} #tipSubmit table div {clear: both; width: 100%; margin: 5px 0;} #tipSubmit .info {width: 290px;} #tipSubmit .info div {width: 270px;} #tipSubmit label {display: block; width: 70px; float: left; margin: 0 5px 5px 0;} #tipSubmit label.error {width: 270px; margin-left: 75px; } #tipSubmit .input {width: 190px; float: left;} #tipSubmit .tip .input {width: 262px;} #tipSubmit .captcha {vertical-align: top; padding: 0 0 5px 0;} #tipSubmit .captcha label {float: none; width: 250px;} #tipSubmit .captcha label.error {margin-left: 0;} #tipSubmit .captcha .input {width: 140px;} #tipSubmit .textarea {width: 520px; height: 100px; background: #fff;} #tipSubmit td.captcha img {display: block; margin: 0 0 5px 0;} #tipSubmit .captcha div {width: 200px; } #tipSubmit td.submit {text-align: left;} */ .cloud {line-height: 1.5em; margin: 10px 0;} .cloud a {margin: 0 10px 0 0;} label.error { color: red; font-size: 0.875em; margin-left: 5px; } #tipSubmit .captcha td {padding-top: 10px; padding-bottom: 10px;} #tipSubmit .captcha img {display: block; margin: 5px 0;} #tipSubmit td.submit {text-align: left;} #tipSubmit, #tipSubmit table {margin: 0 0 20px 0;} .sideSearch label {display: block; margin: 0 0 5px 0;} .sideSearch a:hover {color: #6A9BC8;} .sideSearch .input {width: 250px; background: #fff ; margin: 0; border-width: 0; margin: 0; } .sideSearch .blueBox div {white-space: nowrap; padding: 1px; border: solid 1px #ccc; text-align: justify; background: #fff; margin: 0 0 10px 0;} .catTips {margin: 0 ; padding: 0; list-style-type: none; width: 135px; float: left; margin-right: 5px;} .submitTip {clear: both; background: #fef5f9; padding: 3px 5px; border: solid 1px #F7B9D4; padding: 7px 10px; margin: 5px 0} .submitTip h2, .submitTip p {margin: 0; padding: 0;} /* .submitTip {clear: both; background: #fef5f9; padding: 3px 5px; margin: 20px 0; border-bottom: solid 1px #F7B9D4;} .submitTip h2, .submitTip p {display: inline;} */ /* BLOG */ #side215 .topics ul {margin: 0; padding: 5px 0; list-style-type: none;} #side215 .topics li {padding: 2px 0; font-size: 0.916em;} #side215 .topics a.current {color: #6A9BC8; text-decoration: none;} .blog_entry {padding: 0 0 10px 0; margin-bottom: 30px; border-bottom: solid 1px #dee9cd; } .blog_entry h2 {padding: 0;} .blog_entry .date {color: #512A14;} .posted {font-size: 80%;} .blogFeed {padding-left: 20px; background: url(../images/feed-icon-14x14.gif) no-repeat #fff; margin: 10px 0 20px 0;} .blog_entry .entryHeader {position: relative; background: #fff; min-height:55px; height:auto !important; height:55px; } .blog_entry .entryHeader .author {width: 185px; height: 55px; position: absolute; top: 0; left: 315px; } .blog_entry .title {width: 305px; } .blog_entry .entryHeader {border-bottom: solid 1px #6a9bc8; margin: 0 0 15px 0; position: relative; padding: 0 0 5px 0;} .blog_entry .entryHeader .author .image {width: 60px; float:left; height: 55px; } .blog_entry .entryHeader .author .info {position: absolute; width: 125px; left: 60px; bottom: 5px;} .blog_entry .author .date {font-size: 0.833em; color: #8E7866; } .blog_entry h2 {font-size: 1.333em; color: #6a9bc8; margin: 0;} .comments h2 {margin: 0 0 10px 0;} .comments ol {margin: 5px 0 0 0; padding: 0; list-style-type:none;} .comments li {border: solid 1px #DFE7D4; padding: 10px 10px 0 10px; margin: 0 0 15px 0;} .comments .posted {margin: 0 0 5px 0; color: #6a9bdb;} .comments .posted .author {color: #666; float: none;} a.blue:link, a.blue:visited {color: #6a9bc8; } .blog_entry .topics {font-size: 0.916em; } .blog_entry .share {margin: 15px 0;} .blog_entry .categ {display: block; color: #8E7866;} .box {border: solid 1px #9ECB3A; font-size: 0.833em;} .box .header {padding: 3px 5px; margin: 0; background: url(/template/title_bg.jpg) repeat-y #fff; border-bottom: solid 1px #9ECB3A; text-transform: uppercase; } .box ul {margin: 5px 5px 5px 9px; padding: 0 0 0 9px;} .thisTopic {position: relative; width: 240px; float: left; color: #6a9bc8;} .relatedPosts {position: relative; width: 240px; float: right; color: #6a9bc8; } .thisTopic ul , .relatedPosts ul {margin-top: 5px; margin-bottom: 5px;} .thisTopic .header , .relatedPosts .header {height: auto; min-height: auto;} .links {margin: 15px 0; color: #8E7866;} #blogSearch .input {width: 100px;} #blogSearch label {display: block; margin: 0 0 5px 0;} #blogSearch a:hover {color: #6A9BC8;} #blogSearch .input {width: 170px; background: #fff ; margin: 0; border-width: 0; margin: 0; } #blogSearch .blueBox div {white-space: nowrap; padding: 1px; border: solid 1px #ccc; text-align: justify; background: #fff; margin: 0 0 10px 0;} #latestBlogs table {width: 100%;} #latestBlogs th {color: #6a9bc8; font-weight: normal; text-align:left; font-size: 1.166em; padding: 5px 5px 0 17px;} #latestBlogs td {width: 50%; vertical-align: top; padding: 0 17px; } #latestBlogs .entry {width: 200px; margin: 5px 0; padding: 0; } #latestBlogs .image {height: 139px;} #latestBlogs .title {font-size: 1.166em; line-height: 1.2; color: #6C9A31; width: 200px; float: left; } #latestBlogs .title div { margin-bottom: -200px; padding-bottom: 200px;} .authorList {clear:both; padding: 10px 0;} .authorList .image {width: 60px; float:left;} .authorList .info {width: 100px; float: left;} .authorList ul {width: 300px; float:right;} .authorList li {font-size: 0.833em; color: #6C9A31;} .authorList .date {color: #512A14; color: #808183} #moreExpert {margin-top: 15px;} #moreExpert .author {width: 135px; float: left; position: relative; } #moreExpert .author .image { width: 125px; float: none;} #moreExpert .author .info {position: relative; width: 135px; left: 0; bottom: 0; } #moreExpert .summary {margin-left: 140px;} #moreExpert .topics {margin: 0 0 15px 0;} #moreExpert h3 {font-size: 1.333em; color: #6a9bc8; margin: 0;} .noborder {border-width: 0;} .bio {font-style: italic; margin: 0 0 15px 0;} .Box_1 {width: 300px; text-align: left;} .share .title {width: auto;} #experts {width: 100%; overflow: hidden;} .expert {width: 120px; height: 170px; float:left; margin: 0 50px 10px 0;} #experts .last {margin-right: 0;} #slideshowE { position: relative; border-bottom: solid 1px #7C94BA; margin-bottom: 30px; } #slideshowE #pager { position: absolute; top: 0; right: 0; width: 206px; z-index: 10; margin:0; padding: 0; list-style-type: none;} #slideshowE #pager a { display: block; width: 206px; height: 63px; text-decoration: none; margin-bottom: 2px;} #slideshowE #pager a span {display: block; padding: 5px 5px 5px 20px;} #slideshowE #pager .activeSlide a:link, #slideshow2 #pager .activeSlide a:visited { background: url(../images/active_slide.gif) no-repeat #fff; } #slideshowE #pager a:focus { outline: none; } #slideshowE #pager a:hover, #slideshow #pager a:active { background: url(../images/active_slide.gif) no-repeat #fff;} #slideshowE #pager img {display: block; float: left; margin-right: 5px; border: solid 1px #dee9cd; padding: 1px; } #animationE {overflow: hidden; position: relative; width: 294px; height: 258px; background: #d8dde9; } #animationE .slide {width: 280px; height: 240px; position: absolute; left: 0; top: 0; margin: 7px; opacity: 1; } #animationE .image img {border-width: 0; padding: 0;} #animationE .author {display: block; color: #7C94BA;} /* EATSAVVY */ #side .Box_ES {float: right;} #eatsavvySide {width: 160px; float: right; margin-top: 1em;} p {margin: 0 0 15px 0; padding: 0;} .pagination {clear: both; border-top: solid 1px #9ECB3A; font-size: 0.833em; padding: 3px 0; margin: 10px 0; text-align: right;} #eatsavvyHeader {width: 595px; float:left; background: #fff url(../images/eatsavvy/eatsavvy_header_bg.gif) no-repeat 270px 0; } #eatsavvyLogo {width: 270px; float:left; padding: 0 0 0 15px;} #eatsavvyLogo a:hover, #eatsavvyLogo a:active {background-color: transparent;} #eatsavvySearch {width: 214px; float: right; margin: 20px 0 0 0; } #eatsavvySearch table {width: 100%;} #eatsavvySearch td {vertical-align: middle; font-size: 0.916em;} #eatsavvySearch label {text-transform: uppercase; padding: 0 5px 0 0;} #eatsavvySearch a:hover {color: #6A9BC8;} #eatsavvySearch .input {width: 185px; background: #fff ; margin: 0; border-width: 0; margin: 0; } #eatsavvySearch table div {white-space: nowrap; padding: 1px; border: solid 1px #ccc; text-align: justify;} #eatsavvyDate {width:214px; float: right; text-align: right; margin: 10px 0 0 0;} #eatsavvyIssue {position: relative; width: 430px; height: 268px; float: left; background: url(../images/eatsavvy/eatsavvy_issue_bg.gif) no-repeat #FDEEF4;} #eatsavvyIssue .foodprep {position: absolute; bottom: 5px; left: 15px; background: #fff; padding-right: 8px; } #eatsavvyIssue .prep {width: 90px; height: 90px; float: left; margin: 8px 0 8px 8px; background: #fff; overflow: hidden;} #eatsavvyIssue .intros {color: #6A9BC8; padding: 5px 15px; } #eatsavvyIssue .intros p {margin: 0; padding: 0;} #meals {margin: 0 0 20px 35px;} #recipes .partner {font-size: 9px; margin-top: 20px; margin-bottom: 0;} .mealIntro .title { margin: 5px 0;} .mealIntro .title .main {font-size: 1.333em; color: #6A9BC8; display: block; } .mealIntro .partner {font-size: 9px; margin-bottom: 0;} #eatsavvyWays {width: 380px; float: left; margin-right: 15px;} #eatsavvyWays .mealPhoto {width: 200px; float:left; } #eatsavvyWays .mealIntro {width: 170px; float: right;} #eatsavvyWays .more {display: block; float: left; text-align: left; font-size: 0.916em; text-transform: none; border: 1px solid #6C9A31; padding: 0 5px; margin-top: 10px;} #eatsavvyWays a.more:link, #eatsavvyWays a.more:visited {color: #6C9A31;} .mealCat {font-size: 1.5em; color: #756F6F; border-bottom: solid 1px #6A9BC8; margin: 0 0 10px 0;} #eatsavvyInfo {width: 165px; float:left; margin: 2.1em 15px 20px 0; } #eatsavvyInfo .info {padding: 5px; background: #FDEEF4; font-size: 90%; margin-bottom: 10px;} #eatsavvyInfo .info.tips {background: #FDEEF4 url(/template/eatsavvy/eatsavvy_tips_bg.gif) no-repeat center bottom;} #eatsavvyInfo .title {font-size: 130%; font-weight: bold; line-height: 1.5; color: #6A9BC8; margin: 5px 0 15px 0;} #eatsavvyInfo .img {float: right; border: solid 5px #fff; margin: 0 0 10px 10px;} #eatsavvyInfo .img p {display: inline;} #eatsavvyInfo .infoTitle, .funTitle {color: #6A9BC8; margin-bottom: 5px;} #eatsavvyInfo .infoBox {background: #FDEEF4; margin: 0; } #eatsavvyInfo .infoBox {font-size: 90%;} #eatsavvyInfo .infoBox .img p {display: inline;} #eatsavvyInfo .infoBox .img {border-width: 0; margin: 0; float: none;} #eatsavvyInfo .infoBox .title {margin: 0 0 5px 0;} #eatsavvyInfo .infoBox .copy {padding: 10px;} #meal {width: 593px; float: left; } #eatsavvyRecipe {position: relative; width: 430px; height: 268px; float: left; background: #FDEEF4 url(../images//eatsavvy/eatsavvy_recipe_bg.jpg) no-repeat;} .mealMenu {width: 50%; margin: 0 auto; padding:0; list-style-type: none; } .mealMenu li {text-align: center; margin: 3px 0; padding-top: 7px; background: #FDEEF4 url(../images/eatsavvy/menu_bg.gif) no-repeat center top;} .mealMenu li.recipe1 {background-image: none;} .mealMenu a {color: #666; text-decoration: none;} .recipeIngredients ul {margin: 0 0 15px 30px; padding: 0; list-style-type: none;} .recipeIngredients li {padding: 3px 0; border-bottom: solid 1px #DFDFDF; display: block; width: auto;} .recipePreparation {border: solid 1px #DFE7D4; padding: 10px; font-size: 90%; } #recipes {width: 340px; float: left;} #recipesFun {width: 165px; float: left; background: #FDEEF4;} #recipesFun .title {padding: 0 10px; font-size: 130%; font-weight: bold; line-height: 1.5; color: #6A9BC8; margin: 5px 0 15px 0;} #recipesFun .fun {padding: 40px 10px 0 10px; background: #FDEEF4 url(../images/eatsavvy/eatsavvy_fun_bg.gif) no-repeat center top; } .recipe {margin-bottom: 15px;} .recipe .title {font-weight:bold; color: #6A9BC8; margin: 5px 0;} .recipeIngredients .title {font-size: 90%;} .eatsavvyRecipes {width: 405px; float:left;} .eatsavvyRecipes .meal {margin: 0 0 15px 0; } .eatsavvyRecipes .photo {width: 100px; float: left; } .eatsavvyRecipes .title {width: 300px; float: left;} .eatsavvyRecipes .date {display: block;} .eatsavvyRecipes .img {width: 70px; float: left; } .eatsavvyRecipes .copy {width: 400px; float: left;} #eatsavvyAnnouncement {margin-bottom: 15px;} .mealMore {margin: 20px 0; padding: 5px; float:left; overflow: hidden; } .mealMore .title { color: #6A9BC8; font-weight: bold; margin: 5px 0;} .mealMore table {margin: 0 5px; width: 350px;} .mealMore td {padding: 5px; font-size: 80%; text-transform: lowercase;} .mealMore td img {padding: 5px 0; background: #fff;} .mealMore a:link, .mealMore a:visited {color: #6A9BC8;} .mealMore a:hover, .mealMore a:active {color: #6C9A31; background: transparent;} .recipeTools {text-align:center; margin: 5px 0;} .recipeTools ul {margin: 0; padding: 0; width: 340px; } .recipeTools li {display: inline; width: auto; float: none; clear: right; text-transform: lowercase; } .recipeTools li a {padding: 0 12px 0 17px; background: transparent url(/template/eatsavvy/pipe.gif) no-repeat center left; font-size: 90%; line-height: 13px;} .recipeTools li.first a {background-image: none; padding-left: 0;} .recipeTools li.last a {padding-right: 0;} .recipeTools li a {color: #6C9A31; text-decoration: none;} .recipeTools li a:hover {color: #6A9BC8; text-decoration: none;} .mealPartner {border: solid 10px #fff; border-width: 10px 0;} .mealPartner .ad {display: block; background: #fff;} /* new styles */ #eatsavvyMore {width: 160px; float:right; } #eatsavvyMore ul {list-style-type: none; margin: 5px 0; padding: 0; font-size: 0.916em;} .credit {display: block; font-size: 0.833em; color: #808183; font-style: italic;} .credit a:link, .credit a:visited {color: #808183; text-decoration: none;} .credit a:hover, .credit a:active {color: #808183; text-decoration: none; background-color: transparent;} #eatsavyy-in-this-issue {width: 100%; overflow: hidden; margin: 0 0 20px 0;} #eatsavyy-in-this-issue ul {margin:0; padding: 0 0 20px 0; list-style-type: none;} #eatsavyy-in-this-issue .item {background: transparent url(../images/separator.gif) no-repeat 50% 100%; padding: 10px 10px 15px 0;} #eatsavyy-in-this-issue .last {background-image: none;} #eatsavyy-in-this-issue .item a {display: block; width: 100%; overflow: hidden; padding: 5px 0;} #eatsavyy-in-this-issue img {border: solid 1px #dee9cd; padding: 1px; float:left; margin: 0 5px 0 0; } #eatsavyy-in-this-issue .title {display: block; width: 110px; float:right; font-size: 0.833em;} #eatsavyy-in-this-issue .categ {display: block; color: #666;} /* COMMENTS */ .moderated {font-size: 0.833em; margin: 5px 0; } #comment_fields .label {padding-right: 25px;} #comment_fields {margin: 0 0 10px 0;} #comment_fields div {clear: both; width: 270px; margin: 5px 0;} #comment_fields label {display: block; width: 60px; float: left; margin: 0 5px 5px 0;} #comment_fields .input {width: 190px; float: left;} #comment_fields .captcha {vertical-align: top; padding: 0 0 5px 0;} #comment_fields .captcha label {float: none; width: 200px;} #comment_fields .captcha .input {width: 140px;} #comment_fields .textarea {width: 470px; height: 100px; background: #fff;} #comment_fields td.captcha img {display: block; margin: 0 0 5px 0;} #comment_fields .captcha div {width: 200px; } #comments {margin: 20px 0; padding: 0; list-style-type:none;} #comments li {border: solid 1px #DFE7D4; padding: 10px; margin-bottom: 15px;} #comments .posted {margin: 0 0 5px 0; color: #6a9bdb;} #comments .posted .author {color: #666;} /* FEEDS */ .feeds {margin-bottom: 15px;} .feeds td {vertical-align: top; padding: 15px 0; border-bottom: 1px solid #B4D670;} .feeds td.noborder {border-bottom-width: 0;} /* sitemap */ .sitemap {margin-left: 180px; margin-bottom: 20px; clear: both;} .sitemap h2 {margin-left: -180px;} .sitemap ul {list-style-type: none; width: 250px; float: left; margin: 5px 0 0 30px; padding: 0; } .sitemap span {display: block;} .sitemap li {margin: 0 0 10px 0;} /* MICROSITES */ #microbar {margin: 20px 0 100px 0; border-bottom: solid 1px #6A9BC8;} #microbar ul {margin-left: 7px; padding: 5px 0 5px 7px;} #microbar li {line-height: 1.2; color: #6A9BC8; margin: 5px 0;} #microbar a:link, #microbar a:visited {color: #6A9BC8;} #microbar a:hover, #microbar a:active, #microbar a.current, #microbar a.current:link, #microbar a.current:visited {color: #6C9A31; background: #fff;} #mediaArchive {margin: 0 0 20px 0;} #mediaArchive td {padding: 3px 20px 3px 0;} #mediaArchive th {text-align:left; border: solid 1pc #6A9BC8; border-width: 0 0 1px 0; padding: 15px 20px 5px 0;} .searchResults td {vertical-align: top; padding: 10px 10px 10px 0;} .searchResults .posted {font-size: 0.857em; font-style: italic; color: #808183;} .searchResults .excerpt {font-size: 0.916em;} .trigger {display: block; font-size: 1.5em; padding-left: 20px; background: url(../images/q_closed.gif) no-repeat 0 50%; cursor: pointer;} .open {padding-left: 20px; background: url(../images/q_open.gif) no-repeat 0 50%; cursor: pointer;} .trigger2 {display: block; padding-left: 20px; line-height: 1.5; background: url(../images/q_closed.gif) no-repeat 0 3px; cursor: pointer;} /* INLINE VALIDATED FORMS */ .iForm table {width: auto; } .iForm td.submit {text-align: left; padding: 10px 0;} .iForm .captcha td {padding: 10px 0; } .iForm .captcha img {padding: 0 5px 0 0; display: block; float: left; margin: 3px 0;} /* Testimonials */ .testimonial {margin: 0 60px 0 0;} .tauthor {font-style: italic; margin: -10px 0 20px 0;} .seen_on td {vertical-align:top; padding: 15px 10px 0 10px; border-bottom: solid 1px #B4D670; vertical-align: middle;} .seen_on th {text-align: left; padding: 5px 0;} .seen_on .last td {border-width: 0;} .seen_on .code {font-size: 0.9166666em;} .seen_on .badge {text-align: center;} .seen_on .style {white-space: nowrap;} .subscriptions label.error {display:block;} /* CONTESTS */ .contests .img {width: 100px; float: left; text-align: center; padding-bottom: 15px;} .contests .expire {font-size: 85%; color: #6A9BC8;} .contests .info {margin-left: 120px;} .contests .image a:hover {background-color: transparent;} #contestHome .image {width: 95px; float: left;} #contestHome .summary {width: 305px; float: right;} #contestHome .more {text-align: left; } .note {font-size: 0.833em;} /* LISTINGS */ .listing {margin-left: 200px;} .listing .info {font-size: 0.916em; } .listing .info p {margin: 0 0 0.5em 0;} .listingsSearch form {display: block; margin: 0 0 10px 0;} .listingsSearch .input {padding: 2px 1px;} /* EVENTS */ .events-slideshow {position: relative; width: 630px; height: 100px; margin: 0 0 20px 0; overflow: hidden; } #events-slideshow-nav { z-index: 50; position: absolute; bottom: 5px; right: 5px } #events-slideshow-nav a { display: block; width: 15px; height: 10px; float: left; margin: 0 3px; border: solid 1px #fff; text-decoration: none; text-indent: -9999px; } #events-slideshow-nav a.activeSlide { background: #fff } #events-slideshow-nav a:focus { outline: none; } .events-selection {font-weight: bold; margin:0 0 1em 0;} .eventCateg {width: 195px; float: left;} .eventOptions {clear: both; width: 100%; overflow: hidden; padding: 5px 0;} .eventOptions label {width: 100px; float:left; font-weight: bold; } .eventSubmit {clear: both; margin-left: 100px; padding: 10px 0;} .eventDetails {width: 630px; overflow: hidden; margin: 0 20px; padding-top: 20px;} .event h3 {margin: 10px 0 0 0; font-size: 1em; font-weight: bold;} .eventDescr {margin: 0 0 15px 0;} .eventAd {width: 300px; float: right; padding-bottom: 10px; font-size: 0.833em; color: #bbb; text-decoration: none;} .eventAd iframe {display: block; height: 250px;} .button {display: block; float:right; margin: 0 0 20px 20px; text-transform: uppercase; font-weight: bold; padding: 7px 10px; border: solid 1px #B4D670;} .button:link, .button:visited {color: #fff; background: #B4D670; text-decoration: none;} .button:hover, .button:active {color: #fff; background: #6C9A31; text-decoration: none} .focused {color: #6A9BC8; font-weight: bold;} ul.paging {clear: both; margin: 0 ; padding: 0; list-style-type: none; border-top: solid 1px #B4D670; } ul.paging li {margin: 5px 0; padding: 0 0 5px 0; border-bottom: solid 1px #B4D670; width: 100%;} ul.simplePagerNav {float: right; margin: 0; padding: 5px 0;} ul.simplePagerNav li { display:block; float: left; padding: 3px; font-size: 0.833em; } ul.simplePagerNav li.currentPage a { color: #000; } #loading {float:right;} #eventsMap {position: relative; margin: 0 0 15px 0; padding: 0; list-style-type: none; width: 619px; height: 600px; background: url(../images/events_canada_map.gif) no-repeat;} #eventsMap a {font-size: 10px; text-transform: uppercase; font-weight: bold; padding-left: 15px; } #eventsMap a:link, #eventsMap a:visited {color: #6c9a31; background: transparent url(../images/events_map_bullet_on.png) no-repeat 0 50%; } #eventsMap a:hover, #eventsMap a:active {color: #6a9bc8; background: transparent url(../images/events_map_bullet_on.png) no-repeat 0 50%; } #eventsMapToronto {position: absolute; top: 565px; left: 400px;} #eventsMapVictoria {position: absolute; top: 455px; left: 40px;} #eventsMapVancouver {position: absolute; top: 440px; left: 50px;} #eventsMapOttawa {position: absolute; top: 543px; left: 427px;} #eventsMapCalgary {position: absolute; top: 455px; left: 125px;} /* PARTYSAVVY */ #ps-slideshow {position: relative; margin: 0 0 55px 0; border: solid 1px #ccc; padding: 5px; } #ps-slideshow .slideshow { position: relative; width: 618px; height: 280px; overflow: hidden;} /* #ps-slideshow .slide-img {display: block; width: 364px; height: 364px; } */ #ps-slideshow .slide { position: relative; background: #fff; } #ps-slideshow .slide-copy {position: absolute; left: 300px; top: 0; width: 300px; background: #fff; } #ps-slideshow h3 { color: #6A9BC8; margin: 20px 0 10px 0; padding: 0; } #ps-slideshow h3 a:link, #ps-slideshow h3 a:visited {color: #6A9BC8; background: transparent;} #ps-slideshow h3 a:hover, #ps-slideshow h3 a:active {color: #6A9BC8; background: transparent;} #ps-slideshow .pager {position: absolute; right: 5px; bottom: 5px; margin: 0; padding: 4px 0 4px 6px; list-style-type: none; z-index: 9999; background: url(../images/pager-bg.png); } #ps-slideshow .pager li {float: left;} #ps-slideshow .pager a {display: block; float: left; margin-right: 6px; width: 27px; height: 17px; background: url(../images/pageno-bg.png); text-indent: -9999px; borer: solid 1px red;} #ps-slideshow .pager a:link, #ps-slideshow .pager a:visited {background-position: 0 0;} #ps-slideshow .pager a:hover, #ps-slideshow .pager a:active, #ps-slideshow .pager .activeSlide a:link, #ps-slideshow .pager .activeSlide a:visited {background-position: 0 -17px;} .b-type {color: #6A9BC8; } .ps-intro-categ {margin:0; padding: 0; list-style-type: none;} .ps-intro-categ li {display: block; width: 100%; overflow: hidden; margin: 20px 0;} .ps-intro-categ .thumb {float: left; margin-right: 20px;} .ps-intro-categ .cat-info {width: 480px; float: left;} .ps-intro-categ h2 {margin-top: 0; margin-bottom: 10px;} .ps-intro-categ .cat-blurb {width: 430px; float: left;} .ps-intro-categ .more {display: block;} .view-all {display: block; width: 13px; height: 32px; float: right; margin-top: 20px; text-indent: -9999px; background: #fff url(../images/view-all-arrow.gif) no-repeat;} .view-all:link, .view-all:visited {background-position: -19px 0;} .view-all:hover, .view-all:active {background-position: 0 0;} .gallery-slide {position: relative; width: 630px; overflow: hidden;} .slide-image {width: 300px; float: left;} .slide-info {width: 330px; float: right; margin-top: 30px; padding-bottom: 50px;} .gallery-slide .avail {font-style:italic;} .next-slide {position: absolute; bottom: 0; left: 300px; font-style: italic;} .next-slide .next-title {display: block; width: 270px; position: absolute; bottom: 7px; left: 60px; } .next-slide .next-title span {text-transform: uppercase; color: #666;} .slide-controls {position: absolute; top: 0; left: 300px; width: 330px; line-height: 26px;} .slide-controls a:hover, .slide-controls a:active {background: transparent} .slide-controls .prev {width: 25px; height: 26px; float:left; background: #fff url(../images/guides-arrows.gif) no-repeat 0 -34px; text-indent: -9999px;} .slide-controls .next {width: 25px; height: 26px; float: right; background: #fff url(../images/guides-arrows.gif) no-repeat 0 -3px; text-indent: -9999px;} .slide-controls .page {position: absolute; left: 10%; bottom: 3px; width: 80%; font-size: 0.833em; line-height: 1.5; font-style: italic; text-align: center;} .slide-controls .prev:hover, .slide-controls .prev:active {background: #fff url(../images/guides-arrows.gif) no-repeat 0 -91px;} .slide-controls .next:hover, .slide-controls .next:active {background: #fff url(../images/guides-arrows.gif) no-repeat 0 -62px;} .gallery-slide h2 {font-size: 1.166em; color: #6A9BC8; margin-bottom: 5px;} .gallery-slide h2 em {font-size: 0.857em; color: #6C9A31; font-style: normal;} .slide-related ul {margin:0; padding: 0 0 10px 0; list-style-type: none; width: 100%; overflow: hidden;} .slide-related a {display: block; width: 120px; float: left; margin-right: 20px; } .browse-by-group {margin: 10px 0; padding: 0 0 20px 0; list-style-type: none; width: 100% overflow: hidden; } .browse-by-group li { width: 155px; float: left; /* font-size: 0.833em; */ line-height: 1.3;} .browse-by-group a {display: block; padding: 5px; overflow:hidden; } .browse-by-group img {float: left; border: solid 1px #dee9cd; padding: 1px; margin: 0 5px 0 0; display: block; } .browse-by-group .topic {display: block; margin-left: 57px; color: #666;} .browse-by-group .title {display: block; margin-left: 57px;} .recipeType .title {font-weight: bold; color: #6A9BC8;} .recipeType .recipeIngredients {padding-top: 11px;} .end-slide-links {margin: 1em 0; padding: 0; list-style-type: none;} .end-slide-links li {display: block; margin: 0 0 0.5em 0;} .archive {width: 100%; overflow: hidden; } .archive h2 {margin: 0 0 20px 0;} .archive .guideCol {margin-right: 30px;} .archive .first {clear: left;} .archive .last {margin-right: 0;} #gallery-slideshow {position: relative; margin: 0 0 55px 0; border: solid 1px #ccc; padding: 15px; } #gallery-slideshow .slideshow { position: relative; width: 618px; height: 282px; overflow: hidden;} #gallery-slideshow .slide { position: relative; background: #fff; } #gallery-slideshow .slide-copy {position: absolute; left: 300px; top: 0; width: 280px; background: #fff; } #gallery-slideshow .summary {font-size: 1.3333333em;} #gallery-slideshow img {border: solid 1px #ccc;} #gallery-slideshow .pager {position: absolute; right: 0px; bottom: 0px; margin: 0; padding: 4px 0 4px 6px; list-style-type: none; z-index: 9999; background: url(../images/pager-bg.png); } #gallery-slideshow .pager li {float: left;} #gallery-slideshow .pager a {display: block; float: left; margin-right: 6px; width: 27px; height: 17px; background: url(../images/pageno-bg.png); text-indent: -9999px; borer: solid 1px red;} #gallery-slideshow .pager a:link, #gallery-slideshow .pager a:visited {background-position: 0 0;} #gallery-slideshow .pager a:hover, #gallery-slideshow .pager a:active, #gallery-slideshow .pager .activeSlide a:link, #gallery-slideshow .pager .activeSlide a:visited {background-position: 0 -17px;} #gallery-slideshow h2 {font-size: 2em; line-height: 1.2; font-weight: normal; margin: 0 0 10px 0; padding: 0; } #gallery-slideshow h2 a:link, #gallery-slideshow h2 a:visited {color: #6A9BC8; text-decoration: none; background-color: transparent;} #gallery-slideshow h2 a:hover, #gallery-slideshow h2 a:active {color: #6C9A31; text-decoration: none; background-color: transparent;} #gallery-slideshow .rel {position: absolute; width: 318px; left: 300px; top: 180px; margin-top: 10px; border-top: solid 1px #ccc; padding: 5px 0; background: url(../images/slide-related.gif) no-repeat 0 5px;} #gallery-slideshow .rel ul {color: #FF6666; padding: 0 0 0 80px; margin: 5px 0; list-style-type: none;} #gallery-slideshow .rel li {display: block; background: #fff url(../images/red-circle.gif) no-repeat 0 50%; padding-left: 15px;} #gallery-slideshow .rel a:link, #gallery-slideshow .rel a:visited {color: #D71F00; background: transparent;} #gallery-slideshow .rel a:hover, #gallery-slideshow .rel a:active {color: #FF7E79; background: transparent;} * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* /* OVERLAY POPUP */ #overlay_rt{ text-align:right; margin-right: 10px; } #overlay_rt a{ color:#fff; text-decoration: none; } #overlay_rt a:hover{ text-decoration: none; color: #fff; } #overlay_top { /* border: 5px solid #FCC5E1; */ border-bottom:0px; background: #b4d670; height: 30px; /* ie5win fudge begins */ height: 30px; margin-right: auto; margin-left: auto; } html>body #overlay_top { height: 30px; /* ie5win fudge ends */ } .gecko #overlay_middle{ width: 409px; } .ie #overlay_middle{ } #overlay_middle { /* border: 5px solid #FCC5E1; */ border-top:0px; background: #dbeabb; margin-right: auto; margin-left: auto; } #overlay_middle_inside { } #overlay_info{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none; float: left; } #overlay_overlay{ position:absolute; z-index:99999; width: 100%; height: 100%; top: 0px; left: 0px; min-height:100%; display: none; } #overlay_popcontent{ position: absolute; z-index:100000; width: 100%; height: 100%; top: 120px; left: 0px; display:none; } #overlay_box { position:fixed; display:none; top:0px; left:0px; width:100%; height:100%; } #overlay_top {width: 420px;} #overlay_middle {width: 420px;} #overlay_middle {height:223px;} /* TWITTER WIDGET */ .twtr-tweet-text {font-family: Verdana, Arial, Helvetica, sans-serif;} .twtr-ft {font-size: 11px;} .twtr-widget h4 {font-size: 13px!important; font-family: Verdana, Arial, Helvetica, sans-serif;} /* OUTBRAIN */ .savvymom-outbrain #ob_strip_container_rel_0_stripBox .strip-rec-link-title {font-size: 10px; line-height: 1.2;} .savvymom-outbrain #outbrain_container_0_stripBox .strip-like {font-size: 12px; line-height: 1.4;} /* DISQUS */ #disqus_thread {margin: 20px 0; /* padding: 10px 10px 0 10px; background: #F1F6FA; border: solid 1px #6A9BC8; border-width: 1px 0; */}