/* @override http://www.projectburningbush.org/_wpPBB/wp-content/themes/thesis_16/custom/custom.css?031110-170749 */ /* 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 Body */ html{ background: #9a681f url(images/pbb_large_bg.jpg) repeat 50% 215px; } body.custom{ background: url(images/pbb_capper_bg.jpg) no-repeat top center; } .custom #container{ margin-top: 215px; margin-top:0; padding-top: 215px; } .custom #page{ padding: 0; overflow: visible; background: url(images/pbb_large_bg.jpg) repeat-y center top; } .custom #content_box{ padding: 2em 2em; width: 899px; background: url(images/pbb_dirt_detail_top.jpg) no-repeat 100% 0%; } /* Global Styles */ .custom strong{ color: #e35100; } .custom img.frame{ padding: 5px; background: #fcfcfc; } /* Navigation */ ul.menu{ border: none; margin-bottom: 21px; } ul.menu li{ background: none; border: none; } ul.menu li.current a, ul.menu li.current-cat a, ul.menu li.current a:hover, ul.menu li.current-parent, ul.menu li.current-parent a, ul.menu li.current-parent a:hover, ul.menu li.current-cat a:hover{ background: none; border: none; color: #e35100; } ul.menu li a{ background: none; border: none; text-transform: none; letter-spacing: 0; font-weight: bold; } ul.menu li a:hover{ background: none; color: #e35100; } ul.menu li.badge{ float: right; } ul.menu li.phone{ padding-right: 15px; } ul.menu li.badge a{ padding-left: 5px; padding-right: 5px; padding-bottom: 0; } ul.menu li.feed a{ padding-right: 0px; } ul.menu li.tab-home a{ padding-left: 0px; } ul.menu li ul.submenu{ background: #eae5e1; } ul.menu li ul.submenu li{ background: none; border: none; } ul.menu li ul.submenu li a{ background: none; border: none; } ul.menu li ul.submenu li a:hover{ } /* Header */ .custom #header{ padding: 0 2em; background: url(images/pbb_header_bg.jpg) no-repeat 50% 34%; border:none; height: 48px; } .custom #logo{ height: 0; } .custom #logo a{ text-indent: -9999px; display: block; height: 0; } /* Main Content */ .custom #feature_box{ background: url(images/pbb_feature_box_bg.jpg); padding: 0; border: none; } .custom #feature_box #feature-upper{ display: block; overflow: hidden; width: 100%; } .custom #feature_box #feature-lower{ display: block; overflow: hidden; padding: 21px 0em 1em 1em; background: url(images/pbb_tall_band_bg.jpg); height: 162px; margin-left: -4px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; width: 99%; } .custom #feature_box #feature-main{ float: left; overflow: hidden; padding: 31px 0px 0em 29px; } .custom #feature_box #feature-main #multimedia_box.image_box{ background: transparent; width: 580px; height: 297px; padding: 0; border: 0 !important; } .custom #feature_box #feature-main #multimedia_box{ padding:0; } .custom #feature_box #feature-main #multimedia_box.image_box #image_box{ border: 0 !important; } .custom #feature_box #feature-main #multimedia_box.image_box img{ border: 0 !important; width: 580px !important; height: 297px !important; } .custom .slideshow { width: 580px; height: 297px; margin: auto; } .custom .slideshow img { } /* Hide Multimedia Box on Sidebar */ .custom #sidebars #multimedia_box{ display: none; } /* Welcome Box */ .custom #feature_box #feature-sub{ float: left; overflow: hidden; width: 255px; margin-left: 47px; padding-top: 29px; } .custom #feature_box #feature-sub p.welcome-text a{ color: #e35100; } .custom #feature-sub h2#welcome{ font-size: 2.5em; text-shadow: 1px 1px 2px #eee; margin-top: 0; margin-bottom: 10px; } .custom #feature-sub p.welcome-text{ line-height: 1.45; } .custom #feature-sub ul.apply-donate-list{ margin-left: 0; margin-bottom: 0; width: 235px; margin-right: 0 !important; overflow: hidden; } .custom #feature-sub ul.apply-donate-list li{ float: left; margin-right: 1.2em; } .custom #feature-sub ul.apply-donate-list li:last-child{ margin-right: 0 !important; } .custom #feature-sub ul.apply-donate-list li a, .custom #feature-sub ul.apply-donate-list li a:hover{ text-decoration: none; } /* Spotight List */ .custom #feature_box ul#spotlight-list{ margin-left: 0; overflow: hidden; list-style-type: none; } .custom #feature_box ul#spotlight-list li{ width: 275px; padding-right: 34px; float: left; } .custom #feature_box ul#spotlight-list li:last-child{ margin-right: 0px !important; padding-right: 0 !important; } .custom #feature_box ul#spotlight-list li.spotlight p.testimonial{ } .custom #feature_box ul#spotlight-list li.spotlight p.testimonial img#bigquote{ margin-bottom: 10px; margin-right: 10px; position: relative; top: 15px; } .custom #feature_box ul#spotlight-list li a img{ border: 1px solid #efc82b; } /* Category Archives */ .custom #archive_info{ border: none; margin-bottom: 2em; } /* Content */ .custom #content_box .post_box.top{ padding-top: 0; } /* Social Post Footer */ .custom ul.post_footer{ list-style-type: none; margin-left: 0; overflow: hidden; padding-top: 0.5em; border-top: 1px dotted #ddd; clear: both; } .custom ul.post_footer li{ float: right; display: block; margin-right: 1em; } .custom ul.post_footer li#permalink{ float: left; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .custom ul.post_footer li#permalink a{ text-decoration: none; color: #533011; } .custom ul.post_footer li#permalink a:hover{ text-decoration: none; color: #e35100; } .custom ul.post_footer li#buzz{ padding-top: 3px; } .custom ul.post_footer li#topsy{ padding-top: 3px; } .custom .prev_next{ width: 90%; } .custom .prev_next a{ color: #533011; } /* Sidebars */ .custom #sidebars #multimedia_box.image_box{ display: none; } .custom .sidebar a{ color: #e30100; } .custom .sidebar h3{ letter-spacing: 1px; font-variant: normal; text-transform: uppercase; font-weight: bold; color: #e30100; padding-bottom: 3px; border-bottom: 1px solid #ccc9b8; } .custom .sidebar h3 a{ color: #e30100; } /* Get Involved Widget */ .custom .sidebar li#text-3.widget_text{ padding: 15px 15px 15px 15px; background: url(images/pbb_featured_widget_bg.jpg) no-repeat; width: 258px; height: 291px; font-size: 13px; line-height: 1.571em; } .custom .sidebar li#text-3.widget_text h3{ font-size: 2.3em; text-shadow: 1px 1px 2px #eee; margin-top: 0; margin-bottom: 10px; color: #222; } .custom .sidebar li#text-3.widget_text ul#apply-donate-list{ margin-left: 0 !important; width: 240px; margin-right: 0 !important; } .custom .sidebar li#text-3.widget_text ul#apply-donate-list li{ margin-right: 1.5em; margin-bottom: 0; } .custom .sidebar li#text-3.widget_text ul#apply-donate-list li:last-child{ margin-right: 0em; } /* Twitter Widget */ .custom .sidebar li.widget_twitter{ } .custom .sidebar li.widget_twitter h3{ background: url(images/twitter_bird.png) no-repeat 100% 50%; padding: 10px 0 10px 0; } /* Flickr Widget */ .custom .sidebar li.Simple_Flickr_Photos #flickr{ } .custom .sidebar li.Simple_Flickr_Photos #flickr{ overflow: hidden; } .custom .sidebar li.Simple_Flickr_Photos #flickr .flickr_badge_image{ float: left; width: 90px; } .custom .sidebar li.Simple_Flickr_Photos #flickr img{ } .custom .sidebar li.Simple_Flickr_Photos #flickr a{ } .custom .sidebar li.Simple_Flickr_Photos #flickr a img{ padding: 3px; border-color: #ccc9b8; } /* Post Content */ .custom .headline_area h1, .custom .headline_area h2{ font-weight: bold; } .custom .entry-title, .custom .entry-title a{ color: #e35100; font-weight: bold; } .custom .headline_meta, .custom .headline_meta a{ color: #533011; } .custom #comments a{ color: #e35100; } .custom .prev_next.post_nav p a{ color: #e35100; } /* Footer */ .custom #footer{ background: url(images/pbb_short_band_bg.jpg); height: 21px; border: none; margin-left: -3px; width: 924px; padding-top: 3em; } .custom #footer span.footer-attribution{ color: #533011; font-size: 10pt; } /* Awesome Button Styles from ZURB */ .custom .awesome a{ color: #222; text-decoration:none; } .custom .awesome a:hover{ text-decoration: none; } .custom .awesome{ background: #222 url(images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #eee; border-bottom: 1px solid #222; position: relative; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); } /* Sizes ---------- */ .small.awesome { font-size: 11px; } .medium.awesome { font-size: 13px; } .large.awesome { font-size: 14px; padding: 8px 14px 9px; } /* Colors ---------- */ .blue.awesome { .background-color: #2daebf; } .red.awesome { background-color: #e33100; } .magenta.awesome { background-color: #a9014b; } .orange.awesome { background-color: #ff5c00; } .yellow.awesome { background-color: #ffb515; } /* Interaction States*/ .awesome:hover { background-color: #111; color: #fff; } .awesome:active { top: 1px; } .small.awesome, .small.awesome:visited { font-size: 11px; padding: ; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; } .green.awesome, .green.awesome:visited { background-color: #91bd09; } .green.awesome:hover { background-color: #749a02; } .blue.awesome, .blue.awesome:visited { background-color: #2daebf; } .blue.awesome:hover { background-color: #007d9a; } .red.awesome, .red.awesome:visited { background-color: #e33100; } .red.awesome:hover { background-color: #872300; } .magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; } .magenta.awesome:hover { background-color: #630030; } .orange.awesome, .orange.awesome:visited { background-color: #ff5c00; } .orange.awesome:hover { background-color: #d45500; } .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; } .yellow.awesome:hover { background-color: #fc9200; }