/* Theme Name: Adapted from PRiNZ BranfordMagazine 3.0 Theme URI: http://www.der-prinz.com/wordpress-theme-im-magazin-stil-branfordmagazine-wordpress-magazine-style-theme-branfordmagazine-63 Description: A premium magazine-style layout for Wordpress with multiple functionalities inspired by the great themes of Brian Gardner and Darren Hoyt Version: 3.0 (released 2009-06.29) Author: Jennifer Iannolo (adapted from Michael Oeser) Author URI: http://www.der-prinz.com
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
/****************************************** *   HTML Elements ******************************************/
* { margin:0; padding:0; }
body,html { min-height:101%; }
body { background: #633b28; color: #4b1c00; padding: 13px 0 25px 0; }
body, select, input, textarea { font: 12px Arial, Helvetica, sans-serif; line-height:1.5em; }
p {	margin: 15px 20px;	}
hr { display: block; height:1px; background:#0f4902; border:0; }
small { font-size: 0.9em; padding:3px 6px 0 -2px; }
/******* Hyperlinks ********************/
/* standard link behaviour */ a:link, a:active, a:visited { color:#2f1200; text-decoration: underline; } a:hover	{ color:#2f1200; text-decoration: none; }
.blogtitle a { text-decoration: none; }
/* Title area links */ .title:link, .title:active, .title:visited { color: #840000; font: Arial, Helvetica, sans-serif; text-decoration: none; } .title:hover { color: #840000; text-decoration: underline; }
/* HTML headline links */ h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;} h3 a:hover {text-decoration:underline;}
h4 a:link, h4 a:active, h4 a:visited  {color:#840000; text-decoration:none;} h4 a:hover {text-decoration:underline;}
/* Links in the sidebar */ .subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */ background: #F4F4EC; display:block; padding:4px 4px 0 20px; border-bottom:none; }
.subnav li a:hover, .subnav li a:active { background: #F4F4EC; text-decoration:none!important; }
#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;} #sidelist a:hover {text-decoration:underline;} #sidelist .children li a, #sidelist .children li a:visited { padding:2px 2px 2px 0px; border:0; background:#F4F4EC; color: #0d3d01; } #sidelist .children li a:hover, #sidelist .children li a:active	{ color:#000; text-decoration:none!important; }
/* Links in unordered lists */ .bullets li a { text-decoration:none!important;	} .bullets li a:hover { text-decoration:underline!important;	}
/* How tags appear */ .tags a {text-decoration:none;} .tags a:hover {text-decoration:underline;}
/* Links within comments metadata (date, Author etc.) */ .commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited  {text-decoration:none;} .commentmetadata a:hover {text-decoration:underline;}
/* Links in the footer */ #footer a {text-decoration: none;} #footer a:hover	{text-decoration: underline;} img#wpstats{display:none}
/****************************************** *   Images ******************************************/
/*** default image behaviour ***/ img { border: 0; padding:8px; }
/*** WordPress specific image classes ***/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 10px 0 0; }
.alignright { float: right; margin: 0 0 0 10px; }
.wp-caption { text-align: right; background-color: #F4F4EC; }
.wp-caption img{ }
.wp-caption p.wp-caption-text { color:#4b1c00; font-size: 10px; line-height: 10px; padding: 5px!important; margin: 0!important; }
/****************************************** *   General Structure ******************************************/
#page { /*the main container*/ width:880px; margin:0 auto; font-size:1em; background:#f7f6f1; padding: 10px 25px 35px 25px; border:3px double #333; }
#branding_1 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_1.jpg) no-repeat; }
#branding_2 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_2.jpg) no-repeat; }
#branding_3 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_3.jpg) no-repeat; }
#branding_4 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_4.jpg) no-repeat; }
#branding_5 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_5.jpg) no-repeat; }
#branding_6 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_6.jpg) no-repeat; }
#branding_7 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_7.jpg) no-repeat; }
#branding_8 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_8.jpg) no-repeat; }
#branding_9 {/*where the logo sits*/ width:880px; height:229px; background:url(images/backgrounds/bg_branding_9.jpg) no-repeat; }
.left { float:left; }
.right { float:right; }
#sidebar {/*you guessed it: it´s the sidebar container*/ width: 300px; float:right; }
#leftcol {/*the left homepage column carrying the "Featured Article" section*/ width:282px; border-right:1px solid #b6b6b6; padding-right:15px; }
#leftcol, #rightcol { margin-top:10px; float:left }
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/ width:245px; padding-left:15px; margin-top: -2px; text-align:justify; }
/****************************************** *   Sidebar ******************************************/
.subnav li {/*.subnav is mainly the categories list*/ list-style:none; }
#sidelist li { list-style:none; }
.bullets li { margin:0 0 5px 15px; list-style:square; }
#sidelist .bullets li { list-style:square; margin-bottom:5px; margin-left:22px; }
#sidelist .children { background:#F4F4EC; }
#sidelist .children li { background: #F4F4EC; list-style: none; margin-left:15px; padding-left:15px; border-bottom:1px solid #fff; }
#sidelist .feed li{ margin-bottom:5px; padding-left:20px; background:url(images/rss.gif) no-repeat; }
/****************************************** *   Headlines ******************************************/
.blogtitle, .blogtitle a { color: #000; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; font-weight: regular; padding: 20px 0px 10px 0px; }
h1 { color: #840000; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 10px 0px 0px; padding: 20px 0px 0px 10px; }
h1.fn, .post h1 { color: #840000; font: 1.8em Arial, Helvetica, sans-serif; padding-bottom:8px; border-bottom:1px solid #666; margin: 20px 0; }
h2 { color: #840000; font: 1.8em Arial, Helvetica, sans-serif; padding-bottom:8px; border-bottom:1px solid #666; margin: 20px 0; }
h3 { font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.3em; margin-bottom:4px; font-weight:bold; color:#840000; }
#sidebar h2, #sidebar h3 a { font: 0.9em Arial, Helvetica, sans-serif; letter-spacing:0.2em; text-transform:uppercase; margin-bottom:4px; font-weight:bold; color:#840000; }
#sidebar h3, #sidebar h2 { font-size:0.9em; border-top:3px double #666; border-bottom:1px solid #666; padding:5px 0 5px 2px; margin:20px 0 15px 0; color:#840000; }
h3#respond { font-size:1.1em; border-top:1px solid #666; margin-top:25px; padding-top:20px }
h3#comments { margin-top:32px }
h3 a:link, h3 a:visited { color: #0d3d01; } h3.widget-title { color:#0D3D01; }
h4 { font-size:1.2em; margin-bottom:6px; }
/****************************************** *   Content ******************************************/
#content { width:560px; float:left }
#postcontent { width:500px; float:left }
#pagecontent { width:500px; float:left }
.description { font-size: 1.3em; font-weight: bold; color:#999; }
/* Featured Articles formatting "leftcol" */
.feature { background: url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC; padding:12px; border: 1px solid #ccc; }
.feature p, #rightcol p { margin:0;	}
#leftcol img, #rightcol img { padding:1px; border:1px solid #999; }
#leftcol .feature {	margin-bottom: 15px; }
/* Formating of the Leadstory stuff in the tabbed section */
#leadpic { float:left; margin: 0 18px 8px 0; padding:1px; border: 1px solid #999; }
.title, a.title  { font-family:Arial,Helvetica,sans-serif; font-size:1.1em; font-weight:bold; color: #840000; letter-spacing:normal; }
#lead p { margin-bottom:5px; }
.read-on a { /* This can be used to format the "[...]" link in the lead story */ color:#840000!important; text-decoration:none; text-align:justify; }
.read-on a:hover { text-decoration:underline; }
/* Formating of "rightcol" which is the column in the homepage middle ;-) */
#rightcol img { float:left; margin:3px 10px 4px 0; }
#leftcol img { margin-bottom: 4px; display:block }
#rightcol .clearfloat { border-bottom:1px solid #999; padding:12px 0; }
/* Post Formatting */
.entry { padding-bottom:28px; text-align:justify; }
.post blockquote { color:#666; background:#F4F4EC; padding:6px 14px; margin:18px 35px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; }
.post ul li { list-style:square; margin-bottom:5px; margin-left:42px; }
.post ol li { margin-bottom:5px;
margin-left:48px; }
#tags { padding:3px; border-bottom:1px solid #DDD; border-top:1px solid #DDD; }
.postmetadata { font-size:0.9em; margin:0 0 10px 0; padding:5px 10px; background:#F4F4EC; border-top:1px solid #E6E3D3; border-bottom:1px solid #E6E3D3; }
/* Form Elements */
select { background:#f2f2f2; border:1px solid #9c9c9c; width:100% }
#searchform { 	padding:11px 5px 0 53px; }
.button { padding: 1px; background:#4b1c00; color:#fff; border:none; }
.button:hover { background:#a34c11; color:#FFF; text-decoration:none }
#commentform input { width: 170px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; margin-top:5px; }
/* Comments*/
.commentlist { padding-left:30px; }
.commentlist li { margin: 15px 0 3px; padding: 8px 15px 10px 15px; background:#F4F4EC; border:1px solid #E6E3D3; }
.commentlist blockquote { color:#666; background:#fff; padding:6px 14px; margin:18px 35px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
#commentform small { background:#FFF; font-weight:bold; padding:0; }
.commentmetadata { display: block; }
.commentlist small { background:#fff; border:1px solid #E6E3D3; }
/* Float Properties*/
.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
.clearfloat { display:inline-block; }
.clearfloat { display:block; }
/****************************************** * Widget Styling added by Ron S. Doyle on 10 June 2010 ******************************************/ #widget_container { margin: 12px 0 0 0; }
#rightcol h2 { border: none; margin: 0; }
#rightcol h2.post-title a { clear: both; display: block; color: #840000; text-decoration: none; font-size: 0.6em; font-weight: bold; } #rightcol h2.post-title a:hover { text-decoration: underline; }
#rightcol .byline { display: none; }
#rightcol .page, #rightcol .post { padding: 10px 0; border-bottom: 1px solid #999999; }
#rightcol img.thumbnail { width: 242px; height: 86px; }
#rightcol p.entry-meta { display: none; }
#rightcol .entry-summary { padding: 0 0 8px 0; }
#rightcol a { color: #840000; text-decoration: none; }
#rightcol a:hover { text-decoration: underline; }
#rightcol .textwidget { padding: 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #999999; }
form#cse-search-box { margin: 20px 0 20px 15px; } #cse-search-results iframe { width: 560px; }
/****************************************** * Recipe Page Styling added by Ron S. Doyle on 28 March 2011 ******************************************/
.recipe-summary { clear: both; display: block; min-height: 74px; padding: 10px; border-bottom: 1px dotted #633B28; }
.recipe-summary img { display: block; clear: left; float: left; vertical-align: middle; margin: 0 10px 15px 0; padding: 5px 10px; }
/****************************************** * Where's Hank Tab Styling added by Ron S. Doyle on 7 April 2011 ******************************************/ .event-entry { border-top: 1px solid #eee; padding: 10px 0; }
.event-entry h4 { margin: 0 0 3px 0; padding: 0; color: #840000; }
.event-entry a { text-decoration: none; font-weight: bold; } .event-entry p { margin: 0; }
/****************************************** *   Footer ******************************************/
#footer { margin: 0 auto; width: 900px; font-size:0.9em; text-align:center; padding-top:15px; color:#FFF; }
#footer a { color:#ededed; }