/* 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/ */ .custom body { margin: 0 auto; padding: 0 auto; font-family: Times, times, serif; font-size: 10.3pt; line-height: 15pt; } .custom a, a:visited { color: #FF4C36; text-decoration: none; } .custom a:hover { color: #FF4C36; text-decoration: underline; } .custom img { border: none; } .custom .sidebar h3 { font-family: Bell Gothic Std, Trebuchet MS, sans-serif; font-weight: normal; font-size: 12pt; text-transform: uppercase; color: #000; letter-spacing: normal; margin-bottom: 0 0 0.5em 0; } .custom h3 { font-family: Times, serif; font-size: 10pt; text-transform: uppercase; } .custom #content .entry-title, .custom #content .headline_area h1, .custom #content .headline_area h2 { font-family: Georgia, sans-serif; font-weight: bold; font-size: 18pt; line-height: 1.16em; text-transform: uppercase; margin: 30px 0 7px 0; } .custom #content .teaser .entry-title { font-size: 12pt; } .custom hr { width: 100%; height: 3px; background-color: #000; border: 0; margin: 22px 0 22px 0; } /* LAYOUT */ .custom .full_width .page { width: 100%; min-width: 1000px; background-color: transparent; } /* HEADER */ .custom #header_area { background: #FF4C36; width: 100%; overflow: hidden; } .custom #header { width: 100%; margin: 0; padding: 0; position: relative; } .custom #header #logo { padding: 30px 40px 0px 40px; margin: 0; } .custom #header #logo a { display: block; width: 559px; height: 60px; text-indent: -5000px; background: url(images/jpf_header_title.png) top left no-repeat; } .custom #header #tagline { position: absolute; margin: 0 0 0 0; top: 0; padding: 30px 4% 100px 7%; right: 0; width: 30%; font-style: italic; font-size: 18pt; line-height: 21pt; color: #6E5557; background: url(images/jpf_header_white2.png) top left no-repeat; } .custom #header_area ul.menu { color: #fff; font-family: Bell Gothic Std, Trebuchet MS, sans-serif; font-size: 8pt; text-transform: uppercase; clear: both; font-weight: normal; padding: 30px 0px 0px 40px; } .custom #header_area ul.menu li { padding: 0; margin: 0; margin-right: 25px; } .custom #header_area ul.menu a, .custom #header_area ul.menu a:visited { margin: 0; padding: 0; color: #fff; text-decoration: none; padding: 5px 0 7px 0; background: transparent; /* override Thesis */ border-top: 3px solid transparent; /* make it so hover border will not push link down */ letter-spacing: normal; /* override Thesis */ } .custom #header_area ul.menu a:hover { border-top: #fff 3px solid; } .custom #header_area ul.menu li.search_form { padding-top: 2px; } .custom #header_area ul.menu li.search_form input#s { color: #666; background-color: #fff; border: 0; padding: 4px; height: 12px; width: 160px; } .custom #menu .current_page { border-top: #fff 2px solid; } /* MAIN */ .custom #content { margin-top: 0px; width: 72%; } .custom #content #archive_info { padding-top: 0; margin-top: 50px; } .custom #content #archive_info p, .custom #content #archive_info h1 { display: inline; font-family: Bell Gothic Std, Trebuchet MS, sans-serif; font-size: 12pt; text-transform: uppercase; letter-spacing: normal; } .custom #content .post_box { padding-top: 0; margin-top: 50px; width: auto; /* override Thesis */ } /* LEFTCOLUMN */ .custom #sidebar_1 { width: 22%; margin: 0 0 0 4%; float: left; } .custom .date { font-size: 8pt; text-decoration: underline; color: #4d4d4d; } /* CONTENT */ .custom h2.entry-title a { color: #000000; } .custom .entry-schedule { font-style: italic; font-size: 11pt; color: #4d4d4d; margin-bottom: 4pt; } .custom .entry-schedule span.label { display: none; } .custom .h4 { font-family: Georgia, sans-serif; font-weight: bold; font-size: 14pt; text-transform: uppercase; } .custom .tags, .custom #content p.post_tags { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; text-transform: uppercase; margin-top: 6px; } .custom #content p.post_tags { font-size: 7pt; } .custom a.teaser_link { display: none; } .custom .h2_current { padding-top: 6px; border-top: 2px solid #000; } /* TEASERS */ .custom .teasers_box { padding-top: 0; /* override Thesis */ padding-bottom: 0; /* override Thesis */ width: auto; /* override Thesis */ } .custom .teaser { width: 100%; /* override Thesis */ float: none; } /* SIDEBAR */ .custom #column_wrap { width: 64%; /* override Thesis */ } .custom #sidebars { width: 30%; /* override Thesis */ margin: 30px 4% 0 0; } .custom #sidebar_1 { margin-top: 30px; } .custom #sidebar_2.sidebar ul.sidebar_list { padding: 0; /* override Thesis */ } .custom #sidebar_2 { width: 100%; } .custom #sidebar_2 a, #sidebar_2 a:visited { color: #FF4C36; text-decoration: none; } .custom #sidebar_2 a:hover { text-decoration: underline; } .custom #sidebar_2 li.widget { border-top: 3px solid #000; margin-bottom: 0; padding: 20px 0 20px 0; } .custom #sidebar_2 li.widget p { margin: 0.5em 0 0 0; } .custom .sidebar li.widget img.sponsor-logo.alignleft { margin: 0 10px 10px 0; } .custom #sidebar_2 li#text-9.widget a.action-link { padding-right: 20px; background: url(images/red_arrow.png) center right no-repeat; } /* Remove title on Contact widget */ .custom #sidebar_2 li#text-9.widget h3 { display: none; } /* Remove top border on Contact widget */ .custom #sidebar_2 li#text-9.widget { border-top: 0; } /* Remove top border on Browse widget */ .custom #sidebar_2 li#execphp-3 { border-top: 0; } /* Remove title on Donate widget */ .custom #sidebar_1 li#text-10.widget h3 { display: none; } /* Remove top border on Donate widget */ .custom #sidebar_1 li#text-10.widget { border-top: 0; } .custom #sidebar_1 li#text-10.widget a.donate-button { font-family: Bell Gothic Std, Trebuchet MS, sans-serif; display: block; width: 89px; height: 26px; font-size: 12pt; color: #fff; background: url(images/Donate_Button.png) #8C6165 top left no-repeat; text-transform: uppercase; padding-top: 11px; padding-left: 16px; } .custom #sidebar_1 li.widget ul.ec3_events li.ec3_list { margin-left: 0; /* override ec3 default styling */ } .custom #sidebar_1 li.widget ul.ec3_events { margin: 0; padding: 0; } .custom #sidebar_1 li.widget ul.ec3_events li.ec3_list.ec3_list_day { font-size: 9pt; color: #000; /* override ec3 default styling */ } .custom #sidebar_1 li.widget ul.ec3_events li.ec3_list.ec3_list_day ul { text-decoration: none; margin: 6px 0 0 12px; text-transform: uppercase; font-size: 11pt !important; font-family: Bell Gothic Std, Trebuchet MS, sans-serif; } .custom #sidebar_1 li.widget ul.ec3_events li.ec3_list.ec3_list_day ul li { } .custom #sidebar_1 li.widget ul.ec3_events ul li.ec3_list.ec3_list_day ul li a { } .custom #contact { } .custom #contact ul { padding: 0; margin: 0; } .custom #contact li { list-style: none; padding: 0; margin: 0; } .custom input#email { color: #000; background-color: #fff; border: 1px solid #FF4C36; height: 14px; } .custom #podcasts { } .custom #podcasts ul { padding: 0; margin: 0; } .custom #podcasts li { list-style: none; padding: 0 0 0 25px; margin: 0; background: url(images/red_tri.png) transparent 0 2px no-repeat; } .custom #browse { } .custom #browse ul { padding: 0; margin: 0; list-style: none; } .custom #browse ul li { list-style: none; margin: 0; } .custom #browse>ul>li.cat-item { font-family: Bell Gothic Std, Trebuchet MS, sans-serif; font-size: 12pt; text-transform: uppercase; padding: 0 0 0 0; margin: 3px 0 3px 0; } .custom #browse>ul>li.cat-item>a, .custom #browse>ul>li.cat-item>a:visited { text-decoration: none; display: block; color: #fff; background-color: #6E5557; padding: 9px 0 6px 25px; background: url(images/white_tri1.png) #6E5557 9px 10px no-repeat; } .custom #browse>ul>li.cat-item>ul.children>li.cat-item { font-size: 9pt; font-family: Times New Roman, Times, serif; text-transform: none; } .custom #browse .accordian_open { } .custom #browse ul li ul { margin: 12px 0 12px 25px; } .custom #browse ul li ul li { margin-top: 6px; } .custom ul.wp-tag-cloud { float: left; width: 95%; padding: 0; margin: 0 0 25px 5%; font-family: Helvetica, Arial, sans-serif; font-size: 0.75em; } .custom ul.wp-tag-cloud li { float: left; width: 31%; list-style: none; padding: 0; margin: 0 1% 0 0; } /* RANDOM */ /* FOOTER */ .custom #footer { height: 38px; clear: both; float: left; padding: -6px 0 0 4%; margin-top: 30px; font-family: Helvetica, Arial, sans-serif; font-size: 8pt; border-top: 3px solid #000000; } .custom #footer a { color: #FF4C36; text-decoration: none; } .custom #footer a:hover { text-decoration: underline; }