/* 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/ */ /* Main page area customisation */ body.custom { background: #b3b3b3; } .custom #container { margin-top: 0em; margin-bottom: 1em; padding: 0.3em; background: #b3b3b3; border: 0.3em solid #3e3e3a; } .custom #page { background: #fff; } /*end main page custom*/ /* REMOVE MARGIN AT TOP OF HEADER*/ .custom #page { padding-top: 0; } .custom #header {border-bottom:none; height:161px; padding-top:0; padding-bottom:0; background:url(images/header.jpg) centre left no-repeat;} /* NAV BAR CUSTOMISATION*/ .custom .menu { list-style: none; border: 0px solid #ddd; padding: 0.2em 3.0em; border-width: 0 0 0px 0px; } /* main tabs */ .custom .menu li ul{ margin-bottom: -0.1em; background: #7aa3c3 url('http://www.raising-angels.com/wp-content/themes/thesis/custom/images/tab-left.jpg') left top no-repeat; tex-decoration : none; border: 0px solid #000; border-left: 0em; float: left; } /* current page tab */ .custom .menu .current, .menu .current-tab { margin-bottom: -0.1em; background: #c879e0 url('http://www.raising-angels.com/wp-content/themes/thesis/custom/images/current-left.jpg') left top no-repeat; tex-decoration : none; border: 0px solid #000; } .custom .menu a { display: block; line-height: 1em; color: #111; text-transform: uppercase; letter-spacing: 2px; } /* hover over tab */ .custom .menu a:hover { background: #e5e350 url('http://www.raising-angels.com/wp-content/themes/thesis/custom/images/hover-left.jpg') left top no-repeat; color: #111; text-decoration: none; } .custom .menu .current a, .menu .current-taba { cursor: default; } .custom .menu .current a:hover, .menu .current-tab a:hover { text-decoration: none; } /****************************/ /* RED POST HEADINGS */ .custom .entry-title a, .custom .entry-title { color: #AD4242 !important; } /* MUST READS*/ .custom div.mustreads a {display: block; color:#000000; padding: 0.2em 0.5em; text-decoration: none; font-size: 13px; border-bottom: 1px dotted #35a500;} .custom div.mustreads a:hover {background-color: #c3d9b4; color: #000000;} /* TOP TIPS */ .custom div.toptips a {display: block; color:#000000; padding: 0.2em 0.5em; text-decoration: none; font-size: 13px; border-bottom: 1px dotted #ad0dde;} .custom div.toptips a:hover {background-color: #d7b8e0; color: #000000;} /* RECIPES */ .custom div.recipes a {display: block; color:#000000; padding: 0.2em 0.5em; text-decoration: none; font-size: 13px; border-bottom: 1px dotted #028ecf;} .custom div.recipes a:hover {background-color: #a5bec9; color: #000000;} /* WORLD PEACE */ .custom div.worldpeace a {display: block; color:#000000; padding: 0.2em 0.5em; text-decoration: none; font-size: 13px; border-bottom: 1px dotted #bfbc00;} .custom div.worldpeace a:hover {background-color: #e6e5b6; color: #000000;} /* POPULAR */ .custom div.popular a {display: block; color:#000000; padding: 0.2em 0.5em; text-decoration: none; font-size: 13px; border-bottom: 1px dotted #e36a00;} .custom div.popular a:hover {background-color: #e3ba96; color: #000000;} /* MOVE MAIN CONTENT PAGE AWAY FROM NAV BAR */ .custom ul#tabs {margin-bottom:0.5em;} /* REMOVE SPACE BEFORE / AFTER MULTIMEDIA BOX & BACKGROUND COLOUR CHANGE*/ .custom #multimedia {margin-bottom: -1em;} .custom #multimedia {margin-top: -0.5em;} .custom #video_box {background:#ffffff; } /* SPACE BETWEEN NAVBAR AND SIDEBARS */ .custom .sidebar {margin-top: -1.5em;} /* SPACE BETWEEN WIDGETS */ /*.custom li.widget {margin-bottom: 1.5em;}*/