/* 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/ */ body.custom { background: #ffec8b; } .custom #content_box {} #content { min-height: 1400px; } blockquote { padding-left: 35px; border-left: 4px solid #f4f4f4; } a {color: #0764a5; font-weight: normal;} a:hover {color: #0088e6; text-decoration: underline;} small {font-size: 90%;} hr { display: block; margin-bottom: 20px; } #sidebars { border: none; } #page { width: 980px; padding: 0px 2.2em 0px 2.2em; } #lc { display: block; width: 717px; height: 4px; position: absolute; top: 0px; left: 0px; background: url(images/lc.png) top left no-repeat; } /*puts rounded corners on left colum */ #smbcLink { position: absolute; top: 0px; right: 0px; width: 250px; height: 108px; display: block; } .gasPedalNav { background: #264052; display: block; width: 100%; height: 30px; position: relative; text-align: center; margin: 0px auto; overflow: hidden; clear: both; } .gasPedalNav h1 { margin: 0px; padding: 0px; text-align: left; } a#gaspedal-logo { display: block; height: 30px; width: 143px; background: transparent url(images/gaspedal-logo.png) top left no-repeat; text-align: left; } #topNav { position: absolute; right: 0px; top: 8px; } #topNav li { float: left; color: #fff; margin: 0px 0px 0px 10px; display: block; float: left; font-size: 10px; } #topNav li a { color: #fff; font: bold 12px arial, helvetica, verdana; } #topNav li a:hover { color: #c0c0c0; } #topNav li, #secondNav li, #thirdNav li, ul.footerNav li {list-style: none; display: inline;} #topNav h2.widgettitle, #secondNav h2.widgettitle, ul.footerNav h2.widgettitle {display: none;} #sidebar_1 { background: #f4f4f4; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: 0px; padding: 0px 0px 40px 0px; } #sidebar_1 { border-bottom: 0px !important; } #sidebar_2 { border: none; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: 0px; padding: 0px 0px 40px 0px; } #content { background: #fff; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #header { border: none; width: 960px; height: 150px; padding: 0px 0px 24px 0px; margin: 0px; position: relative; clear: both; } #womTips { position: absolute; top: 35px; right: 90px; width: 220px; } #womTips strong { font: bold 19px arial, helvetica, verdana; color: #ff0000; } #womTips p { font: normal 16px arial, helvetica, verdana; color: #757575; } /*********Main Content Area********/ /**********************************/ /**********************************/ /******archive + Content Area********/ #archive_info { border: none; padding-bottom: 0px; } #archive_info p { text-transform: none !important; letter-spacing: 0px; font: bold 18px arial, helvetica, verdana; color: #000; margin: 0px; padding: 3px; } #archive_info h1 {font: bold 22px arial, helvetica, verdana;} #content {border: none;} #tabs, #sidebars {border: none;} #tabs {display: none;} h1#logo a, #logo a {display: block; width: 780px; height: 130px;} h2.entry-title, h1.entry-title { font: bold 24px arial, helvetica, verdana; line-height: 1.1em; } h2.entry-title a { font-weight: bold; } h2.entry-title a:hover. h1.entry-title a:hover { text-decoration: none !important; } .format_text .entry-content { margin-bottom: 0px; padding-bottom: 0px; } .entry-content fieldset { border: none; } .entry-title {font-weight: bold;} span.author {display: none;} p.headline_meta, abbr.published, p.headline_meta span {text-transform: none;} p.headline_meta span {text-transform: capitalize;} .headline_meta span, .headline_meta abbr { font: 12px arial, helvetica, verdana; letter-spacing: 0px; } .shortEvents li {display: block; margin: -15px 0px 10px 0px; list-style: none;} .shortEvents li a {font: bold 14px helvetica, arial, verdana;} .shortEvents li a img {width: 40px; height: 40px;} h2.moreFrom { color: #ff2700; font: bold 25px 'myriad pro', myriad, arial, helvetica, verdana; margin-bottom: 2px !important; } .secondaryWidget ul li { display: block; clear: both; margin: 0px 0px 10px 0px; } #search { margin: 0px 0px 5px 0px; } #respond_intro p { margin: 0px 0px 0px 10px; color: #000000; font: bold 24px 'myriad pro', myriad, arial, helvetica, verdana; } #respond_intro { margin: 10px 0px; } .teasers_box { border-bottom: 1px dotted #bbbbbb; border-top: none; margin: 0px 30px 20px 20px; } /*** Next and previous ***/ .prev_next { text-transform: none; letter-spacing: 0px; font: bold 22px arial, helvetica, verdana; border: none; margin: 0px 20px 20px 0px; padding: 0px 0px 20px 0px !important; border-bottom: 1px solid #cccccc; } /**previous and next plain words navigation**/ .prev_next a { font: bold 20px arial, helvetica, verdana; padding: 5px; border: 1px solid #ffffff; } .prev_next a:hover { border: 1px solid #000; color: #000; text-decoration: none; } #content .prev_next { margin-left: 20px; } /** top prev/next links**/ .headline_area .prev_next { font: bold 12px arial, helvetica, verdana; padding-bottom: 0px; margin-bottom: 0px; margin-left: 0px; } /** bottom prev/next story links with story names**/ .headline_area .prev_next a, .headline_area .prev_next a:hover, .post_nav a, .post_nav a:hover, .post_nav { font: bold 12px arial, helvetica, verdana !important; border: none !important; } #content .post_nav { margin-left: 20px; } p.previous, .prev_next, .prev_next p { line-height: 1.3em; padding: 0px; } #headline_area { margin-left: 0px; } .post_nav { margin-left: 20px; } .headline_area .prev_next {margin-left: 0px !important;} /*footer taf forms ****/ /*************************************/ /*************************************/ .footermod .visitorname, .footermod .visitormail, .footermod .friendname, .footermod .friendmail, .friendname_1, .footermod .friendmail_1 { width: 95px !important; margin: 0px 0px 10px 0px; } .post_box { margin: 0px 1.6em; border: None; display: block !important; } ul.footerNav li {list-style: none; display: inline;} .footerNav { margin: 30px 0px 0px 0px; font: 11px helvetica, arial, verdana; width: 240px; float: right; } .footerNav li a { color: #fff; font: normal 11px helvetica, arial, verdana; margin-right: 15px; text-decoration: underline;} .footerNav li a:hover { color: #ccc; font: normal 11px helvetica, arial, verdana; margin-right: 15px; text-decoration: underline;} /*Comments formatting + taf forms ****/ /*************************************/ /*************************************/ #commentform { margin: 0px 0px 20px 0px; padding-bottom: 0px; padding-left: 0px; border-bottom: 1px solid #cccccc; } .format_text a { text-decoration: underline; font-weight: bold; } .format_text a:hover { text-decoration: underline; color: #ff1e00; } .format_text .to_comments span { font-size: 100%; font-weight: normal; color: #666666; } .to_comments a { display: block; padding: 0px 25px 0px 0px; height: 23px; background: url(images/icon_comments.jpg) top right no-repeat; } .to_comments a:hover { background: url(images/icon_comments.jpg) bottom right no-repeat; } .to_comments a:hover, to_comments a:hover span:hover { color: #ee351c !important; text-decoration: none !important; } .bracket {display: none;} .to_comments { display: block; float: left; width: 125px; text-align: right; } input.button {border: none;} .visitorname, .visitormail, .friendname, .friendmail, .friendname_1, .friendmail_1 { width: 125px !important; margin: 0px 0px 10px 0px; } .comments_intro p span {font-size: 12px; font-weight: normal;} .comments_closed p {text-transform: none; letter-spacing: 0px;} #comments .comments_intro {display: none;} #comments {margin-left: 1.6em;} /*** Share + taf under posts ****/ /*************************************/ /*************************************/ div.social_bookmark { text-align: left; display: block; padding: 0px 0px 5px 0px !important; width: 380px !important; margin: 0px !important } div.social_bookmark em {display: none;} .format_text .post_tags { line-height: 1.3em;} .post_tags {line-height: 1.3em; margin-bottom: 0px;} .post_tags a { color: #cccccc; font-weight: normal !important; font-size: 11px; text-decoration: none !important; } .tafForm { clear: both; display: block; margin: 0px 0px 20px 0px; padding: 15px; background: #f3f3f3; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .tafForm form fieldset small { line-height: 1em; font-size: 70%; } .tafForm fieldset {border: none;} .tafForm h2.widgettitle {margin-top: 0px; padding-top: 0px; } /*MOST SIDEBAR ELEMENTS*/ /***********************/ /***********************/ ul.sidebar_list, .sidebar, #sidebar_1, #sidebar_2 {border: none !important;} #sidebars {font-size: 100%;} #sidebars a { color: #3f3f3f; text-decoration: none; } .textwidget { font-size: 12px; margin-bottom: 0px; } #sidebars a:hover { text-decoration: underline; } #sidebar_1 h2.widgettitle, #sidebar_1 h3, #sidebar_2 h2.widgettitle, #sidebar_2 .widget_text h3, h2.widgettitle { color: #000000; font: bold 24px 'myriad pro', myriad, arial, helvetica, verdana; margin-bottom: 5px; } #sidebar_2 h2.widgettitle, #sidebar_2 h3 { color: #000000 !important; } li.widget_text h3 { letter-spacing: 0px; } #sidebar_2 ul.sidebar_list { padding-top: 0px !important; } #searchform { display: block; margin: 0px 0px 20px 0px; padding: 0px; height: 26px; } #s { display: block; margin-right: 12px; padding: 5px 3px; background: #fff url(images/input-bg.png) top left repeat-x; font: 12px arial, helvetica, verdana; width: 150px; float: left; } #btnSearchSubmit { border: none !important; padding: 0px; margin: 0px; width: 27px; height: 26px; float: left; } #andyLive { margin-top: -10px; } #andyLive ul li { border-bottom: 1px solid #e0e0e0; padding: 7px 0px; font: normal 12px arial, helvetica, verdana; color: #3f3f3f; } #andyLive ul li em { display: block; font-style: italic; color: #777777; } .linkPDF, .linkAudio { display: block; min-height: 50px; padding: 0px 0px 0px 40px; color: #557d98; font: normal 14px arial, helvetica, verdana; overflow: visible; margin-bottom: 15px; color: #000000 !important; } .linkPDF { background: url(images/icon_pdf.png) top left no-repeat; } .linkAudio { background: url(images/icon_audio.png) top left no-repeat; } .textwidget ul { margin-bottom: 20px; } .textwidget ul li { display: block; margin-bottom: 0px; margin: 0px 0px 5px 0px !important; } #wom-book { display: block; width: 250px; height: 125px; margin-bottom: 20px; background: #f2dd73 url(images/wom-bg.png) top left no-repeat; position: relative; } #wom-book-link { position: absolute !Important; top: 0px !Important; left: 0px !Important; width: 250px !Important; height: 125px !Important; z-index: 999 !Important; } #wom-book strong { margin-top: 20px; display: block; font: bold 14px arial, helvetica, verdana; } #wom-book p strong { display: inline !important; margin-top: 0px; font-size: 11px; } #wom-book em { display: block; font: normal 11px arial, helvetica, verdana; margin-bottom: 10px; } #wom-book p { font: normal 11px arial, helvetica, verdana; } /*join our community shorten*/ #text-6 h3.sIFR-replaced {letter-spacing: -2px;} #archives { width: 200px; overflow: hidden; margin-bottom: 20px; } #archives select {width: 180px !important; margin-bottom: 5px;} #womBook { font: normal 14px arial, helvetica, verdana; color: #000; } #womBook strong { color: #557d98 !important; } #womBook img.alignLeft {margin-bottom: 30px;} #womBook small {font-size: 70% !;} ul.categories li.cat-item {text-transform: capitalize; margin: 0px 0px 4px 0px;} #newsletter { margin-bottom: 20px !important; } #newsletter ul { margin-left: 0px !important; } #newsletter li { list-style: none; clear: both; margin: 0px !important; padding: 0px 0px 3px 0px; } #newsletter label {font: 12px arial, helvetica, verdana;} #newsletter .checkbox { float: left; display: block; margin: 0px 7px 0px 0px !important; border: none !important; background: none !important; padding: 0px !important; } #newsletter input { padding: 2px 3px; background: #fff url(images/input-bg.png) top left repeat-x; font: 12px arial, helvetica, verdana; } #newsName, #newsName2 {width: 85px !important; margin-right: 10px;} #newsName2 {margin-right: 0px !important;} #newsEmail {width: 191px;} #disclaimer {line-height: 1.1em; font: 10px arial, helvetica, verdana; color: #313131;}\ /*sidebar-share icons*/ .sidebar-share {display: block; height:68px !important; list-style-type:none; margin: 0px; clear: both;} .sidebar-share li {float:left; display: block; margin:0px 11px 0px 0px; height: 68px !important;} .sidebar-share li:last-child {margin-right: 0px !important;} /*remove disc images from lists on sidebar + share Links*/ ul.sidebar_list, ul.shareList, ul.sidebar_list ul {list-style: none;} ul.shareList {display: block; height: 20px; font: bold 12px arial,helvetica,verdana;} ul.shareList li {display inline; float: left; margin-right: 8px;} ul.shareList li:last-child {margin-right: 0px !important;} a.stbutton { color: #7dcc00 !important; padding: 4px 0px 3px 25px !important; height: 20px; background: url(images/icon_sharethis.png) top left no-repeat !important; font-weight: bold; } a.taf { color: #ee351c !important; padding: 5px 0px 3px 25px !important; height: 20px; background: url(images/icon_taf.png) 0px 3px no-repeat !important; font-weight: bold; } li.widget { margin-bottom: 0px; } /*************sidebar tabs**********/ /***********************************/ .domtabs { font: normal 12px arial, helvetica, verdana;} ul.domtabs li.active { /* Active tab background color */ background:#f9eebb; } ul.domtabs li a { /* Inactive tabs font color */ color:#777777; text-decoration:none; font: normal 14px arial, helvetica, verdana; } ul.domtabs li:active a { /* Active tab font color */ color:#3f3f3f; background: #f9eebb; font-weight: bold !important; } ul.domtabs li.active a {font-weight: bold; color: #000;} ul.domtabs li a:hover {text-decoration: none; color: #000;} ul.domtabs {list-style: none;} div.domtab div { display:none; } div.domtab div ul { /* container divs around items */ list-style: none; background:#f9eebb; font: normal 12px arial, helvetica, verdana;; margin: -5px 0px 20px -5px; padding-top: 15px; } div.domtab div ul li { padding: 5px 5px 10px 5px; border-bottom: 1px solid #e0e0e0; } div.domtab div ul li:last-child, div.domtab div ul:last-child {border-bottom: none;} ul.domtabs { list-style:none; } ul.domtabs li { float:left; padding: .5em 1em; text-align:center; list-style: none; background: transparent; margin-right:0px; padding: 7px 6px; } .domtab div { padding:0.5em; clear:both; } #footer {display: none;} #footerBig { margin: 0px auto; text-align: center; width: 100%; height: 435px; padding: 0px; background: #242424 url(images/footer-bg.png) top left repeat-x; } #footerContainer { width: 980px; height: 435px; margin: 0px auto; text-align: center; } .footerMod { width: 30%; float: left; text-align: left; font: normal 15px arial, helvetica, verdana; color: #000000; padding: 30px 0px 0px 10px; } .footerMod a {color: #2361A1 !important;} .footerMod h3.widgettitle { color: #000000; font: bold 24px 'myriad pro', arial, helvetica, verdana; } .footerMod p { margin-bottom: 10px; line-height: 1.3em; font-size: 12px; } .footerMod p ul li, .footerMod ul li { font-size: 12px !important; } .footerMod fieldset {border: none; margin-top: 5px;} .footerMod fieldset label {display: block;} .footerMod small {font-size: 70%; line-height: 1.1em;} .footerMod ul li { margin-left: 15px; } #footerBar { height: 70px; background: url(images/footerbar-bg.png) top left repeat-x; display: block; width: 100%; } .footerNav { margin: 30px 0px 0px 0px; font: 11px helvetica, arial, verdana; width: 240px; float: right; } .footerNav li a { color: #fff; font: normal 11px helvetica, arial, verdana; margin-right: 15px; text-decoration: underline;} .footerNav li a:hover { color: #ccc; font: normal 11px helvetica, arial, verdana; margin-right: 15px; text-decoration: underline;} #copyright { font: normal 11px helvetica, arial, verdana !important; color: #313131; float: left; width: 700px; color: #ffffff !important; margin: 30px 0px 0px 0px !important; line-height: 1.25em; } #copyright a {color: #cccccc;} #copyright a:hover {text-decoration: underline;} .commentlist li.tweetback { background-color: #94E4E8; } /*new taf forms*/ #tafPostForm, #tafFooterForm { position: relative; } .tafFooterTable { border: none; } .tafFooterTable input { width: 175px; margin-bottom: 8px; } .tafFooterTable textarea { width: 290px; } .tafPostTable input { width: 120px; margin: 0px 10px 8px 0px; } #success, #successPost { display:none; color: #000000; font: 16px arial,helvetica,verdana; padding: 70px 0px 0px 0px !important; margin: 0px auto; text-align: center; } #successPost { padding: 20px 0px 50px 0px !important; } #bademail, #bademailPost { display:none; color: #ff0000; text-transform: uppercase; font: 16px arial,helvetica,verdana; padding: 20px 0px 0px 0px !important; } #badserver, #badserverPost { display:none; color: #ff0000; text-transform: uppercase; font: 16px arial,helvetica,verdana; padding: 20px 0px 0px 0px !important; } .error { display: block; background-color: #000; color: #ff0000 !important; padding: 3px; margin: 5px 0px; width: 169px; } .tafPostTable td label.error { display: block; background-color: #000; color: #ff0000 !important; padding: 3px; margin: 3px 0px; width: 120px; font-size: 11px; line-height: 1em !important; } .submitButton, #submit, #btnSend { text-transform: capitalize !important; color: #777777 !important; font: bold 12px arial, helvetica, verdana !important; text-align: center !important; width: 96px !important; height: 32px !important; background: url(images/submitButton-bg.png) top left no-repeat !important; border: none !important; margin: 0px 0px 10px 0px !important; } #btnSend { margin-right: 15px !important; } .tafSubmitImage { border: none !important; margin: 4px auto 10px auto !important; padding: 0px !important; display: block; text-align: center; } table.tafFooterTable td input.submitButton { margin: 0px !important; } /*end taf forms*/ /*reusable classes reuse*/ .hide {display: none !important;} .container980 { width: 980px; margin: 0px auto; position: relative; padding: 0px; } .titleShort { font: normal 12px arial, helvetica, verdana !important; color: #3f3f3f !important; } .titleShort em { color: #777777 !important; font-style: italic !important; } .descriptionShort { display: block; font: normal 12px arial, helvetica, verdana; color: #000000 !important; line-height: 1.25em !important; font-style: italic; } .blueLink {color: #0067ac !important; text-decoration: none;} .blueLink:hover {text-decoration: underline;} .boxC {text-align: center; margin: 0px auto; display: block; margin: 0px 0px 15px 0px;} .border1Top {border-top: 1px solid #e0e0e0;} .pad15 {padding: 15px;} .pad10 {padding: 10px;} .pad9 {padding: 10px;} .mar0R {margin-right: 0px !important; padding-right: 0px !important;} .mar10L {margin-left: 10px !important;} .mar15R {margin-right:15px;} .mar10R {margin-right:10px !important;} .mar30R {margin-right: 30px !important;} .mar8T {margin-top: 8px !important;} .mar10T {margin-top: 17px !important;} .mar25T {margin-top: 30px !important;} .mar35T {margin-top: 40px !important;} .mar45T {margin-top: 48px !important;} .mar5R {margin-right: 5px !important;} .mar20B {margin-bottom: 20px !important;} .mar30B {margin-bottom: 40px !important;} .mar10B {margin-bottom: 10px !important;} .bord4 {border: 4px solid #bfbfbf;} .width50 {width: 60px;} .height40 {height: 40px !important;} .width140 {width: 140px;} .width230 {width: 230px;} .width280{width: 265px; margin: -35px 0px 0px 0px; padding: 0px;} .width350{width: 350px; margin: -35px 0px 0px 0px; padding: 0px;} .width275 {width: 275px !important;} .orange {color: #ff0000 !important; text-decoration: none;} .bold {font-weight: bold !important;} .textRight {text-align: right !important;} li.textRight {font-size: 12px !important;} .block {display: block;} .clear {clear: both;} .textLeft {text-align: left;} .lightBlue {color: #00aeef !Important; text-decoration: none !important;} .blue {color: #0067ac !important;} .black {color: #000000 !important; font-size: 14px !important;} .alignLeft { float: left; } .alignRight { float: right; } img.aligncenter { display: block; margin: 10px auto; text-align: center; } img.alignLeft, img.alignleft { float: left; display: block; margin-right: 10px; } .inputSmall { width: 105px !important; margin-bottom: 10px; } .inputLarge { width: 225px !important; margin: 5px 0px; } .submitButton, #submit, #btnSend { text-transform: capitalize; color: #777777; font: bold 12px arial, helvetica, verdana; text-align: center; width: 96px !important; height: 32px; background: url(images/submitButton-bg.png) top left no-repeat; border: none; margin: 0px 0px 10px 0px; } #btnSend { border: 1px solid #777777; font: 14px bold arial, helvetica,verdana; } .form_submit { font: bold 12px arial, helvetica, verdana !important; } ul.plainList { list-style: none; display: inline; clear: both; } ul.plainList li { margin-left: 10px; float: left; } .redActionLink { font: bold 14px arial, helvetica, verdana; color: #ff0000 !important; display: block; text-align: right; } .checkbox {border: none; background: none;} p.privacy { font: 10px arial, helvetica, verdana; line-height: 1em !important; } .contactMessage { width: 240px !important; height: 80px !important; } #content_box { height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ margin-bottom: 0px !important; padding-bottom: 0px !important; } #body { height: 100%; } #content, #sidebar_1, #sidebar_2 { position: relative; border: none; } #page { overflow: hidden; margin-bottom: 0px !important; padding-bottom: 0px !important; } #tr { position: absolute; display: block; width: 6px; height: 5px; top: 0px; right: 0px; z-index: 5; background: url(images/tr.png) top right no-repeat; } #tl { position: absolute; display: block; width: 6px; height: 5px; z-index: 5; background: url(images/tl.png) top left no-repeat; } .tweetmeme_button {float: left !important;}