/*  
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 {
	background: #000;
	background: #000 url(images/backgrounds/bg_index.jpg) no-repeat top center;
	color: #333;
	padding: 70px 0 25px 0;
	}

body, select, input, textarea {
	font: 12px Arial, Verdana, Sans-Serif;
	line-height:1.5em;
	}
	
p {	margin: 0 0;	}


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

small {
	font-size: 1.3em;
	padding:13px 16px;
	}


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

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

.blogtitle a { text-decoration: none; }

/* Title area links */
.title:link, .title:active, .title:visited { 
	color: #7F0200; 
	text-decoration: none;
	} 
.title:hover { 
	color: #7F0200; 
	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  {	font: 16px "Book Antiqua", Verdana, Arial, Sans-Serif; color:#7F0200; font-weight: bold; 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 #b6b6b6;
	}
		
.subnav li a:hover, .subnav li a:active {
	background: #F4F4EC;
	text-decoration:none!important;
	}
	

#sidelist a:link, #sidelist a:active, #sidelist a:visited {font-weight:bold; text-decoration:none;}
#sidelist a:hover {text-decoration:underline;}

#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:2;	
	/*background:#F4F4EC;*/
	color: #000;
	}
#sidelist .children li a:hover, #sidelist .children li a:active	{
	color:#000;
	text-decoration:none!important;
	}

#sidelist li a:hover, #sidelist li a:active	{
	color:#000;
	 list-style-type: circle;
	text-decoration:underline!important;
	}
#sidelist li a, #sidelist li a:visited {	
	color: #000;
	}

/* 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 { /*border:1px solid #b6b6b6; */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 #b6b6b6;
}

.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                         
******************************************/

#page { /*the main container*/
	width:980px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	background: #000 url(images/backgrounds/bg_content.gif) repeat;
	/*padding: 10px 25px 35px 25px;*/
	/*border:3px double #333;*/
	}

#branding {/*where the logo sits*/
	width:980px;
	height:60px;
	padding-bottom:15px;
	background: #000 url(images/backgrounds/bg_branding.png) no-repeat center;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {/*you guessed it: it´s the sidebar container*/	
	/* background: #000000 url(images/backgrounds/breadcrumbs.jpg); */
	padding: 0px 10px 10px 10px;
	width: 240px;
	float:right;	
	}

#leftcol {/*the left homepage column carrying the "Featured Article" section*/
	width:400px;
	/*border-right:1px solid #b6b6b6;*/
	padding-right:0px;
	}

#leftcol, #rightcol {
	margin-top:8px;
	float:left
	}	
	
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:280px;
	padding-left:10px;
	margin-top: 8px;
	text-align:justify;
	}
	
#rightcol a{	
	text-align:center;
	}

		
/******************************************
*   Sidebar                         
******************************************/

.subnav li {/*.subnav is mainly the categories list*/
	list-style:none;
	}

#sidelist li {	
	list-style: circle url(images/miniaxolotl.png);	
	margin:0 0 5px 20px;	
	}
	
.bullets li {
	margin:0 0 5px 15px;
	list-style:square;
	border-bottom:1px solid #FFF;
	}
	
#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-left:1px solid #7F0200;
	}

#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: "Book Antiqua", Georgia, Times, serif;
	font-weight: regular;
	padding: 20px 0px 10px 0px;
	}

h1 {
	color: #7F0200;
	font-size: 1.8em;
	font-family: "Book Antiqua", Georgia, Times, serif;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
	
h2 {
	color: #7F0200;
	font: 1.8em "Book Antiqua", Georgia, Times, serif;
	padding-bottom:8px;
	text-align:center;
	/*border-bottom:1px solid #666;*/
	margin: 40px 0;
	}

h3 {
	font: 0.9em "Book Antiqua", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	margin-bottom:4px;
	font-weight:bold;
	color:#7F0200; 
	}

#sidebar h2, #sidebar h3 a {
	font: 1em "Book Antiqua", Arial, Helvetica, sans-serif;
	letter-spacing:0em;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#7F0200;
	}

#sidebar h3, #sidebar h2 {
	font-size:1.1em;
	letter-spacing:0em;
	border-bottom:solid;
	/*border-top:3px double #b6b6b6;
	border-bottom:1px solid #b6b6b6;*/
	padding:5px 0 5px 2px;
	margin:20px 0 15px 0;
	color:#7F0200;
	}

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: #666;
	}

h4 {
	font-size:0.9em;
	text-decoration: none; 
	padding-bottom:0px;
	}
	
	
	
/******************************************
*   Content                        
******************************************/

#content {
	padding: 0px 10px 0px 10px;
	width:690px;
	float:left;	
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#B6AB75;
	}

/* Featured Articles formatting "leftcol" */

.feature {
	/*background: url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC;*/
	padding-top:10px;
	/*border: 1px solid #b6b6b6;*/
	}

.feature p, #rightcol p { margin:15px;	}

#leftcol img, #rightcol img {
	float:left;
	padding-right:10px;
	border:0px solid #b6b6b6;
	}

#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 #b6b6b6;
	}

.title, a.title  {
	font-family: Georgia, "Book Antiqua", Times, serif;
	font-size:1.3em;
	font-weight:bold;
	color: #7F0200;
	letter-spacing:normal;
	}
		
#lead p {
	margin-bottom:10px;
	height:100px;
	}

.read-on a { /* This can be used to format the "[...]" link in the lead story */
	color:#7F0200!important;
	text-decoration:none;
	}
	
.read-on a:hover {
	text-decoration:underline;
	}

/* Formating of "rightcol" which is the column in the homepage middle ;-) */

#rightcol img {
	float:left;	
	margin:5px 0 0 0;
	}

#leftcol img {
	margin-bottom: 0px;
	display:block
	} 
	
#leftcol  h3{
	border:solid 1px #b6b6b6;
	padding:2px;
	text-align:center;
}	

#rightcol .clearfloat {
	background:none;
	width:100%;
	padding:0px;	
	}
	
#rightcol p {
	margin:0px;
	padding-bottom:10px;
	}

#rightcol .clearfloat h3{
	border:solid 1px #b6b6b6;
	padding:2px;
	text-align:center;
}	

/* Post Formatting */

.entry {
	margin:10px 10px;
	/* padding-bottom:28px; */
	text-indent: 30px;  
	font-family: "Book Antiqua", Georgia, Times, serif;
	line-height:150%;
	font-size:15.5px;
	text-align:justify;
	}

.entry h3 {
	font: 1.1em "Book Antiqua", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	text-align:right;
	letter-spacing:.1em;	
	padding-top:40px;
	font-weight:bold;
	color:#7F0200; 
	}
	
.data_autor {
	position:relative;
	padding	:0px;
	width:700px;	
	height:150px;	
}

.data_autor img{border:0;}

.data_autor a{border:0	;}

.data_autor small {
	font-size: 1.3em;
	padding:13px 16px;
	position:absolute;
	}

.data_autor_invitado {
	position:relative;	
	padding	:15px;
	width:650px;	
	height:150px;	
}

.data_autor_invitado img{border:0;}

.data_autor_invitado a{border:0	;}

.data_autor_invitado small {
	font-size: 1.3em;	
	text-align:left;		
	position:absolute;	
}

.post blockquote {
	/*color:#666;
	background:#F4F4EC;*/
	line-height:100%;
	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 dashed #b6b6b6;	
	/* border-bottom:1px solid #b6b6b6; */	
	}
				

/* FormElements */

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

#searchform {font-family: Arial, Helvetica, Sans; 	width:200px; padding:0 0 0 0; 	}

.button {
	padding: 1px;
	background:#333;
	color:#ffffcc;
	border:2px outset #F6F4E6;
	}

.button:hover {
	background:#666;
	color:#CDAD00;
	text-decoration:none
	}

#commentform textarea, select{
  font-family: "Book Antiqua", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 100%;
  width:100%;
  margin: .2em 0;
  background: transparent url(images/input-bg.png) no-repeat left top;
}

input, textarea, select{
  font-family: "Book Antiqua", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 100%;
  margin: .2em 0;
  background: transparent url(images/input-bg.png) no-repeat left top;
}

	
/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	/*background:#F4F4EC;
	border-bottom:1px solid #7f0200;*/
	}

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

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

.commentlist small {
	background: #000000 url(images/backgrounds/breadcrumbs.jpg);
	width:100%;
	height:30px;
	}

/* Float Properties*/

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

.clearfloat {
	display:block;
	}
	
	
/******************************************
*   Footer                        
******************************************/

#footer {
	background: #000 url(images/backgrounds/calamar.jpg) no-repeat top center;	
	margin-top:-10px;
	margin: 0 auto;
	height: 230px;
	width: 980px;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
	color:#FFF;
	}

#footer a { 
	color:#ededed;
	}

	
/******************************************
*   Div para anuncios!
******************************************/

#anuncios {/*la sección de anuncios como para que se destaquen más*/
	width:100%;
	/*height:100px;*/	
	/*border-right:1px solid #b6b6b6;*/	
	margin-left: auto;
	margin-right: auto;
	}
	
#anuncios ul{
	padding:10px 10px 10px 10px;	
	background: url(../images/backgrounds/narrativa.png) no-repeat;
	text-transform:none!important;
	letter-spacing:normal!important;
}

/******************************************
*   Div para breadcrumbs!
******************************************/
#breadcrumbs {/*la sección de anuncios como para que se destaquen más*/
	width:99%;
	background: #000000 url(images/backgrounds/breadcrumbs.jpg);
	/* border:1px solid #b6b6b6; */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;	
	padding-left: 10px;
	color:#fff6d5; /* #ffffcc; */
	}
	
#breadcrumbs a {
	color:#fff6d5; /* #ffffcc; */
	text-decoration:none
	/*border:2px outset #F6F4E6;*/
	}

#breadcrumbs a:hover {
	/*background:#666;*/
	color:#000000; /*#CDAD00;*/
	}
	
/******************************************
*   Div para social centrado
******************************************/
#socialArriba {
/* 	width:99%;
	background: #000000 url(images/backgrounds/breadcrumbs.jpg); */	
	margin-left:auto;
	margin-right:auto;
	width:70%;
	}

/******************************************
*   Div para links insertados en la columna de la derecha
******************************************/
#linksinsert {
	margin-left:auto;
	margin-right:auto;	
	width:100%;
	}
	
#linksinsert li {	
	list-style: circle url(images/miniaxolotl.png);	
	margin:0 20px 5px 20px;		
}

#linksinsert a:link, #linksinsert a:active, #linksinsert a:visited {font-weight:bold; text-decoration:none;}
#linksinsert a:hover {text-decoration:underline;}

#linksinsert  h3{
	border:solid 1px #b6b6b6;
	padding:2px;
	font: 1.1em "Book Antiqua", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	text-align:right;
	letter-spacing:.1em;		
	font-weight:bold;
	color:#666; 
	text-align:center;
}