/* Theme Name: ecoFabulous Theme URI: http://www.ecofabulous.com/ Description: The second design for the ecoFabulous Blog Version: 2.0 Author: We the Media Author URI: http://www.wtmworldwide.com This theme was designed and built by Leslie Brown and George Huff, from We The Media. */ /************************************************************************ Site: ecofabulous.com Author: George Huff, We The Media [www.wtmworldwide.com] Client: ecoFabulous [http://www.ecofabulous.com/] Notes: Redesign and Build Date: 4-30-08 Listing Order: ============== 1 - Global 2 - Structural 3 - Entry & Left Column 4 - Commment 5 - Archive 6 - Side Panel 7 - Secondary Content ************************************************************************/ /*********************************************************************** 1 - GLOBAL STYLES ************************************************************************/ body { background: #a0b9af url(images/bg_body.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #575850; margin: 0; padding: 7px 0 0 0; } * { margin: 0; padding: 0; border: 0; } a { text-decoration:none; color: #d87a23; outline:none; } a:hover { text-decoration: none; color: #633b1b; } div.left, div.right { float: left; } .clear {clear:both;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:block;} /* End hide from IE Mac *//* end clearing */ /* replace */ .replace {text-indent:-10000px; display: block; width: 100%; height: 100%; outline: none;} .replace * {text-indent:-10000px;display:block;background-repeat:no-repeat;background-position:left top;background-color:transparent;} /*.replace a {text-indent:0;}*/ .replace a span {} /* end replace */ .ad{ margin:0 auto; text-align:center; margin-bottom:5px; } /*********************************************************************** 2 - STRUCTURAL STYLES ************************************************************************/ div#container { width: 966px; margin: 0 auto;} div#header { background: url(images/bg_header.png) left top no-repeat; height: 188px; position: relative;} div#content { background: url(images/bg_content.gif); border-left: 1px solid #8ba9a0; border-right: 1px solid #8ba9a0; width: 962px;} div#for_testing { background: #fff; padding: 20px; display: none; } /*********************************************************************** 2 - STRUCTURAL STYLES ************************************************************************/ a#weekly_signup { position: absolute; right: 39px; display: block;width: 181px; height: 55px; background: url(images/bg_newsletter_signup.png) left top no-repeat; z-index: 100;} div#logo { width: 389px; height: 88px; position: absolute;left: 142px; top: 35px; } div#logo div { width: 389px; height: 88px; background: url(images/logo_ecofabulous.png) left top no-repeat;} div#logo a { display: block; width: 389px; height: 88px; position: absolute; left: 0; top: 0;} div#ornate_header_left { background: url(images/ornate_header_left.png) left top no-repeat; width: 178px; height: 150px; position: absolute; left: -18px; top: 3px; } div#ornate_header_left_subA { background: url(images/ornate_header_left_subA.png) left top no-repeat; height: 3px; width: 3px; position: absolute; left: 1px; top: 153px; z-index: 100; } div#ornate_header_left_subB { background: url(images/ornate_header_left_subB.png) left top no-repeat; height: 4px; width: 9px; position: absolute; left: 52px; top: 153px; z-index: 100; } div#ornate_header_right { background: url(images/ornate_header_right.png) left top no-repeat; width: 466px; height: 204px; position: absolute; left: 525px; top: 3px; } div#ornate_header_right_subA { background: url(images/ornate_header_right_subA.png) left top no-repeat; width: 49px; height: 19px; position: absolute; left: 816px; top: 188px; z-index: 100;} div#header_ornate_below_left { background: url(images/header_ornate_below_left.png); width: 35px; height: 97px; position: absolute; left: 661px; top: 142px; z-index: 55;} div#header_ornate_below_right { background: url(images/header_ornate_below_right.png); width: 34px; height: 27px; position: absolute; left: 696px; top: 142px; z-index: 55;} div#header_ornate_below_below { background: url(images/header_ornate_below_below.png); width: 32px; height: 13px; position: absolute; left: 696px; top: 169px; z-index: 55; } div#ornate_outsidethebox { background: url(images/bg_ornate_outsidethebox.png); width: 42px; height: 14px; position: absolute; left: 948px; top: 142px; z-index: 55;} /* Main Navigation */ /* Main Navigation */ ul#navigation { width: 601px; height: 35px; position: absolute; top: 153px; left: 3px; list-style: none; padding-left: 29px;} ul#navigation span.ul_left_border { display: block; position: absolute; left: 28px; top: 0px; height: 35px; width: 1px; background: url(images/bg_nav_right_border.gif) left bottom no-repeat;} ul#navigation span.ul_right_border { display: block; position: absolute; right: 0px; top: 0px; height: 35px; width: 1px; background: url(images/bg_nav_left_border.gif); } ul#navigation li { float: left; width: 100px; height: 35px; text-align: center; background: url(images/bg_navigation_li.gif) left top repeat-x; position: relative;} ul#navigation li a { color: #fff; font-size: 11px; background: url(images/bg_navigation_a.gif) left top repeat-x; display: block; width: 100px; height: 23px; position: relative; font-family: "Century Gothic",verdana; letter-spacing: .1em; padding-top: 12px; text-transform:uppercase; } ul#navigation li a:hover { background: none; } ul#navigation li a span.left_border { height: 35px; width: 1px; display: block; position: absolute; top: 0; left: 0; background: url(images/bg_nav_left_border.gif);} ul#navigation li a span.right_border { height: 35px; width: 1px; display: block; position: absolute; top: 0; right: 0; background: url(images/bg_nav_right_border.gif);} ul#navigation a.on, ul#navigation a.on:hover { background: url(images/bg_navigation_tab.gif) left top no-repeat; position: absolute; top: 13px; left: -2px; width: 105px; height: 23px; z-index: 100; color: #65857b; padding-top: 5px; text-shadow: #eee 1px 1px 1px; } ul#navigation a.on span { display: none !important;} /* ul#navigation { width: 599px; height: 35px; position: absolute; top: 153px; left: 3px; list-style: none; padding-left: 29px;} ul#navigation span.ul_left_border { display: block; position: absolute; left: 28px; top: 0px; height: 35px; width: 1px; background: url(images/bg_nav_right_border.gif) left bottom no-repeat;} ul#navigation span.ul_right_border { display: block; position: absolute; right: 0px; top: 0px; height: 35px; width: 1px; background: url(images/bg_nav_left_border.gif); } ul#navigation li { float: left; height: 35px; position: relative;} ul#navigation li a { color: #efebe8; font-size: 10px; display: block; height: 21px; position: relative; padding-top: 14px; overflow: hidden; } ul#navigation li a:hover { background: none; } ul#navigation a.on, ul#navigation a.on:hover { position: absolute; top: 13px; left: -2px; width: 105px; height: 23px; z-index: 100; padding-top: 5px; } ul#navigation a span { display: none !important;} li#beauty { width: 99px; background: url(images/nav_hover_beauty.gif) left top no-repeat; } li#fashion { width: 99px; background: url(images/nav_hover_fashion.gif) left top no-repeat; } li#homestead { width: 100px; background: url(images/nav_hover_homestead.gif) left top no-repeat; } li#kids { width: 100px; background: url(images/nav_hover_kids.gif) left top no-repeat; } li#lifestyle { width: 100px; background: url(images/nav_hover_lifestyle.gif) left top no-repeat; } li#tours { width: 100px; background: url(images/nav_hover_tours.gif) left top no-repeat; } li#beauty a { width: 99px; background: url(images/nav_off_beauty.gif) left top no-repeat;} li#fashion a { width: 99px; background: url(images/nav_off_fashion.gif) left top no-repeat; } li#homestead a { width: 100px; background: url(images/nav_off_homestead.gif) left top no-repeat; } li#kids a { width: 100px; background: url(images/nav_off_kids.gif) left top no-repeat; } li#lifestyle a { width: 100px; background: url(images/nav_off_lifestyle.gif) left top no-repeat; } li#tours a { width: 100px; background: url(images/nav_off_tours.gif) left top no-repeat; } li#beauty a.on, li#beauty a.on:hover { background: url(images/nav_on_beauty.gif) left top no-repeat;} li#fashion a.on, li#fashion a.on:hover { background: url(images/nav_on_fashion.gif) left top no-repeat; } li#homestead a.on, li#homestead a.on:hover { background: url(images/nav_on_homestead.gif) left top no-repeat; } li#kids a.on, li#kids a.on:hover { background: url(images/nav_on_kids.gif) left top no-repeat; } li#lifestyle a.on, li#lifestyle a.on:hover { background: url(images/nav_on_lifestyle.gif) left top no-repeat; } li#tours a.on, li#tours a.on:hover { background: url(images/nav_on_tours.gif) left top no-repeat; } */ /* Sub Navigation */ ul#sub_navigation { height: 15px; position: absolute; top: 0; left: 6px; width: 653px; border-bottom: 1px dotted #bbcdc5; padding-top: 8px;} ul#sub_navigation li { list-style: none; float: left; padding: 0px 7px; text-transform: uppercase; font-size: 10px; font-family: "Trebuchet MS"; border-right: 1px solid #dce7e1; line-height: 100%;} ul#sub_navigation li a { color: #65857b; } ul#sub_navigation li a:hover { text-decoration: underline; } /* Search */ div#search { position: absolute; left: 669px; top: 161px; height: 15px; width: 285px;} div#search input.textfield { width: 267px; float: left; height: 14px; background: url(images/bg_searchbox.gif) left top no-repeat; font-size: 9px !important; color: #7f7f7f; padding-left: 2px; padding-top: 1px; } div#search input.button { width: 16px; height: 15px; float: left; } /*********************************************************************** 3 - CONTENT STYLES ************************************************************************/ div#wide_column { padding-left: 2px; width: 645px; float: left; position: relative; overflow: hidden;} div#bottom_color_strip { border-top: 1px solid #b3c7bf; border-bottom: 2px solid #fff; height: 2px; background: #cad8d0; clear: both; line-height: 0px; } div#side_border_gradient { width: 1px; background: url(images/bg_side_border_gradient.gif); height: 202px; position: absolute; left: 2px; top: 0px; } /* Reusable Styles */ h2.article_title { font-size: 24px; font-family: "Times New Roman"; font-weight: normal; margin-bottom: 0; } img.border { padding: 3px; border: 1px solid #aab5b1; background: #fff; } h2.pagetitle { font-size: 11px; font-family: Arial; color: #486b60; padding-left: 15px; padding-bottom: 15px;} h2.pagetitle span { text-transform: uppercase; letter-spacing: .1em;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* Featured Story */ h1#in_the_spotlight { background: url(images/text_in_the_spotlight.gif) left top no-repeat; height: 26px; padding-bottom: 17px;} div.featured_story { padding: 57px 39px 39px 39px;} div.featured_story img { float: left; margin-right: 20px; width: 270px; margin-bottom: 10px; } div.featured_story p.post_info { width: 277px; float: right; } div.featured_story p { line-height: 166%; padding-bottom: 7px;} div.featured_story h2.article_title { width: 277px; float: left; } div.featured_story p a { text-decoration: underline;} /* Archive Page Stories */ div.archive { padding-top: 60px; } div.archive_no_sub { padding-top: 20px; } div.entry { padding: 0px 39px 39px 39px; overflow: hidden;} div.entry img.post_image { margin-bottom: 10px; } div.entry p { line-height: 166%; color: #575850; font-size: 12px; padding-bottom: 8px;} div.entry p.post_info { border-bottom: 1px solid #d9e5df;} div.entry p.post_info a { text-decoration: underline;} div.archive_no_sub h2.pagetitle { padding-left: 39px; text-transform: uppercase;} /* Entry Actions */ p.actions { padding-top: 12px; color: #89a79e !important; font-size: 11px !important;} p.actions a { color: #89a79e; text-transform: uppercase; text-decoration: underline; font-family: "Trebuchet MS"; font-size: 10px; text-transform: uppercase;} img.share_button { position: relative; top: 8px; margin-right: 7px;} /* Pagination */ div.pagination { font-family: "Times New Roman"; font-size: 12px; padding: 20px 15px 0px 15px;} div.previous_entry { width: 300px; float: left;} div.previous_entry a { background: url(images/icon_previous_arrow.gif) left top no-repeat; display: block; padding-left: 25px; padding-top: 4px;} div.next_entry { width: 300px; float: right; text-align: right;} div.next_entry a { display: block; background: url(images/icon_next_arrow.gif) right top no-repeat; padding-right: 21px; padding-top: 4px; text-align: right;} /* Beige box w/Blue Header */ div.beigebox h2 { background: url(images/bg_title_bluebar.gif) left top repeat-x; padding-left: 10px; font-family: Verdana; font-size: 11px; font-weight: normal; color: #54756a; height: 18px; padding-top: 4px; } /* Recent Stories */ h1#fresh_picks { background: url(images/text_freshpicks.gif) left top no-repeat; height: 20px; } div.recent_stories { padding-bottom: 9px; overflow: hidden; position: relative; width: 567px; margin: 0 auto;} div.recent_stories div { overflow: hidden; position: relative; } div.recent_stories ul { padding-top: 25px; width: 587px; border-bottom: 1px dotted #bbcdc5;} div.recent_stories ul li { float: left; width: 175px; padding-right: 19px; padding-bottom: 30px;} div.recent_stories h3 { font-family: "Times New Roman"; font-size:16px; font-weight: normal; } div.recent_stories img { padding-bottom: 6px;} div.recent_stories p { line-height: 133%;} /* Small Blue Post Info Text */ p.post_info { color: #89a79e !important; border-bottom: 1px solid #89a79e; padding-bottom: 5px; margin-bottom: 8px; font-size: 11px !important; font-family: arial; } p.post_info a { color: #89a79e; text-transform: uppercase; font-size: 10px; font-family: "Trebuchet MS";} /* Advertisements */ div#wide_column div.advertisement { padding: 52px 0px 39px 151px; height: 70px; background:url(images/bg_ad_main_body.gif) left top no-repeat; padding-left: 151px;} div#wide_column div.bottom_advertisement { padding: 50px 0px 0px 151px; height: 70px; background: url(images/bg_ad_main_bottom.gif) left top no-repeat; } /* Recent from Categories */ h1#more_to_adore { background: url(images/text_more_to_adore.gif) left top no-repeat; height: 18px; padding-bottom: 25px;} div.category_recent_posts { padding-top: 6px; margin: 0 auto; width: 567px; overflow: hidden;} div.category_recent_posts div { overflow: hidden;} div.category_recent_posts ul { list-style: none; width: 587px;} div.category_recent_posts ul li { width: 175px; float: left; padding-right: 20px; } div.category_recent_posts ul li ul { padding: 15px 0px; width: 175px; overflow: hidden;} div.category_recent_posts ul li li { padding-left: 14px; float: none; width: auto; background: url(images/icon_list_arrow.gif) 2px 5px no-repeat; font-family: "Times New Roman"; font-size: 12px; line-height: 150%; } /* Comments */ div#comments { width: 570px; margin: 0 auto; border: 1px solid #d9e5df; padding: 4px; position: relative; } div#comments div.inner { border: 1px solid #d9e5df; } div#comments div#comment_ornate { position: absolute; left: 311px; top: -42px; width: 272px; height: 171px; background: url(images/bg_comments_ornate.png) left top no-repeat; z-index: 55; } div.comment_section { padding: 49px 39px 0 39px; background: #f2f7f5; color: #688a7e; } div#comment_list { border-bottom: #d9e5df 1px solid; margin-bottom: 4px; background: #f2f7f5 url(images/bg_comments.gif) left top no-repeat; padding-bottom: 50px; position: relative; } div#comment_list div.botcap { height: 83px; background: url(images/bg_comment_bottom.gif); position: absolute; bottom: 0px; left: 0px; width: 568px; } h2#comments_header { height: 14px; background: url(images/text_comments.gif) left top no-repeat; padding-bottom: 14px; } div.comment h3 { font-family: "Times New Roman"; font-size: 18px; color: #575850; font-weight: normal; padding-left: 28px; background: url(images/icon_owl_comments.gif) left top no-repeat;} div.comment h3 a { color: #575850; } div.comment p.post_info { border-bottom: 1px solid #d7e4dd; margin-bottom: 0px; } div.comment_text { border-top: 1px solid #fcfdfd; line-height: 166%; padding-top: 3px; padding-bottom: 25px; position: relative; z-index: 55;} div#comment_form { border-top: 1px solid #d9e5df; padding-bottom: 39px; color: #575850; } h2#comment_on_this_story { height: 21px; background: url(images/text_commentsonthisstory.gif) left top no-repeat; } div#comment_form div.form_info { width: 244px; float: left; border-right: 1px dotted #bbcdc4;} div#comment_form div.other_info { width: 225px; float: left; padding-left: 19px;} div#comment_form div.comment_box { clear: both;} div#comment_form label { display: block; padding-bottom: 2px;} div#comment_form label span { font-size: 10px; color: #d97a23; font-style: italic;} div#comment_form p { padding-bottom: 15px; } div#comment_form input.textfield { width: 225px; height: 15px; background: url(images/bg_comment_textfield.gif); margin-bottom: 10px; display: block;} div#comment_form textarea { width: 489px; height: 66px; background: url(images/bg_comments_textarea.gif) left top no-repeat; margin-bottom: 10px; display: block; } div#comment_form input.button { margin-right: 10px;} /* Non-Blog Pages */ div.page { padding-top: 30px; } div.page h2.article_title {padding-bottom: 15px; } div.ddsg-wrapper div { display: none;} div.ddsg-wrapper h2 { display: none;} div.page ul { padding-left: 17px; } /* Subscriptions */ div.formfields { background: #eef4f2; color: #222; } div.formfields form { display: block; border: 1px dotted #a0b9af; padding: 20px; } div.formfields h3 { font-family: Georgia; font-weight: normal; font-style: italic; color: #466d61; font-size: 16px; padding-bottom: 10px;} div.formfields input.textfield { width: 218px; height: 20px; padding: 5px 10px; border: 1px dotted #a0b9af; font-size: 14px; margin-bottom: 5px; color: #999; display: block; } div.formfields input.button { display: block; padding-top: 5px;} div.formfields p.disclaimer { font-size: 10px; padding-top: 10px; margin-top: 10px; border-top: 1px dotted #a0b9af; font-style: italic;} /* OLD: div.subscriptions { width: 280px; float: left; } div.subscriptions form { height: 210px; } */ div.subscriptions { width: 550px; } /* div.subscriptions form { height: 210px; } */ div.formfields img.newsletterThumb { float: right; margin: 5px 40px 5px 5px; } div.formfields select { width: 238px; height: 20px; padding: 5px 10px; font-size: 12px; margin-bottom: 5px; background: #fff; } div.formfields select option { width: 218px; height: 20px; padding: 5px 10px; font-size: 14px; display: block; } div.formfields textarea { display: block; padding: 5px 10px; border: 1px dotted #a0b9af; font-size: 14px;color: #999; margin-bottom: 10px; } div.contactus { width: 550px;} div.contactus textarea { width: 488px; height: 100px;} div.contactus input.button { border: none; width: 85px; height: 19px; background-color: transparent; background: url(images/button_sendmessage.gif) left top no-repeat; cursor: pointer; } div.the_response { padding: 3px 20px; border-top: 1px dotted #a0b9af; border-bottom: 1px dotted #a0b9af; margin-bottom: 10px; background: #fff4d5; text-align: center; font-size: 14px; } div.feeds {margin-top: 40px;} div.feeds ul { padding-left: 0;} div.feeds ul li { list-style: none; padding: 0; } div.feeds ul li a { display: block; padding-left: 20px; background: url(images/icon_ecofab_feeds.gif) left top no-repeat; height: 20px; } /* Perks Signup */ div.perks { display: block; border: 1px dotted #a0b9af; padding: 20px; width: 550px; margin-bottom:10px; } div.perks .perkblock { clear:both; } div.perks .perkfield { float:left; margin-right:30px; margin-bottom:10px; } div.perks .perkbox { margin-right:5px; } div.perks h3 { margin-top:5px; } div.perks .officialRules { font-size:.8em; } div.perks img.newsletterThumb-small { float: right; margin: -10px 0px 5px 5px; } img.westElm { float: right; margin: -45px -10px 5px 15px; } .perksTitle { font-size:1.2em; } div.perks img.lustList { float: right; margin: 10px 0px 5px 5px; } /* Event Page */ div.event_page h2 { height: 23px; padding-left: 12px; padding-top: 5px; font-weight: normal; letter-spacing: .1em; } ul.event_nav { padding-left: 12px; list-style: none; padding-top: 5px;} ul.event_nav li { float: left; padding-right: 4px; border-right: 1px solid #ccc; margin-right: 4px; font-size: 11px;} ul.event_nav a { color: #808080; } ul.event_nav a.on { color: #006837; } div.event_info { padding: 0px 12px;} div.event_info p { line-height: 160%; padding-bottom: 7px;} div.event_info h3 { font-size: 18px; font-weight: normal; padding-top: 10px; color: #006837;} div.event_info img.alignright { float: right; margin-left: 12px; margin-bottom: 12px;} div.event_info table { padding-top: 10px;} div.event_info table td { padding: 5px 12px 5px 0px; } div.event_info table td + td { border-bottom: #ccc 1px solid; } /*********************************************************************** 4 - SIDEBAR STYLES ************************************************************************/ div#sidebar { width: 303px; float: left; background: url(images/bg_sidebar.jpg) left top no-repeat; padding: 23px 0px 0px 7px; position: relative; z-index: 10; padding-bottom: 20px;} #social-media{ float:right; left:284px; position:absolute; top:135px; } a.rss_feed { display: block; float:right; margin:-18px 6px 0 0; background: url(images/feed.png) left top no-repeat; height: 24px; width: 24px; } a.twitter { display: block; float:right; margin:-18px 6px 0 0; background: url(images/twitter.png) left top no-repeat; height: 24px; width: 24px; } a.facebook { display: block; float:right; margin:-18px 6px 0 0; background: url(images/facebook.png) left top no-repeat; height: 24px; width: 24px; } a.you-tube { display: block; float:right; margin:-18px 6px 0 0; background: url(images/youtube.png) left top no-repeat; height: 24px; width: 24px; } a.vimeo { display: block; float:right; margin:-18px 6px 0 0; background: url(images/vimeo.png) left top no-repeat; height: 24px; width: 24px; } /* Global Sidebar Styles */ div.orange_box { background: url(images/bg_aboutus.gif) left top repeat-y; position: relative; float: left; overflow: hidden; width: 162px; } div.orange_box div.topcap { background: url(images/bg_aboutus_topcap.gif) left top no-repeat; position: absolute; top: 0px; left: 0px; height: 161px; width: 162px;} div.orange_box div.botcap { background: url(images/bg_aboutus_botcap.gif) left top no-repeat; width: 162px; height: 23px; position: relative; z-index: 55;} div.orange_box div.content { position: relative; z-index: 55; padding: 15px 17px 10px 17px; color: #f5e3d2; font-size: 11px; } div.orange_box div.content p { font-size: 11px; line-height: 140%; padding-bottom: 7px; } div.orange_box h3 { height: 23px; padding-bottom: 10px; } div#sidebar div.adbox { background: #f5f9f7; position: relative; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; } div#sidebar div.adbox a { display: block; } div#sidebar hr { border-top: 1px solid #fff; border-bottom: 1px solid #d9e6e0; clear: both; width: 285px; margin: 0px 0px 9px 9px;} /* Advertisements */ div#sidebar div.top_advertisement { width: 234px; height: 60px; margin: 0 auto; } div#sidebar div.top_advertisement a { width: 234px; height: 60px; } div#sidebar div.top_advertisement span.ornate_right { background: url(images/bg_toprightad_overlay.png) right top no-repeat; width: 63px; height: 59px; position: absolute; top: 1px; right: 0px; display: block; } img.newsletter_ad { padding: 0px 0px 12px 2px; } div.sidebar2-ad { width:300px; margin:10px 5px 10px 5px; } div.ad_114px { width: 120px; float: right; margin-bottom: 8px; margin-right: 4px; padding-top: 1px; } div.ad_114px a { } div#floating_skyscraper { position:absolute; left:320px; top:0px; } div#floating_skyscraper2 { position:absolute; left:320px; top:630px; } div#floating_skyscraper div { margin:0 auto; width:160px; text-align:center; } /* Monthly Features */ div.monthly_feature_horizontal { padding: 20px 0px 8px 8px;} div.monthly_feature_vertical { padding: 0px 0px 0px 8px; float: left;} div.monthly_feature_vertical a { display: block; margin-bottom: 10px;} /* City Guides */ div.city_guide_header { padding: 20px 0px 20px 0px; margin:-60px 0px 10px 0px; } div.city_guide_footer { padding: 20px 20px 30px 20px; margin: 30px 0px 20px 0px; color:#624128; font-weight:bold; font-size:16px; width:550px; height:100px; background:url(images/guide-footer.jpg) no-repeat;} div.guide_ad { width:300px; height:250px; margin: 10px; padding:10px; border:1px solid #dfdfdf; background: #f7f7f7; float:right; } table.guide_table, table.guide_table_ad { width:567px; border:none; } table.guide_table td { margin:5px 0 0 0; padding:0px 10px 15px 0px; border:none; line-height: 166%; color: #575850; font-size: 12px; vertical-align:top; } table.guide_table td img { margin:0px 0 0 0; border:1px solid #D9E5DF; } table.guide_table td.guide_content { padding-top:8px; border-top:1px solid #D9E5DF; } table.guide_table_ad { margin-bottom:10px; } table.guide_table_ad td.guide_ad2 { padding:10px; } table.guide_table_ad td.guide_ad1 { padding:10px; width:300px; height:250px; border:1px solid #dfdfdf; background: #f7f7f7; } /* Video */ div#video_player { padding: 20px 5px 8px 8px; } div#video_player div { border: 1px solid #b0c9bf;} /* About Us */ div.about_us { margin-left: 5px; margin-bottom: 10px; float: left; } div.about_us h3 { background: url(images/bg_aboutus_title.gif) center top no-repeat; } /* div.about_us a { display: block; color: #fff; padding-top: 5px;} */ a#learn_more_link { position: absolute; top: 0px; left: 0px; width: 162px; height: 100%; z-index:100; cursor: pointer;} /* Yellow Box */ div.sidebar_yellow_box { background: url(images/bg_sidebar_yellowbox_bg.gif); width: 150px; float: left; margin: 0px 0px 6px 3px; } div.sidebar_yellow_box div.topcap { background: url(images/bg_sidebar_yellowbox_topcap.gif) left top no-repeat; height: 3px; position: relative; line-height: 0%; } div.sidebar_yellow_box div.botcap { background: url(images/bg_sidebar_yellowbox_botcap.gif) bottom left no-repeat; height: 10px; } div.sidebar_yellow_box h2 { background: url(images/bg_sidebar_yellowbox_header.gif) left top no-repeat; height: 18px; padding-left: 12px; padding-bottom: 20px; font-family: Verdana; font-size: 11px; font-weight: normal; color: #54756a; padding-top: 4px;} div.sidebar_yellow_box ul { padding-left: 12px; list-style: none;} div.sidebar_yellow_box ul ul { padding-left: 0px;} div.sidebar_yellow_box ul.arrows { padding-bottom: 10px;} div.sidebar_yellow_box ul.arrows li { background: url(images/icon_arrow_brown_bg.gif) 0px 3px no-repeat; padding-right: 14px; line-height: 130%; } div.sidebar_yellow_box ul.arrows a { font-family: "Times New Roman"; color: #d97a23; font-size: 12px; padding-left: 13px; background: url(images/icon_arrow_yellow_bg.gif) 0px 3px no-repeat; padding-right: 14px; padding-bottom: 4px; display: block; } div.sidebar_yellow_box ul.arrows a:hover { background: none; color: #633b1b;} div.sidebar_yellow_box h3 { text-transform: uppercase; font-size: 10px; font-family: "Trebuchet MS"; color: #89a79e; padding-bottom: 3px; } /*********************************************************************** 5 - FOOTER STYLES ************************************************************************/ div#footer { padding-bottom: 40px; position: relative; } div#footer_bg { background: url(images/bg_footer_ornate.gif); width: 665px; height: 191px; position: absolute; top: 0; left: 15px; z-index: 0;} div#footer div.bucket { float: left; padding-right: 20px; overflow: hidden; width: 180px; position: relative; z-index: 10;} div#footer div.footer_content { background: url(images/bg_footer.gif) left top repeat-y; padding: 21px 10px 15px 42px; } div#footer div.botcap { padding-top: 15px; background: url(images/bg_footer_botcap.gif) left top no-repeat; font-size: 9px; color: #587068; padding-right: 8px; } div#footer div.botcap a { color: #587068; } div#footer div.botcap span { float: right; margin-top: 3px; } div#footer h3 { background: #523125; padding-left: 10px; font-family: Verdana; font-size: 11px; font-weight: normal; color: #dcd6d3; letter-spacing: .1em; height: 18px; padding-top: 4px; width: 170px; margin-bottom: 2px; } div#footer div.bucket ul { list-style: none; } div#footer div.bucket ul li { width: 180px; } div#footer div.bucket ul li a { display: block; background: url(images/bg_footer_transperancy.png); padding-left: 10px; margin-top: 1px; font-size: 10px; font-family: "Trebuchet MS"; text-transform: uppercase; color: #ac8f70; padding: 4px 10px 5px 10px; } div#footer div.bucket ul li a:hover { background: #624125;} div#footer div.sponsors { width: 278px; float: left; position: relative; z-index: 10;} div#footer div.sponsors h3 { width: 267px; } div#footer div.sponsors ul { list-style: none; } div#footer div.sponsors ul li { width: 138px; float: left; height: 61px; background: url(images/bg_footer_transperancy.png); margin-right: 1px; margin-bottom: 1px; } ul#footer_links { list-style: none; padding-left: 1px; text-transform: uppercase;} ul#footer_links li { padding-left: 7px; float: left;} ul#footer_links li a.rss_link { display: block; width: 14px; height: 14px; background: url(images/icon_rss_footer.gif); padding-top: 0px; padding-right: 0px;} ul#footer_links li a { display: block; padding-top: 3px;} ul#footer_links li a.border { border-right: 1px solid #587068; padding-right: 7px; } #left-microsite-sidebar{ float:left; margin: 20px 0 20px 25px; width:150px; } #left-microsite-sidebar li{ clear:left; margin: 8px 0; list-style:none; } #right-microsite-sidebar{ float:right; margin: 20px 25px 0 0; width:150px; } #right-microsite-sidebar li{ clear:right; margin: 8px 0; list-style:none; } .microsite-header{ margin-left:auto; margin-right:auto; margin-top:30px; text-align:center; } .microsite-sponsor{ margin-left:auto; margin-right:auto; padding-top:30px; text-align:center; } .slideshow{ text-align:center; margin-top:50px; margin-right:auto; margin-left:auto; height:300px !important; } #say{ width:450px; height:400px; margin:0 auto 28px; }