/* @override http://theshowreel.com/wp-content/themes/thesis_16/custom/custom.css?111909-165948 */ /* 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/ body.custom { background: #8db6b6 url('images/bg-ocean.jpg') 50% 0 no-repeat; } .custom #container { margin-top: 2em; margin-bottom: 2em; } .custom #page { background: #fff; } #logo { font-weight: bold; } #logo {background: url(images/logo.jpg) top left no-repeat;} */ .logo { height: 60px; margin-top: 0px; float: left } .tel-no { height: 60px; margin-top: 0px; float: right } .clear { clear: both } .wpa_container { display: inline-block; vertical-align: top; text-align: left; } .wpa_container a { text-decoration: none; } .wpa_container a:hover { text-decoration: none; } .wpa_container, .wpa_container div, .wpa_container span, .wpa_container a { margin: 0px 0 5px 0; border: 0; padding: 0; font-weight: normal; letter-spacing: normal; line-height: normal; } .wpa_container span.wpa_text { line-height: 27px; } .wpa_container div.wpa_bar, .wpa_container div.wpa_bar div { height: 5px; font-size: 1px; line-height: 1px; overflow: hidden; } .wpa_container div.wpa_bar { display: none; position: relative; margin: 0 0 0 38px; } .wpa_container div.wpa_bar div { position: absolute; top: 0px; left: 0px; } .wpa_container div.wpa_bar div.wpa_bar_load { width: 0; z-index: 10; } .wpa_container div.wpa_bar div.wpa_bar_position { &nbsp;width: 0; z-index: 11; } .wpa_container div.wpa_bar div.wpa_bar_click { width: 100%; z-index: 12; background: transparent; cursor: pointer; } .wpa_container div.wpa_sub { display: none; position: relative; margin: 0 0 0 38px; } .wpa_container div.wpa_sub, .wpa_container div.wpa_sub span.wpa_time, .wpa_container div.wpa_sub span.wpa_dl { font-family: Arial, Sans-serif; font-size: 10px; } .wpa_container div.wpa_sub a.wpa_dl { position: absolute; top: 0; right: 0; } .wpa_container div.wpa_sub span.wpa_dl_info { display: none; position: absolute; top: -130%; left: 105%; border: 1px solid #ddf; padding: 5px; background: #f2f2ff; } .wpa_container img.wpa_play { width: 27px; height: 27px; margin: 0 10px 0 0; border: 0; padding: 0; background: #888; float: left; } .price { font-size: 20px; padding-bottom: 20px; } .headline_area { margin-bottom: 1.2em; } .headline_area h1 { font-size: 25px; line-height: 31px; } .headline_area h2 { padding-bottom: 100px; text-decoration: none; font-style: normal; font-weight: normal; font-size: 15 px; line-height: 20px; } .format_text h2 {} .format_text h3 {} .post_box { padding-top: 0.2em; } .headline_area h1 {font-size: 25px; line-height: 32px;} .headline_area h2 {padding-bottom: 100px; text-decoration: none; font-style: normal; font-weight: normal; font-size: 19px; line-height: 20px;} .format_text h2 {color:#424242} .format_text h3 {} .format_text h4 {} .format_text h5 {} .format_text h6 {} .post_box { padding-top: 0.2em; } /*---:[ nav colors ]:---*/ .menu, .menu a, .menu li ul { border-color: #DDDDDD; outline:none} .menu .current a, .menu .current-cat a { border-bottom-color: #fff; outline:none} .menu ul .current a, .menu ul .current-cat a, .menu .current ul a, .menu .current-cat ul a { border-bottom-color: #DDDDDD; outline:none} .menu a, .menu .current ul a, .menu .current-cat ul a { color: #4076b3; background: #fff;outline:none} .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover { color: #ff8205; background: #fff; outline:none} .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover { color:#ff8205; background: #FFFFFF; outline:none} .menu .current-parent > a, .menu .current-cat-parent > a { color: #111111; background:#F0EEC2; outline:none} #footer { padding-right: 0; padding-left: 0 } .footerlink {border-bottom: 1px solid #ccc; border-width: 0 0 0.3em 0; width: 100%; border-style: double; border-color: #ddd;} .footerlinks {margin: 0 0 10px 0;} .footerlinks ul { float: left; width: 1005px; margin: 0; padding: 0; list-style: none;} .footerlinks li { float: left; width: 201px; margin: 0; padding: 0 0 5px 0; text-align: center;} /* jp sidebar title background color change */ .custom .sidebar h3{background-color:#A6CB00; -moz-border-radius: 1px; padding: 0.1em 0.1em 0.1em 0.3em; font-weight:bold; font-size:1.5em; color:#ffffff;} /* jp background color change */ /*side bar widget area link style */ .custom li.widget ul li{ background:#F0F0F0; border: 0.1em solid #C7C7C7; -moz-border-radius:4px; padding:0.5em; margin:0.5em; } /* ##### Caroline's awesome changes! ##### */ /* orange border under the menu + a bit more padding to make it even */ .custom ul.menu { border-bottom: 15px solid #FF7500; padding-bottom: 13px;} /* all the removing of lines you asked */ .custom #header, .custom .menu, .custom #feature_box, .custom .menu a, .custom .image_box { border: none;} /* this does not change the padding on the menu but makes it in a more precise unit so things can be lined up with it */ .custom .menu a { padding: 7px 9px;} /* removed that horrible massive padding under the heading on the home page */ .custom .headline_area h2 { padding: 0; } /* this lines up the text in the page exatly with the text in the menu */ .custom .post_box, .custom .teasers_box, .custom .full_width { margin-left: 9px;} /* This gets rid of the line on the navigation which wasn't caused by a border but by a background image! */ .custom #content_box { background: none; } /* removed the grey background on main images */ .custom .image_box { background: none;} /* orange line for the footer */ .custom #footer { border-top: 15px solid #FF7500; } /* change selected nav state */ .menu .current-parent > a, .menu .current-cat-parent > a, .menu .current > a { background-color: #FFF; color: #9FD03C; font-weight: bold;}