/* 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/ */ /*---:[ Set 1: solid background with slick borders around your "page" area ]:---*/ body.custom { background: #fff6cc; } .custom #container { margin-top: 1em; margin-bottom: 2em; padding: 0.3em; background: #eee7bb; border: 0.4em solid #f9eec6; } .custom #page { background: #fff; } .custom #content { padding-bottom: 30px; } /*---:[ end Set 1 ]:---*/ h1, h2, h3, h4, h5 { line-height: 1; } .small { font-size: 9px; } .clear { clear: both; } img#wpstats { display: none; } div#feature_box { border: 0; background: #fff url(images/smiling-cosmetics-large.jpg) top right no-repeat; padding: 0; } #landing-ad { padding: 20px 15px 5px; } #landing-ad h1 { color: #00b2d2; font-size: 36px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: -1px; line-height: 48px; } #landing-ad ul { list-style: none inside url(images/bullet-check.gif); margin: 8px 0 0; } #landing-ad ul li { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #444; line-height: 32px; } #landing-ad .subscribe { font-family: Helvetica, Arial, sans-serif; font-size: 36px; color: #00b2d2; margin: 8px 0 0; } #landing-ad .subscribe a { color: #00b2d2; } #landing-ad .subscribe img { margin-bottom: -5px; } #multimedia-explain { float: right; margin-top: 20px; margin-bottom: -5px; } #landing-subscribe { float: left; width: 551px; background: #00b2d2; padding: 0 6px 0 18px; margin-top: 20px; } .subscribe2 #landing-subscribe, .video #landing-subscribe, .gluten-free-cosmetics #landing-subscribe { float: none; } .subscribe2 #landing-subscribe, .subscribe2 #landing-ad, .video #landing-subscribe, .gluten-free-cosmetics #landing-subscribe { margin: 2em auto; text-align: center; } .subscribe2 #content .headline_area h1 { font-size: 36px; font-weight: bold; text-align: center; } .subscribe2 h3, .video h3, .gluten-free-cosmetics h3 { font-size: 24px; font-weight: bold; color: #444; } .video #content h2, .gluten-free-cosmetics h2 { font-family: Helvetica, Arial, sans-serif; font-size: 30px; letter-spacing: -1px; font-weight: bold; } #landing-subscribe .options { float: left; width: 160px; height: 161px; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 24px; letter-spacing: normal; background: transparent url('images/pay-button-shadow-left.png') top right repeat-y; } #landing-subscribe .options p { vertical-align: middle; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 26px; letter-spacing: normal; line-height: normal; padding-top: 0.5em; } #landing-subscribe .button { float: left; padding: 5px 0 5px 24px; background: transparent url('images/pay-button-shadow-right.png') top left repeat-y; } #landing-subscribe .extended { padding: 0; } #landing-subscribe .extended img { margin: -16px 0; } #landing-subscribe .button input { border: 0; background: transparent; } /*--------------------- Header ---------------------*/ .custom #header { padding: 1em 0 0 0; height: 80px; border-bottom: 14px solid #fde; line-height: 0; } .custom #header a { margin: 0; padding: 0; } .custom #header #logo { float: left; } /*------------------- End Header -------------------*/ /*---------------------- Tabs ----------------------*/ .custom ul#tabs { background: #4C3177 url(images/nav-background.gif) repeat-x top left; height: 30px; } .custom #tabs .search { float: right; padding: 2px 10px 0; } .custom #tabs .search .textfield { width: 150px; } .custom #tabs li { float: left; border: 0; } .custom #tabs li a:hover { background: #a092be; background-image: none; color: #fff; text-decoration: none; } .custom #tabs li.current_page_item a { border-bottom: 1px solid #ddd; } .custom #tabs li.page-item-4 { float: right; } .custom #tabs li a { display: block; padding: 0 10px; background: #4C3177 url(images/nav-background.gif) repeat-x top left; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 30px; letter-spacing: normal; text-transform: none; } /* Gluten Free Hub Link: */ .custom div.gfh-link { position: absolute; top: 0; right: 0; } .custom div.gfh-link a { } .custom div.gfh-link a:hover { } /*-------------------- End Tabs --------------------*/ /*-------------------- Content ---------------------*/ .welcome .headline_area, .login .headline_area, .video .headline_area, .gluten-free-cosmetics .headline_area { display: none; } .login #content { padding-top: 20px; padding-bottom: 60px; } .faqs ol li { margin: 1em 0; } .faqs strong { color: #4c3177; } .video h2, .gluten-free-cosmetics h2 { font-size: 28px; color: #222; letter-spacing: -1px; margin-top: 0; } .video h2, .video p, .gluten-free-cosmetics h2, .gluten-free-cosmetics p { text-align: center; } .video p, .gluten-free-cosmetics p { font-size: 16px; } .custom #content_box { clear: both; } .custom h2.entry-title, .custom p.headline_meta { } .custom h1.entry-title, .custom h2.entry-title a, .custom h2.entry-title, .custom .headline_area h1 { letter-spacing: -1px; line-height: 1; } .custom #archive_info h1, .custom h1.entry-title, .custom .headline_area h1 { font-size: 28px; letter-spacing: -1px; color: #00b2d2; } .custom .ratingblock { margin-top: -1.5em; } .custom .ratingblock .ratingblock, .custom .ratingheader, .custom .ratingstars, .custom .ratingtext { margin: 0; float: left; padding-bottom: 4px; } .custom .ratingstars { padding-top: 2px; } .custom .ratingtext { color: #444; padding-left: 0.5em; } .custom .edit_post { text-transform: capitalize; letter-spacing: 0; } .custom .format_text ul.cat-listing { list-style: none; margin-top: 1em; margin-left: 1em; } .custom .format_text ul.cat-listing li + li { padding-top: 1em; margin-top: 1em; border-top: 1px dotted #ccc; } .custom .format_text ul.cat-listing li a { font-size: 22px; font-family: Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #000; text-decoration: none; } .custom .format_text ul.cat-listing li a:hover { color: #2361a1; } .custom #footer p { text-align: center; margin: 1em 0; } .custom #footer a { font-size: 13px; color: #369; margin: 0 0.5em; border-color: #369; } .custom #footer p.legal { font-size: 8px; color: #999; margin: 3em 0 1em; } .custom #searchform { background: #fde; padding: 1em 0 1em 1em; } .custom #searchform label { } .custom #searchform label, .custom #searchform input { font-family: Helvetica, Arial, sans-serif; font-size: 21px; } .custom #searchform input#s { background: #fff; width: 50%; } .custom input#searchsubmit { width: auto; color: #fff; background: #7765af; border: 1px solid #4c3177; padding-left: 0.5em; padding-right: 0.5em; font-size: 20px; cursor: pointer; } *:first-child+html .custom input#searchsubmit { padding-left: 0; padding-right: 0; font-size: 18px; } .custom input#searchsubmit:hover { background: #4c3177; } .welcome h3 { margin-top: 1em; font-family: Helvetica, Arial, sans-serif; } .gluten-free-cosmetics h3 { text-align: center; } #product-list { padding-bottom: 1em; } .gluten-free-cosmetics #product-list { width: 600px; margin: 1em auto; } #product-list ul { float: left; margin: 0 0 0 1.25em; list-style-type: disc; width: 30%; } #product-list li { line-height: normal; margin: 0.5em 0; letter-spacing: -1px; } .welcome #content_box { background-image: none; } .custom #sidebars { background: #000; } .custom #sidebars #sidebar_1 { background: #fff; } .custom #sidebars h3 a { color: #00b2d2; } .custom #sidebars li.widget h3 { font-family: Helvetica, Arial, sans-serif; font-variant: normal !important; letter-spacing: -1px; font-size: 21px; padding-top: 1.5em; margin-top: 0; color: #00b2d2; font-weight: bold; } .custom #multimedia_box { margin-bottom: 0; } .custom #video_box { position: relative; z-index: 0; } .custom #custom_box { padding: 0; border: 0; background: transparent; } .custom #sidebar_searchform { background: #fde; padding: 0.5em 0 1.5em 1em; margin: 0 0 2em; } .custom #sidebar_searchform label { } .custom #sidebar_searchform label, .custom #sidebar_searchform input { font-family: Helvetica, Arial, sans-serif; font-size: 16px; } .custom #sidebar_searchform input#sidebar_s { background: #fff; width: 50%; } .custom input#sidebar_searchsubmit { width: auto; color: #fff; background: #7765af; border: 1px solid #4c3177; padding-left: 0.5em; padding-right: 0.5em; font-size: 14px; cursor: pointer; } *:first-child+html .custom input#sidebar_searchsubmit { padding-left: 0; padding-right: 0; font-size: 12px; } .custom input#sidebar_searchsubmit:hover { background: #4c3177; } .sponsors h3 { font-size: 18px; font-weight: bold; margin: 2em 20px 1em; text-align: center; } .sponsors p { text-align: center; margin: 0.5em 0; } .login h1 { width: 400px; margin: 0 auto; } #login-box { width: 348px; height: 450px; margin: 0 auto; padding: 20px 26px 0; background: #fff url(images/login-background.png) top left no-repeat; } #login-box label, #login-box p { font-weight: bold; } #login-box p { color: #666; margin-bottom: 0; font-size: 16px; } #forgot-form { border-top: 1px solid #ccc; margin-top: 1em; padding-top: 1em; } #login-box .button { text-align: center; margin: 0.5em 0 0; } #login-box label { display: block; margin: 0.5em 0; color: #4c3177; } #login-box input[type="text"], #login-box input[type="password"] { border: 1px solid #4c3177; background: #fff; padding: 6px; width: 334px; } #login-box input[type="checkbox"] { width: auto; } #login-box .button input { background: transparent; border: 0; width: 206px; } .browse-button { padding-top: 6px; } .browse-button a { display: block; background: #7765af; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 22px; text-decoration: none; padding: 1em 10px 1em 20px; width: 237px; } .browse-button a:hover { background: #4c3177; } .browse-button a.product { float: left; } .browse-button a.company { float: right; } .custom #respond_intro p { display: none; } .custom .comment-heading { font-size: 14px; color: #666; margin-bottom: -2.5em; padding: 0.5em;} /*------------------ End Content -------------------*/