/* File: custom.css Description: Custom styles for the Thesis Theme that you define Use: 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 overwrite *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! */ /*--- [ START STYLING BY ADRIAN ] ---*/ /*-- .custom #header_area { height: 190px; background: url(images/bg_header.png) repeat-x top left; } --*/ .custom #header_area { height: 190px; border-bottom: 1px solid #D2E59D; background: url(images/bg_header_blue.png) repeat-x top left; background-color: #F2FCD7; } .custom #header { border: none; overflow: hidden; padding: 0; margin: 0; } .custom #logo { float: left; margin-left: 10px; } .custom #logo a { display: block; width: 217px; height: 83px;background: url(images/logo.png) no-repeat top left; } .custom #logo a span { display: none; } .custom #header #tagline { float: left; width: 220px; color: #8DB6D3; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.2; margin: 50px 0 0 20px; } .custom #searchform { float: right; margin: 38px 10px 0 0; } .custom #searchform h3 { font-size: 120%; color: #FFFFFF; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.2; margin-bottom: 5px; } .custom #searchform input { float: left; padding: 4px; width: 175px; font-size: 130%; font-family: Georgia, Helvetica, Arial, sans-serif; } .custom #searchform #btn-search { float: left; width: 59px; height: 26px; background: url(images/btn_search.png) no-repeat top left; border: none; margin: 0 0 1px 3px; cursor: pointer; } .custom ul#tabs { width: 100%; float: left; margin-top: 34px; border: none; font-family: Helvetica, Arial, sans-serif; font-size: 130%; font-weight: bold; } .custom ul#tabs li { border: none; background: none; } .custom ul#tabs li.current_page_item, ul#tabs li.current-cat { border-bottom: 0; } .custom ul#tabs li a, ul#tabs li a:visited { text-transform: none; letter-spacing: 0; color: #3F650C; padding: 18px 15px; } .custom ul#tabs li a:hover { color: #3F650C; text-decoration: underline; } /*-- .custom ul#tabs li.current_page_item a, ul#tabs li.current_page_item a:visited, ul#tabs li.current-cat a, ul#tabs li.current-cat a:visited { color: #3F650C; background: url(images/bg_menu_active.png) repeat-x bottom left; } --*/ .custom ul#tabs li.current_page_item a, ul#tabs li.current_page_item a:visited, ul#tabs li.current-cat a, ul#tabs li.current-cat a:visited { color: #3F650C; background-color: #D2E59D; } ul#tabs li.rss { font-size: 85%; } ul#tabs li.rss a, ul#tabs li.rss a:visited { padding-right: 20px; background: url('images/ico_rss_small.png') 100% 50% no-repeat; } .custom #footer_area { border-top: 5px solid #D2E59D; background: #F2FCD7; padding: 15px 0; } .custom #footer_area .page { padding: 0; } .custom #footer { border-top: none; text-align: left; color: #334251; overflow: hidden; font-size: 130%; } .custom #footer ul { list-style: none; } .custom #footer h3 { font-size: 130%; color: #333333; margin-bottom: 10px; } .custom #footer a { color: #64A012; border: none; } .custom #footer a:hover { text-decoration: underline; } .custom #footer-left { float: left; width: 20%; background: url(images/bg_footer_left.gif) no-repeat top left; padding-top: 70px; } .custom #footer-right { float: left; width: 75%; margin-left: 30px; } .custom .footer-columns { overflow: hidden; } .custom .column { float: left; width: 30%; margin-right: 40px; } .custom li#col-categ { width: 25%; } .custom li#col-resources { margin-right: 0; } .custom .column ul li { border-top: 1px solid #E2EAB7; padding: 6px 3px; } .custom .footer-links { border-bottom: 1px solid #E2EAB7; border-top: 2px solid #E2EAB7; margin-top: 20px; } .custom .footer-links ul { padding: 8px 3px; overflow: hidden; } .custom .footer-links ul li { float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #D1D2D3; } .custom #footer-copy { padding: 5px 3px 36px; } /* Misc Styling */ .custom #content_box { background: #FFFFFF; } .custom #column_wrap { background: #FFFFFF; } .custom #multimedia_box { margin-top: 15px; } .custom #image_box { border: none; background: #FFFFFF; } .custom .entry-title a { color: #64A012; } .custom .entry-title a:hover { text-decoration: underline; } .custom .thesis_widget_subscriptions .sub_rss { padding: 15px 0; border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; } .custom .thesis_widget_subscriptions .sub_rss a { background: url('images/ico_rss.png') no-repeat 0 50%; font-size: 110%; padding: 10px 0 15px 38px; font-weight: bold; } .custom .infolink { padding-left: 20px; background: url(images/ico_info.png) no-repeat top left; } .custom #title-submail { background: url('images/ico_email.png') no-repeat 0 50%; font-size: 110%; padding: 10px 0 5px 38px; font-weight: bold; } /*-- .custom #btn-subscribe { width: 79px; height: 26px; background: url(images/btn_subscribe.png) no-repeat top left; border: none; margin-top: 5px; cursor: pointer; } --*/ .custom #btn-subscribe { width: 79px; height: 26px; background: url(images/btn_subscribe.png) no-repeat top left; border: none; cursor: pointer; } .custom #input-subscribe { font-size: 120%; } .ico-small { vertical-align: middle; margin: 0 5px 2px 0; } #wufooform { width: 500px; margin-left: 20px; } /*--- [ END STYLING BY ADRIAN ] ---*/ /*--- [ START STYLING BY Scott ] ---*/ .custom .divNote { background: #FFFFE0; border: 1px solid #E6DB55; padding: 5px; margin-bottom: 15px; } .custom .divNoteGrey { background: #f5f5f5; border: 1px solid #ddd; padding: 5px; margin-bottom: 15px; } .custom .divNoteBlue { background: #3F0F2; border: 1px solid #ADDDE6; padding: 5px; margin-bottom: 15px; } .custom .feature { background:#F7F3E2 none repeat scroll 0 0; border:1px solid #DDCE93; margin-bottom:1.571em; padding:0.571em 0.786em; } .custom div.YouTubeVid { text-align: center; padding-bottom: 15px; } /*---:[ Sidebar Title ]:---*/ .custom .sidebar h3 { font-size: 0.846em; font-weight: bold; line-height: 1.455em; margin-bottom: 1em; padding: 0.636em 0.455em 0.545em 0.455em; text-transform: uppercase; font-variant: normal; letter-spacing: 2px; color: #111111; border-top: 1px #dddddd solid; border-bottom: 1px #dddddd dotted; } .custom acronym { font-weight: bold; font-size: 0.786em; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: -moz-use-text-color; cursor: help; } /*--- [ custom space for ordered lists in posts] ---*/ .custom ol.ListPad li { margin-bottom: 15px; } .custom ul.posts { list-style-type: circle; } .custom blockquote.postQuote { margin-top: 30px; padding-right: 30px; font-size: 1.45em; font-style: italic; } /*--- [ Adsense Styling ] ---*/ .custom div#ad_PostTop { padding: 0px 15px 5px 0px; float: left; } .custom div#ad_PostBottom { padding-top: 10px; text-align: center; } .custom div#ad_LinksPostBottom { text-align: left; } .custom div#ad_LinksPageWithPostsBottom { padding-bottom: 10px; } /*--- [ Adsense Styling ] ---*/ /*--- [ special toolbar located on each page ] ---*/ .custom .toolbar{ /*background-color: #F6F6F6;*/ background-color: #E7F8FB; height: 2.2em; margin: 0; padding: 0; border: 1px solid #CCC; overflow-x: hidden; overflow-y: hidden; } .custom .toolbar ul { list-style: none; margin: 0; padding: 0; } .custom .toolbar li { display: block; float: left; padding: .2em 12px; } .custom .toolbar li a, .custom .toolbar li a:visited { margin: 0; text-transform: uppercase; vertical-align: middle; line-height:17px; font-size: 0.786em; /*color: #777777;*/ text-decoration: none; } .custom .toolbar li a:hover { text-decoration: underline; } .custom #custom_box { background-color: #fff; } .custom #image_box { background-color: #fff; } /*--- [ END STYLING BY Scott ] ---*/