/*
bbf-3.css
'bbf' style for the Tarski theme - http://tarskitheme.com/
New, "lighter" feel to be consistent with 4505meats.com
Released under the GPL.
as a derivative work of style.css from the original Tarski theme
*/
/* Color map
#006a80 => #2b9dd8 link blue
#404040 => #333228 text
#7ca653 => who knows
#808080 => #79775f light text
#8bb6cc => who knows calendar
#8fb7bf => who knows acronym, abbr
#8fbf60 => #d9d6aa h3
#8fbf60 => inherit .nav-current
#a8001c => #e59900 hovers
#cc8a95 => who knows calendar
#ccc => #ccc9a0 rules
#cfe2e5 => (#2b9dd8) .content links
#d9d9d9 => #d9d6aa .aside .meta dotted overline
#e5cfd2 => (#e59900) .content hovers
#e5e5e5 => #e5e1b4 various bottom borders
#edf1f2 => who knows calendar
#fafafa => #d9d6aa input areas
#fafcfc => who knows calendar
#fcffff => who knows .articlenav, .insert, .trackback
#fff => who knows various
*/
/* Colors:
#F2EFBE -- 56* 22% 95% -- GCL (text)
#E5E1B4 -- 56* 22% 90% -- GCL (look for #E5E5E5 in orig)
#D9D6AA -- 56* 22% 85% -- GCL - Greenish creme to match logo
#CCC9A0 -- 56* 22% 80% -- GCL (rules -- look for #ccc in orig)
#B3B18D -- 56* 22% 70% -- GCL (body backgrounds)
#989678 -- 56* 22% 60% -- GCL (piping)
#666551 -- 56* 22% 40%
#4e4b3d -- 56* 22% 30%
#333228 -- 56* 22% 20% -- GCL
#26261E -- 56* 22% 15%
#1A1915 -- 56* 22% 10% -- GCL
#F3F3F3 -- 95% -- gray (text)
#DDDDDD -- 86% -- gray
#B0B0B0 -- 69% -- gray (body backgrounds)
#000000 -- 0% -- black (field)
#D8CF3B -- 56* 71% 85% -- GCL richer
#E4D3A6 -- 44* 27% 89% -- Creme from BLH
#FD5A1E -- 15* 84% 95% -- Orange from BLH
*/
/* "Classic" Tarski */
/* Change
#0f6b99 -> #2B9DD8 (blue, brighter)
#bf6030 -> #E47335 (burnt orange, brighter) */
/* Main structure
----------------------------------------------- */
body.bbf-3 { color: #333228; background: #fff; }
/* Header
----------------------------------------------- */
body.bbf-3 #title { border-bottom: 1px solid #ccc9a0; }
body.bbf-3 #navigation { border-bottom: 1px solid #ccc9a0; }
/* Navigation
----------------------------------------------- */
body.bbf-3 #wrapper .nav-current:link, body.bbf-3 #wrapper .nav-current:visited, body.bbf-3 #wrapper .nav-current:active { color: #2b9dd8; }
body.bbf-3 #wrapper .nav-current:hover { color: #e59900; }
/* Content
----------------------------------------------- */
/* HTML element control
--------------------------------------- */
body.bbf-3 blockquote { color: #79775f; }
body.bbf-3 acronym, body.bbf-3 abbr { border-bottom: 1px solid #8fb7bf; }
body.bbf-3 hr { background: #ccc9a0; color: #ccc9a0; }
body.bbf-3 code { color: #7ca653; }
/* Headers
--------------------------------------- */
body.bbf-3 #tagline { color: #79775f; }
body.bbf-3 h1, body.bbf-3 .entry .title { border-bottom: 1px solid #ccc9a0; }
body.bbf-3 h3 { color: #989678; border-bottom: 1px solid #e5e1b4; }
/* Post content
--------------------------------------- */
body.bbf-3 .articlenav { border-bottom: 1px solid #e5e1b4; background: #fcffff; color: #79775f; }
/*****************************************/
/* WARNING -- THE NEXT LINE NOT MODIFIED */
/*****************************************/
body.rtl .articlenav { border-bottom: 1px solid #e5e1b4; }
body.bbf-3 .entry .metadata { color: #79775f; }
body.bbf-3 .aside .meta { border-top: 1px dotted #d9d6aa; color: #79775f; }
body.bbf-3 .link-pages { color: #79775f; }
body.bbf-3 .pagination { color: #79775f; }
/* Inserts
--------------------------------------- */
body.bbf-3 .insert { background: #fcffff; border: 1px solid #cfe2e5; }
body.bbf-3 .insert h3 { border-bottom: 1px solid #cfe2e5; }
/* Downloads
--------------------------------------- */
body.bbf-3 .content a.download:link, body.bbf-3 .content a.download:visited, body.bbf-3 .content a.download:active { background:#fcffff url('images/icons.png') no-repeat 5px -295px; border: 1px solid #cfe2e5; }
/* Images
--------------------------------------- */
body.bbf-3 a img { border: 1px solid #2b9dd8; }
body.bbf-3 a:hover img, body.bbf-3 .comment a:hover .avatar { border: 1px solid #e59900; }
/* Tags & Tags page
--------------------------------------- */
body.bbf-3 .tagdata { color: #79775f; }
/* Search content
--------------------------------------- */
body.bbf-3 .post-brief p.post-metadata { color: #79775f; }
/**
* Comments layout & style
*
* Designed to work for comments which are threaded, unthreaded, paginated
* and unpaginated. Trackbacks are now included inline rather than being
* rendered at the top. Comments also sit directly below the post or page
* content, rather than taking the entire width of the site. This increases
* their flexibility (given column swapping etc.) and maintainability
* (since fewer permutations reduce the likelihood of bugs.)
*
* @since 2.4
*/
body.bbf-3 li.comment, body.bbf-3 li.trackback, body.bbf-3 li.pingback { border-top: 1px solid #ccc9a0; }
body.bbf-3 .comment ol.children, body.bbf-3 .trackback ol.children, body.bbf-3 .pingback ol.children { border-top: 1px solid #ccc9a0; }
body.bbf-3 p.pingdata { color: #79775f; }
body.bbf-3 .moderated { border-bottom: 1px solid #e5e1b4; }
body.bbf-3 .comment-meta { color: #79775f; }
body.bbf-3 .avatar, body.bbf-3 .comment a .avatar { border: 1px solid #ccc9a0; background:#fcfcfc; }
body.bbf-3 .comment-author { color: #333228; }
body.bbf-3 .trackback { border-top: 1px solid #ccc9a0; background: #fcffff; }
body.bbf-3 #comments-header .trackback-link { border-top: 1px solid #ccc9a0; color: #79775f; }
body.bbf-3 #comment-paging { border-top: 1px solid #ccc9a0; color: #79775f; }
body.bbf-3 #comment-paging span.page-numbers { color: #333228; }
body.bbf-3 #comments-closed { border-top: 1px solid #e5e1b4; }
/* Footer
--------------------------------------- */
body.bbf-3 #footer { border-top: 3px double #ccc9a0; }
body.bbf-3 .recent-metadata { color: #79775f; }
body.bbf-3 #theme-info { border-top: 3px double #ccc9a0; color: #79775f; }
/* Forms
----------------------------------------------- */
body.bbf-3 input.text, body.bbf-3 textarea { border: 1px solid #989678; background: #d9d6aa; color: #333228; }
body.bbf-3 input.text:focus, body.bbf-3 textarea:focus { background: #fff; }
/* Search form
--------------------------------------- */
body.bbf-3 #s { border: 1px solid #989678; background: #d9d6aa; color: #333228; }
body.bbf-3 #s:focus { background: #fff; }
/**
* Comment reply form layout & style.
*
* Consists of a simple header with a title and 'Cancel reply' link,
* followed by three text fields which are floated next to one another.
* Lastly, a textarea and submit button. The amount of specialised code
* is intentionally small, since the form should inherit from the general
* Tarski form styling.
*
* @since 2.4
*/
body.bbf-3 #respond { border-top: 1px solid #e5e1b4; }
body.bbf-3 #respond-header { border-bottom: 1px solid #ccc9a0; }
body.bbf-3 .response-details .text-wrap label, body.bbf-3 .response label { color: #79775f; }
/* Links
----------------------------------------------- */
body.bbf-3 a:link, body.bbf-3 a:visited, body.bbf-3 a:active { color: #2b9dd8; }
body.bbf-3 a:hover { color: #e59900; }
body.bbf-3 .content a:link, body.bbf-3 .content a:active, body.bbf-3 .content a:visited, body.bbf-3 .link-pages a:link, body.bbf-3 .link-pages a:active, body.bbf-3 .link-pages a:visited, body.bbf-3 .tagdata a:link, body.bbf-3 .tagdata a:active, body.bbf-3 .tagdata a:visited, body.bbf-3 .widget_tag_cloud a:link, body.bbf-3 .widget_tag_cloud a:active, body.bbf-3 .widget_tag_cloud a:visited { border-bottom: 1px solid #2b9dd8; }
body.bbf-3 .content a:link, body.bbf-3 .content a:active, body.bbf-3 .content a:visited, body.bbf-3 .link-pages a:link, body.bbf-3 .link-pages a:active, body.bbf-3 .link-pages a:visited, body.bbf-3 .tagdata a:link, body.bbf-3 .tagdata a:active, body.bbf-3 .tagdata a:visited, body.bbf-3 .widget_tag_cloud a:link, body.bbf-3 .widget_tag_cloud a:active, body.bbf-3 .widget_tag_cloud a:visited { border-bottom: none; }
body.bbf-3 .content a:hover, body.bbf-3 .link-pages a:hover, body.bbf-3 .tagdata a:hover, body.bbf-3 .widget_tag_cloud a:hover { border-bottom: 1px solid #e59900; }
/* Widgets
----------------------------------------------- */
/* Calendar widget
------------------------------------------- */
body.bbf-3 .widget_calendar caption { border-bottom: 1px solid #ccc; }
body.bbf-3 .widget_calendar th { background: #fafcfc; }
body.bbf-3 .widget_calendar td { background: #edf1f2; }
body.bbf-3 .widget_calendar tbody td a { color: #fff; background: #8bb6cc; }
body.bbf-3 .widget_calendar tbody td a:hover { color: #fff; background: #cc8a95; }
body.bbf-3 .widget_calendar td.pad, body.bbf-3 .widget_calendar tfoot td { background: #fff; }
/* More Stuff
----------------------------------------------- */
/* More specific has to be after more general */
/* Main structure
----------------------------------------------- */
body.bbf-3 { color: #333228; background: #d9d6aa; font-family: 'Rockwell', 'Trebuchet MS', 'Trebuchet', 'Arial', sans-serif; }
body.bbf-3 { background: #333228; }
body.bbf-3 #wrapper { background: #ffffff; border: 2px solid #989678 }
/* Titles (h2) */
body.bbf-3 h2.title, body.bbf-3 h2.entry-title { color: 2b9dd8; }
body.bbf-3 h2.title a:link, body.bbf-3 h2.entry-title a:link, body.bbf-3 h2.title a:active, body.bbf-3 h2.entry-title a:active, body.bbf-3 h2.title a:visited, body.bbf-3 h2.entry-title a:visited { color: #2b9dd8; }
body.bbf-3 h2.title a:hover, body.bbf-3 h2.entry-title a:hover { color: #e59900; }
body.bbf-3 a:hover { border-bottom: 1px solid #e59900; }
/* Work the image and blog title positioning
----------------------------------------------- */
/* Widen the image */
body.bbf-3 #header-image { margin: 0 -20px; }
/* Now sneak the title up */
/* Wish I knew a cleaner way to do this */
body.bbf-3 #title { position:relative; top: -200px; padding-bottom: 120px; }
body.bbf-3 #navigation { margin-top: -200px; }
/* And formatting, which does interact with positioning */
body.bbf-3 #title { color: #000000; text-align: center; font-family: inherit; font-style: nornal; font-weight: normal; }
body.bbf-3 #blog-title { text-transform:uppercase; font-size: 3em; color: inherit; font-family: inherit; font-weight: inherit; font-style: inherit;}
body.bbf-3 #tagline { font-size: 2em; color: inherit; font-family: inherit; font-weight: inherit; font-style: inherit;}
body.bbf-3 #title a { color: inherit; text-decoration: inherit; }
/* Compensate for visual width of ellipsis in "Road To..." */
body.bbf-3 #blog-title { padding-left: 0.5em; }
/* Patch the nav alignment */
body.bbf-3 #navigation ul.primary { margin: 2px 0 0; }
/* Other localized fixes
----------------------------------------------- */
/* Give gallery caption more space */
body.bbf-3 .gallery-caption { padding-left: 0.75em; padding-right: 0.75em; }
/* Align the post nav centered over the posts */
body.bbf-3 .articlenav { text-align: center; }
/* Author names in comments */
body.bbf-3 .comment-author { color:inherit; font-weight:bold; font-style:italic; }
/* bacause Ryan has hella long titles */
body.bbf-3 span.previous-entry { white-space: nowrap; }
body.bbf-3 span.next-entry { white-space: nowrap; }
/* Sneak the sidebar down to align */
body.bbf-3 #sidebar {padding-top: 14px; }
/* Fix up the blockquote */
body.bbf-3 blockquote { color: inherit; font-style: italic; padding: 0 0 0 3em; }
body.bbf-3 .indented { padding: 0 0 0 3em; }
body.bbf-3 h1, body.bbf-3 h2, body.bbf-3 h3, body.bbf-3 h4, body.bbf-3 h5, body.bbf-3 h6 {font-family: 'Rockwell', 'Trebuchet MS', 'Trebuchet', 'Arial', sans-serif; }
body.bbf-3 .entry, body.bbf-3 .title {font-family: 'Rockwell', 'Trebuchet MS', 'Trebuchet', 'Arial', sans-serif; }
/* Fixes for NextGen Gallery */
body.bbf-3 .ngg-gallery-thumbnail {
float: none;
margin-left: 5px;
margin-right: 5px;
}
body.bbf-3 .ngg-gallery-thumbnail img {
display: inline-block;
position: relative;
}
body.bbf-3 .ngg-gallery-thumbnail span {
margin: 0.5em 1em 2em 1em;
font-size: inherit;
}
body.bbf-3 .content .ngg-galleryoverview a:hover {
border-bottom: none;
}
body.bbf-3 .ngg-gallery-thumbnail img, body.bbf-3 img.ngg-singlepic {
padding: 1px;
}
body.bbf-3 .ngg-gallery-thumbnail img:hover, body.bbf-3 img.ngg-singlepic:hover {
background-color:#E59900;
}
#TB_window {
font-family: inherit;
color: #333228;
}
#TB_secondLine {
font-family: inherit;
color: #79775f;
}
.chef-list td {
padding: 0;
margin: 0;
padding-left: 1em;
width: 32%;
vertical-align: top;
}
.chef-list ul {
padding: 0;
margin: 0;
}
body .content .chef-list li {
list-style: none;
line-height: 1.2;
}
.chef-list ul li {
margin-top: 0.5em;
}
.chef-list ul li ul {
padding: 0;
margin: 0;
padding-left: 1em;
}
.chef-list ul li ul li {
font-style: italic;
font-size: 9px;
}