/* 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/ */ /* @import url(http://fonts.googleapis.com/css?family=Nobile:regular,bold); @import url(http://fonts.googleapis.com/css?family=Nobile:regular,bold); .custom{font-family: 'Nobile', arial, serif;} */ #container { margin-top: 10px; margin-bottom:10px; } #header { position: relative; } #legend { position: absolute; top: 0.7em; right: 0; text-align: right; } #legend p { font-size: 1.3em; line-height: 1.385em; color: #666; } #legend strong { color: #111; } #legend span { font-weight: bold; color: #c00; } .sponsorads { padding : 0; width : 125px; margin : 0 auto; text-align : left; } /* addthis custom css */ .addthis_toolbox .six_column{width:650px;padding:0; margin: 0 auto; border:1px solid #e4e4e4;background-color:#f5f5f5;} .addthis_toolbox .six_column a{padding:4px 15px 4px 33px;font:normal 11px/15px arial,sans-serif;max-width:70px;position:relative;display:inline-block;text-decoration:none;color:#444;text-shadow:#fff 0px 1px 4px;border:1px solid #f5f5f5;-moz-border-radius:4px;-webkit-border-radius:4px;} .addthis_toolbox .six_column a:hover{background:#e8e8e8;border-color:#e4e4e4;text-decoration:none;} .addthis_toolbox .six_column span{position:absolute;left:14px;top:4px;} .addthis_toolbox .six_column .top{padding:0 0 10px 0;border-bottom:solid 1px #eee;margin-bottom:10px;margin:0 20px 10px 20px;} .addthis_toolbox .six_column .more{padding:10px 0 0 0;margin:10px 20px 0 20px;text-align:center;} .addthis_toolbox .six_column .more a{padding:4px 0;width:auto;} .addthis_toolbox .six_column .more span{display:none;} .addthis_toolbox .six_column .column1, .addthis_toolbox .six_column .column2, .addthis_toolbox .six_column .column3, .addthis_toolbox .six_column .column4, .addthis_toolbox .six_column .column5, .addthis_toolbox .six_column .column6{width:100px;float:left;margin:10px 0;} .addthis_toolbox .six_column .column1{margin-left:10px;} .addthis_toolbox .six_column .clear{clear:both;margin:0;padding:0;display:block;height:0;width:0;} .addthis_toolbox .six_column .divider{border-top:solid 1px #e4e4e4;padding:0;margin:0 20px;clear:both;} .clear{display:inline-block;} #network { border-top: 2px solid #999; clear : both; line-height: 30px; vertical-align: middle; font-size: 12px; text-align: left; font-size: 12pt; padding-top : 5px; padding-right : 0; padding-left : 0; margin-right : 0; margin-left : 0; } #customlinks { clear : both; height : 15px; font-size: 12px; text-align: left; padding-top : 5px; padding-right : 0; padding-bottom : 5px; padding-left : 0; margin-right : 0; margin-left : 0; } #footerl { border-top: 5px solid #CCCCCC; clear : both; height : 50px; line-height : 20px; width : 100%; padding-top : 10px; padding-right : 0; padding-bottom : 3px; padding-left : 0; margin-top : 10px; margin-right : 0; margin-bottom : 5px; margin-left : 0; } #footerl .copyright { font-size : 12px; text-align : left; float : left; width : 80%; } #footerl .designed_bg { text-align : right; float : right; width : 20%; } #footerl .footertext { width : 80%; margin : 5px 0 0 0; text-align : left; float : left; font-size : 11px; border-top : 1px solid #999999; } #footerl .feedback { width : 20%; border-top : 1px solid #999999; margin : 5px 0 0 0; text-align : right; float : right; font-size : 11px; } #footerl .links { width : 100%; margin : 0; text-align : left; float : left; font-size : 11px; } #footerl .links a { color : #333333; } .fix { clear : both; height : 1px; margin : 0 0 -1px; overflow : hidden; } /** * CSE * */ /* Slight reset to make the preview have ample padding. */ .cse .gsc-control-cse, .gsc-control-cse { padding: 2%; width: 96%; } .cse .gsc-branding, .gsc-branding { display: none; } .cse .gsc-control-cse div, .gsc-control-cse div { position: normal; } /* Selector for entire element. */ .cse .gsc-control-cse, .gsc-control-cse { /* background-color: #ffffff;*/ /* border: 1px solid; border-color: #ffffff;*/ } .cse .gsc-control-cse:after, .gsc-control-cse:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .cse .gsc-resultsHeader, .gsc-resultsHeader { border:none; } /* Search button */ .cse input.gsc-search-button, input.gsc-search-button { font-family: inherit; color: #000000; text-shadow: 0 1px 2px #FFFFFF; background-color: #CECECE; border: 1px outset; border-color: #666666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Inactive tab */ .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive { border-bottom: none; color: #666666; background-color: #e9e9e9; border: 1px solid; border-color: #e9e9e9; border-bottom: none; } /* Active tab */ .cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive { background-color: #FFFFFF; border: 1px solid; border-top: 2px solid; border-color: #e9e9e9; border-top-color: #FF9900; border-bottom: none; } /* This is the tab bar bottom border. */ .cse .gsc-tabsArea, .gsc-tabsArea { margin-top: 1em; border-bottom: 1px solid #e9e9e9; } /* Inner wrapper for a result */ .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result { padding: .25em; border: 1px solid; border-color: #ffffff; margin-bottom: 1em; background:#FFF; } /* Result hover event styling */ .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover { border: 1px solid; border-color: #FFFFFF; } /*Promotion Settings*/ /* The entire promo */ .cse .gs-promotion.gs-result, .gs-promotion.gs-result { background-color: #FFFFFF; border: 1px solid; border-color: #999; padding: 5px; } /* Promotion image */ .cse .gs-promotion.gs-result .gs-promotion-image, .gs-promotion.gs-result .gs-promotion-image {} /* Promotion title */ .cse .gs-promotion.gs-result a.gs-title:link, .gs-promotion.gs-result a.gs-title:link { color: #0000CC; } .cse .gs-promotion.gs-result a.gs-title:visited, .gs-promotion.gs-result a.gs-title:visited { color: #0000CC; } .cse .gs-promotion.gs-result a.gs-title:hover, .gs-promotion.gs-result a.gs-title:hover { color: #0000CC; } .cse .gs-promotion.gs-result a.gs-title:active, .gs-promotion.gs-result a.gs-title:active { color: #0000CC; } /* Promotion snippet */ .cse .gs-promotion.gs-result .gs-snippet, .gs-promotion.gs-result .gs-snippet { color: #000000; } /* Promotion url */ .cse .gs-promotion.gs-result ..gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl { color: #008000; } #cse div.gs-visibleUrl.gs-visibleUrl-short { display:none; } #cse div.gs-visibleUrl.gs-visibleUrl-long { display:block; } .sponsor_units ul {float: left; width: 250px; margin: 0; padding: 0; list-style: none;} .sponsor_units li {float: left; width: 125px; margin: 0 0 0 10px; padding: 5px; list-style: none;} /* Style the First (or Only) Post */ .custom .post.top { background:#FFFFFF none repeat scroll 0 0; border-bottom:1px dotted #666666 !important; padding:.5em; margin:1em; } /* Style Remaining Posts (in a Multi-Post Listing) */ .custom .post.post_box { background:#FFFFFF none repeat scroll 0 0; border-bottom:1px dotted #666666; padding:.5em; margin:1em; } #multimedia_box {padding:0px; margin:0px;} .custom .comments_closed p {display: none ;} /* NUMBERED PAGE NAV */ .page-nav { font-size: 1.35em; font-weight: bold; margin: 0 auto; padding: 0; overflow: hidden; width: 650px;} .page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; } .page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc; } .current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #efefef; border: .1em solid #ccc; } .elipses { float: left; padding: .3em .2em; }