/* 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/ 817B67 */ body.custom {background:rgba(129,123,103, 0.5) url(images/bg-page.png) top repeat-x;} .clear{clear:both;}/*utitliy class to clear floats*/ .custom #container {} .custom #page {padding-top:0; padding-bottom:0; background:url(images/bg-page.png) top repeat-x;} .custom #header {display:block; height:150px; position:relative; background:url(images/bg-header.png) top right no-repeat; margin:0; padding:0; border-bottom:none;} .custom #logo {display:block; height:120px; width:450px; background:url(images/logo-the-fire-within.png) top left no-repeat;} .custom #logo a {display:block; height:120px; width:450px; text-indent:-9999px;} .custom .menu, .menu a, .menu li ul {border-style:none;} .custom .menu {margin-top:0.75em;} .custom .menu li {border:none; margin-right:1.5em; margin-bottom:0;} .custom .menu a { font-weight:bold; background:none; text-transform:capitalize; letter-spacing:1px; padding:0;} .custom .submenu {background:#e5ce90;} .custom .format_text img{padding:6px; background:#fff;} .custom .format_text .flickr-thumb img{padding:0; background:transparent;} .custom .comments_closed {display:none;} /*Sidebar styles*/ .custom #sidebars {background-color:rgba(129,123,103,0.25);} .custom #sidebars li.widget.widget_collapscat h3 {color:#FFF; background:; padding:2px; border:0px solid black; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em;} .custom #sidebars ul.collapsing.categories.list {border:0px solid #CCC;} .custom #sidebars ul.collapsing.categories.list li span {display:none;} .custom #sidebars ul.collapsing.categories.list li ul ul {margin-left:0.5em; cursor:pointer;background:;} .custom #sidebars ul.collapsing.categories.list li ul ul li {} .custom #sidebars ul.collapsing.categories.list li ul li.collapsing.categories span.collapsing.categories {display:block; padding:0.5em 0 0 2.5em; height:2.5em; background:url(images/bg-sidebar-nav.png) no-repeat; } .custom #sidebars ul.collapsing.categories.list li ul li.collapsing.categories span.collapsing.categories:hover {background:url(images/bg-sidebar-nav2.png) no-repeat; } .custom #sidebars li.collapsing.categories.post a:hover {background:#fff;} /*Header box styles*/ .custom #headerbox {color:#CCCCCC; display:block; float:right; width:30em; height:12em; position:absolute; top:0; right:0px;} .custom #headerbox h3{color:#CCCCCC; font-size:2em; padding-bottom:0.25em;} .custom #headerbox p{color:#CCCCCC; font-size:1.2em;} .custom #headerbox a {color:#FFFFFF; font-size:1.2em;} .custom #headerbox .formfield {color:#000; font-size:1em; margin:2px; padding-left:3px;} .custom #headerbox .submit {color:#FFF; background:#7A2716; font-size:1em; margin:2px; padding-left:3px; border:none;} .custom #headerbox #s { float: right; color:#7A2716; width:16em;} /*home page template */ .custom.forum #logo a {display:none;} .custom.forum #headerbox {display:none} .custom.forum .menu {display:none;} .custom.forum #footerbox {display:none;} .custom.forum #content_box {border:none; margin-top:2em;} /*home page template */ .custom.home #homebox {display:block; color:#000; width:100%; margin:0em auto;} .custom.home #homebox.banner-home {height:22em; background:url(images/bg-banner.png) top center no-repeat;} .custom.home #homebox .slogan {display:block; padding-top:2em; padding-left:4em;} .custom.home #homebox .slogan h2{color:#FFF; font-size:3em; font-weight:normal;} .custom.home #homebox .promo {display:block; padding:2em;} .custom.home #homebox .promo h2{color:#7E1323; font-size:2.5em; font-weight:bold; text-shadow:0px 1px 2px #555;} .custom.home #homebox h2.widgettitle {color:#000; margin-bottom:0.25em; font-size:1.5em; font-weight:bold; text-align:center;} .custom.home #homebox h2.post-title {font-size:1.1em; } .custom.home #homebox .byline, .custom.home #homebox .entry-meta{display:none;} .custom.home #homebox li.widget {display:block; list-style:none; margin-bottom:0.5em;} .custom.home #homebox div.post {} .custom.home #homebox div.entry-summary { font-size:0.95em;} .custom #box {display:block; float:left; width:21.4em; height:20em; margin-bottom:1em; padding:0.25em 0.5em; border:0px solid black; } .custom #box:hover {background:#FAFAFA;} .custom #box.box1:hover , .custom #box.box2:hover , .custom #box.box3:hover {background:#EEE;} .custom #box.box1, .custom #box.box2, .custom #box.box3 {} .custom #box.box1 li.widget p, .custom #box.box2 li.widget p, .custom #box.box3 li.widget p{text-align:center;} /* .custom #box.box1 {background:url(images/bg-icon1.png) center 1.4em no-repeat;} .custom #box.box2 {background:url(images/bg-icon3.png) center 1.4em no-repeat;} .custom #box.box3 {background:url(images/bg-icon2.png) center 1.4em no-repeat;} */ /*-moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em;*/ .custom #lowerbox {display:block; float:left; width:45em; height:10em; margin-bottom:1em; padding:0.5em; list-style:none; background:#5E6E4E url(images/bg-icon-match.png) right 0 no-repeat; border:1px solid black; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em;} .custom #lowerbox.boxleft {margin-right:1em;margin-left:2em;} .custom #lowerbox .widget_text {margin-top:1em;} .custom #lowerbox h2.widgettitle {color:#FFF; font-size:2em; font-weight:bold; text-align:center;} .custom #lowerbox .textwidget {color:#F2F2F2; margin-top:0.5em; font-size:1.5em; font-weight:bold; text-align:center;} .custom #lowerbox .textwidget p.more{color:#F2F2F2; margin-top:0.5em; font-size:0.75em; text-align:center;} .custom #lowerbox .textwidget p.more a{color:#7E1323;} .custom #lowerbox_image {margin-top:-30px; margin-left:5px;} .custom #content_box {background:#FFF;} /* Custom Form 7 */ .custom .checkboxstyle .wpcf7-list-item {border: 0px solid red; display:block;} .custom .checkboxstyle .wpcf7-list-item input{width:10px;} /*Sidebar styles*/ .custom .sidebar h3{font-size:1.5em; font-weight:bold;} .custom #multimedia_box {background:; padding:1em;} .custom #multimedia_box li.widget{list-style:none; margin-bottom:1em;} /*Footer styles*/ .custom #footer {height:1px; padding:0;} .custom #footer_new {margin-top:0em; color:#333; background:#817B67; padding-left:0; padding-right:0; padding-bottom:0; list-style:none; text-align:center;} .custom #footer_new a {color:#333; border-bottom:none; text-decoration:none;} .custom #footer_new a:hover {color:#FFFFFF;} .custom #footer_new p {float:none;} .custom #footer_container {width:94em; padding:1em; margin-left:auto; margin-right:auto;} .custom #footerbox{display:block; float:left; width:21.4em; text-align:left; padding:0.5em; border:0px solid white; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em;} .custom #footerbox.box1, .custom #footerbox.box2, .custom #footerbox.box3 {margin-right:1em;} .custom #footerbox li.widget h2, .custom #footerbox li.widget h2 a {color:#111111; padding-bottom:0.5em;} .custom #footerbox .rsswidget img {display:none;}