/* Theme Name: cbnet Theme URI: http://www.chipbennett.net/ Description: Child Theme for chipbennett.net, based on oenology theme Author: Chip Bennett Author URI: http://www.chipbennett.net Template: oenology Version: 2.0 */ @import url("../oenology/style.css"); /* inherit styles from oenology parent theme */ /* Table of Contents ----------------------------------------------- 0 - Font Style Specifications 1 - Icons Style Specifications 2 - Site Navigation Style Specifications 3 -Section-Specific Style Specifications 3.1 - Header Section (#header) Style Specifications 3.2 - Main Content Section (#content) Style Specifications 3.3 - Left/Right Column (#leftcol/#rightcol) Style Specifications 3.4 - Center Column (#main) Style Specifications 3.5 - Right Column (#rightcol) Style Specifications 3.6 - Footer Section (#footer) Style Specifications 4 - Comments Style Specifications 5 - Plugins Style Specifications 6 - NextGen Gallery Style Specifications 6 - Recipes Style Specifications ----------------------------------------------- */ /* ============================================================================================= 0 - Font Style Specifications ============================================================================================= */ /************************************************************* Import Fonts Un-comment the @import rules for fonts used in theme **************************************************************/ /* Font families */ @import url( css/fonts/fonts-texgyre.css ); /* TeX Gyre fonts - License: GUST e-Foundry (FSF-Free, GPL-compatible) */ /* Serif fonts */ @import url( css/fonts/fonts-justus.css ); /* Justus font - License: SIL Open Font License (FSF-Free, GPL-compatible) */ /* Script fonts */ @import url( css/fonts/fonts-calligraphy.css ); /* Calligraphy font - License: Freeware (no explicit license) */ /* Genericons */ @import url( css/fonts/fonts-genericons.css ); /* Genericons font - License: GPL */ /**************************************************************** Font-Family Declarations Declare all fonts used in theme ****************************************************************/ /* Sans fonts *****************************************************************/ /* Century Gothic type font-family */ ul.nav-header li a, ul.nav-header li a:link, ul.nav-header li a:visited, ul.nav-header li a:hover, ul.nav-header li a:active, .subnavmenu li.current_page_item a, .subnavmenu li.current_page_parent a, .subnavmenu li.current_page_ancestor a, #content #main .count, div.post-entry blockquote, div.post-entry blockquote p, ol.bnc_related, ul.related_post, ol.related_post /* Plugin: Yet Another Related Posts Plugin */ { font-family: TeXGyreAdventorRegular, 'Century Gothic', 'URW Gothic L', sans-serif; } /* Arial/Verdana type font-family */ body, #header ul.postnav li, .subnavmenu li.current_page_item li a, .subnavmenu li.current_page_parent li a, .subnavmenu li.current_page_parent li.current_page_item li a, .subnavmenu li.current_page_ancestor li a, .subnavmenu li.current_page_ancestor li.current_page_parent li.current_page_item li a, #main .caption, #footer, div.cat-description, div.cat-subscribe-feed, div.post-title span.post-title-metadata, div.post-title span.post-title-category, div.post-title span.post-title-tags, div.post-entry p.update, div.post-entry p.caption, div.post-entry p .caption, div.post div.post-entry p span.caption, div.post-entry .wp-caption, div.post-entry .wp-caption-text, div.post-entry blockquote.def p, div.post p.clonetruth, div.post p.clonetruth a:link, div.post p.clonetruth a:visited, div.post p.clonetruth a:hover, div.post p.clonetruth a:active, div.post p.postmetadata, div.post div.postmetadata, div.postpagenav, table.review, table.legend, .recipecarbs, #content #main div.recipeingredients, #content #main div.recipeequip, #content #main div.recipe, .commentlist li div.comment-meta, #commentform p, #comments h4, #comments-block dd.comment-timestamp, .ngg-imagebrowser-desc, /* Plugin: NextGen Gallery */ #main div.postpagenav ol.wp-paginate li, /* Plugin: wp-paginate */ ol.trackbacklist /* Plugin: Trackback */ { font-family: TeXGyreHerosRegular, Verdana, Arial, sans-serif; } /* Serif fonts *****************************************************************/ /* Garamond/Palatino Linotype type font family */ h1, h2, #home #navhome, ul.nav-header li.current_page_item a, ul.nav-header li.current_page_ancestor a, ul.nav-header li a:hover, .subnavmenu li.current_page_parent li.current_page_item a, .subnavmenu li.current_page_ancestor li.current_page_parent li.current_page_item a, div.title, div.pagetitle, div.post-title span.post-date, div.post-entry ul.downloadbutton li a, div.post-entry ul.downloadbutton li a:link, div.post-entry ul.downloadbutton li a:visited, div.post-entry ul.downloadbutton li a:hover, div.post-entry ul.downloadbutton li a:active { font-family: TeXGyrePagellaRegular, 'Palatino Linotype', 'Palatino', 'URW Palladio L'; } h3, h4, h5, h6 { font-family: TexGyrePagellaItalic, 'Palatino Linotype', 'Palatino', 'URW Palladio L'; } #main, div.post-entry, div.post-entry li p, .commentlist li p { font-family: TeXGyreScholaRegular, 'URW Bookman L', 'Garamond', 'Century Schoolbook', 'Bookman Old Style', 'Georgia', serif; } /* Georgia type font-family */ div.cat-description em, div.post-entry p em, div.post-entry li p em, div.post-entry p.update:before { font-family: TeXGyreScholaItalic, 'URW Bookman L', 'Garamond', 'Century Schoolbook', 'Bookman Old Style', 'Georgia', serif; } div.cat-description strong { font-family: TeXGyreScholaBold, 'URW Bookman L', 'Garamond', 'Century Schoolbook', 'Bookman Old Style', 'Georgia', serif; } .commentlist li div div.authorresponse p { font-family: TeXGyreScholaBoldItalic, 'URW Bookman L', 'Garamond', 'Century Schoolbook', 'Bookman Old Style', 'Georgia', serif; } /* Times New Roman type font family */ #header p { font-family: TeXGyreTermesItalic, 'Nimbus Roman No9 L', 'Times New Roman', serif; } /* Slab-Serif */ #header div { font-family: JustusBold; } /* Mono fonts *****************************************************************/ /* Courier New type font family */ pre, div.post-entry blockquote.code, div.post-entry blockquote.code p, .commentlist li div p code, .commentlist li div blockquote p code, #commentform p code { font-family: TeXGyreCursorRegular, 'Nimbus Mono L', 'Courier New', monospace; } /* Script fonts *****************************************************************/ /* Brush Script type font family */ div.post-entry blockquote .script { font-family: CalligraphyFLFRegular, 'URW Chancery L', 'Brush Script MT', cursive, serif; } /* Specialty fonts *****************************************************************/ /* No specialty font families currently used */ /* ============================================================================================= 1 - Icons Style Specifications ============================================================================================= */ /* Set padding-top/bottom and background transparency for all icons */ #content a[href ^='mailto'], #content a[href $='#comments'], #content a[title ^='Comment'], #content a[title ^='Permanent Link'], #content a[rel $='shortlink'], #content span[id $='shortlink'] a, #content a[title ^='Trackback'], #content a[href $='print'], #content a[title ^='Print'][href ='#'], #content a[title ^='Edit'], #content a[href $='.csv'], #content a[href $='.ps'], #content a[href $='.rtf'], #content a[href $='.txt'], #content a[href $='.pdf'], #content a[href $='.odc'], #content a[href $='.odf'], #content a[href $='.odg'], #content a[href $='.odi'], #content a[href $='.odp'], #content a[href $='.ods'], #content a[href $='.odt'], #content a[href $='.doc'], #content a[href $='.xls'], #content a[href $='.ppt'], #content a[href $='.gif'], #content a[href $='.jpeg'], #content a[href $='.png'], #content a[href $='.mov'], #content a[href $='.mp3'], #content a[href $='.mpg'], #content a[href $='.ogg'], #content a[href $='.wav'], #content a[href $='.wma'], #content a[href $='.wmv'], #content a[href $='.deb'], #content a[href $='.gz'], #content a[href $='.iso'], #content a[href $='.rar'], #content a[href $='.tar'], #content a[href $='.zip'], #content a[href $='.css'], #content a.reference[href $='.htm'], #content a.reference[href $='.html'], #content a.reference[href $='.php'], #content a.reference[href $='.xml'], #content a[href $='.pgp'], #content a[href $='.torrent'] { padding-top:2px; padding-bottom:2px; background:transparent; } /* link icon specifications ----------------------------------------------- */ #content a[href ^='mailto'] { padding-left:17px; background: url(images/silkicons/email.png) no-repeat scroll left center; } /* post footer link icon specifications ----------------------------------------------- */ #content a[href $='#comments'], #content a[title ^='Comment'] { padding-left:19px; background: url(images/silkicons/comment.png) no-repeat scroll left center; } #content a[title ^='Permanent Link'], #content a[rel $='shortlink'], #content a[title $='single-page view'], #content span[id $='shortlink'] a { padding-left:19px; background: url(images/silkicons/page_white.png) no-repeat scroll left center; } #content a[title ^='Trackback'] { padding-left:19px; background: url(images/silkicons/page_white_link.png) no-repeat scroll left center; } #content a[href $='print'], #content a[title ^='Print'][href ='#'] { padding-left:19px; background: url(images/silkicons/printer.png) no-repeat scroll left center; } #content a[title ^='Edit'] { padding-left:19px; background: url(images/silkicons/page_white_edit.png) no-repeat scroll left center; } /* link file icon specifications ----------------------------------------------- */ /* Set padding-right for document-type icons */ #content a[href $='.csv'], #content a[href $='.ps'], #content a[href $='.rtf'], #content a[href $='.txt'], #content a[href $='.pdf'], #content a[href $='.odc'], #content a[href $='.odf'], #content a[href $='.odg'], #content a[href $='.odi'], #content a[href $='.odp'], #content a[href $='.ods'], #content a[href $='.odt'], #content a[href $='.doc'], #content a[href $='.xls'], #content a[href $='.ppt'], #content a[href $='.gif'], #content a[href $='.jpeg'], #content a[href $='.png'], #content a[href $='.mov'], #content a[href $='.mp3'], #content a[href $='.mpg'], #content a[href $='.ogg'], #content a[href $='.wav'], #content a[href $='.wma'], #content a[href $='.wmv'], #content a[href $='.deb'], #content a[href $='.gz'], #content a[href $='.iso'], #content a[href $='.rar'], #content a[href $='.tar'], #content a[href $='.zip'], #content a[href $='.css'], #content a.reference[href $='.htm'], #content a.reference[href $='.html'], #content a.reference[href $='.php'], #content a.reference[href $='.xml'], #content a[href $='.pgp'], #content a[href $='.torrent'] { padding-right:22px; } /* Miscellaneous Text Document Formats (CSV, RTF, TXT, etc.) */ #content a[href $='.csv'] { background: url(images/fileicons/csv.png) no-repeat scroll right center; } #content a[href $='.ps'] { background: url(images/fileicons/ps.png) no-repeat scroll right center; } #content a[href $='.rtf'] { background: url(images/fileicons/rtf.png) no-repeat scroll right center; } #content a[href $='.txt'] { background: url(images/fileicons/txt.png) no-repeat scroll right center; } /* Portable Document Format (PDF) */ #content a[href $='.pdf'] { background: url(images/fileicons/pdf.png) no-repeat scroll right center; } /* Open Document Format (ODF): Text (ODT), Spreadsheet (ODC), Presentation (ODP), etc. */ #content a[href $='.odc'] { background: url(images/fileicons/odc.png) no-repeat scroll right center; } #content a[href $='.odf'] { background: url(images/fileicons/odf.png) no-repeat scroll right center; } #content a[href $='.odg'] { background: url(images/fileicons/odg.png) no-repeat scroll right center; } #content a[href $='.odi'] { background: url(images/fileicons/odi.png) no-repeat scroll right center; } #content a[href $='.odp'] { background: url(images/fileicons/odp.png) no-repeat scroll right center; } #content a[href $='.ods'] { background: url(images/fileicons/ods.png) no-repeat scroll right center; } #content a[href $='.odt'] { background: url(images/fileicons/odt.png) no-repeat scroll right center; } /* MS Office Document Format: Word (DOC), Excel (XLS), PowerPoint (PPT), etc. */ #content a[href $='.doc'] { background: url(images/fileicons/doc.png) no-repeat scroll right center; } #content a[href $='.xls'] { background: url(images/fileicons/xls.png) no-repeat scroll right center; } #content a[href $='.ppt'] { background: url(images/fileicons/ppt.png) no-repeat scroll right center; } /* Graphic File Formats: JPG, GIF, PNG, etc. */ #content a[href $='.gif'] { background: url(images/fileicons/gif.png) no-repeat scroll right center; } #content a[href $='.jpg'], #content a[href $='.jpeg'] { background: url(images/fileicons/jpg.png) no-repeat scroll right center; } #content a[href $='.png'] { background: url(images/fileicons/png.png) no-repeat scroll right center; } #content a.thickbox, #content a.thickbox img, #content div.wp-caption a, #content div.wp-caption a img, #content div.pic a, #content div.pic a img, #content p.attachment a, #content p.attachment a img, #content div.post-entry a[href $='.jpg'], #content div.post-entry a[href $='.jpeg'], #content div.post-entry a img { margin:0px auto; padding:0px; background:transparent; text-decoration:none; } /* Multimedia File Formats: MP3, OGG, MOV, etc. */ #content a[href $='.mov'] { background: url(images/fileicons/mov.png) no-repeat scroll right center; } #content a[href $='.mp3'] { background: url(images/fileicons/mp3.png) no-repeat scroll right center; } #content a[href $='.mpg'] { background: url(images/fileicons/mpg.png) no-repeat scroll right center; } #content a[href $='.ogg'] { background: url(images/fileicons/ogg.png) no-repeat scroll right center; } #content a[href $='.wav'] { background: url(images/fileicons/wav.png) no-repeat scroll right center; } #content a[href $='.wma'] { background: url(images/fileicons/wma.png) no-repeat scroll right center; } #content a[href $='.wmv'] { background: url(images/fileicons/wmv.png) no-repeat scroll right center; } /* Compressed File Formats: ZIP, RAR, TAR, GZ, ISO, DEB, etc. */ #content a[href $='.deb'] { background: url(images/fileicons/deb.png) no-repeat scroll right center; } #content a[href $='.gz'] { background: url(images/fileicons/gz.png) no-repeat scroll right center; } #content a[href $='.iso'] { background: url(images/fileicons/iso.png) no-repeat scroll right center; } #content a[href $='.rar'] { background: url(images/fileicons/rar.png) no-repeat scroll right center; } #content a[href $='.tar'] { background: url(images/fileicons/tar.png) no-repeat scroll right center; } #content a[href $='.zip'] { background: url(images/fileicons/zip.png) no-repeat scroll right center; } /* W3C File Formats: CSS, HTML, PHP, XML, etc. */ #content a[href $='.css'] { background: url(images/fileicons/css.png) no-repeat scroll right center; } #content a.reference[href $='.htm'], #content a.reference[href $='.html'] { background: url(images/fileicons/html.png) no-repeat scroll right center; } #content a.reference[href $='.php'] { background: url(images/fileicons/php.png) no-repeat scroll right center; } #content a.reference[href $='.xml'] { background: url(images/fileicons/xml.png) no-repeat scroll right center; } /* Miscellaneous File Formats: PGP, etc. */ #content a[href $='.pgp'] { background: url(images/fileicons/pgp.png) no-repeat scroll right center; } #content a[href $='.torrent'] { background: url(images/fileicons/file.png) no-repeat scroll right center; } /* ============================================================================================= 2 - Site Navigation Style Specifications ============================================================================================= */ /* 1 - Main Navigation Style Specifications ----------------------------------------------- */ /* ul.nav-header li a, ul.nav-header li a:link, ul.nav-header li a:visited, ul.nav-header li a:hover, ul.nav-header li a:active { background: url(images/menu.gif) #fff bottom left repeat-x; background: -webkit-gradient(linear, left bottom, left top, from(#D1D1E1), to(#ffffff), color-stop(0.9, #ffffff)); color: #58a; } */ /* 2 - Section Navigation Style Specifications ----------------------------------------------- */ /* SECOND LEVEL: Display second-level page links like subnavmenu */ /* .subnavmenu li.current_page_item li a, .subnavmenu li.current_page_parent li a, .subnavmenu li.current_page_parent li.current_page_item li a, .subnavmenu li.current_page_ancestor li a { color:#58a; background: url(../images/menu.gif) #fff bottom left repeat-x; } */ /* THIRD LEVEL: Reset display for fourth-level page links */ /* .subnavmenu li.current_page_ancestor li.current_page_parent li.current_page_item li a { color:#58a; background: url(../images/menu.gif) #fff bottom left repeat-x; } */ /* FOURTH LEVEL: Display fourth-level page links like subsubsubnavmenu */ /* .subnavmenu li.current_page_ancestor li.current_page_parent li.current_page_item li a, .subnavmenu li.current_page_ancestor li.current_page_ancestor li.current_page_parent li a, .subnavmenu li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li a { background:none; background-color:#f0f0f0; } */ /* ============================================================================================= 3 - Section-Specific Style Specifications ============================================================================================= */ body, #extent, #content, #leftcol, #main, #rightcol { color:#555; background-color:#fff; } #header { height:auto; min-height: 0px; } /* No need for #header height to accommodate custom header images */ /* Headings Style Specifications --------------------*/ h1, h2, h3, h4, h5, h6 { color:#333; font-weight:normal; } h1 { color:maroon; font-style:normal; } h2 { font-style:normal; color:black; } h3 { color:black; } h5, h6 { text-decoration:underline; } /* Links Style Specifications --------------------*/ a,a:link, a:visited, a:hover, a:active { color:#58a; } a:hover { background-color:#e8e8e8; } /* Content DIVs Style Specifications --------------------*/ #page.page-wide #main { width: 825px; } #page.page-wide #leftcol { margin-left:-1000px; padding-left:0px; } #page.page-wide #main img { max-width: 800px; width: auto; height: auto; } #footer { border-top:1px solid #999; border-bottom:1px solid #bbb; background-color:#e9e9e9; background: -webkit-gradient(linear, left top, left bottom, from(#ccdddd), to(#ffffff), color-stop(1, #ffffff)); } /* Miscellaneous HTML Tag Style Specifications --------------------*/ pre { overflow: auto; text-align:left; background-color: #FCF7EC; overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not */ white-space: pre; /* css-3 */ line-height: 1.5em; } code { background-color: #FCF7EC; font-size: 9pt; } /* 1 - Blog Header ----------------------------------------------- */ #header div { color:#666; font-size: 12pt; line-height:1.5em; letter-spacing: 0.5em; font-weight:normal; text-transform:uppercase; } #header p { color:#777; text-align:center; font-size: 10.5pt; line-height:1.3em; letter-spacing:0em; } /* Search --------------------*/ #searchform input { border: 1px solid #000000; background-color: silver; color: #5588aa; } #searchform #s { background-color: white; } /* Main Content (#content) Class Specifications --------------------*/ div.title { border-bottom: 1px dotted #999; color: #999; } /* 2 - Blog Left Column Style Specifications ----------------------------------------------- */ ul#valid { list-style-type:none; margin:0px; margin-bottom:0px; padding:0px; } ul#valid li { display: block; margin:0; padding:0; text-align:center; border: 0px solid black; } ul#valid li a, ul#valid li a:link, ul#valid li a:visited, ul#valid li a:hover, ul#valid li a:active { display:block; margin:0; padding:0; border: 0px solid black; height:auto; text-decoration:none; background-color:transparent; } ul#valid li a img { margin:0; padding:0; } /* 4 - Blog Right Column Style Specifications ----------------------------------------------- */ #advertisements { display:inline; } #ext_blogrolls { display:inline; width:150px; float:right; vertical-align:top; } #advertisements { width:150px; float:left; vertical-align:top; } /* 3 - Blog Center Column Style Specifications ----------------------------------------------- */ /* Blog TopNavigation --------------------*/ .postnav { position:relative; bottom:0; } .postnav li { border-top: 1px solid silver; border-bottom: 1px solid silver; color: #777; background-color:#e8e8f0; background: -webkit-gradient(linear, left top, left bottom, from(#d1d1e1), to(#e8e8f0), color-stop(0.6, #e8e8f0)); } .postnav li a { text-shadow: 1px 1px 1px #aaa; } .postnav li#postnavlogin span { text-shadow: 0px 1px 0px #eee; font-weight:normal; } /* Blog Archive Title --------------------*/ .pagetitle { color:black; } div.cat-description { color:#555; text-transform:none; } div.cat-description strong { color:#777; font-weight:normal; } div.cat-description em { color:#777; font-weight:normal; } div.cat-subscribe-feed { border:0px solid navy; } /* Blog Post Span --------------------*/ div.post { border: 1px solid #bbb; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } /* Post Title --------------------*/ div.post div.post-title { border-bottom:2px solid #909090; background: -webkit-gradient(linear, left top, right top, from(#dddddd), to(#ffffff), color-stop(0.7, #ffffff)); } div.post-title h1 a, div.post-title h1 a:link, div.post-title h1 a:visited, div.post-title h1 a:hover, div.post-title h1 a:active { color: maroon; text-shadow: 1px 1px 2px #000; } div.post-title span.post-title-metadata { border:0px solid #b0b0b0; color:#b0b0b0; } div.post-title span.post-title-category, div.post-title span.post-title-tags { color:#777; } div.post-title span.post-date { border:1px solid #999; } span.post-date span.post-date-year { border-bottom:1px solid #999; background-color:#d0d0d0; } span.post-date span.post-date-weekday, span.post-date span.post-date-day, span.post-date span.post-date-month { background-color:white; } /* Post Entry - Paragraphs --------------------*/ div.post-entry, div.post-entry li p { font-size:11pt; line-height:1.6em; letter-spacing:0em; text-align:justify; } div.post-entry li p { line-height:1.1em; } div.post-entry p.update { border:1px solid #d8d8d8; } /* Post Entry - Links --------------------*/ div.post-entry a:link, div.post-entry a:visited, div.post-entry a:hover, div.post-entry a:active { border-bottom: 1px dotted #58a; font-weight:bold; text-decoration: none; } div.post-entry a:hover { background-color:#e8e8e8; border-bottom: 1px solid #58a; } div.post-entry a.thickbox:hover { background-color:transparent; border-bottom: 0px solid #58a; } /* Post Entry - Blockquotes --------------------*/ div.post-entry blockquote, div.post-entry blockquote.post { border-top:1px solid gray; border-bottom: 1px solid silver; background-color: #f4f4f4; } div.post-entry blockquote.def { border:0; border-left: 3px solid #777; background-color: #f8f8f8; } div.post-entry blockquote.code { border:0; border-left: 3px solid gray; padding:0; padding-left:10px; overflow: auto; text-align:left; background-color: #FCF7EC !important; overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not */ white-space: pre; /* css-3 */ line-height: 1.5em; } #content div.post-entry blockquote.code code { background-color: #fcf7ec !important; line-height: 1.5em !important; } #content div.post-entry blockquote.code .syntaxhighlighter { margin:0 0 0 0 !important; } div.post-entry blockquote.code p { white-space: pre;}; div.post-entry blockquote.code, div.post-entry blockquote.code p { color:#444; background-color: #FCF7EC; } div.post-entry .conquote { background-color:#F8D8FF; } div.post-entry .proquote { background-color:#d8f0e0; } div.post-entry .neutralquote { background-color:#c8e0ff; } div.post-entry .legalese { background-color:#e0e0e0; width:450px; } /* Post Entry - Special (Download Button) --------------------*/ div.post-entry ul.downloadbutton { list-style-type:none; margin:0px auto; margin-bottom:0px; padding:0px; padding-bottom:30px; text-align:center; } div.post-entry ul.downloadbutton li { display: block; float:none; margin:0px auto; padding:0px; text-align:center; } #main div.post-entry ul.downloadbutton li a, #main div.post-entry ul.downloadbutton li a:link, #main div.post-entry ul.downloadbutton li a:visited, #main div.post-entry ul.downloadbutton li a:hover, #main div.post-entry ul.downloadbutton li a:active { display:block; height: 20pt; line-height: 18pt; width: 150px; border: 1px solid silver; background-color: #ccc; color: #58a; font-size:9pt; letter-spacing:0.2em; font-weight:bold; text-decoration:none; text-transform:uppercase; margin: 0px auto; padding-left:10px; text-align: center; } #main div.post-entry ul.downloadbutton li a:hover { background-color: #ddd; border: 1px solid #58a; } /* Clone The Truth Metadata --------------------*/ div.post p.clonetruth { padding:3px; border:0px solid #e8e8e8; line-height:12pt; letter-spacing:0em; } div.post p.clonetruth a:link, div.post p.clonetruth a:visited, div.post p.clonetruth a:hover, div.post p.clonetruth a:active { border-bottom: 1px dashed #58a; color:#58a; font-weight:bold; text-decoration: none; } div.post p.clonetruth a:hover { background-color:#e8e8e8; border-bottom: 1px solid #58a; } /* Post Footer Metadata --------------------*/ p.postmetadata, div.postmetadata { border-top: 1px solid #ddd; color: #777; background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ffffff), color-stop(1, #ffffff)); } div.post p.alt, div.post div.alt { border-bottom: 1px solid #ddd; } /* Posts Navigation ----------------------*/ div.postpagenav { border-top: 1px dotted #777777; border-bottom: 1px dotted #777777; color: #777777; background-color: #e8e8e8; background: url(../images/menu.gif) #fff bottom left repeat-x; } /* Post Query --------------------*/ p.query { color: #777; } /* 5 - Coffee Review Style Specifications ----------------------------------------------- */ table.review { font-size:6pt; border: 0px solid black; } table.review td { width:15px; } tr.reviewrating { font-size:8pt; font-weight:bold; } td.reviewcat { text-align:left; } tr.reviewrating td.reviewcatrating { width:25px; text-align:right; } tr.reviewspectrum { height:5px; line-height:5px; border: 1px solid black; } tr.reviewspectrum td.reviewrateright { text-align:left; border-left: 1px solid black; } tr.reviewspectrum td.reviewratespectrum { border-top: 1px solid silver; border-bottom: 1px solid black; } tr.reviewspectrum td.reviewrateleft { width:25px; text-align:right; border-right: 1px solid silver; } tr td.reviewdescleft { width:25px; text-align:right; } td.reviewdescright { text-align:left; } table.legend { font-size:7pt; border: 0px solid black; text-align:left; } table.legend td { width:20px; line-height:10px; text-align:center; letter-spacing:0em; } table.legend td.legenddesc { width:400px; text-align:left; } tr.legendhead td { border-bottom: 1px solid gray; letter-spacing:0.1em; } /* Coffee Review Bar Graph */ dl.coffee { margin: 0; padding: 0; float:left; } dl.coffee dt { position: relative; clear: both; display: block; float: left; width: 60px; height: 20px; line-height: 10px; margin-right: 10px; text-align: right; font-weight: bold; } dl.coffee dd { position: relative; display: block; float: left; width: 200px; height: 10px; margin: 0 0 15px; background: url(../images/coffeegrad2.jpg); } * html dl.coffee dd { float: none; } /* IE is dumb; Quick IE hack, apply favorite filter methods for wider browser compatibility */ dl.coffee dd div { position: relative; background: url(../images/coffeegrad.jpg); height: 10px; width: 75%; text-align:right; } dl.coffee dd div strong { position: absolute; right: -5px; top: -2px; display: block; background: url(../images/g_marker.gif); height: 12px; width: 9px; text-align: left; text-indent: -9999px; overflow: hidden; } dl.coffee+p { clear:left; } /* 8 - Footer Section(#footer) Style Specifications ----------------------------------------------- */ #footer { font-size:8pt; letter-spacing:0.1em; } #footer hr { display:inline; color:white; } #footer p { margin:0; padding-top:15px; } /* Footer Links -------------------- */ #footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { text-decoration: none; font-weight: normal; } #footer a:hover { text-decoration: underline; } /* ============================================================================================= 4 - Comments Style Specifications ============================================================================================= */ .commentlist li div.comment-author img.avatar { -moz-box-shadow: 4px 4px 4px #777; -webkit-box-shadow: 4px 4px 4px #777; box-shadow: 4px 4px 4px #777; } #commentform input:focus, #commentform textarea:focus { border-color:#58a; -moz-box-shadow: 4px 4px 4px #777; -webkit-box-shadow: 4px 4px 4px #777; box-shadow: 4px 4px 4px #777; } #commentform p label { width:60px; } /* ============================================================================================= 5 - Plugin Style Specifications ============================================================================================= */ /* Yoast Breadcrumbs Style Specifications------------------------------------------------ */ #extent ul.postnav li#breadcrumbs { padding-left:3px; } #extent ul.postnav li#breadcrumbs strong { text-shadow: 0px 1px 0px #eee; } /* I Make Plugins Style Specifications------------------------------------------------ */ #content div.impstats { display:inline; float:right; clear:none; margin:5px; padding:5px; } #content div.impstats h2 { margin:0px; } #content div.impstats ul.impinfo { margin:0px; margin-top:5px; padding:0px; list-style-type:none; text-indent:0; font-size:8pt; border: 1px solid black; background-color:#e8e8e8; } #content div.impstats ul.impinfo li { margin:0px; margin-top:0px; margin-bottom:0px; padding:5px; padding-top:0px; padding-bottom:0px; height:auto; } #content #main div.post div.impstats ul.impbutton li { margin:0px; margin-top: 10px; margin-bottom:10px; padding:0px; } /* WP-Paginate Style Specifications------------------------------------------------ */ .wp-paginate-comments {} .wp-paginate-comments li {} .wp-paginate-comments a {} .wp-paginate-comments a:hover, .wp-paginate-comments a:active {} .wp-paginate-comments .title {} .wp-paginate-comments .gap {} .wp-paginate-comments .current {} .wp-paginate-comments .page {} .wp-paginate-comments .prev, .wp-paginate-comments .next {} /* Sociable Style Specifications------------------------------------------------ */ div.sociable { clear:both; } /* Trackback Style Specifications------------------------------------------------ */ ol.trackbacklist { font-size:9pt; letter-spacing:0em; color:black; } /* Crazy Awesome Related Entries (CARE) Style Specifications * Yet Another Related Posts Plugin (YARPP) Style Specifications * WordPress Related Posts Style Specifications ------------------------------------------------ */ h2.bnc_header { margin-top:15px; text-align:left; } ol.bnc_related, ul.related_post, ol.related_post { font-size:8pt; letter-spacing:0em; color:black; } /* Wordpress.com Stats Style Specifications------------------------------------------------ */ img#wpstats{ width:0px; height:0px; padding:0px; border:none; overflow:hidden; } /* User Agent Spy Style Specifications------------------------------------------------ */ span.commentua a:link,span.commentua a:visited,span.commentua a:hover,span.commentua a:active { background-color: white; color: #58a; text-decoration: none; font-weight: normal; font-size: 8pt; padding-left:0px; } span.commentua a:hover { background-color:silver; text-decoration:underline; } /* Gravatars Plug-In Style Specifications----------------------------------------------- */ .gravatar { float:left; padding: 3px; border: 1px solid #000; background: #fff; } .postgrav { float: left; padding: 3px; margin-right: 5px; margin-left: 5px; border: 1px solid #000; background: #fff; } /* Otto's Gravatar-Box Plug-In Style Specifications----------------------------------------------- */ #gravbox { float:left; padding:0; margin-right: 5px; margin-bottom:5px; width:96px; height:96px; background:url(../images/gravatar.png); border:1px solid gray; } #gravbox .nogravatar { padding-top:25px; padding-bottom:25px; margin:0px auto; text-align:center; font-weight:bold; } #gravbox img{ border:0px solid gray; margin:0; padding:0; } /* Recent Posts----------------------------------------------- */ ul.recently { margin:0px 0px; } /* Subscribe To Comments Plugin Style Specifications----------------------------------------------- */ #commentform p.subscribe-to-comments label { width:auto; text-align:left; } /* Comments Form Quicktags Plugin Style Specifications----------------------------------------------- */ #commentform #ed_toolbar { display:block; clear:both; width:100%; } /* Math Comment Spam Protection Plugin Style Specifications----------------------------------------------- */ #commentform p.comment-form-captcha { float:left; clear:none; width:500px; } /* Simple Footnotes Plugin Style Specifications----------------------------------------------- */ #main div.post-entry a.simple-footnote { color:green; background-color:#d8d8d8; font-size:9pt; font-weight:normal; } #main div.post-entry a.simple-footnote:before { content: "["; } #main div.post-entry a.simple-footnote:after { content: "]"; } #main div.post-entry a.simple-footnote sup { vertical-align:0; } #main div.post-entry div.simple-footnotes { margin-top:20px; border-top:1px solid #777; background-color:#f0f0f0; } #main div.post-entry div.simple-footnotes * { padding: 0px 5px; font-size:0.9em; } /* WPAudio MP3 Plugin Style Specifications----------------------------------------------- */ #content a.wpaudio, #content a.wpaudio-download { background: none; } /* ============================================================================================= 6 - NextGen Gallery Style Specifications ============================================================================================= */ /* ----------- Album Styles Extend -------------*/ .ngg-albumoverview { margin-top: 10px; width: 100%; clear:both; display:block; } .ngg-album { margin:0; padding: 5px; margin-bottom: 5px; border: 1px solid #fff; } /* IE6 will ignore this , again I hate IE6 */ /* See also http://www.sitepoint.com/article/browser-specific-css-hacks */ html>body .ngg-album { overflow:hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; } .ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; } .ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 13pt; } .ngg-thumbnail { float: left; margin-right: 12px; } .ngg-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0px 4px 5px; padding:4px; position:relative; } .ngg-thumbnail img:hover { background-color: #A9A9A9; } .ngg-description { text-align: left; } /* ----------- Album Styles Compact -------------*/ .ngg-album-compact { float:left; height:150px; padding-right:6px !important; margin:0px; padding:0px; text-align:left; width:120px; } .ngg-album-compactbox { float:left; display:inline; background:transparent url(albumset.gif) no-repeat scroll 0%; height:81px; margin:0px; margin-bottom:0px; padding:0px; padding-top:9px; padding-left:8px; width:120px; } .ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px; padding:0px; width:91px; height:68px; } #page #extent #content #main .ngg-album-compact h4 { float:left; display:inline; font-size:10pt; line-height:13pt; font-weight:bold; margin:0px; margin-bottom:0px; margin-top:-10px; padding:0; width:110px; } #page #extent #content #main .ngg-album-compact p { float:left; display:inline; font-size:7pt; line-height:10pt; margin:0px; padding:0; } /* ----------- Gallery style -------------*/ .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-galleryoverview .desc { margin:0px 10px 10px 0px; padding:5px; } /* required for description */ .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; } .ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:4px 0px 4px 5px; padding:4px; position:relative; } .ngg-gallery-thumbnail img:hover { background-color: #A9A9A9; } .ngg-gallery-thumbnail span { font-size:90%; padding-left:5px; display:block; } /* Images description */ .ngg-clear { clear: both; } /* ----------- Gallery navigation -------------*/ .ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center; } .ngg-navigation span { font-weight:bold; margin:0pt 6px; } .ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; } .ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; } /* ----------- Image browser style -------------*/ #page #extent #content #main .ngg-imagebrowser { display:block; position:relative; width:100%; margin:0px auto; text-align:center; } .ngg-imagebrowser h3 { text-align:center; } .ngg-imagebrowser div.pic { position:static; display:block; float:none; min-height:480px; max-width:640px; margin:0px; padding:0px; margin:0px auto; text-align:center; background-color:silver; border:1px solid #A9A9A9; } .ngg-imagebrowser img { margin:0px; padding:0px; margin-top: 0px; margin-bottom: 0px; width: 100%; display:block; } .ngg-imagebrowser-nav { display:inline; padding:0px; margin:0px auto; } #extent #content #main .ngg-imagebrowser-nav ul { list-style-type:none; margin:0; margin-bottom:20px; display:block; text-align:center; clear:both; } #extent #content #main .ngg-imagebrowser-nav ul li { display:inline; margin:0px; padding:0px; } .ngg-imagebroswer-nav-jump { float:none; } .ngg-imagebrowser-nav .back, .ngg-imagebrowser-nav .ngg-imagebrowser-nav-first, .ngg-imagebrowser-nav .ngg-imagebrowser-nav-prev { float:left; } .ngg-imagebrowser-nav .next, .ngg-imagebrowser-nav .ngg-imagebrowser-nav-next, .ngg-imagebrowser-nav .ngg-imagebrowser-nav-last { float:right; } .ngg-imagebrowser-nav .back, .ngg-imagebrowser-nav .next, #extent #content #main .ngg-imagebrowser-nav ul li a:link, #extent #content #main .ngg-imagebrowser-nav ul li a:visited, #extent #content #main .ngg-imagebrowser-nav ul li a:hover, #extent #content #main .ngg-imagebrowser-nav ul li a:active { border:1px solid #999999; margin:5px; padding:5px; padding-top:3px; padding-bottom:3px; font-size:9pt; text-decoration: none; } #extent #content #main .ngg-imagebrowser-nav ul li a:hover { background-color:#d8d8d8; border-color:#5588aa; } .ngg-imagebrowser-nav .counter, .ngg-imagebrowser-nav-jump { text-align:center; font-size:7pt; } .ngg-imagebrowser-desc { display:inline; margin:0px; padding:0px; margin:0px auto; padding-top:0px; font-size:8pt; line-height:11pt; letter-spacing:0em; text-align: center; } .exif-data { margin-left: auto !important; margin-right: auto !important; } /* ----------- Slideshow -------------*/ .slideshow { margin-left: auto; margin-right: auto; text-align:center; outline: none; } .slideshowlink { } /* ----------- Single picture -------------*/ .ngg-singlepic { background-color:#FFFFFF; display:block; padding:4px; } .ngg-left { float: left; margin-right:10px; } .ngg-right { float: right; margin-left:10px; } .ngg-center { margin-left: auto !important; margin-right: auto !important; } /* ----------- Sidebar widget -------------*/ .ngg-widget, .ngg-widget-slideshow { overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; text-align:left; } .ngg-widget img { border:2px solid #A9A9A9; margin:0pt 2px 2px 0px; padding:1px; } /* ----------- Related images -------------*/ .ngg-related-gallery { background:#F9F9F9; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px; } .ngg-related-gallery img { border: 1px solid #DDDDDD; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width: 50px; } .ngg-related-gallery img:hover { border: 1px solid #000000; } /* ----------- Gallery list -------------*/ .ngg-galleryoverview ul li:before { content: '' !important; } .ngg-gallery-list { list-style-type:none; padding: 0px !important; text-indent:0px !important; } .ngg-galleryoverview div.pic img{ width: 100%; } .ngg-gallery-list li { float:left; margin:0 2px 0px 2px !important; overflow:hidden; } .ngg-gallery-list li a { border:1px solid #CCCCCC; display:block; padding:2px; } .ngg-gallery-list li.selected a{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; } .ngg-gallery-list li img { height:40px; width:40px; } li.ngg-next, li.ngg-prev { height:40px; width:40px; font-size:3.5em; } li.ngg-next a, li.ngg-prev a { padding-top: 10px; border: none; text-decoration: none; } /* ============================================================================================= 7 - Recipes Style Specifications ============================================================================================= */ /* recipe class specifications ----------------------------------------------- */ .recipehead { background-color: white; border: 0px solid black; } .recipecontainer { clear:both; overflow:auto; width:100%; } #content #main div.recipeimg { float:left; width: 430px; text-align: left; padding: 0px; margin: 0px; border: 0px solid silver; } #content #main div.recipeimg img { padding:0px; margin:0px; border: 1px solid silver; } .recipecarbs { float:right; clear:left; overflow:auto; width:130px; background-color: #ccc; color: black; font-weight: normal; font-size: 8pt; line-height:10pt; letter-spacing:0.1em; text-align: left; padding: 0px; margin: 0px; border: 1px solid navy; } .recipecarbs p { margin:0px; padding:0; } .recipecarbs ul, .recipecarbs li { margin:0px; margin-top:0px; margin-bottom:0px; padding:0px; list-style-type:none; line-height:12pt; } .recipecarbs li { width:100%; clear:both; margin:0; padding:0; margin-left:-10px; } .recipecarbs li span { margin:0; padding:0; } #content #main div.recipecarbs ul li span.carbtype { float:left; width: 50%; } #content #main div.recipecarbs ul li span.carbtypecount { float:right; padding-right:5px; font-weight:bold; font-size:8pt; width:20%; } #content #main div.recipecarbs ul li span.carbcount { color:navy; } #content #main div.recipecarbs ul li span.fibercount { color:#336633; border-bottom: 1px solid black; } #content #main div.recipecarbs ul li span.fibercount:before { content:"-"; } #content #main div.recipecarbs ul li span.netcarbcount { color:maroon; } #content #main div.recipecarbs ul li span.netcarbcount:before { content:"="; } #content #main div.recipeingredients { float:left; clear:left; background-color: white; color: black; font-weight: normal; font-size: 8pt; line-height: 12pt; letter-spacing: 0.1em; width: 350px; text-align: left; vertical-align: top; padding: 5px; margin: 0px; border: 0px solid gray; } #content #main div.recipeequip { float:right; background-color: white; color: black; font-weight: normal; font-size: 8pt; line-height: 12pt; letter-spacing: 0.1em; width: 190px; text-align: left; padding: 5px; margin: 0px; border: 0px solid gray; } #content #main div.recipe { clear:both; background-color: whitesmoke; color: black; font-weight: normal; font-size: 9pt; line-height:16pt; letter-spacing: 0.1em; text-align: left; padding: 5px; margin: 0px; border: 1px solid black;} /* Clone The Truth Metadata Daily Stoic Metadata -------------------- */ div.post p.clonetruth, div.post p.dailystoic { padding:10px; border:0px solid #e8e8e8; background-color: #e8e8e8; font-size:9pt; line-height:12pt; letter-spacing:0em; font-family: TeXGyrePagellaRegular, "URW Palladio L", Palatino, serif; } .tag-daily-stoic div.daily-stoic-graphic { margin-top: 10px; text-align:center; margin-left:auto; margin-right:auto; }