/*************************************************************************** -- File: custom.css -- Description: Custom styles for the Thesis Theme -- Style Name: Thesis Sales Page Style -- URL: http://www.salespagetheme.com/ -- Style Description: Thesis Sales Page Style with sliding pages on the static front page and blog and standard pages on the inner pages -- Style Version: 1.0 -- Latest Style Update: February 7, 2010 -- Author: ThesisStyles.com -- Author URL: http://www.thesisstyles.com -- Style Copyright: (c) 2010 ThesisStyles.com - All rights reserved. -- The Thesis Sales Page Style is licensed to the original purchaser only for use on a single website. Use on multiple websites or distribution of this software is prohibited without written consent. -- This style is distributed WITHOUT ANY WARRANTY, and without the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. ***************************************************************************/ /* BASIC USAGE (DIYTHEMES): 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/ */ /*====================================*/ /* COLORS */ /*====================================*/ /* #090A0C - dark gray - footer #0483B8 - medium blue - menu dropdown background - front page headline #02486B - dark blue - links - headlines #183D4D - very dark blue #111111 - very dark gray - body font #888888 - gray - previous/next arrows on front page #F5F5F5 - very, very light gray - front page content background #E5E3E4 - very light gray - front page content border */ /*====================================*/ /* GENERAL UI MODS */ /*====================================*/ /* change cursor over dates, etc to default from a question mark */ .custom abbr, .custom acronym { cursor: default; } /*====================================*/ /* BORDERS AND BACKGROUND */ /*====================================*/ /* background behind the header */ body.custom { background: url('images/body-bg-inner.png') repeat-x; } /*====================================*/ /* HEADER AREA */ /*====================================*/ /* remove background from header area */ .custom #header_area .page { background: none; } /* header padding */ .custom #header { padding-top: 1em; } /* remove line at bottom of header */ .custom #header { border-bottom: none; } /*------------------------------------*/ /* header image */ .custom #header #logo a { display: block; height: 150px; background: url('images/header-inner.png') no-repeat; outline: none; margin:-10px; margin-left: -80px; } /* push title and tagline to far left and make tagline tiny */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } /*====================================*/ /* THESIS NAVIGATION BAR */ /*====================================*/ /* position the menu */ .custom .menu { position: relative; top: 11px; } /* common menu characteristics */ .custom .menu, .custom .menu a, .custom .menu li ul { color: #FFFFFF; font-family: "Arial", Helvetica, sans-serif; background:none; border: none; } /* menu font characteristics */ .custom .menu a {font-weight: bold; font-size: 12px; text-align: center; text-transform: none; padding-top: 12px; padding-bottom: 10px; outline: none; background: none;} /* menu current item characteristics */ .custom .menu .current > a, .custom .menu .current-cat > a, .custom .menu .current-parent > a, .custom .menu .current-cat-parent > a { color: #FFFFFF; background: #444444; cursor: pointer; } /* menu hover characteristics */ .custom .menu a:hover, .custom .menu .current > a:hover, .custom .menu .current-cat > a:hover, .custom .menu .current-parent > a:hover, .custom .menu .current-cat-parent > a:hover { color: #0483B8; background: #444444; cursor: pointer; outline: none; } /* dropdown background and font color */ .custom .menu li ul a { color: #FFFFFF; background: #0483B8; padding-top: 6px; padding-bottom: 6px; } /* dropdown hover state background and border */ .custom .menu li li a:hover { color: #0483B8; background: #444444; outline: none; } /* don't display rss in menu */ .custom .menu .rss a { display: none; } /*====================================*/ /* CONTENT BOX */ /*====================================*/ /* no background in content area */ .custom #content_area { background: none; margin-top: 3px;} /* no background on page */ .custom #content_area .page { background: none; } /*====================================*/ /* POSTS AND COMMENTS */ /*====================================*/ /* do not display "comments closed" if they are closed on posts and pages */ .custom .comments_closed p { display: none; } /* CUSTOM COMMENTS CLOSED */ .custom .comments_closed {text-indent: -9999px;} /* comment submit button hover color */ .custom #commentform input.form_submit:hover { color: #02386B; } /*====================================*/ /* FOOTER */ /*====================================*/ /* footer, footer area background */ .custom #footer, .custom #footer_area { height: 100%; background: #090A0C; position: relative; z-index: 10; } .custom #footer_area { padding: 0; } .custom #footer { border: none; } /*---------------------------------------------------*/ /* bottom footer setup */ #bottom_footer { font-size: 1em; text-align: center; color: #FFFFFF; padding-top: 0px; } /* bottom footer links */ #bottom_footer a { color: #FFFFFF; border-bottom: none; } /* bottom footer hover */ #bottom_footer a:hover { color: #0483B8; text-decoration: none; } /*====================================*/ /* FRONT PAGE */ /*====================================*/ body.front_page {background: url('images/body-bg-inner.png') repeat-x; } /*------------------------------------*/ /* header image */ .front_page #header #logo a {display: block;height: 150px;background: url('images/header-inner.png') no-repeat;outline: none; margin-left: -80px; } /*------------------------------------*/ /* front page title */ #front_page_title { text-align: center; text-indent:-9999px; width:910px; height:52px; margin:50px auto 0; background:transparent url(images/front_page_title.png) no-repeat; } /*------------------------------------*/ /* id for the entire page slider area */ #page_slider { position: relative; top: 30px; margin:0 auto; } #page_slider a { outline: none; } /*------------------------------------*/ /* id for the page content */ #page_content { padding: 0 0 100px; margin: 0; list-style: none; overflow: hidden; position:relative; clear:both;} /* page content styling */ /* width of the page slider text area: set $page_width in custom_functions.php */ #page_content a { text-decoration: none; outline: none; } /*------------------------------------*/ /* class for all page sections */ /* section width set to number of pages x $page_width + 200 pixels */ /* calculated in custom_functions.php */ .section { padding: 0; margin: 0; list-style: none; position: relative; } /* for each individual subpage */ .section .subpage { list-style: none; padding: 10px 10px 20px 20px; position: relative; float: left; } /*------------------------------------*/ /* previous-next indicators */ .section .next, .section .prev { position: absolute; } .section .next { right: 63px; } .section .prev { left: 35px; } /*------------------------------------*/ /* front page navigation */ ul.nav { list-style: none; position: relative; left: 8px; display:block; } ul.nav li { margin-right: 5px; float:left; position:relative; outline: none; display: block} ul.nav a, ul.nav a:link, ul.nav a:visited, ul.nav a:focus { text-decoration: none; outline: none; font-weight:bold; display: block; } /*------------------------------------*/ /* subpage content styling */ .section .subpage p { margin: 16px 0; } .section .subpage ul { list-style-position: inside; list-style-type: square; margin: 16px 20px; padding-right: 10px; } /*------------------------------------*/ /* ThesisStyles settings for salespagetheme.com */ /* use these if you want */ .section .subpage p { line-height: 1.5em; } .section .subpage h2 { font-size: 1.6em; font-weight: bold; text-align: center; font-family: Trebuchet MS, sans serif; padding: 0 10px 0 10px; color: #045982; position: relative; left: -19px; } .section .subpage ul { line-height: 1.5em; } #go_button { background: #000; height: 44px; width: 152px; text-align: center; color: #ff0000; } .go_button:hover {} /* login box below header */ #amemberLogin { height: 37px; width: 960px; float: left; margin-top: 5px; background:transparent; color: #fff;} #nav-bar { background: url('/members/templates/images/mem-login-arrow.png') transparent no-repeat left center; color: #fff; font-size: 1.2em; height: 44px; margin: 2px auto 0; padding: 0 0 0 150px; text-align: left; width: 700px;} #nav-bar a, #nav-bar a:visited {color: #fff;text-decoration: underline; font-weight: normal;} #nav-bar a:hover, #nav-bar a:focus, #nav-bar a:active {color: #333; background-color: #fff; text-decoration: none; font-weight: normal;} #nav-bar form { margin: 0; padding: 0; display: inline; } #nav-bar p {display: inline;} #nav-bar .message {font-size: 1.1em; float: left; margin:0; padding: 14px 0 10px 0;} #nav-bar p.left {float: left;} #nav-bar p.right {font-size: 1.1em;float: right; padding: 14px 0 0 0;} #nav-bar .go-button { margin: 12px 0 0 2px; padding: 0 0 3px 0; border: 0 !important; background: transparent !important; } #nav-bar label { float: left; margin: 17px 3px 0 0; padding: 0; font-size:.9em;} #nav-bar .request { font-size: .8em; margin: 0 0 0 240px; padding: 0;} #nav-bar input.text-input {background: url('/members/templates/images/bg-form-text.png') #fff no-repeat left top; border: 1px solid #CACACA; float: left; margin: 12px 10px 0 0; padding: 4px; width: 100px;}