/* MedMacro Screen CSS */ body { background: #e1e0dc url(../images/pageBg2.jpg) repeat-x; } em { font-style: italic; } strong { font-weight: bold; } /* structure */ #headerContainer { width: 100%; background: url(../images/headerBg2.jpg) no-repeat top center; } #header { margin: 0 auto; width: 962px; height: 145px; } #container { width: 962px; margin: 0 auto; } #left { width: 650px; float: left; margin-bottom: 10px; } #leftContent { background: #ffffff; padding: 20px; margin-top: 3px; } #right { float: left; margin-left: 10px; width: 302px; } #resources, #articles { background: #ffffff; margin: 2px 0 10px; padding: 10px; } div.recipe { margin-bottom: 4px; } div.directions { display: none; margin-top: 8px; padding-left: 10px; } #workshops { background: #ffffff; margin-bottom: 10px; padding: 10px; border: 1px solid #000; } div.workshop { border-top: 1px dashed #999; padding: 10px 0; } #workshops div.first { border-top: none; } #newsletter { background: #edeceb; padding: 10px; margin-bottom: 10px; } #radio_show { background: #fff; padding: 10px; margin-bottom: 10px; } #follow_us { background: #fff; padding: 10px 10px 0; margin-bottom: 10px; } #brochure { background: #fff; padding: 10px; margin-bottom: 10px;} #footer { clear: both; background: url(../images/footerBg.jpg) no-repeat; height: 79px; padding: 27px 0 0 30px; } /* headers */ h1 { text-indent: -1000em; background: url(../images/logo.png) no-repeat; width: 249px; height: 53px; position: relative; top: 30px; } h2 { font: 22px helvetica; color: #3f3f3f; margin-bottom: 10px; } h3 { font: 15px arial; color: #848484; font-weight: normal; } #leftContent h3 { color: #3f3f3f; margin: 10px 0; } body.store #leftContent h3 { clear: left; margin: 20px 0 10px; color: #3f3f3f; font-size: 18px; } body.blog #leftContent h3 { margin: 20px 0 0; font-size: 18px; } body.blog #leftContent h3.first { margin: 0; font-size: 18px; } body.resources #leftContent h3 { font-size: 18px; text-decoration: underline; } h4, h4 a { font: bold 12px arial; color: #3f3f3f; } body.blog #leftContent h4 { margin-bottom: 5px; } body.blog #leftContent h4.addComment { margin-top: 20px; } h4.recipeCategory { font: bold 14px arial; margin: 15px 0 4px; text-decoration: underline; } /* lists */ #header ul { position: relative; top: 39px; } #header ul li { float: left; } #header ul li a.home { background: url(../images/nav/home.jpg) no-repeat; width: 113px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.home:hover { background: url(../images/nav/homeOver.jpg) no-repeat; } #header ul li a.about { background: url(../images/nav/about.jpg) no-repeat; width: 113px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.about:hover { background: url(../images/nav/about.jpg) no-repeat -113px 0; } #header ul li a.store { background: url(../images/nav/store.jpg) no-repeat; width: 113px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.store:hover { background: url(../images/nav/store.jpg) no-repeat -113px 0; } #header ul li a.consultation { background: url(../images/nav/consultationShort.jpg) no-repeat; width: 141px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.consultation:hover { background: url(../images/nav/consultationShort.jpg) no-repeat -141px 0; } #header ul li a.news { background: url(../images/nav/news.jpg) no-repeat; width: 142px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.news:hover { background: url(../images/nav/news.jpg) no-repeat -142px 0; } #header ul li a.requestInfo { background: url(../images/nav/requestInfo.jpg) no-repeat; width: 113px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.requestInfo:hover { background: url(../images/nav/requestInfo.jpg) no-repeat -113px 0; } #header ul li a.resources { background: url(../images/nav/resources.jpg) no-repeat; width: 113px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.resources:hover { background: url(../images/nav/resources.jpg) no-repeat -113px 0; } #header ul li a.blog { background: url(../images/nav/blog.jpg) no-repeat; width: 114px; height: 43px; text-indent: -1000em; display: block; } #header ul li a.blog:hover { background: url(../images/nav/blog.jpg) no-repeat -114px 0; } #resources ul, #articles ul { margin-top: 10px; } #resources li, #articles li { background: url(../images/leafBg.gif) no-repeat 0 7px; padding: 5px 10px 5px 20px; border-top: 1px dashed #999; } #resources li.first, #articles li.first { border-top: none; } #resources li a, #articles li a { font: bold 12px arial; color: #3f3f3f; } ul.login_errors { margin: 15px 0 10px; } ul.login_errors li { color: red; } /* paragraphs */ #leftContent p { font: 12px arial; color: #444444; line-height: 18px; margin-bottom: 10px; } #resources p, #articles p { float: right; position: relative; top: -18px; } p.date { font: 11px arial; font-style: italic; color: #848484; } #leftContent p.date { font: 11px arial; font-style: normal; color: #848484; margin-top: 0; } p.description { font: 12px arial; color: #444444; margin-top: 5px; } p.show { display: block; } #leftContent p.articleAuthor { margin-bottom: 0; } #leftContent p.commentTitle { font: 14px arial; margin: 10px 0 0; border-top: 1px dashed #999; padding-top: 10px; } #leftContent p.commentTitleFirst { font: 14px arial; margin: 0; padding-top: 10px; } #leftContent p.commentBody { } #footer p { font: 11px arial; color: #fff; margin-bottom: 6px; } #footer p.footerNav, #footer p.footerNav a { color: #afafaf; } #footer p.dev { font-size: 10px; color: #afafaf; margin-top: -1px; } #leftContent p.error { color: red; } #leftContent p.success { color: #3f3f3f; font-weight: bold; padding: 20px 0; } span.caption { display: block; margin-bottom: 30px; } /* links */ a:hover { text-decoration: underline; } #leftContent p a, p.description a { color: #9dc35d; } #leftContent a.large_links {font-size: 16px;} #leftContent p strong a { color: #444444; text-decoration: underline; } #leftContent p a.commentLink { color: #3f3f3f; } #leftContent p.date a { color: #848484; } body.blog #leftContent h3 a { color: #3f3f3f; } #footer a { color: #fff; text-decoration: underline; } #footer p.dev a { text-decoration: none; xcolor: #afafaf; } #footer p.dev a:hover { text-decoration: underline; } #newsletter a, #radio_show a { font: 12px arial; color: #444444; text-decoration: underline; } #brochure a { font: 14px arial; color: #444444; text-decoration: underline; } /* images */ img.product { float: left; margin: 3px 20px 10px 0; } /* forms */ label { color: #3f3f3f; display: block; } legend { font-weight: bold; font-size: 1.2em; } input.text { width: 280px; margin: 0; border: 1px solid #bbb; background: #eeeeee; padding: 4px; } input.textLarge { width: 500px; margin: 0; border: 1px solid #bbb; background: #eeeeee; padding: 4px; } input.text:focus { border: 1px solid #999; background: #fff; } textarea.large { width: 500px; height: 300px; } textarea { width: 280px; height: 100px; border: 1px solid #bbb; background: #eeeeee; padding: 4px; } textarea:focus { border: 1px solid #999; background: #fff; } input[type='submit'] { margin-top: 10px; } #header form { float: right; position: relative; top: -42px; } #header form input.text { width: auto; border: none; padding: 6px; position: relative; top: -10px; font: 11px arial; color: #848484; background: #ffffff; } #newsletter form { margin-top: 10px; } #newsletter form input.text { width: auto; border: none; padding: 6px 6px 7px; position: relative; top: -10px; font: 11px arial; color: #848484; background: #ffffff; } .red { color: red; }