/* --- Header --- */ /* -------------- */ #header { height:170px; } #search_form { display: inline; } #site_search { margin-top:7px; height:30px; float:right; width:170px; background: url(/graphics/sb_gardenswest/ws_menu_search.gif) top left no-repeat; } #site_search #searchGo { margin:2px 0 0 7px; } #site_search #searchterms { height:30px; margin:6px 0 0 12px; display:inline; } #site_search input#searchterms-field { padding:0; width:100px; border:0; background:none; } #site_search label.overlabel-apply { top:-2px; left:0; } /* ----- Suckerfish Menu Styles ----- */ /* ---------------------------------- */ #menu { margin-left:10px; background: url(/graphics/sb_gardenswest/ws_menu_tile.gif) top left repeat-x; width: 960px; border:0; } #nav { display:inline; text-align:left; } #nav, #nav ul { float: left; padding: 0; margin: 0; list-style: none; } #nav ul { background:#faf0a8; border:1px solid #dcd394; } #nav a { text-align:center; display:block; color:#fff; text-decoration:none; } #nav li { float: left; } #nav .currentItem { background:#faf0a8 url(/graphics/sb_gardenswest/menu_selectedbg.gif) top left repeat-x; min-height:27px; height:auto !important; height:27px; font-weight:bold; } #nav li ul { position: absolute; left: -999em; height: auto; width: 15em; font-weight: normal; margin: 0; } #nav li li { padding: 0; width: 15em; background-image:none; } #nav li ul a { text-align:left; color:#222222; width: 13em; padding: 0.25em 1em 0.25em 1em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position:static; background:#fff7be url(/graphics/sb_gardenswest/menu_selectedbg.gif) top left repeat-x; min-height:25px; height:auto !important; height:25px; } #nav li li:hover, #nav li li.sfhover { background:#fff7be none; } /* --------- Homepage content ---------*/ /* ------------------------------------*/ #homepage #featuredContent { margin: 0 10px; padding: 10px; background: #fff url(/graphics/sb_gardenswest/ws_homepageGradient.gif) top center repeat-x; } #mainStories { width:520px; float:left; } #secondaryFeature { margin:10px 0 0 20px; } #subStories { width:240px; float:left; } #featuredGarden { min-height:295px; height:auto !important; height:295px; padding:15px 20px 0 20px; background: url(/graphics/sb_gardenswest/ws_homepageFeaturedGarden.jpg) top center no-repeat; } #featuredGarden h4 { margin: 4px 0 0 0; } #featuredGarden p { margin: 0; } #featuredGardenFooter { height:20px; background: url(/graphics/sb_gardenswest/ws_homepageFeaturedGarden_footer.gif) bottom center no-repeat; } #homepage #subscribe { padding: 12px 10px 10px 10px; width:220px; } #homepage #subscribe .subscribeButton { margin: 0px 0 0 85px; } #advertising { float:right; margin:10px 5px 10px 0; padding-left:10px; } #subStories img { margin:5px; } #secondaryFeature img { margin:5px 10px 0 0; } #topFooter { background-color: #665c45; margin:0 10px; padding:5px 0; } #topFooter ul { margin:0; list-style: none; } #topFooter li { float:left; text-align:center; } #topFooter li a { color:#fff; text-decoration:none; } #topFooter li a:hover { text-decoration:underline; } #articleFooter { margin:0 auto; width:980px; background:#dfd9cb url(/graphics/sb_gardenswest/bg_footer.gif) no-repeat; text-align:center; padding-top:24px; height:30px; color:#665c45; } #articleFooter a { color:#665c45; } #articleFooter, #homepage #footer, #single_issue #footer, #issues_page #footer, #general_page #footer, #search_results #footer, #article_page #footer { background: url(/graphics/sb_gardenswest/ws_bg_footer.gif) top left repeat-x; padding-top:12px; } /* ------------ Article Content ------------- */ /* ------------------------------------------ */ #article_page #content { padding:10px 0 0 30px; min-height:363px; height:auto !important; height:363px; } #article_page #article_content { padding:10px 0 0 30px; min-height:363px; height:auto !important; height:363px; } #article_page #article { width:660px; float:left; } #article_page #article_content #article .title { color: #921D17; font-size: 50px; margin-top: 5px; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; line-height:1em;} #article_page #article h2 { margin-top: 20px;} #article_page #article img { margin: 0 2px; } #article_page #article table { width: } #article_page #article td { background-color: #fff; } #article_page #article th { background-color: #fff; } #article_page .article_intro { font-style:italic; } #article_page .read_rest { clear:both; padding-top:13px; border-top:1px solid #e4e4d1; font-style:italic; } #article_sidebar { float:right; width:260px; padding-right:10px; display:inline; } #article_sidebar h4#title { font-size: 24px } #article_info { margin:15px 0 0 0; width:230px; background-color:#f8f3cb; padding:15px 10px 10px 20px; } #article_info dl { line-height:24px; margin-top:5px; } #article_info dt { font-weight:bold; float:left; clear:both; margin-right:3px;} #article_info dd { } #article_info .hardiness { margin-top:8px; line-height:16px; width:160px; } #article_info .hardiness a { font-weight:normal; font-size:11px; } #article_info img { margin-top:5px;} #article_sidebar #advertising { width:230px; margin-top:30px; text-align:center; } /* ------------ Issues Content ------------- */ /* ----------------------------------------- */ #issues_page #content { padding:10px 30px 10px 10px; } #issues_page #articles { padding-top:20px; width:660px; float:right; } #issues_page #articles h2 { height:45px; border-bottom:1px solid #e4e4d1; margin-bottom:13px; } #issues_page #articles h4 { margin:20px 0 10px 0; } #issues_page #articles ul { list-style:none; margin:0; } #issues_page #articles li { margin-bottom:20px;} #issues_page #articles li p { margin:0;} #issues_page #articles ul .title { font-weight:bold; font-style:italic; } #issues_page #articles ul .title a { font-style:normal; } #issues_page #regular_issue { float:left; width:320px; } #issues_page #prairie_issue { float:right; width:320px; } #issues_page .preview { padding-top:15px; color:#fff; width:320px; background: #564b38 url(/graphics/sb_gardenswest/ws_bg_issues.gif) repeat-x; } #issues_page .preview .issue_img { float:right; } #issues_page .preview .info { float:left; width:200px; } #issues_page .preview p { margin:0 0 0 18px; } #issues_page .preview .buy_now { text-align:center; margin-top:15px; } #issues_page .preview .issue_img{ text-align:center; margin:0 16px 5px 0; } #issues_page .preview h5 { text-indent:-5000px; height:26px; } #issues_page #regular_issue h5 { background:url(/graphics/sb_gardenswest/text_issueRegularEdition.gif) no-repeat; } #issues_page #prairie_issue h5 { background:url(/graphics/sb_gardenswest/text_issuePrairieEdition.gif) no-repeat; } #issues_page #departments { margin-top:10px; background-color:#f8f8f2; width:220px; border: 1px solid #e1e1c4; border-left:none; padding:20px; float:left; } #issues_page #departments ul { list-style:none; margin:0; } #issues_page #departments p { margin:0 0 20px 0; } #issues_page #departments .dep_info { margin-bottom:5px; } #issues_page #departments .dep_name { font-weight:bold; display:block; } #issues_page #departments .dep_title { font-style:italic; display:block; } #issues_page #departments .dep_author { font-style:italic; display:block; } /* ------------ Single Issue Content ------------- */ /* ----------------------------------------------- */ #single_issue #content { padding:15px 10px 10px 10px; } #single_issue #articles { margin-right:20px; padding-top:20px; width:400px; float:right; } #single_issue #articles h4 { border-top:1px solid #e4e4d1; padding-top:10px; margin:0 0 10px 0; } #single_issue #articles ul { list-style:none; margin:0; } #single_issue #articles li { margin-bottom:20px;} #single_issue #articles li p { margin:0;} #single_issue #articles ul .title { font-weight:bold; } #single_issue #articles ul .author { font-weight:bold; font-style:italic;} #single_issue #articles ul .title a { font-style:normal; } #single_issue #issue_img { background-color:#f1f1e5; float:right; padding:20px; width:220px; text-align:center; } #single_issue #issue_img img { border:1px solid #ababab; } #single_issue #issue_img p { margin:5px 0 0 0; } #single_issue #sidebar { width:260px; float:left; } #single_issue #buy_issue { background-color:#f1f1e5; width:220px; padding:20px 20px 15px 20px; } #single_issue #buy_issue p { margin:8px 0 8px 0; } #single_issue #buy_issue .button { text-align:center; margin:0px; } #single_issue #departments { margin-top:10px; padding:20px; } #single_issue #departments ul { list-style:none; margin:0; } #single_issue #departments p { margin:0 0 20px 0; } #single_issue #departments .dep_info { margin-bottom:5px; } #single_issue #departments .dep_name { font-weight:bold; display:block; } #single_issue #departments .dep_title { font-style:italic; display:block; } #single_issue #departments .dep_author { font-style:italic; display:block; } /* ------------ General Page ------------- */ /* ----------------------------------------------- */ #general_page #content { padding:40px 80px; min-height:363px; height:auto !important; height:363px; } /* ------------ Search Results ------------- */ /* ----------------------------------------- */ #search_results #content { padding:40px 80px; min-height:363px; height:auto !important; height:363px; } #search_results #search_terms { border-bottom:1px solid #e4e4d1; padding-bottom:10px; margin-bottom:12px; } #search_results table { font-size:14px; border:1px solid #e3e6e1; margin-bottom: 25px; } #search_results th { background-color:#454545; color:#fff; padding:5px 10px; } #search_results td { background:url(/graphics/sb_gardenswest/ws_bg_searchTable.gif) repeat-x; border-bottom:1px solid #e3e6e1; padding:10px 10px; } #search_results .didnt_find { font-style:italic; } #search_results .categories a { text-decoration:none; border-bottom: dotted 1px #666666; padding-bottom:0px; } #search_results .categories a:hover { border-bottom: none; } #content #search_form { display: block;} #content #site_search { margin-top:7px; height:30px; float:left; width:100%; background-image:none;} #content #site_search #searchGo { margin:2px 0 0 7px; } #content #site_search #searchterms { height:30px; margin:2px 0 0 5px; display:block; } #content #site_search input#searchterms-field { padding:0; width:100px; height:20px; border:1px solid #595959; background:none;} #content #site_search label.overlabel-apply { top:0px; left:2; } /* ------------ Magazine Articles ---------- */ /* ----------------------------------------- */ #content .magazine_archives ol { border:1px solid white; clear:left; margin:0; padding:0; } #content .magazine_archives ol li { list-style:none; float:left; margin-right:15px; margin-bottom:0px; padding:0; } #content .magazine_archives ol .year { font-size:14px; font-weight:bold; border-right:1px solid #ccc; padding-right:10px; padding-bottom:20px; } .magazine_archives h6 { font-size:14px; float:left; border-right:1px solid #ccc; padding: 0 10px 0 0; margin-right:15px; margin-bottom:0; } /* ------- Subscriber Info ------- */ /* ------------------------------- */ #subscription_info .intro_text { width:570px; float:left; padding-bottom:10px; } #subscription_info #sub_logon { padding:8px 3px 11px 10px; width:200px; font-weight:bold; background-color:#f4f4eb; border:1px solid #e3e3ce; float:left; } #subscription_info #sub_logon label { display:block; margin-bottom:5px; font-size:14px; border-bottom:1px solid #d2d2b4; padding-bottom:3px; } #subscription_info #sub_logon input { } #subscription_info #logoff_buttons { width:230px; float:right; padding:5px 3px 0px 7px; background-color:#f4f4eb; border:1px solid #e3e3ce; } #subscription_info table { clear:both; } /* ------------ SubContent ------------- */ /* ------------------------------------- */ #subContent { padding:20px 20px 30px 20px; margin: 0 10px; background-color: #f1f1e5; } #recentForumTopics h4, #grapevine h4, #related_articles h4, #subscribe h4, #previous_issues h4 { margin: 0 0 4px 0; } #recentForumTopics { float:left; width:500px; } #recentForumTopics ul { list-style: none; margin:0; background-color: #e4e4d1; border:1px solid #c2c1b4; padding:11px; } #recentForumTopics li { margin-bottom:5px; } #recentForumTopics .username { font-weight:bold; } #grapevine h4 { margin: 0 0 4px 0; } #grapevine { float:right; width:400px; } #grapevine div { min-height:129px; height:auto !important; height:129px; padding:7px 11px; line-height:1.9em; background-color: #e4e4d1; border:1px solid #c2c1b4; } #related_articles { float:left; width:530px; } #related_articles ul { list-style: none; margin:0; background-color: #e4e4d1; border:1px solid #c2c1b4; padding:11px; } #related_articles li { margin-bottom:5px; } .rel_article_dates a { font-style:italic; text-decoration:none; color:#454545; border-bottom: dotted 1px #666666; } .rel_article_dates a:hover { border-bottom: none; } #subscribe { float:right; width:370px; padding:0; } #subscribe div { min-height:129px; height:auto !important; height:129px; padding:7px 11px; line-height:1.9em; background-color: #e4e4d1; border:1px solid #c2c1b4; } #subscribe img { margin-right:5px; } #subscribe p { margin:0; } #subscribe .subscribeButton { margin:10px 0 0 0; text-align:center; } #customerIdImg { float:right } #previous_issues { float:left; width:530px; } #previous_issues ul { list-style: none; margin:0; background-color: #e4e4d1; border:1px solid #c2c1b4; padding:11px; } #previous_issues li { margin-bottom:5px; } #previous_issues .month { font-weight:bold; } .errorMessage {color:#921d17; font-weight:bold;} /* -- advanced forms page -- */ .advForm { width:820px; } .advForm_denotes { font-style:italic; padding-bottom:5px;} .advForm_star { color:red;} .advForm_labelOnly { padding:0px 0px 10px 0px; width:200px; font-weight:bold; text-align:right; overflow:hidden;} .advForm_labelOnly .advForm_star { float:left; padding-left:} .advForm_item { padding:0px 0px 10px 0px; width:500px; overflow:hidden;} .advForm_item label { float:left; width: 200px; padding-right:10px; text-align:right; font-weight:bold;} .advForm_itemTextArea { padding:0px 0px 10px 0px; width:500px; overflow:hidden;} .advForm_itemTextArea label { float:left; width: 200px; padding-right:10px; text-align:right; font-weight:bold; } .advForm_itemCheckbox { padding:0px 0px 10px 210px; width:310px; overflow:hidden;} .advForm option { padding-left:2px;} .editor ul.advForm_radioGroup { margin-left:210px; margin-bottom: 5px; list-style-type: none;} .editor .advForm_radioGroup li { margin-bottom: 2px;} .advForm_submitRow { margin-top:10px; padding-top:10px; border-top: 1px solid #ccc; clear:both;} .advForm_submit { margin:4px 0 0 210px; padding:8px 10px; color: #fff; background-color:#ab0c0e; border: none; cursor:pointer; text-transform:uppercase;} .advFormError { color: red; border-bottom: 1px solid #ccc;margin-bottom:25px;} .advFormError ul { padding-bottom:10px;} /* -- simple forms page -- */ /* ------------------------- */ .simpleForm { width:500px; } .simpleForm_denotes { font-style:italic; padding-bottom:5px;} .simpleForm_star { color:red;} .simpleForm_item { padding:0px 0px 10px 0px; width:500px; overflow:hidden;} .simpleForm_item label { float:left; width: 200px; padding-right:10px; text-align:right; font-weight:bold;} .simpleForm_itemTextArea { padding:0px 0px 10px 0px; width:500px; overflow:hidden;} .simpleForm_itemTextArea label { float:left; width: 200px; padding-right:10px; text-align:right; font-weight:bold; } .simpleForm_submitRow { margin-top:10px; padding-top:10px; border-top: 1px solid #ccc; clear:both;} .simpleForm_submit { margin:4px 0 0 210px; padding:8px 10px; color: #fff; background-color:#ab0c0e; border: none; cursor:pointer; text-transform:uppercase;}