/*  
Theme Name: 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: 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

Credits
=======

Thanks to Darren Hoyt and his "Mimbo" theme which has been a great inspiration
and a good source for lots of the code I used for this theme especially the intensive
use of custom fields. 

Thanks again to Darren for the timthumb script: http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/ 
and thanks to SNIPPLR for the function to insert the images in a very easy way: http://snipplr.com/view/14280/get-wordpress-image-attachment-and-use-tim-thumb-to-crop/

Thanks to Brian Gardner and "Revolution" which inspired me to put the two additional
page layouts "Featured Page" and "3-Column-Page" into the theme.

Thanks to Patrick Griffiths who delivered the script for the dropdown menues. http://www.htmldog.com/articles/suckerfish/dropdowns/

I´d also like to thank Klaus Hartl (stilbuero.de) for the brilliant script I used 
for the tabbed section with the fade effect.

And last but not least my very special thanks go out to all of you out there
using the theme and sending me tons of emails telling me how great this theme is.

THANK YOU ALL!!!



/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html { min-height:101%; }
	
body {
	
	color: #000;
	padding: 13px 0 25px 0;
	background:#FFFACD url(images/backgrounds/canvas2.jpg) repeat;
	}

body, select, input, textarea {
	font: 14px  "Comic Sans MS", sans-serif;
	line-height:1.5em;
	}
	
p {	color: #000;
    margin: 0px 0;	
	}
.ppr{margin:20px 0;padding:10px 0;}

hr {
	display: block;
	height:1px;
	background:#000;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:10px 6px;
	margin: 0 0 15px 0;
	}
.coming-soon {color: #a12621;}

body #page { width:1050px;
	margin:0 auto;
	font-size:1em;
	
	padding: 10px 25px 35px 25px;
	}


/******* Hyperlinks ********************/

/* standard link behaviour */
a:link, a:active, a:visited { 
	color:#000;
	text-decoration: underline; 
	} 
a:hover	{ 
	color:#a12621;
	text-decoration: none; 
	}

.blogtitle a { text-decoration: none; }

/* Title area links */
.title:link, .title:active, .title:visited { 
font-size: 1.2em;
	color:  #6F1002; 
	text-decoration: underline;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	} 
.title:hover { 
	color: #a12621; 
	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:#000; 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: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #999;
	}
		
.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: #666;
	}
#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;}



/******************************************
*   Images                         
******************************************/

/*** default image behaviour ***/
img,img a { border:1px solid #a12621; padding:1px; }


/*** WordPress specific image classes ***/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 4px 15px 5px 0;
}

.alignright {
float: right;
}

.wp-caption {
   text-align: center;
   background-color: #fff;
   margin-top:5px;
   margin-right: 15px;
   margin-bottom:0px;
}

.wp-caption img{
   padding:2px;
   border:1px solid #999;
}

.wp-caption img:hover{
   border:1px solid #333;
}

.wp-caption p.wp-caption-text {
   color:#666;
   font-size: 10px;
   line-height: 12px;
   padding: 7px 4px 2px 5px!important;
   margin: 0!important;
}


		
/******************************************
*   General Structure                         
******************************************/

#wrap { /*the main container*/
	width:1050px;
	margin:0 auto;
	font-size:1em;
	
	padding: 0px 25px 35px 25px;
	border:3px double #333;
	}
body#home div#wrap {width:1050px;
	margin:0 auto;
	font-size:1em;
	background:url(images/backgrounds/center-blog.gif) 50% 0px no-repeat;
	padding: 0px 25px 35px 25px;
	border:3px double #333;
	}
	
#branding {/*where the logo sits*/
	width:625px;
	height:80px;
	background:url(images/backgrounds/headertext-blog.gif) 0% 50% no-repeat;
	padding-bottom:0px;
	
	}
 h1 { text-indent:-1000px;}
.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {/*you guessed it: it´s the sidebar container*/
	width: 200px;
	
	float:right;
	margin-top:50px;
   padding:15px 5px 10px 5px;
   border: 10px solid #6F1002;
	}
	#sidebar p {
	color:#000;
	margin: 0;
	padding: 0 5px 5px 10px;
	}
#leftcol {/*the left  sidebar*/
	width:200px;
	
	margin-top:50px;
   padding:5px 10px 10px 5px;
	border: 10px solid #6F1002;
	}
	#leftcol p {
	color:#000;
	font: 0.9em  "Comic Sans MS", sans-serif;
	margin: 0;
	padding: 0 5px 5px 10px;
	}
#leftcol h3, #leftcol h3 a, #leftcol h3 a:visited {
color: #6F1002;
}
#leftcol h3 a:hover {
color:#6F1002;
}
#leftcol a, #leftcol a:visited {
color: #6F1002;
}
#leftcol  a:hover {
color:#6F1002;
}
#leftcol, #rightcol {
	float:left
	}	
	
#rightcol {/*=center column; actually the column in the middle of the homepage (if the right column is the sidebar)*/
    float:left;
	width:580px;
	padding-left:0px;
	margin-top: -2px;
	text-align:justify;
	}
#centercol {/*=center column; actually the column in the middle of the homepage (if the right column is the sidebar)*/
    float:left;
	width:580px;
	padding-left:0px;
	margin-top: -2px;
	text-align:justify;
	}

		
/******************************************
*   Sidebar-home                         
******************************************/
#sidebar a, #sidebar a:visited {
color: #6F1002;
}
#sidebar  a:hover {
color:#6F1002;
}
.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.4em;
	font-family: "Comic Sans MS", sans-serif;
	font-weight: regular;
	padding: 20px 0px 10px 0px;
	}

h1,h1 a,h1 a:visited {
	color: #000;
	font-size: 1.4em;
	font-family:"Comic Sans MS", sans-serif;
	font-weight: bold;
	text-decoration:none;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
h1 a:hover {color:#890000;}	
 h2 ,h2 a, h2 a:visited {
	color: #000;
	font: 1.4em "Comic Sans MS", sans-serif;
	padding-bottom:8px;
	
	margin: 20px 0;
	}
h2 a:hover {color:#890000;}	

h3 {
	font: small-caps 1.2em  "Comic Sans MS", sans-serif;
	
	
	margin-bottom:4px;
	font-weight:bold;
	color:#000;
	}

#sidebar h2, #sidebar h3 a {
	font: small-caps 1em "Comic Sans MS", sans-serif;
	
	
	margin-bottom:4px;
	font-weight:bold;
	color:#6F1002;
	}
h3#alldesignslink ,h3 a#alldesignslink ,h3 a:visited #alldesignslink{
font: 20px "Comic Sans MS", sans-serif;
	letter-spacing:0.0em;
	text-decoration:underline;
	margin: 30px 0 10px 0px;
	padding: 0px 0;
	font-weight:bold;
	color:#6F1002;
}
p#alldesignslink {
font: 20px "Comic Sans MS", sans-serif;
	letter-spacing:0.0em;
	text-decoration:none;
	margin: 30px 10px 20px 0px;
	padding: 0px 30px 0 0;
	font-weight:bold;
	color:#000;


}
p a#alldesignslink ,p a:visited {
font: 20px "Comic Sans MS", sans-serif;
	letter-spacing:0.0em;
	text-decoration:underline;
	margin: 30px 120px 10px 0px;
	padding: 0px 0;
	font-weight:bold;
	color:#6F1002;
}
p a:hover{color:#000;}
.nodecor{
font-size:24px;
padding: 0px 50px;
text-decoration:none;
color:#000;
}
#sidebar h3, #sidebar h2 {
	font:  "Comic Sans MS", sans-serif;
	
	margin-bottom:4px;
	font-weight:bold;
	color:#000;
	}

h3#respond { color:#000;
	font-size:1.1em;
	text-align: center;
	
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h3 a:link, h3 a:visited {

	color: #6F1002;
	text-decoration:underline;
	
	}
.categoryword{font: small-caps bold 1em sans-serif;}
	
h4 {
	font-size:1.2em;
	margin-bottom:6px;
	}
	
	
	
/******************************************
*   Content                        
******************************************/

#content {
	width:820px;
	float:left
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
	}
/* Archive page */	
p.archive { font: 1em bold "Comic Sans MS", sans-serif;
           letter-spacing:0.3em; 
		   margin: 30px 0 20px 0;}

/* Featured Articles formatting "leftcol" */


.feature {
	background: url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC;
	padding:15px;
		}

.feature p, #rightcol p { margin:0;	}

#leftcol img, #rightcol img {
	padding:1px;
	
	}

#leftcol .feature {	margin-bottom: 15px; }

/* Formating of the Leadstory stuff in the tabbed section */
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	
	}

.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:bold;
	color: #840000;
	letter-spacing:normal;
	}
		
#lead p {
	margin-bottom:10px;
	}

.read-on a { /* This can be used to format the "[...]" link in the lead story */
	color: #000!important;
	text-decoration:none;
	padding-bottom: 0px;
	}
	
.read-on a:hover {
	text-decoration:underline;
	}
#rightcol .read-on a { /* This can be used to format the "[...]" link in the lead story */
	color: #000!important;
	font-weight:bold;
	text-decoration:none;
	margin-bottom: 15px;
	}
	
#rightcol .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;
	border: 10px solid #6F1002;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block;
	border: 10px solid #6F1002; 
	}

#sidebar img {
	margin-bottom: 4px;
	display:block;
	border: 10px solid  #6F1002; 
	}	
#rightcol .clearfloat {
	
	padding:12px 0;
	}	


/* Formating of footer of the "rightcol" which is the column in the homepage middle ;-) */
#footer-home1 {
color:#000;
margin: 0px 0 0 0;
padding: 15px;
border-top: 10px solid #6F1002;
}
#footer-home1 .clearfloat{padding-top:3px}
#footer-home1 .clearfloat p {color:#000;}
#footer-home1 h3, #footer-home1 h3 a {
color:#6F1002;
}	
#footer-home1 a,#footer-home1 a:visited {
color:#6F1002;
}
#footer-home1 a:hover {text-decoration: underline;}



/* Post Formatting */
.post {
margin: 5px 0px 15px 20px; padding: 0 30px 0 0;
width: 800px;
float: left;
}
.gossip {width:490px;margin:0;padding:0 0 0px 30px;}
h3.gossip {font-size:1.8em;color:#6F1002;padding: 0 0 20px 20px;}
.post h2 , .post h2 a, .post h2 a:visited {
	color: #000;
	font: 1.4em "Comic Sans MS", sans-serif;
	padding-bottom:8px;
	
	margin: 20px 0;
	}
.post h2 a:hover {color:#890000; text-decoration: underline;}

.post p {padding: 0 20px 0 0;
        color:#000;
		}
.entry {
	padding: 20px 0 28px 0;
	
	}


.post blockquote {
	color:#666;
	background:#FFFACD;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

/* commented because of licensing ul
.post ul li {
	list-style:square;
	margin-bottom:5px;
	margin-left:42px;
	}
*/
.post ol li {
	margin-bottom:5px;
	
	margin-left:48px;
	}
	
#tags {
	padding:3px;
		
	}	
	
.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	
		
	}
.post img {border: 10px solid #6F1002; }	
	
/* search results formatting */	

.postsearch {margin: 0 0 5px 0; padding: 0;}	
.pagetitle {margin: 20px 0; padding:20px 0;}
/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:80%
	}
	

#searchform { 	padding:30px 5px 0 0; 	}

.button {
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#666;
	color:#FFF;
	text-decoration:none
	}
#commentform {float:left; width: 500px; 
margin: 0px 0px 15px 250px; padding: 0 30px 0 0;}
#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 400px;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	
	
	}

.commentlist blockquote {
	color:#000;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
    color: #000;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	color: #000;
	}



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	
	}
#leftcol .clearfloat {margin-bottom: 3px; padding-bottom:0px;}
#leftcol{padding-bottom:20px;}	
#sidebar .clearfloat {margin-bottom: 0px; padding-bottom:10px;}	
.cleaner   { font-size: 1px; margin: 0; padding: 0; height: 1px; clear: both; }	
/******************************************
*   Footer                        
******************************************/

#footer {
color: #000;
	margin: 0 auto;
	width: 900px;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
	
	}

#footer p, #footer a {
	color:#000;
	}