/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* FONT-FACE */ @font-face { font-family: 'QlassikMediumRegular'; src: url('http://healthfoodlover.com/hfl/fonts/Qlassik_TB-webfont.eot'); src: local('☺'), url('http://healthfoodlover.com/hfl/fonts/Qlassik_TB-webfont.woff') format('woff'), url('http://healthfoodlover.com/hfl/fonts/Qlassik_TB-webfont.ttf') format('truetype'), url('http://healthfoodlover.com/hfl/fonts/Qlassik_TB-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QlassikBoldRegular'; src: url('http://healthfoodlover.com/hfl/fonts/QlassikBold_TB-webfont.eot'); src: local('☺'), url('http://healthfoodlover.com/hfl/fonts/QlassikBold_TB-webfont.woff') format('woff'), url('http://healthfoodlover.com/hfl/fonts/QlassikBold_TB-webfont.ttf') format('truetype'), url('http://healthfoodlover.com/hfl/fonts/QlassikBold_TB-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MarketingScript'; src: url('http://healthfoodlover.com/hfl/fonts/MarketingScript-webfont.eot'); src: local('☺'), url('http://healthfoodlover.com/hfl/fonts/MarketingScript-webfont.woff') format('woff'), url('http://healthfoodlover.com/hfl/fonts/MarketingScript-webfont.ttf') format('truetype'), url('http://healthfoodlover.com/hfl/fonts/MarketingScript-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } body.custom {background:url('images/bg.gif') repeat;} .custom .headline_area h1, .custom .headline_area h2 {font-family:MarketingScript,'trebuchet ms', verdana, sans-serif;text-align:center;font-size:33px;line-height:30px;width:450px;margin:0 auto 5px;text-shadow:1px 1px 1px #ddd;} .custom .teaser h2 {font-family:MarketingScript,'trebuchet ms', verdana, sans-serif;text-align:center;font-size:25px;line-height:22px;width:450px;margin:0 auto 5px;text-shadow:1px 1px 1px #ddd;} .custom .headline_meta {text-align:center;text-transform:uppercase;letter-spacing:2px;} .custom #container {width:1010px;padding-top:none;} .custom #page {background:none;} /* PRIMARY NAV */ .custom .menu {margin:14px 20px 0px 40px;background:none;text-shadow:1px 1px 1px #999;} .custom .menu a {font-size:16px;font-family:QlassikBoldRegular,'trebuchet ms', verdana, sans-serif;background:none;padding:4px 15px;} .custom .menu a:hover {background:#C3DF69;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .custom .submenu {width:179px;background:#6CBDAC;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .custom .submenu a {padding:4px 15px;} /* SECONDARY NAV */ .custom #secondarynav ul {list-style:none;} .custom #secondarynav li {display:inline;padding:0 20px;} .custom #secondarynav a:hover {text-decoration:underline;} .custom #secondarynav {height:14px;padding-top:15px;margin-left:73px;font-size:12px;text-transform:uppercase;letter-spacing:2px;} /* HEADER */ .custom #header {background:url('images/headerbg.png') no-repeat;height:235px;padding:0;border:0;} /* CONTENT */ .custom #content_box {background:url('images/contentbg.png') repeat-y;padding:0px 25px;} .custom #content {width:600px;} .custom .post, .custom .post_box {background:#fff;padding:20px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;margin-bottom:10px;box-shadow:1px 1px 5px #999;-moz-box-shadow: 1px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999;} .custom .teaser {width:527px;} .custom .teaser_right {float:left;} .custom .teasers_box {padding-top:0px;padding-bottom:0px;} .custom .teaser .format_teaser {margin-top:5px;} .custom .teaser .teaser_link {float:right;text-transform:uppercase;letter-spacing:2px;} /* SIDEBAR */ .custom #multimedia_box {background:none;padding:0;} .custom #sidebars {margin-right:30px;width:375px;} .custom #sidebar_1, .custom #sidebar_2 {width:160px;} .custom #sidebar_1 {padding-right:20px;} .custom .sidebar ul.sidebar_list, .custom #sidebar_2 ul.sidebar_list {padding:0px;} .custom #sidebars h3 {background:url('images/heartbg.png') no-repeat;padding:20px 0 0 15px;margin:0 0 10px -10px;font-family:MarketingScript,'trebuchet ms', verdana, sans-serif;font-size:28px;line-height:20px;font-variant:normal;min-height:30px;letter-spacing:0px;text-shadow:1px 1px 3px #fff;} /* SIDEBAR SEARCH */ .custom input, .custom textarea {background:#fff;} .custom #sidebarsearch input {width:330px;height:25px;padding-left:5px;} .custom #sidebarsearch {margin-top:10px;} /* FOOTER */ .custom #footer {background:#fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;box-shadow:1px 1px 5px #999;-moz-box-shadow: 1px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999;padding:10px 20px 20px;} .custom #footer input, .custom #footer textarea {border:0;} /* FAT FOOTER */ .custom #fatfooter {color:#593f2a;padding:0 20px;margin-bottom: 25px;overflow: hidden;} .custom #fatfooter a:link, .custom #fatfooter a:visited {color:#8b9626;text-decoration:none;border:none;} .custom #fatfooter a:hover {color:#8b9626;text-decoration:underline;border:none;} .custom #fatfooter p {margin-bottom:8px;font-size:14px;line-height:20px;} .custom #fatfooter .footer_items {text-align:left;display:inline-block;font-size:14px;float: left;height:100%;} .custom #fatfooter #footer1, .custom #fatfooter #footer2, .custom #fatfooter #footer3 {width:220px;padding-right:25px;} .custom #fatfooter #footer4 {width:175px;padding-right:0;} .custom #fatfooter h3 {margin-bottom:10px;margin-top:25px;background:url('images/greebheartbg.gif') no-repeat;padding:20px 0 0 15px;margin:16px 0 10px -10px;font-family:MarketingScript,'trebuchet ms', verdana, sans-serif;font-size:28px;line-height:20px;font-variant:normal;min-height:30px;letter-spacing:0px;} .custom #fatfooter .footer_items ul li {list-style: none;margin-bottom:0.692em;line-height:1.429em;} .custom #fatfooter .footer_items ul { margin: 0px; padding: 0px; } /* TO COMMENTS LINKS */ .custom .format_text .to_comments span.bracket, .custom .comments_intro span.bracket {color: #D3E6E0; font-size:24px;} .custom .format_text .to_comments span, .custom .comments_intro span {color:#593f2a; font-size:18px;} .custom .format_text .to_comments, .custom .comments_intro {font-size:13px;} /* PREV–NEXT POST */ .custom .prev_next {margin:20px 0 20px 40px;} .custom .prev_next p {font-size:14px; line-height:24px;} .custom .prev_next a {font-size:17px; line-height:24px;} /* BLOCKQUOTE */ .custom .format_text blockquote {margin: 0 24px 20px 24px; padding: 16px 24px 0 24px; border: 1px dotted #2f7684; background: #d5ded9; /* COMMENT BODERS */ .custom #comments {margin-top:10px;border-top:0px;background:#fff;padding:20px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;margin-bottom:10px;box-shadow:1px 1px 5px #999;-moz-box-shadow: 1px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999;margin-left:11px;width:527px;} .custom .comments_intro p {color:#593f2a;} .custom dl#comment_list {border-top:2px dotted #D3E6E0;} .custom #commentform {border-top:0;} .custom #commentform input.form_submit {background:#593f2a;border-width:0px;color:#FFFFFF;font-weight:normal;padding:10px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .custom #comments {margin-right:0px;} .custom dl#comment_list dd {padding-bottom:10px;border-bottom:2px dotted #D3E6E0;} .custom dl#comment_list dl dt, .custom dl#comment_list dl dd {border:0;} .custom dl#comment_list .bypostauthor {background:#E6F1ED;padding-top:10px;padding-bottom:10px;border-width:0;} .custom dl#comment_list dl dd.bypostauthor > .format_text {border-width:0px;} .custom dl#comment_list dl dd.bypostauthor {border:0;} .custom dl#trackback_list {border-top:2px dotted #D3E6E0;} .custom #respond_intro p {color:#8b9626;font-family:MarketingScript,'trebuchet ms', verdana, sans-serif;font-size:28px;} .custom .comments_closed p {display:none;} /* FOODBUZZ */ .custom #foodbuzz {width:300px;margin:18px;}