/*====== KEVIN RYAN CUSTOM.CSS ======*/ /* 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/ */ /* COLORS #254251 - deep blue - header #10262F - very dark blue - background #75B4A6 - blue-green #215254 - deep green #5BB477 - medium green #FF8178 - salmon #F4E380 - medium yellow - search box wording - RSS subscribe wording #F5EBB1 - light yellow #959595 - gray from shirt in photo - search box */ /*====================================*/ /* GENERAL UI MODS */ /*====================================*/ /* change cursor over dates, etc to default from a question mark */ .custom abbr, .custom acronym { cursor:default; } /* NO HEADLINES ON MENU PAGES (SEE ALSO FUNCTION NO_HEADLINE_START) */ .custom #no_headline .headline_area { display: none; } /*====================================*/ /* EXCERPT SIZE WORKAROUND FOR IE */ /*====================================*/ /*.custom #content_box { width: 98%; }*/ /*.custom #content, .custom .post_box { width: 500px; }*/ /*.custom #sidebars { width: 30%; }*/ /*====================================*/ /* BORDERS AND BACKGROUND */ /*====================================*/ body.custom { background: #10262F; } /*.custom #container { margin-top: 0.25em; margin-bottom: 2em; padding: 0.3em; background: #254251; border: 0.4em solid #254251; }*/ .custom #container { margin-top: 0.25em; margin-bottom: 2em; padding: 0.3em; background: #254251; } .custom #page { background: #fff; } /*====================================*/ /* HEADER */ /*====================================*/ /*.custom #header #tagline { font-size: 1.6em; line-height: 1.629em; }*/ /* header image */ .custom #header #logo a { display: block; height: 250px; width: 1160px; background: url('images/kjr.header.3-v2.png') left no-repeat; outline: none; /*border: 1px solid #000;*/ } /* push title and tagline to far left and make tagline tiny */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } /* align header image */ /*.custom #header #logo { margin: 0px 0px 0px 0px; }*/ .custom #header #logo { position: relative; top: -23px; left: -90px; } /* header padding */ .custom #header { padding: 0em 0em 0em 0em; } /* change header background color */ /*.custom #header { background: #254251; }*/ /* remove line at bottom of header */ .custom #header { border-bottom: none; } /*------------------------------------*/ /* WordPress search bar in header */ /* remove white border around search box */ .custom * { border: none; } /* position search box */ .custom form.search_form { position:relative; top: -250px; right: 0px; bottom: 0px; left: 22px; float: right; font-size: 1.05em; padding: 0; } /* put a background image on the search box */ #s { float: right; background: url("images/bkg_search-959595.jpg") 0 0 no-repeat; color: #F4E380; padding: 6px 10px 6px 30px; width: 156px; } /*------------------------------------*/ /* RSS in header*/ #rss_header { width: 130px; height: 20px; background: transparent; /*border: 1px solid #FFFFFF;*/ padding: 0.25em 0em 0em .5em; /*margin: .3em 0em 0em 10em;*/ position: relative; top: -225px; right: 0px; bottom: 0px; left: 222px; float: right; text-align: left; /*text-transform: uppercase;*/ font-weight: bold; font-size: 1.1em; line-height: 1.3em; /*font-family: Verdana, Arial, sans-serif;*/ cursor: pointer; color: #F4E380; } /* make the link white and no underline */ #rss_header a:link { color:#FFFFFF; text-decoration:none; } /* make the font white when visited, no underline*/ #rss_header a:visited { color:#FFFFFF; text-decoration:none; } /* cursor hovering over element */ #rss_header a:hover{ color: #FFFFFF; text-decoration: underline; } /*====================================*/ /* THESIS NAVIGATION BAR */ /*====================================*/ .custom .menu .tab {margin-right: 1em;} .custom ul#tabs li a:hover {color: #fff; text-decoration: none; background-color: #254251; } /* menu background color */ /* move the menu down */ .custom .menu { width: 100%; background: #215254; position: relative; top: -10px; } /* remove letterspacing, make bold*/ .custom .menu a { /*letter-spacing: 0px;*/ font-weight: bold; } /*------------------------------------*/ /* RSS in nav bar*/ #rss_nav_bar { width: 80px; height: 20px; background: transparent; /*border: 1px solid #FFFFFF;*/ /*padding: 0.25em 0em 0em .5em;*/ /*margin: .3em 0em 0em 10em;*/ position: relative; top: 2px; right: 0px; bottom: 0px; left: 190px; float: right; } #rss_nav_bar_txt { text-align: left; /*text-transform: uppercase;*/ font-weight: bold; font-size: 1.2em; line-height: .9em; /*font-family: Verdana, Arial, sans-serif;*/ cursor: pointer; color: #F4E380; } /*====================================*/ /* SMOOTH SLIDER GALLERY */ /*====================================*/ /*#smooth_sldr div,#smooth_sldr p,#smooth_sldr li,#smooth_sldr span,#smooth_sldr img,#smooth_sldr h2,#smooth_sldr ul{list-style:none;background:transparent;vertical-align:baseline;} #smooth_sldr div{display:block;} #smooth_sldr span{display:inline;} #smooth_sldr{overflow:hidden;margin: 10px auto;line-height:18px;} #smooth_sldr a{text-decoration:none;} #smooth_sldr_items{width:100%;} #smooth_sldr_body{width:100%;} #smooth_sliderc{position:relative;text-align:justify;} #smooth_sliderc .smooth_sliderb{position:absolute;left:0;top:0;} .smooth_slideri{padding-right:10px;overflow:hidden;line-height:18px;} .sldr_title{margin:0;} #smooth_sldr_body h2{clear:none;display:block;padding:0px;} .slider_item {padding-left:1px;} #smooth_sldr_body p.more a{text-decoration:underline;float:right;} #smooth_sldr_body p.more a:hover{text-decoration:none;} #smooth_sliderc_nav{float:left;width:70%;overflow:hidden;padding:0;margin:2px 0 0 0;} a.smooth_sliderc_nav{margin:0 5px 0 0;display:block;float:left;background-repeat:no-repeat;background-position:center;} #smooth_sliderc_nav li{float:left;margin:0 5px 0 0;display:block;background-color:transparent;line-height:14px;} #smooth_sliderc_nav li a{display:block;padding:1px 5px 1px 5px;outline:none;} .sldrbr{line-height:1px;} .sldrlink{clear:both;display:block;font-size:8px;float:right;margin-top:-8px;font-family:Verdana, Helvetica, sans-serif;} .sldrlink a{color:#333333;} */ /*====================================*/ /* POSTS AND COMMENTS */ /*====================================*/ /* Featured Post Formatting */ /*.custom #my-feature-box { font-family: Georgia; color: #222222; background: #245245; padding: 22px 15px 22px 15px; background: #fff399} .custom #my-feature-box h2 { font-family: Georgia,"Times New Roman",Verdana; font-size: 2.2em; margin: 0 0 15px 0; }*/ .custom #my-feature-box { font-family: Verdana; color: #222222; background: #245245; padding: 22px 15px 22px 15px; background: #fff399} .custom #my-feature-box h2 { font-family: Georgia; font-size: 2.2em; margin: 0 0 15px 0; } .custom #my-feature-box h2 a { color: #000000; text-decoration: none; } .custom #my-feature-box h2 a:hover { color: #3366cc; text-decoration: underline;} .custom #my-feature-box p { font-size: 1.4em; line-height:1.571em; text-align: justify;} .custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; } .custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none; } /* RECIPE BOX - GREEN */ .format_text .recipe_box_green { background: #DAFF90; border: 1px solid #66FF66; } /*====================================*/ /* WIDGETS AND SIDEBARS */ /*====================================*/ .custom #sidebars {background-color:#f5f5f5;} /* Format widget headings - sidebar */ .custom .sidebar h3 { font-size: 1.2em; font-weight: bold; /*line-height: 1.455em; */ text-align: left; color: #F4E380; margin-bottom: 1em; padding: 0.5em 0.5em 0.5em 0.5em; /*text-transform: uppercase; */ font-variant: small-caps; background: url('images/widget-header-20x400.jpg'); /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; */ } /* Format widget text */ .custom .widget a{ font-size: 1.1em; color: #215254; padding: .25em .25em .25em .25em; /*font-family: Arial, Verdana, sans-serif;*/ /*text-transform: uppercase; */ /*font-weight: bold;*/ /*background: url('images/widget-bar.jpg') left no-repeat;*/ } /* border for all widgets */ .custom li.widget { border-right: 2px solid #CCCCCC; border-left: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; } /* format widget plain text in tables */ .widget_table_txt { font-size: 1.1em; color: #215254; text-align: center; } .people_saying_txt { font-size: 1em; color: #215254; text-align: left; padding-left: 15px; } .people_saying_byline { font-size: 1em; color: #215254; text-align: right; font-style: italic; padding-right: 15px; } /*====================================*/ /* OPT-IN BOX */ /*====================================*/ /* optin box definition */ #optin { width: 385px; height: 520px; background: #F5F5F5; border: 2px solid #CCCCCC; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; position: relative; top: 10px; right: 0px; bottom: 0px; left: 12px; } /* font for optin box */ #optin_teaser, #optin_headline, #optin_subheadline, .optin_txt { font-family: Verdana, Arial, sans-serif; } /* optin box teaser */ #optin_teaser { font-size: 1.8em; font-weight: bold; text-align: center; color: #F4E380; background: #254251; } /* optin box headline */ #optin_headline { font-size: 2.5em; font-weight: bold; text-align: center; color: #F31B36; } /* optin box subheadline */ #optin_subheadline { font-size: 1.8em; font-weight: bold; text-align: center; color: #254251; } /* optin box text */ .optin_txt { font-size: 1.4em; color: #000000; } /*====================================*/ /* MULTIMEDIA BOX AND IMAGES */ /*====================================*/ /* multimedia box margin & background color */ .custom #multimedia_box { background: #FFFFFF; margin-top: 20px; } /* change color of little border around multimedia box*/ .custom #image_box img { /*background: #000000;*/ border-color: #CCCCCC; border-width: 2px; } /*====================================*/ /* FOOTER */ /*====================================*/ /* footer copyright & attribution */ #copyright, #attribution { font-size: 1.25em; color: #888888; } #attribution { float: right; } #copyright { float: left; }