/**Vegetable Gardener Stylesheet**/ a img { border: 0; } .clearfloat { float: none; clear: both; height: 0px; line-height: 0px; width: 100%; } form { margin: 0; padding: 0; } input, select, textarea { color: #000; } /*Page Layouts*/ #contents { width: 980px; background: #fff; text-align: left; margin: 0 auto; padding: 0; vertical-align: top; position: relative; z-index: 2; } #main-content { float: left; width: 980px; background: #fff; margin: 0; padding: 0; vertical-align: top; } #left { float: left; width: 620px; padding: 0; margin: 0; } #right { float: right; width: 352px; vertical-align: top; } #share #left { padding: 25px 0 25px 125px; width: 830px; } /*#error #left { padding: 25px; width: 930px; }*/ #share #right, /*#error #right,*/ #registration #right { display: none; } #discover #left, #profile #left, #profile-public #left, #search #left { width: 570px; margin: 0 25px; margin-bottom: 15px; } #discover #right, #gallery-list #right, #profile #right, #profile-public #right, #search #right { margin-bottom: 15px; } #gallery-list #left { width: 590px; padding: 0 5px 0 25px; margin-bottom: 15px; } #share-home #left { width: 585px; padding: 10px 10px 10px 25px; } #share-home #right { margin-bottom: 15px; padding: 10px 0; } #___plusone_0, .share { vertical-align: top !important; } #holiday-banner { text-align: center; width: 980px; margin: 0 auto; } #holiday-banner img { vertical-align: bottom; } /* Suckerfish Holiday Sale */ #suckerfish-container { position: fixed; bottom: 0; width: 772px; height: 127px; *min-height: 127px; left: 50%; margin-left: -386px; text-align: center; z-index: 999999999; background: #fff; overflow: hidden; } #holiday-sale-details { width: 675px; text-align: center; float: left; /*margin: 25px 0px 0px 15px;*/ margin: 0; } #holiday-sale-details a { display: block; width: 670px; height: 125px; *min-height: 125px; } #countdown-container { background: url(/assets/images/suckerfish/holiday/bg-days-to-save.png) top left no-repeat; float: left; width: 195px; height: 76px; *min-height: 76px; margin: 0 0 0 0; text-align:left; } #countdown-container p { font-weight: bold; font-family: 'Times New Roman', serif; color: #36457c; font-size: 24px; margin: 20px 0 0 25px; width: 40px; } #suckerfish-container #close-button { position: absolute; top: 10px; right: 10px; cursor: pointer; } #rss #left { padding-left: 40px; width: /*655px*/920px; } /*Heading Styles*/ h1 { font-size: 22px; color: #95a512; margin: 0 0 5px 0; font-weight: normal; } h1.post-title { font-size: 22px; color: #95a512; margin-top: 10px; } h1.page-title { font-size: 32px; color: #ff7900; } h2 { font-size: 17px; color: #95a512; margin: 0; font-weight: normal; } h3 { color: #d05603; } h1.seo-tag { display: none; } /*Links*/ a { color: #252525; } h1 a, h2 a, h3 a { color: #879708; } #vsw-ads { clear: both; margin: 15px 0; width: 313px; border: 1px solid #839D30; padding: 10px; } /*Top Navigation*/ #topnav { width: 980px; height: 128px; clear: both; background: transparent url(/assets/images/background_topnav_veggies.jpg) top left no-repeat; } #topnav a span { display: none; } #topnav .logo { float: left; width: 275px; height: 89px; margin-left: 22px; margin-top: 5px; } #topnav .logo img.print-logo { display: none; } #topnav .welcome-bar { float: right; color: #fff; font-size: 13px; font-weight: bold; font-size: 12px; padding-top: 10px; padding-right: 16px; text-align: left; margin-bottom: 5px; } #topnav .welcome-bar a { color: #fff; text-decoration: none; margin: 0 3px; } #topnav .welcome-bar a:hover { text-decoration: underline; } #topnav #search_box { float: right; margin-top: 15px; padding-right: 16px; } #topnav #search_box input.text-box { width: 141px; vertical-align: top; } #topnav #search_box input.go { margin-top: 1px; } .gsc-completion-container { z-index: 5000001; } #topnav .menu-bar { float: left; width: 980px; height: 34px; background: url(/assets/images/background_topnav_purple_strips.gif) top left no-repeat; text-align: center; color: #b7c734; font-size: 12px; } #topnav .menu-bar ul#main-nav { display: block; width: 633px; height: 29px; margin: -20px 0 5px 0; padding: 0 0 0 347px; list-style-type: none; position: relative; z-index: 200; } #topnav .menu-bar ul#main-nav li { float: left; } #topnav .menu-bar li.tab1 { background: url(/assets/images/topnav_grow_tab.gif) top left no-repeat; width: 88px; height: 29px; } #topnav .menu-bar li.tab1 a.main-link { background: transparent url(/assets/images/topnav_grow_tab_selected.gif) -88px -29px no-repeat; width: 88px; height: 29px; display: block; } #topnav .menu-bar li.tab1 a.main-link:hover, .grow-it #topnav .menu-bar li.tab1 a.main-link { background-position: 0 0; z-index: 50; } #topnav .menu-bar li.tab2 { background: url(/assets/images/topnav_recipes_tab.gif) top left no-repeat; width: 89px; height: 29px; } #topnav .menu-bar li.tab2 a.main-link { background: transparent url(/assets/images/topnav_recipes_tab_selected.gif) -89px -29px no-repeat; width: 89px; height: 29px; display: block; } #topnav .menu-bar li.tab2 a.main-link:hover, .cook-it #topnav .menu-bar li.tab2 a.main-link { background-position: 0 0; z-index: 50; } #topnav .menu-bar li.tab3 { background: url(/assets/images/topnav_video_tab.gif) top left no-repeat; width: 107px; height: 29px; } #topnav .menu-bar li.tab3 a { background: transparent url(/assets/images/topnav_video_tab_selected.gif) -107px -29px no-repeat; width: 107px; height: 29px; display: block; } #topnav .menu-bar li.tab3 a:hover, .watch-it #topnav .menu-bar li.tab3 a { background-position: 0 0; z-index: 50; } #topnav .menu-bar #sub-nav { display: block; width: 521px; margin: 0 auto; } #topnav .menu-bar .subtab1, #topnav .menu-bar .subtab2, #topnav .menu-bar .subtab3, #topnav .menu-bar .subtab4, #topnav .menu-bar .subtab5 { float: left; /*position: relative;*/ margin-top: -3px; _margin-top: -6px; } #topnav .menu-bar .divider { float: left; } #topnav .menu-bar .subtab1 { background: url(/assets/images/topnav_inthekitchen.gif) top left no-repeat; width: 136px; height: 21px; } #topnav .menu-bar .subtab1 a { background: transparent url(/assets/images/topnav_inthekitchen_selected.gif) -136px -21px no-repeat; width: 136px; height: 21px; float: left; } #topnav .menu-bar .subtab1 a:hover, .use-it #topnav .menu-bar .subtab1 a { background-position: 0 0; z-index: 50; } #topnav .menu-bar .subtab2 { background: url(/assets/images/topnav_projects.gif) top left no-repeat; width: 95px; height: 21px; } #topnav .menu-bar .subtab2 a { background: transparent url(/assets/images/topnav_projects_selected.gif) -95px -21px no-repeat; width: 95px; height: 21px; float: left; } #topnav .menu-bar .subtab2 a:hover, .build-it #topnav .menu-bar .subtab2 a { background-position: 0 0; z-index: 50; } #topnav .menu-bar .subtab3 { background: url(/assets/images/topnav_living.gif) top left no-repeat; width: 76px; height: 21px; } #topnav .menu-bar .subtab3 a { background: transparent url(/assets/images/topnav_living_selected.gif) -76px -21px no-repeat; width: 76px; height: 21px; float: left; } #topnav .menu-bar .subtab3 a:hover, .live-it #topnav .menu-bar .subtab3 a { background-position: 0 0; z-index: 50; } #topnav .menu-bar .subtab4 { background: url(/assets/images/topnav_organic.gif) top left no-repeat; width: 115px; height: 21px; } #topnav .menu-bar .subtab4 a { background: transparent url(/assets/images/topnav_organic_selected.gif) -115px -21px no-repeat; width: 115px; height: 21px; float: left; } #topnav .menu-bar .subtab4 a:hover, .green-it #topnav .menu-bar .subtab4 a { background-position: 0 0; z-index: 50; } #topnav .menu-bar .subtab5 { background: url(/assets/images/topnav_gallery.gif) top left no-repeat; width: 74px; height: 21px; } #topnav .menu-bar .subtab5 a { background: transparent url(/assets/images/topnav_gallery_selected.gif) -86px -21px no-repeat; width:74px; height: 21px; float: left; } #topnav .menu-bar .subtab5 a:hover, .show-it #topnav .menu-bar .subtab5 a { background-position: 0 0; z-index: 50; } #topnav .menu-bar .tab1-menu, #topnav .menu-bar .tab2-menu { width: 130px; background-color: #f3fbae; position: relative; padding: 10px 15px; margin: -3px 0 0 0; border: 2px solid #95a511; text-align: left; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 100; } #topnav .menu-bar .tab1-menu p, #topnav .menu-bar .tab2-menu p { margin: 0; } #topnav .menu-bar li div a { display: block; color: #302159; text-decoration: none; margin: 5px 0; } #topnav .menu-bar li div a:hover { text-decoration: underline; } #topnav .menu-bar li div a.more { margin-top: 15px; } #topnav .menu-bar li div.tab1-menu a.more { margin: 10px 0; } #topnav .menu-bar .fg-link { float: right; text-align: right; padding-right: 16px; font-weight: bold; color: #aea6c3; *margin-left: -163px; } #topnav .menu-bar .fg-link a { color: #aea6c3; } /*Footer #footer { float: left; clear: both; width: 980px; } #footer .vg, #footer .vg a { color: #879708; } #footer .fg, #footer .fg a { color: #5D7918; } #footer .global-links .byline { color: #363636; } #footer .global-links .byline span.vg { display: inline; } */ /*Advertising*/ .advertising-leaderboard { float: none; width: 100%; background: #fff; text-align: center; padding: 13px 0; margin: 0 auto; } /*.advertising-leaderboard table { float: none; width: 100%; margin: 0 auto; }*/ /*.advertising-leaderboard.bottom, .advertising-leaderboard.bottom table { width: 100%; text-align: center; margin: 0; }*/ .advertising-leaderboard td div { margin: 0 auto; } /* google fix */ .advertising-logo { float: right; width: 150px; } .bottom { background: #fff; } .top_right_lrec { float: left; background: #ebeede; width: 336px; padding: 18px 0; margin-bottom: 20px; } .top_right_lrec table { vertical-align: middle; height: 100%; width: auto; text-align: center; margin: 0 auto; } .bot_right_sky { float: left; clear: left; margin: 10px 0; } .sub-renew { background: #fff; padding: 13px 0; } #sub-renew { float: left; border: 0; } #sub-renew img { border: 0; } /*Login page*/ #login #main-content { padding: 85px 0; color: #636363; } #login #left { width: 300px; height: auto; margin: 0 0 0 85px; padding-right: 100px; border-right: 1px solid #c1d192; } #login #right { width: 340px; height: auto; margin: 0 85px 0 60px; } #login .login-credentials { float: left; text-align: right; } #login .login-credentials input.text-box { width: 199px; margin: 10px 0 5px 0; } #login .login-credentials input { margin-top: 10px; } #login .login-credentials input.button-basic { margin-top: 0; } #login .help-text { float: left; font-size: 12px; margin: 0px 15px 5px 70px; } #login .remember { display: block; margin: 20px 53px 20px 0; } #login #right ul { margin-left: 0; margin-bottom: 25px; padding: 0; list-style-position: inside; } #login #taunton-sites { float: left; clear: both; width: 100%; text-align: center; padding: 20px 0; line-height: 25px; } #login p { margin-top: 5px; } .submit-button-align { float: right; } #login .password input.text-box { width: 170px; } .advertising-srec { padding: 0px 0 15px; } /*Registration/Manage Profile pages*/ #registration #main-content { padding: 25px; width: 930px; color: #636363; } #registration-profile #main-content { width: 980px; color: #636363; } #registration #left { width: 930px; } #registration .title, #registration-profile .title { float: left; width: 190px; text-align: right; height: 17px; padding: 3px 3px 0 0; } #registration input.text-box, #registration select, #registration-profile input.text-box, #registration-profile select { width: 199px; margin-bottom: 5px; margin-right: 10px; /*color: #636363;*/ } #registration .checkboxes { float: left; width: 735px; margin-bottom: 15px; } #registration .help-text, #registration-profile .help-text { /*float: right; width: 510px; padding-top: 3px;*/ margin-left: 193px; font-size: 10px; } #registration .security-code { float: left; background: #f0f0f0; width: 340px; margin: 15px 0; padding: 15px; font-size: 11px; position: relative; left: 55px; vertical-align: middle; } #registration .security-code .code { float: left; background: #cdcdcd; width: 100px; height: 40px; margin-right: 10px; } #registration .security-code input { width: 90px; margin: 20px 0 0 0; } #registration p.submit { position: relative; left: 197px; } #registration .button-basic-l { margin-left: 197px; } #registration .captcha { margin-left: 192px; } #registration-profile #left { width: 570px; padding-left: 25px; margin-bottom: 15px; } #registration-profile #right { padding-right: 25px; margin-bottom: 15px; } #registration-profile .confirmation-message { float: left; width: 775px; margin: 15px 0 0 25px; } #registration-profile .skip-button { float: right; margin-left: 60px; margin-top: 28px; } #registration-profile .profile-details { margin-top: 15px; width: 351px; } #registration-profile .profile-details .title, #registration-profile .title { width: 130px; } #registration-profile .profile-plain { float: left; width: 95%; margin-bottom: 5px; padding-top: 3px; } #registration-profile .profile-plain .title { padding-top: 0; } #registration-profile a.change { font-size: 10px; text-transform: uppercase; padding-top: 3px; padding-left: 3px; } #registration-profile .private-options { float: right; width: 212px; margin-top: 35px; } #registration-profile .private-options input { margin-bottom: 5px; } #registration-profile input.username { border: 0; } #registration-profile .radio-options { display: block; margin-bottom: 5px; } #registration-profile .date-selects select { width: auto; } #registration-profile .biography { float: left; margin-top: 25px; margin-bottom: 15px; } #registration-profile .interests { display: block; float: left; width: 515px; margin: 25px 0; clear: both; } #registration-profile .interests .option { float: left; width: 170px; margin: 3px 0; } #registration-profile .interests .option-other { float: left; margin: 3px 0; } #registration-profile .interests .option-other input.text-box { margin: 0; } #registration-profile .image-selection { float: left; border: 1px solid #7c8d02; background: #eaf1c4; width: 328px; margin-top: 18px; padding: 15px; } #registration-profile .no-bold { font-weight: normal; } #registration-profile .avatars { float: left; /*border:1px solid #226c75;*/ width: 310px; height: 155px; padding: 8px; overflow: scroll; } #registration-profile .avatars img { margin-right: 5px; margin-bottom: 5px; } /*Manage Profile-Avatar Selector*/ div.avatar-item { display: block; margin: 10px 10px 0 0; float: left; width: 65px; height: 65px; } #avatar-item-container { width: 250px; } #avatar-selector {display: block; position: relative; } a.avatar-cs img { border: 2px solid #ECEFCC; } a.avatar-cs img.avatar-hover { border: 2px solid #404a51; } a.avatar-cs img.avatar-selected { border: 2px solid #000000; } img.avatar-cs-lg { display: none; } #avatar-dialog { display: none; position: absolute; top: 50px; left: 20px; width: 180px; height: 240px; background-color: #fefefe; border: 1px solid #404a51; } #avatar-dialog a { font-size: 12px; text-decoration: none; } #avatar-dialog a:hover { text-decoration: underline; } #avatar-dialog-close { display: block; float: right; font-size: 12px; margin: 5px 5px 5px 0; } #avatar-dialog-pagination { display: block; } #avatar-dialog-pagination-prev { display: block; float: left; margin: 5px 0 0 15px; } #avatar-dialog-pagination-next { display: block; float: right; margin: 5px 15px 0 0; } #avatar-dialog-img { display: block; height: 150px; width: 150px; margin: 0 0 0 15px; overflow: hidden; position: relative; } #avatar-dialog-img-container { position: absolute; top: 0px; left: 0px; width: 300px; } #avatar-dialog-img-container img { display: block; float: left; } #avatar-dialog-button { display: block; text-align: center; margin: 5px 0 5px 35px; } #avatar-dialog-button a:hover { text-decoration: none; } #avatar-current { float: left; margin: 0 20px 0 0; } /*Blog Post Forms*/ /*#share h1,*/ #share h2 { font-weight: bold; } #share #main-content a.more { color: #564390; } .write-post, .upload-images, .publish, .videos, .write-gallery { /*float: left;*/display: block; margin: 15px 0; } #share input.text-box { width: 199px; margin-bottom: 10px; /*margin-left: 10px; color: #555555;*/ } #share .datepicker { margin-bottom: 10px; margin-left: 10px; color: #636363; } #share #pattern_ext_fields input.text-box, #share #pattern_own_fields input.text-box { margin: 3px 0; } #share textarea, #share select { margin-bottom: 10px; /*margin-left: 10px; color: #636363;*/ } #share #add-new-image .mceEditor { margin-left: 10px; } #share .write-post input.text-box, #share .publish input.text-box, #share .write-gallery input.text-box, #share .videos input.text-box { width: 525px; } /*#share .write-gallery h1, #share .write-gallery h2 { float: left; width: 168px; }*/ #share .photo-instructions { display: block; /*margin-left: 180px;*/ margin: 10px 0 5px 0; } #share .pictures { float: left; /*position: relative; left: 180px;*/ border: 1px solid #acacac; width: 585px; padding: 15px; margin: 0 0 15px 0; font-size: 13px; } #share .pictures .photo-num { float: left; display: block; /*width: 29px;*/ margin-right: 25px; } #share .pictures span.upload { float: left; display: block; width: 530px; } #share .pictures span.photo { float: left; width: 90px; margin: 0 10px 0 0; text-align: center; } #share .pictures span.photo img { margin-bottom: 5px; } #share .pictures span.text { float: left; width: 295px; margin-right: 15px; } #share .pictures span.text .more { display: block; margin-top: 10px; } #share .pictures span.options { float: left; width: 100px; } #share .pictures span.options img { vertical-align: bottom; margin: 0 5px 5px 0; } /*#share .pictures .button-add { margin-left: 10px; }*/ #share .selected { background: #f9fedf; } /*#share .selected .button-add { margin-left: 0; }*/ #share .selected span.upload { width: 295px; margin-right: 15px; } #share .selected span.upload textarea, #share .selected span.upload input.text-box { margin-left: 0; } #share .pictures input.text-box { width: 248px; } #share .pictures input.photo { border: 0; width: 140px; } #share .publish .categories { display: block; width: 540px; } #share .publish .categories .option { float: left; /*margin-right: 25px;*/ width: 135px; } #share .publish .date-options { display: block; } /*#share .publish select,*/ #share .videos .length select { margin-bottom: 0; } #share .submit { display: block; margin: 30px 0 0 0; width: 540px; } #share .submit img { margin-right: 10px; } #share .publish .tag-helper { float: left; position: relative; left: 180px; width: 650px; margin: 10px 300px 20px 0; } #share .publish .tag-helper ul.tabs { list-style-type: none; float: left; padding: 0 0 0 15px; margin: 10px 0 0 0; } #share .publish .tag-helper ul.tabs li { float: left; margin-right: 2px; text-align: center; text-transform: lowercase; cursor: pointer; } #share .publish .tag-helper ul.tabs li a { float: left; border-top: 1px solid #c2c2c2; margin-left: 8px; padding: 2px 10px; text-decoration: none; } #share .publish .tag-helper ul.tabs li.button { background: #ebebeb url(/assets/images/taghelper_tab_tr.gif) top right no-repeat; } #share .publish .tag-helper ul.tabs li.button .l { float: left; background: url(/assets/images/taghelper_tab_tl.gif) top left no-repeat; padding-right: 8px; } #share .publish .tag-helper ul.tabs li.buttonActive { background: #fff url(/assets/images/taghelper_tab_tr_selected.gif) top right no-repeat; } #share .publish .tag-helper ul.tabs li.buttonActive .l { float: left; background: url(/assets/images/taghelper_tab_tl_selected.gif) top left no-repeat; padding-right: 8px; } #share .publish .tag-helper .tag-content { float: left; border: 1px solid #d7d7d7; clear: left; width: 554px; padding: 15px; } #share .publish .tag-helper .tag-content ul { list-style-type: none; float: left; padding: 0; margin: 0 35px 0 0; width: auto; } #share .publish .tag-helper .tag-content ul li a { text-decoration: none; } #share .publish .tag-helper .tag-content ul li a:hover { text-decoration: underline; } #share .sub-heading { color: #226c75; } #share a#submit-save-photo img, #share .pictures .button-add, #share #loading-wait { margin-left: 170px; } #loading-wait, .loading-indicator { font-weight: bold; display: block; background: url(/assets/images/indicator_web20_working.gif) no-repeat left center; padding-left: 65px; width: 200px; height: 21px; } #share .uploaded-images-viewer, #share .videos .video-viewer { float: right; width: 475px; } #share .thumbnail-container, #share .pictures .thumbnail-container-selected { float:left; margin: 0 10px 10px 0; width: 108px; background: #e5f1f2; text-align: center; padding: 5px 0 10px 0; } #share .thumbnail-container-selected { background: #f3f8bd; } #share .picture-container .thumbnail-delete { background: url(/assets/images/upload_photo_delete2.gif) no-repeat left center; padding-left: 23px; } #share .picture-container .thumbnail-edit { background: url(/assets/images/upload_photo_edit2.gif) no-repeat left center; padding-left: 23px; } #share .picture-container .thumbnail-up { background: url(/assets/images/upload_photo_move_up.gif) no-repeat left center; padding-left: 23px; } #share .picture-container .thumbnail-down { background: url(/assets/images/upload_photo_move_down.gif) no-repeat left center; padding-left: 23px; } #share .picture-container .thumbnail-number { margin: 0 10px; } #share .thumbnail-large { float: left; text-align: right; border: 1px solid #a1a1a1; padding: 5px 10px 10px 10px; background: #fff; } #share .videos .length { width: 40px; margin-bottom: 10px; } #share .email { float: left; margin: 20px 0; } #share .email p { float: left; width: 165px; text-align: right; } #share .email p .more { display: block; font-size: 12px; width: 150px; margin-top: 5px; } .tag-help-text { display: block; /*font-size: 11px; color: #707070;*/ width: 530px; /*background: url(/assets/images/icon_hint.gif) top left no-repeat; padding-left: 35px;*/ margin: 3px 0; font-size: 13px; } .tag-help-text img { vertical-align: middle; } /*Blog Post Forms Preview and Display pages*/ #post #main-content, #video #main-content, #html #main-content, #gallery #main-content, #recipe #main-content { padding: 0; } #post #left, #video #left, #html #left, #gallery #left, #recipe #left { width: 570px; padding: 25px; } #post #right, #video #right, #html #right, #gallery #right, #recipe #right { padding: 25px 0; } .item-scroll { float: left; width: 100%; font-size: 13px; margin-bottom: 10px; *margin-bottom: 0px; } .item-scroll img { float: left; } .item-scroll img.item-image { width: 55px; height: 55px; margin: 0 10px; } .item-scroll .prev { float: left; width: 225px; border-top: 1px solid transparent; } .item-scroll .next { float: left; width: 205px; padding-left: 30px; text-align: right; border-top: 1px solid transparent; } .item-scroll a { text-decoration: none; } .item-scroll a:hover { text-decoration: underline; } .item-scroll a.title { float: left; width: 110px; text-align: left; margin: 0 3px; } .item-scroll a.list { float: left; width: 110px; text-align: center; border-top: 1px solid transparent; } .post-details { display: block; margin: 10px 0; } .post-details a { color: #564390; text-transform: lowercase; } .contributor-details { float: left; margin-bottom: 10px; width: 410px; } .contributor-details .name { float: left; display: block; width: 330px; margin: 5px 0; } .contributor-details img { float: left; margin-right: 10px; } .contributor-details a { text-decoration: none; } .contributor-details a:hover { text-decoration: underline; } .post-details iframe:first-child { vertical-align:bottom !important; } .post-details .st_sharethis { vertical-align:middle !important; } #votes { float: right; width: 150px; text-align: center; line-height: 20px; margin-bottom: 10px; } #votes a { display: block; } .comments-link { float: right; width: 150px; text-align: center; line-height: 20px; } /*video player on video preview and display pages*/ .video-player { float: left; margin: 10px 0; font-size: 12px; width: 555px; } /*image slideshow on article preview and display pages*/ .image-slideshow { float: left; width: 565px; margin: 10px 0; padding-left: 5px; } .image-slideshow .thumbnails { float: left; width: auto; margin-right: 5px; } .image-slideshow .thumbnails img { margin: 0 5px 5px 0; border: 3px solid #ffffff; vertical-align: bottom; } .image-slideshow .thumbnails img.selected { border: 3px solid #c81a43; } .image-slideshow .thumbnails img.large-image { display: none; } .image-slideshow .feature { float: left; width: 430px; } .image-slideshow .feature img { margin-bottom: 5px; display: block; } .image-slideshow .thumbnails .column { float: left; width: 60px; } .image-slideshow .thumbnails .column a.thumbnail-image img { border: 1px solid #fff; } .image-slideshow .thumbnails .column a.thumbnail-image img.selected { border: 1px solid #c81a43; } /*pagination in item level pages*/ .paging-content { width: 551px; } /*tools on display pages*/ .tools { float: right; width: 146px; border-left: 1px solid #c1d192; border-bottom: 1px solid #c1d192; border-right: 1px solid #c1d192; margin: 0 0 10px 10px; padding: 5px 10px; position: relative; top: -10px; *top: -17px; } .tools a, .tools-bar a { padding-left: 5px; color: #898989; text-decoration: none; } .tools a:hover, .tools-bar a:hover { text-decoration: underline; } .tools img, .tools-bar img { position: relative; top: 3px; } .tools .share-click {cursor: pointer;} .tools .collapse-button, .tools .expand-button {float: right; margin-top: 5px; cursor: pointer;} .tools-bar { float: left; margin-bottom: 10px;} .tools-bar a { padding-right: 10px;} .share-bar { float: left; background: #eaf1c4; border: 1px solid #c1d192; padding: 3px 10px; width: 540px; margin: 0 0 10px 0;} .tools .share { float: left; padding-left: 23px;} .tools .share a, .share-bar, .share-bar a { color: #7c8d02; font-size: 10px; text-decoration: none; text-transform: uppercase;} .tools .share a:hover, .share-bar a:hover { text-decoration: underline; } .share-bar a { /*display: inline;*/margin: 0 15px 0 0; } .share-bar img { vertical-align: middle; } /*Comments section on display pages*/ .comments { float: left; margin: 10px 0 20px 0; } .comments .comment-top { float: left; width: 563px; height: 22px; background: url(/assets/images/comment_box_top.gif) top left no-repeat; margin-top: 10px; } .comments .comment-bottom { float: left; width: 563px; height: 17px; background: url(/assets/images/comment_box_bottom.gif) top left no-repeat; margin-bottom: 10px; clear: both; } .comments .comment { float: left; width: 543px; padding: 0 10px; background: url(/assets/images/comment_box_middle.gif) top left repeat-y; } .comments .comment .text { float: left; display: block; width: 460px; } .comments .comment img { float: left; display: block; margin-right: 10px; } .comments .comment .details { float: left; margin-top: 10px; font-size: 12px; font-style: italic; } .comments .comment .violation { float: right; margin-top: 10px; font-size: 12px; } .comments .comment .violation img { margin-right: 5px; position: relative; top: -3px; } .comments .sub-heading { margin-top: 5px; font-weight: normal; color: #252525; } .comments .sub-heading a { color: #564390; } .comments .write-comment { float: left; display: block; width: 543px; background: #f9fcfc; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 15px 10px; font-size: 11px; } .comments .write-comment input { width: 157px; margin-bottom: 5px; } .comments .write-comment textarea { margin-bottom: 5px; } .comments-link { float: right; width: 150px; text-align: center; line-height: 20px; } /*Book excerpt in display pages*/ .excerpt { float: left; margin: 20px 0; } .excerpt .images { float: left; display: block; width: 100px; margin-right: 15px; text-align: center; } .excerpt img { /*width: 75px;*/ margin-bottom: 8px; } .excerpt .details { float: left; display: block; width: 445px; } .excerpt .details a.title { font-weight: bold; text-decoration: none; } .excerpt .details a.title:hover { text-decoration: underline; } .excerpt .byline { font-style: italic; } .excerpt .teaser { display: block; margin-bottom: 10px; } .excerpt a.more { padding-left: 15px; } .excerpt a.purchase { display: block; background: url(/assets/images/arrow_636363.gif) 0 5px no-repeat; padding-left: 8px; padding-bottom: 5px; font-size: 13px; } /*Did you make this*/ div.make-this { background: url(/assets/images/did_you_make_this.gif) no-repeat 0px 14px; padding: 14px 0 14px 150px; } div.make-this a.arrow { display: block; margin-top: 8px; background: #ffffff url(/assets/images/arrow_564390.gif) no-repeat 0px 4px; color: #564390; text-decoration: none; padding-left: 10px; } div.make-this a:hover { text-decoration: underline; } div.make-this strong { color: #564390; } div.make-this-gallery { float: left; margin: 10px 0; } div.make-this-gallery strong.teal { color: #404a51; } div.make-this-gallery .result { width: 75px; margin: 8px 8px 0 0; border-bottom: 0; padding: 0; text-align: center; } div.make-this-gallery .result a.image { float: none; margin-right: 0; } div.make-this-gallery .result a.image img { width: 65px; height: 65px; margin-bottom: 3px; } div.make-this-gallery .result a.title { color: #404a51; font-size: 10px; text-decoration: none; line-height: 13px; } div.make-this-gallery .result a.title:hover { text-decoration: underline; } div.make-this-gallery .result .byline { font-size: 9px; } /*Category pages*/ #discover #left, #discover #right { margin-top: 15px; } .category-heading { float: left; width: 620px; margin-top: 15px; margin-bottom: 5px; } .category-heading a.post-content { float: right; display: block; background: url(/assets/images/arrow_226c75.gif) 0 3px no-repeat; margin-top: 30px; font-size: 12px; color: #226c75; text-decoration: none; padding-left: 8px; } .category-heading a.post-content:hover { text-decoration: underline; } img.title { float: left; vertical-align: middle; margin-bottom: 15px; } h1.tag-title { display: block; color: #95a512; } h1.tag-title .tag { color: #95a512; font-weight: bold; } .viewing { float: left; } /*.viewing a.next { background: url(/assets/images/arrow_cb1a44.gif) 0 5px no-repeat; padding-left: 10px; text-decoration: none; } .viewing a.next:hover { text-decoration: underline; }*/ .viewing a, .viewing b { padding-right: 5px; } .sort { float: right; } .sort select { font-size: 12px; vertical-align: middle; } .post-project { float: right; margin: 5px 0 0 0; } /*a.post-project:hover { text-decoration: underline; }*/ a.enter-project { float: right; height: 16px; padding: 0 0 0 25px; margin: 5px 0 15px 0; background: url(/assets/images/icon_square_plus.gif) 0 1px no-repeat; font-weight: bold; text-decoration: none; font-size: 16px; } a.enter-project:hover { text-decoration: underline; } .first-result { float: left; width: 560px; background: #fff; border-bottom: 1px solid #c1d192; padding: 0 10px 10px 0; } .first-result a.image { float: left; display: block; width: 150px; margin-right: 15px; } .first-result .details { float: left; display: block; width: 350px; } .first-result p, .result p { margin: 10px 0 0 0; } /*.first-result .byline, .result .byline { font-size: 12px; }*/ .result { float: left; width: 560px; background: #fff; border-bottom: 1px solid #c1d192; padding: 10px 10px 10px 0; } .result a.image { float: left; display: block; width: 78px; margin-right: 15px; } .result .details { float: left; display: block; width: 437px; } #discover .result a.image img { width: 80px; height: 80px; } .large-with-summary .result a.image { margin-right: 0; width: 100%; margin-bottom: 10px; }* .large-with-summary .result .details, .full-text .result .details { width: 570px; }* .first-result h2 a, .result h2 a { text-decoration: none; display: block; margin-bottom: 5px; } .first-result h2 a:hover, .result h2 a:hover { text-decoration: underline; } .first-result a, .result a { text-decoration: none; } .first-result a:hover, .result a:hover { text-decoration: underline; } .first-result .more, .result .more { display: block; margin-top: 12px; font-size: 12px; text-transform: lowercase; } .first-result .more a, .result .more a { color: #564390; text-decoration: underline; } .first-result a.view-details, .result a.view-details { display: none; } .hot-spots-narrow { float: left; font-size: 12px; margin-left: 20px; margin-top: 30px; /*figure out how to make this center itself*/ } .hot-spots-narrow img { margin-bottom: 10px; } .hot-spots-narrow select { vertical-align: middle; font-size: 12px; } .hot-spots-narrow .browse-caption { color: #252525; } /*right hand narrow menu*/ .narrow-menu { float: left; background: #eaf1c4; width: 310px; padding: 0 13px; margin-bottom: 10px; color: #7c8d02; } .narrow-menu .heading { display: block; color: #3b5319; font-weight: bold; margin: 0 0 3px 0; } .narrow-menu a { color: #7c8d02; text-decoration: none; padding-right: 6px; } .narrow-menu a:hover { text-decoration: underline; } .narrow-menu a.remove { padding: 0; } /*gallery View*/ #gallery-list a.featured-tab, #gallery a.member-tab { visibility: hidden; } #gallery-list .icons { width: 250px; } #gallery-list .clearfloat { height: 15px; } #gallery-list .first-result, #gallery-list .result { width: 135px; margin: 0 7px 10px 0; border: 0; padding: 0; font-size: 12px; text-align: center; } #gallery-list .first-result a.image, #gallery-list .result a.image { float: none; margin-right: 0; width: 135px; } #gallery-list .first-result a.image img, #gallery-list .result a.image img { width: 135px; height: 135px; margin-bottom: 3px; } /*#gallery-list .result .zoom-icon { float: right; width: 16px; }*/ #gallery-list .first-result .details, #gallery-list .result .details { width: 133px; } #gallery-list .first-result a.title, #gallery-list .result a.title { color: #252525; font-size: 12px; text-decoration: none; } #gallery-list .first-result a.title:hover, #gallery-list .result a.title:hover { text-decoration: underline; } #gallery-list p, #gallery-list .byline { display: none; } #gallery-list .total-comments a { text-decoration: underline; } #gallery-list .popup-box { display: block; position: absolute; margin: -65px 0 0 65px; *margin: -65px 0 0 -65px; background: #f4f0e7; z-index: 100; } #gallery-list .popup-box .details, #gallery-list .popup-box .details { width: 202px; } #gallery-list .popup-box a.title { font-size: 14px; margin-bottom: 4px; font-weight: bold; text-decoration: none; } #gallery-list .popup-box a.title:hover { text-decoration: underline; } #gallery-list .popup-box p, #gallery-list .popup-box .byline, #gallery-list .popup-box a.view-details { display: block; width: 202px; } #gallery-list .popup-box .byline .date { display: none; } #gallery-list .popup-box .total-comments a, #gallery-list .popup-box a.view-details { color: #10405d; text-decoration: none; } #gallery-list .popup-box .total-comments a:hover, #gallery-list .popup-box a.view-details:hover { text-decoration: underline; } #gallery-list .popup-box a.view-details { margin-top: 8px; } /*related posts and related topics modules*/ .related-content { float: left; clear: left; padding: 0; width: 333px; margin-bottom: 20px; } .related-content p { float: left; display: block; margin: 0 0 12px 0; clear: both; width: 295px; } .related-content a.image { float: left; width:78px !important; margin-right: 10px; display: block; } .related-content a.image img { width: 78px; height: 78px; } .related-content .details { float: left; font-size: 13px; width:207px !important; display: block; color: #707070; } .related-content a { display: block; margin-bottom: 5px; text-decoration: none; font-size: 16px; color: #f68001; } .related-content a:hover { text-decoration: underline; } .related-content .content-box { float: left; border-left: 1px solid #f68001; padding: 10px 0 10px 13px; } .related-content img { vertical-align: bottom; } .related-content a.more { float: left; background: url(/assets/images/box_bottom_f68001.gif) 0 0 no-repeat; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; width: 336px; height: 19px; padding: 3px 0 0 16px; } .related-content a.more:hover { text-decoration: underline; } .related-content .more { float: left; background: url(/assets/images/box_bottom_f68001.gif) 0 0 no-repeat; width: 336px; height: 19px; padding: 3px 0 0 16px; } /*.related-content #scroller { float: left; width: 330px; height: 160px; overflow: hidden; } .related-content #scroller ul { margin: 0; padding: 0; list-style-type: none; z-index: 1; overflow: hidden; } .related-content #scroller li { float: left; width: 90px; margin-right: 25px; padding: 0; } .related-content #scroller li a.image { display: block; width: 90px; margin-bottom: 5px; } .related-content #scroller li a { color: #707070; font-size: 12px; text-decoration: none; } .related-content #scroller li a:hover { text-decoration: underline; }*/ .related-topics { float: left; clear: left; padding: 0 25px; width: 295px; margin-bottom: 20px; } .related-topics div { float: left; width: 48%; margin-right: 5px; } .related-topics div a { text-decoration: none; } .related-topics div a:hover { text-decoration: underline; } /*related books module*/ .related-books { float: left; width: 352px; margin: 10px 0; } .related-books a { display: block; text-decoration: none; font-size: 16px; color: #f68001; } .related-books a:hover { text-decoration: underline; } .related-books a.more-info { color: #707070; font-size: 14px; margin-top: 5px; } .related-books p { float: left; display: block; margin: 8px 0; color: #707070; } .related-books a.image { float: left; display: block; width: 70px; margin-right: 10px; } .related-books .details { float: left; display: block; width: 225px; } .related-books .byline { display: block; font-style: italic; margin: 8px 0; } .related-books .content-box { float: left; border-left: 1px solid #f68001; padding: 10px 13px; } .related-books img { vertical-align: bottom; } .related-books a.more { float: left; background: url(/assets/images/box_bottom_f68001.gif) 0 0 no-repeat; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; width: 336px; height: 19px; padding: 3px 0 0 16px; } .related-books a.more:hover { text-decoration: underline; } /*tag cloud container*/ .tag-cloud-container { float: left; background: #eaf1c4; width: 310px; padding: 0 13px; margin: 10px 0; } .tag-cloud-container .tags { float: left; padding: 0 15px 5px 15px; } .tag-cloud-container .heading { color: #3b5319; font-weight: bold; padding-right: 10px; } .tag-cloud-container a { color: #7c8d02; text-decoration: none; } .tag-cloud-container a:hover { text-decoration: underline; } /*meet our editors module*/ .meet-editors { float: left; width: 352px; margin: 10px 0; } .meet-editors p { float: left; display: block; margin: 8px 0; width: 100%; } .meet-editors a { color: #564390; } .meet-editors a.image { float: left; display: block; width: 65px; margin-right: 10px; border: 3px solid #879708; } .meet-editors .details { float: left; display: block; } .meet-editors a.more { float: left; background: url(/assets/images/box_bottom_879708.gif) 0 0 no-repeat; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; width: 336px; height: 19px; padding: 3px 0 0 16px; } .meet-editors a.more:hover { text-decoration: underline; } .meet-editors .content-box { float: left; border-left: 1px solid #879708; padding: 10px 13px; } .meet-editors img { vertical-align: bottom; } .meet-editors img.gloves { float: right; position: relative; top: -36px; margin-right: 3px; margin-bottom: -36px; } /*new members & member galleries modules*/ .new-members { float: left; width: 352px; margin: 10px 0; } .new-members p { margin-top: 7px; } .new-members a { color: #564390; } .new-members .new-member-item, .new-members .member-gallery-item { float: left; margin: 10px 30px 0 0; width: 80px; text-align: center; font-size: 10px; } .new-members .new-member-item { width: 65px; margin: 10px 45px 0 0; } .new-members a.new-member-img { display: block; width: 65px; height: 65px; margin: 0 0 5px 0; } .new-members a.member-gallery-img { display: block; width: 80px; height: 80px; margin: 0 0 5px 0; } .new-members a.more { float: left; background: url(/assets/images/box_bottom_f6a201.gif) 0 0 no-repeat; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; width: 336px; height: 19px; padding: 3px 0 0 16px; } .new-members a.more:hover { text-decoration: underline; } .new-members span { font-weight: bold; } .new-members .more { float: left; background: url(/assets/images/box_bottom_f6a201.gif) 0 0 no-repeat; width: 336px; height: 19px; padding: 3px 0 0 16px; } .new-members .content-box { float: left; border-left: 1px solid #f6a201; padding: 10px 8px 10px 13px; } .new-members img { vertical-align: bottom; } /*FG feed module*/ .fg-feed { float: left; width: 352px; margin: 10px 0; } .fg-feed p.article { float: left; display: block; margin: 0 0 10px 0; clear: both; width: 315px; } .fg-feed p.plant { float: left; width: 73px; margin: 0 35px 5px 0; } .fg-feed a { text-decoration: none; color: #879708; } .fg-feed p.plant a { font-size: 12px; } .fg-feed a:hover { text-decoration: underline; } .fg-feed a.image { float: left; display: block; width: 73px; margin-right: 10px; } .fg-feed a.image img { width: 73px; height: 73px; } .fg-feed span.details { float: left; width: 225px; } .fg-feed .heading { color: #ef891a; font-weight: bold; } .fg-feed a.more { float: left; background: url(/assets/images/box_bottom_879708.gif) 0 0 no-repeat; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; width: 336px; height: 19px; padding: 3px 0 0 16px; } .fg-feed a.more:hover { text-decoration: underline; } .fg-feed .content-box { float: left; border-left: 1px solid #879708; padding: 10px 0 10px 13px; } .fg-feed img { vertical-align: bottom; } /*gardeners.com product scroller*/ .scroller { float: left; width: 313px; padding: 10px; border: 1px solid #839d30; } .scroller .prev, .scroller .next { float: left; cursor: pointer; margin-top: 75px; } .scroller .prev { margin-right: 5px; } .scroller .next { margin-left: 5px; } .scroller a.more { float: right; color: #5d7918; font-weight: bold; font-size: 11px; text-decoration: none; margin-right: 10px; } .scroller a.more:hover { text-decoration: underline; } .scroller .heading { color: #ef7804; font-weight: bold; } .scroller img.logo { float: right; vertical-align: bottom; } .scroller-content { float: left; width: 250px; height: 240px; padding: 15px 0; font-size: 11px; color: #686155; } .scroller-content ul { float: left; list-style-type: none; margin: 0; padding: 0; } .scroller-content li { float: left; width: 104px; height: 240px; padding: 0 10px; } .scroller-content li a { display: block; margin: 4px 0; color: #686155; text-decoration: none; font-size: 11px; font-weight: bold; } .scroller-content li a:hover { text-decoration: underline; } .scroller-content .sale { color: #bc1a2d; } /* hscroll begin */ .hscroll-pane { width: 600px; height: 110px; overflow: hidden; position: relative; } .hscroll-content { left: 0px; position: relative; } .hscroll-track {} .hscroll-handle { left: 0px; margin-top: 2px; position: relative; width: 76px; height: 11px; background: transparent url(/assets/images/drag_bar.gif) no-repeat; } #scroll-bar { float: left; clear: both; width: 333px; height: 15px; background: transparent url(/assets/images/scroll_arrow_right.gif) no-repeat top right; border: 1px solid #d7d7d7; margin: 0 10px; } #track-left { position: absolute; width: 11px; height: 13px; background: transparent url(/assets/images/scroll_arrow_left.gif) no-repeat top left; } #track { position: absolute; width: 300px; height: 13px; margin: 0 15px; } #handle { width: 76px; height: 15px; padding-top: 2px; *padding-top: 1px; } #handle img { vertical-align: top; } /*handle bar scroll module*/ .subfeature-scroll { display: block; width: 330px; margin-bottom: 15px; } .subfeature-scroll h2 { text-transform: lowercase; color: #f68001; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; margin: 0 0 5px 0; } .subfeature-scroll a { text-decoration: none; color: #f68001; } .subfeature-scroll a:hover { text-decoration: underline; } .subfeature-scroll #scroller { float: left; width: 330px; height: 140px;/*padding-left: 5px;*/ margin-top: 10px; overflow: hidden; } .subfeature-scroll #scroller ul { margin: 0; padding: 0; list-style-type: none; z-index: 1; overflow: hidden; } .subfeature-scroll #scroller li { float: left; width: 90px; margin: 0px 25px 0 0; padding: 0; font-size: 10px; } .subfeature-scroll #scroller li a.image { display: block; width: 90px; } .subfeature-scroll #scroller li a.image img { width: 90px; height: 90px; } .subfeature-scroll #scroller li span { display: block; font-size: 12px; color: #707070; clear: left; margin: 2px 0; } .subfeature-scroll #scroller li span a { text-decoration: none; color: #707070; } .subfeature-scroll #scroller li span a:hover { text-decoration: underline; } .subfeature-scroll #scroll-bar { width: 333px; margin: 0; } .subfeature-scroll #track { width: 300px; } .subfeature-scroll a.more { display:block; margin-top: 30px; text-decoration: none; color: #f68001; font-size: 12px; font-weight: bold; } .subfeature-scroll a.more:hover { text-decoration: underline; } /*About this... right hand module*/ .about-this { float: left; padding: 15px; width: 304px; margin-bottom: 15px; border: 1px solid #a3af4d; background: #f4f5d6; } .about-this a.more { display: block; margin: 3px 0; color: #7c8d02; /*background: url(/assets/images/arrow_636363.gif) 0 5px no-repeat; padding-left: 8px; */text-decoration: none; } .about-this a.more:hover { text-decoration: underline; } /*Blogroll right hand module*/ .blogroll { float: left; padding: 15px; width: 304px; margin-bottom: 15px; border: 1px solid #a3af4d; background: #f4f5d6; } .blogroll a { display: block; margin-bottom: 6px; text-decoration: none; } .blogroll a:hover { text-decoration: underline; } /*Subscribe right hand module*/ .subscribe { float: left; padding: 15px; width: 304px; margin-bottom: 15px; border: 1px solid #a3af4d; background: #f4f5d6; } .subscribe a { text-decoration: none; } .subscribe a:hover { text-decoration: underline; } /*HTML container right hand modules*/ .html-container { float: left; padding: 15px 0; width: 334px; margin-bottom: 15px; } /*Home page*/ #home #left { padding-left: 25px; width: 595px; margin-bottom: 15px; } #home #right { margin-top: 10px; margin-bottom: 15px; } #home .advertising-leaderboard { _margin: 0 -40px 0 -20px; } #home .advertising-leaderboard.top { /*padding-left: 100px;*/ } #home .feature { float: left; width: 582px; padding: 20px 5px 15px 0; border-bottom: 1px solid #c1d192; } #home .feature .image { float: left; width: 370px; margin-right: 12px; } #home .feature .details { float: left; width: 170px; } #home .feature h2 a { display: block; margin-bottom: 10px; text-decoration: none; font-size: 24px; } #home .feature h2 a:hover { text-decoration: underline; } #home .feature .more a { color: #564390; text-transform: lowercase; } #home .eletter { display: block; width: 589px; height: 149px; margin: 10px auto; clear: both; } /*#home .eletter .text { position: relative; top: 65px; left: 90px; width: 360px; font-weight: bold; color: #252525; margin: 0; } #home .eletter a { color: #252525; } #home .eletter img { margin-right: 6px; }*/ #home .result { width: 585px; padding: 20px 0; } #home .result a.image { width: 150px; } #home .result .details { width: 390px; } #home a.view-more { /*color: #404a51; text-decoration: none; font-size: 20px; background: url(/assets/images/arrow_404a51.gif) 0 6px no-repeat;*/ padding-left: 165px; } /*#home a.view-more:hover { text-decoration: underline; }*/ /*right hand category navigation menu*/ .nav-menu-category, .nav-menu-home { display: block; width: 224px; height: 160px; position: relative; left: 8px; background: url(/assets/images/background_category_menu.gif) top left no-repeat; padding: 92px 0 10px 52px; margin-bottom: 20px; clear: both; } .nav-menu-category a, .nav-menu-home a { display: block; margin: 8px 0; height: 20px; } .nav-menu-category a:hover, .nav-menu-category a.selected, .nav-menu-home a:hover, .nav-menu-home a.selected { background: url(/assets/images/icon_category_menu_checkmark.jpg) 5px 0 no-repeat; padding-left: 30px; position: relative; left: -30px; } /*My Profile pages */ #profile h1, #profile-public h1 { font-size: 28px; } #profile h3, #profile-public h3 { font-size: 18px; } .profile-nav { float: left; margin-bottom: 5px; *margin-bottom: 0; } .profile-nav a { float: left; width: 117px; height: 28px; margin-right: 2px; } .profile-nav a.summary-tab { background: url(/assets/images/profile_summary_tab.gif) top left no-repeat; } .profile-nav .selected a.summary-tab { background: url(/assets/images/profile_summary_tab_selected.gif) top left no-repeat; } .profile-nav a.favorites-tab { background: url(/assets/images/profile_favorites_tab.gif) top left no-repeat; } .profile-nav .selected a.favorites-tab { background: url(/assets/images/profile_favorites_tab_selected.gif) top left no-repeat; } .profile-nav a.contributions-tab { background: url(/assets/images/profile_contributions_tab.gif) top left no-repeat; } .profile-nav .selected a.contributions-tab { background: url(/assets/images/profile_contributions_tab_selected.gif) top left no-repeat; } .profile-nav a.comments-tab { background: url(/assets/images/profile_comments_tab.gif) top left no-repeat; } .profile-nav .selected a.comments-tab { background: url(/assets/images/profile_comments_tab_selected.gif) top left no-repeat; } .profile-nav a.fanlist-tab { background: url(/assets/images/profile_fanlist_tab.gif) top left no-repeat; } .profile-nav .selected a.fanlist-tab { background: url(/assets/images/profile_fanlist_tab_selected.gif) top left no-repeat; } a.my-subnav, a.my-subnav-active { font-weight: bold; } a.my-subnav-active { text-decoration: none; } .profile-bio { font-size: 13px; } .profile-bio img { float: left; display: block; margin-right: 15px; } .profile-bio img.image-public { border: 12px solid #95a512; margin-bottom: 10px; } .profile-bio a.display-bio { float: right; font-size: 12px; } .profile-bio .bio-text { float: left; display: block; width: 375px; margin-bottom: 25px; } .profile-bio .bio-text h2 { font-size: 20px; margin-bottom: 6px; } .profile-bio a { text-decoration: none; } .profile-bio a:hover { text-decoration: underline; } #profile .contributions, #profile-public .contributions, #profile .favorites, #profile-public .favorites, #profile .comments, #profile-public .comments, #profile .fanlist, #profile-public .fanlist { float: left; margin: 10px 0; width: 100%; clear: both; } #profile a.view-all, #profile-public a.view-all { position: relative; top: -5px; margin-left: 15px; font-size: 12px; text-decoration: none; } #profile a.view-all:hover, #profile-public a.view-all:hover { text-decoration: underline; } #profile .result, #profile-public .result { width: 100%; border-bottom: none; padding: 10px 0; } #profile .result a.image, #profile-public .result a.image { width: 80px; } #profile .result a.image img, #profile-public .result a.image img { width: 80px; height: 80px; } #profile .result .details, #profile-public .result .details { width: 470px; } #profile .comments .result .details, #profile-public .comments .result .details { width: 560px; } #profile .result .details .status, #profile-public .result .details .status { float: left; font-weight: bold; padding: 2px 3px 0 0; } #profile .result .buttons { float: right; } #profile .result .buttons a:hover { text-decoration: none; } #profile .comments .result .byline, #profile-public .comments .result .byline { display: block; margin-top: 10px; font-size: 10px; } #profile .fanlist div, #profile-public .fanlist div { float: left; width: 100%; } #profile .fanlist p, #profile-public .fanlist p { margin: 10px 5px 5px 5px; } #profile .fanlist a, #profile-public .fanlist a { font-size: 10px; text-decoration: none; } #profile .fanlist .byline, #profile-public .fanlist .byline { display: block; padding: 10px 0 0 0; } #profile .fanlist a.contributor-image-b .byline, #profile-public .fanlist a.contributor-image-b .byline { position: relative; left: -12px; } #profile .fanlist a.non-contributor, #profile-public .fanlist a.non-contributor { padding-top: 23px; margin: 0 17px 0 5px; float: left; } #profile .fanlist a.non-contributor img, #profile-public .fanlist a.non-contributor img { width: 65px; height: 65px; } /*My Profile-Comments on my posts*/ .item { float: left; margin: 0 0 15px 0; } .item .details { display: block; width: 437px; } .item a.image { float: left; display: block; width: 65px; height: 65px; margin: 0 7px 7px 0; } .item h3 { display: block; margin: 0 0 5px 0; } .item h3 a { text-decoration: none; margin-bottom: 5px; } .item h3 a:hover { text-decoration: underline; } .item p { display: block; margin: 7px 0 5px 0; } .item .byline { display: block; margin-top: 7px; font-size: 10px; } /*404 Error pages*/ #error #main-content { width: 980px; text-align: center; padding: 0; color: #3B5319; background-color: #fff; } #error h1 { font-size: 16px; color: #3B5319; font-weight: bold; } #error #left { width: 460px; padding: 0 15px; } #error #right { width: 450px; text-align: left; padding-right: 40px; padding-top: 15px; } #error #left, #error #right { margin: 25px 0; } /* Widget content container */ #goog-wm { text-align: left; } /* Heading for "Closest match"*/ #goog-wm h3.closest-match { font-size: 14px; font-weight: bold; color: #879708; } /* "Closest match" link*/ #goog-wm h3.closest-match a { color: #879708; } /* Heading for "Other things" */ #goog-wm h3.other-things { display: none; } /* "Other things" list item */ #goog-wm ul li { } /* Site search box */ #goog-wm li.search-goog { display: none; } #error .search-box { float: left; width: 450px; background-color: #EAF1C4; padding: 15px 0; font-weight: bold; /*color: #1C567A;*/ } #error .search-box form { display: inline; margin-left: 5px; } #error .search-box input.text-box { width: 196px; vertical-align: middle; } #error .search-box input.go { vertical-align: top; } #error #right a.title { display: block; margin: 4Dpx 0; text-decoration: none; } #error #right a.title:hover { text-decoration: underline; } /*Share home pages*/ /*#share-home h1 { display: inline; font-weight: bold; color: #404a51; }*/ #share-home .start-sharing { font-weight: bold; color: #404a51; } #share-home .item { float: left; width: 252px; margin: 15px 30px 10px 0; } #share-home .details { float: left; width: 200px; padding: 15px 25px; background-color: #f0f5d5; border: 1px solid #a1b051; } #share-home img.img-heading { vertical-align: bottom; float: left; } /*RSS Feeds index page*/ #rss .feed-list { margin-bottom: 20px; } #rss .feed-list a { color: #404a51; } #rss .feed-list p { margin: 13px 0 7px 0; } #rss .feed-list dl { margin: 0; width: 600px; } #rss .feed-list dt { width: 210px; padding: 3px 0 0 0; height: 25px; float:left; } #rss .feed-list dt a.rss { font-weight: bold; text-decoration: none; } #rss .feed-list dt a.rss:hover { text-decoration: underline; } #rss .feed-list dd { display: block; font-size: 12px; height: 25px; margin: 0 0 0 190px; padding: 3px 0 0 0; } /*Flat pages/about section*/ #pages #left { padding-left: 40px; padding-top: 20px; padding-bottom: 20px; width: 545px; } #pages #left-editors { padding-left: 35px; width: 655px; } #pages #pageTitle { padding: 15px 20px; } #pages #pageTitle img { padding-left: 10px; } #pages h2 { /*color: #6d2b1d;*/ font-weight: bold; } #pages h3 { color: #404a51; font-weight: normal; margin-bottom: 0; } #pages a.more { color: #404a51; } #pages #shortRule { width: 450px !important; margin-top: 20px; } #pages #subNav, #pages #subNav a { font-family: verdana, arial, sans-serif; font-size: 12px; color: #137777; margin: 10px 0px; text-decoration: none; } #pages #subNav .selected { font-weight: bold; color: #c81a43; } #pages #rates .col1 { font-weight: bold; padding-left: 0px; } #pages #rates th { text-align: left; padding-bottom: 5px; } #pages #rates td, #pages #rates th { padding-left: 30px; } #pages p.sub { font: 18px; color: #6d2b1d; margin-top: 20px; } #pages #lowerBlock { background: #fff url(/assets/images/pages/about_advertise_art.gif) no-repeat top right; } #pages #lowerBlock p.short { margin-right: 250px; } #pages .mouse { font-size: 10px; } #pages .nav-menu { display: block; background: url(/assets/images/pages/background_right_nav.gif) top left no-repeat; margin: 0 auto; width: 164px; height: 345px; padding-top: 132px; padding-left: 20px; } #pages .nav-menu a { display: block; color: #6d2b1d; text-decoration: none; padding: 5px 0; font-weight: bold; } #pages .nav-menu a:hover, #pages .nav-menu a.selected { color: #404a51; font-weight: bold; } #pages .nav-menu .nav-sub { display: block; padding: 0 0 0 20px; } #pages .editor { clear: both; padding-top: 20px; } #pages .editor .image { float: left; width: 100px; height: 100px; margin-right: 15px; } #pages .editor .bio { float: left; width: 400px; } #pages .editor .bio p { margin-bottom: 5px; } #pages #supportBlock { width: 540px; background: #fff url(/assets/images/pages/about_support_woman.gif) no-repeat top right; margin-bottom: 25px; } #pages #supportBlock p { margin-right: 195px; } #pages #supportBlock .badge { margin-top: 20px; line-height: 200%; } #pages #supportBlock .badge img { margin-bottom: 10px; } #pages #supportBlock .badge textarea { font-family: "courier new", courier, monospace; } #pages ul.menu2col { list-style-type:none; margin: -5px 0 0 0; padding: 0; } #pages .menu2col li { float: left; width: 250px; margin: 0 0 25px 0; } #pages .menu2col a { display: block; color: #137777; font-size: 14px; text-decoration: none; height: 21px/*26px*/; /*margin-top: -5px;*/ background: #ffffff url(/assets/images/arrow_cb1a44.gif) 0px 6px no-repeat; padding-left: 10px; } #pages .menu2col .menuSub { display:block; font-weight: bold; color: #c81a43; margin-bottom: 10px; margin-top: 5px; } #pages .menu2col a:hover { text-decoration: underline; } #pages #examples td { padding: 0 10px 10px 0; } #pages ul#eletter-bullets { position: relative; left: -25px; margin-top: 0; } #pages ul#eletter-bullets li { margin: 3px 0; } #pages .tip { margin: 15px 0 30px 25px; color: #404a51; } #pages img.publication-image { float: right; margin-top: 10px; margin-left: 10px; } /*#pages iframe { border: 0; width: 600px; height: 600px; overflow: hidden; }*/ /*pagination in item level pages*/ .paging-content { float: left; width: 552px; background-color: #fff; border: 1px solid #879708; padding: 8px; margin: 5px 0 10px 0; color: #879708; text-align: right; } /*.paging-content a { color: #3242a4; } */ .paging-content .view-all, .paging-content .next { margin-left: 10px; } /*Misc*/ #registration-profile .heading, #profile .heading, #profile-public .heading, #share-home .heading, #rss .heading, #search .heading { float: left; padding: 0 25px; width: 930px; margin-top: 15px; } #registration-profile .heading .buttons, #profile .heading .buttons, #profile-public .heading .buttons { float: right; padding: 10px 20px 0 0; clear: right; } #pool-header { float: left; width: 934px; margin: 12px; padding-left: 15px; } #pool-header a.pool-title-banner { display: block; width: 934px; color: #fff; font-size: 33px; text-decoration: none; margin-left: -15px; padding: 15px 0 20px 15px; } #pool-header img { vertical-align: bottom; margin-left: -15px; } /*GK fix for on login page shift down */ #login #pool-header { margin-top: -13px; } #pool-header.preview { margin: -13px 0 12px -10px; } #registration #pool-header { margin-top: -13px; margin-left: -13px; } #share #pool-header { margin: 0 12px 12px -113px; } a.reply { background: url(/assets/images/icon_add.gif) no-repeat 0px 0px; padding: 2px 0 2px 21px; color: #898989; } a.reply-sm { background: url(/assets/images/icon_add_sm.gif) no-repeat 0px 1px; padding: 0 0 0 15px; height: 17px; } hr.light-gray { border-top: 1px solid #c1d192; border-bottom: none; color: #c1d192; margin: 10px 0; padding: 0; height: 1px; clear: both; } .narrow-menu hr.light-gray, .tag-cloud-container hr.light-gray { border-top: 1px solid #7c8d02; color: #7c8d02; } .full-text #slideshow-line { display: none; } a.rss-list { float: left; background: url(/assets/images/icon_rss_45.gif) center left no-repeat; padding: 0 0 0 50px; font-size: 12px; margin: 5px 0 15px 15px; *margin: 5px 0 0 15px; width: auto; line-height: 17px; } #discover a.rss-list { margin-left: 0; } a.rss-profile-page { float: right; background: url(/assets/images/icon_rss_45.gif) center left no-repeat; padding: 0 0 0 50px; font-size: 12px; margin: 7px 0 10px 0; line-height: 17px; } a.rss { background: url(/assets/images/icon_rss_45.gif) center left no-repeat; padding: 0 0 0 50px; line-height: 17px; } .error-message { display: block; background: url(/assets/images/icon_error.gif) center left no-repeat; margin: 10px 0 15px 60px; color: #c81a43; font-weight: bold; padding: 6px 0 7px 40px; } .success-message { display: block; background: url(/assets/images/icon_success.gif) center left no-repeat; margin: 10px 0 15px 60px; color: #c81a43; font-weight: bold; padding: 6px 0 7px 40px; } .sub-heading, .sub-heading1, .sub-heading2 { color: #7c8d02; font-weight: bold; margin-bottom: 5px; display: block; } .sub-heading2 { font-size: 12px; } small { font-size: 10px; } .total-comments a { display: block; color: #564390; text-decoration: none; } #home .total-comments a { margin-top: 8px; } .total-comments a:hover { text-decoration: underline; } .full-text .total-comments a { display: block; margin-top: 15px; } .no-bottom-border { border-bottom: none; } .caption, .caption-single, .material { color: #95a512; float: left; } .material { width: 98%; margin: 10px 0; } .credit { font-size: 12px; color: #898989; } .pattern-used-text {color: #404a51; } .pattern-used-link { color: #616161; } .disclaimer-easy { display: block; width: 562px; height: 64px; margin: 15px 0; background: url(/assets/images/disclaimer_easy.gif) top left no-repeat; clear: both; } .disclaimer-medium { display: block; width: 562px; height: 64px; margin: 15px 0; background: url(/assets/images/disclaimer_medium.gif) top left no-repeat; clear: both; } .disclaimer-hard { display: block; width: 562px; height: 64px; margin: 15px 0; background: url(/assets/images/disclaimer_hard.gif) top left no-repeat; clear: both; } .disclaimer-easy span, .disclaimer-medium span, .disclaimer-hard span { display: none; } .vendor-info-heading { display: block; width: 461px; height: 56px; margin-top: 15px; background: url(/assets/images/heading_vendor_info.jpg) top left no-repeat; } .vendor-info { display: block; width: 411px; background: url(/assets/images/background_vendor_info.gif) top left repeat-y; padding: 0 25px 10px 25px; }* .vendor-info p { margin-top: 0; } .vendor-info-bottom { display: block; width: 461px; height: 16px; margin-bottom: 15px; background: url(/assets/images/background_vendor_info_bottom.gif) top left no-repeat; } /*Buttons*/ .button-basic { float: left; background: url(/assets/images/button_basic_c.gif) top left repeat-x; color: #fff; height: 24px; text-align: center; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; } a.button-basic { padding-top: 4px; height: 20px; } input.button-basic { border: none; height: 24px; padding-bottom: 5px; *padding-bottom: 0; margin: 0; } .button-basic-l { float: left; background: url(/assets/images/button_basic_l.gif) top left no-repeat; width: 12px; height: 24px; } .button-basic-r { float: left; background: url(/assets/images/button_basic_r.gif) top left no-repeat; width: 12px; height: 24px; } .button-basic2 { float: left; background: url(/assets/images/button_basic_c.gif) top left repeat-x; color: #fff; height: 24px; text-align: center; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; } a.button-basic2 { padding-top: 4px; height: 20px; } input.button-basic2 { border: none; height: 24px; padding-bottom: 5px; *padding-bottom: 0; margin: 0; } .button-basic2-l { float: left; background: url(/assets/images/button_basic_l.gif) top left no-repeat; width: 12px; height: 24px; } .button-basic2-r { float: left; background: url(/assets/images/button_basic_r.gif) top left no-repeat; width: 12px; height: 24px; } .button-medium { float: left; background: url(/assets/images/button_medium_c.gif) top left repeat-x; color: #fff; height: 19px; text-align: center; text-decoration: none; font-size: 11px; text-transform: /*lowercase*/uppercase; font-weight: bold; } a.button-medium { padding-top: 2px; height: 17px; } input.button-medium { border: none; height: 19px; padding-bottom: 3px; *padding-bottom: 0; margin: 0; } .button-medium-l { float: left; background: url(/assets/images/button_medium_l.gif) top left no-repeat; width: 12px; height: 19px; } .button-medium-r { float: left; background: url(/assets/images/button_medium_r.gif) top left no-repeat; width: 12px; height: 19px; } .button-medium2 { float: left; background: url(/assets/images/button_medium2_c.gif) top left repeat-x; color: #fff; height: 19px; text-align: center; text-decoration: none; font-size: 11px; text-transform: lowercase; font-weight: bold; } a.button-medium2 { padding-top: 2px; height: 17px; } input.button-medium2 { border: none; height: 19px; padding-bottom: 3px; *padding-bottom: 0; margin: 0; } .button-medium2-l { float: left; background: url(/assets/images/button_medium2_l.gif) top left no-repeat; width: 12px; height: 19px; } .button-medium2-r { float: left; background: url(/assets/images/button_medium2_r.gif) top left no-repeat; width: 12px; height: 19px; } .button-gray { float: left; background: url(/assets/images/button_gray_c.gif) top left repeat-x; color: #fff; height: 24px; text-align: center; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; } a.button-gray { padding-top: 4px; height: 20px; } input.button-gray { border: none; height: 24px; padding-bottom: 5px; *padding-bottom: 0; margin: 0; } .button-gray-l { float: left; background: url(/assets/images/button_gray_l.gif) top left no-repeat; width: 12px; height: 24px; } .button-gray-r { float: left; background: url(/assets/images/button_gray_r.gif) top left no-repeat; width: 12px; height: 24px; } .button-gray-medium { float: left; background: url(/assets/images/button_gray_medium_c.gif) top left repeat-x; color: #fff; height: 19px; text-align: center; text-decoration: none; font-size: 11px; text-transform: lowercase; font-weight: bold; } a.button-gray-medium { padding-top: 2px; height: 17px; } input.button-gray-medium { border: none; height: 19px; padding-bottom: 3px; *padding-bottom: 0; margin: 0; } .button-gray-medium-l { float: left; background: url(/assets/images/button_gray_medium_l.gif) top left no-repeat; width: 12px; height: 19px; } .button-gray-medium-r { float: left; background: url(/assets/images/button_gray_medium_r.gif) top left no-repeat; width: 12px; height: 19px; } #share input.button-basic, #registration-profile input.button-basic, #registration input.button-basic { top: 0; } #share .button-gray-medium { text-transform: uppercase; } #share .button-gray-medium, #share .button-gray-medium-l, #share .button-gray-medium-r { margin-top: 3px; } #share .submit .cancel { margin-right: 55px; } #registration-profile .button-basic-r, #share .button-basic-r, #post .button-basic-r, #html .button-basic-r, #video .button-basic-r, #gallery .button-basic-r, #profile .button-basic-r, #registration-profile .button-basic2-r, #share .button-basic2-r, #post .button-basic2-r, #html .button-basic2-r, #video .button-basic2-r, #gallery .button-basic2-r { margin-right: 10px; } #profile .button-medium-r, #profile .button-medium2-r { margin-right: 5px; } #profile .button-medium, #profile .button-medium2 { text-transform: uppercase; } #gardeners-affiliate-products { margin-bottom: 10px; } .byline { color: #707070; }/*does this apply everywhere? make sure before applying globally*/ /*global eletter/social media module in right rail*/ #eLetterSignUp { border: 1px solid #330e61; font: 14px Arial, Helvetica, sans-serif; width: 336px; color: #363636; margin-bottom: 15px; clear: both; } #eletter-header { background: url(/assets/images/eletter-bg.png) repeat-x top left; text-align: center; } #eLetterSignUp p, #eLetterSignUp form { margin: 10px; } #eLetterSignUp form { border-bottom: 1px solid #ccc; padding-bottom: 10px; text-align: center; } #eLetterSignUp form input.text-box { border: 1px solid #acacac; font-size: 11px; padding: 3px; } #eLetterSignUp form input, #eLetterSignUp p img { vertical-align: middle; } #eLetterSignUp .free { text-transform: uppercase; font-weight: bold; color: #4b7a2b; } /* Connect Bar */ #connect-bar-container-full { display: none; position: fixed; bottom: 0; left: 0; z-index: 999999; width: 100%; /*background: url("/assets/images/connect-bar/background.png") repeat-x bottom left; */ background: #302159; height: 50px; *min-height: 50px; -webkit-box-shadow: 0px 5px 30px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 5px 30px rgba(50, 50, 50, 1); box-shadow: 0px 5px 30px rgba(50, 50, 50, 1); } .connect-bar { clear: right; width: 100%; height: 50px; *min-height: 50px; } .connect-bar-logo, #connect-bar-subscribe, #connect-bar-eletter, #connect-bar-social, #connect-bar-ad, #connect-bar-close { float: left; line-height: 0; height: 50px; *min-height: 50px; } .connect-bar-logo { width: 134px; padding: 5px 15px 0 50px; } #connect-bar-subscribe { width: 200px; padding: 0 7px 0 0; border-right: 2px dotted #fff; position: relative; } #connect-bar-subscribe-cover { position: absolute; top: -20px; left: 0; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); } #connect-bar-subscribe-button { position: absolute; top: 22px; right: 30px; } #connect-bar-subscribe-button img { height: 20px; *min-height: 20px; width: 75px; } #connect-bar-eletter { background: url("/assets/images/connect-bar/bg-stay-connected.png") no-repeat 20px 0; padding: 0 20px; border-right: 2px dotted #fff; } #connect-bar-eletter form { margin: 21px 0 0 0; } #connect-bar-eletter-form .text { width: 140px; } #connect-bar-eletter input, #connect-bar-eletter img { vertical-align: middle; } #connect-bar-social { /*width: 150px;*/ padding: 15px 12px 0; border-right: 2px dotted #fff; } #connect-bar-social img { width: 25px; height: 25px; } #connect-bar-ad { width: 180px; padding: 15px 0 0 35px; } #connect-bar-close { cursor: pointer; margin-left: 20px; } /* Mini container */ #connect-bar-container-mini { height: 50px; *min-height: 50px; z-index: 999999; display: none; position: fixed; bottom: 0; left: 0; background: #302159; cursor: pointer; } /* for tablets */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .connect-bar-logo, .text-free-newsletter { display: none; } #connect-bar-container-full { -webkit-box-shadow: 0px 15px 30px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 15px 30px rgba(50, 50, 50, 1); box-shadow: 0px 15px 30px rgba(50, 50, 50, 1); } #connect-bar-subscribe-cover { -webkit-box-shadow: 0px 5px 20px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 5px 20px rgba(50, 50, 50, 1); box-shadow: 0px 5px 20px rgba(50, 50, 50, 1); } #connect-bar-container-full, #connect-bar-container-mini, .connect-bar-logo, #connect-bar-subscribe, #connect-bar-eletter, #connect-bar-social, #connect-bar-ad, #connect-bar-close { height: 60px; } #connect-bar-subscribe { width: 155px; margin-left: 20px } #connect-bar-subscribe-button { right: 10px; } #connect-bar-subscribe-button img { height: 25px; *min-height: 25px; width: 89px; } #connect-bar-eletter-form .text { height: 25px; font-size: 14px; } #connect-bar-ad { padding-top: 20px; padding-left: 20px; } #connect-bar-social { padding-top: 15px; } #connect-bar-social img { width: 32px; height: 32px; margin-right: 5px; } #connect-bar-close { padding-top: 5px; } } #more-on-this-topic span.details { width: 210px; } #more-on-this-topic a.image { height: 78px; width: 78px; } /* zoom in image pop-up - SS */ .zoom-in-cur { cursor:-moz-zoom-in ; cursor:-webkit-zoom-in; } /* BODY .item fix */ body.item { float:none; } /*leave this at the end to handle safari page render issue*/ body { display: block; background: url(../images/background_pattern.gif) top left repeat; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; vertical-align: top; color: #252525; }