/*  
Theme Name: PRiNZ BranfordMagazine
Theme URI: http://www.der-prinz.com/2008/01/20/wordpress-magazine-style-theme-branfordmagazine/
Description: A premium magazine-style layout for Wordpress with multiple functionalities inspired by the great themes of Brian Gardner and Darren Hoyt
Version: 2.51 (released 2008-04-20)
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

/******************************************
*   HTML Elements                         
******************************************/
* {
	margin: 0;
	padding: 0; }

body,html { min-height: 101%; }

body {
	background: #333;
	color: #333;
	padding: 13px 0 25px 0; }

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

p { margin: 15px 0; }

a:link, a:visited {
	color: #990000;
	text-decoration: none /*color: #990000;
	text-decoration:underline*/ }

a:hover, a:active {
	color: #333;
	text-decoration: underline; /*color:#FF0000;
	text-decoration:underline;*/ }

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

small {
	font-size: 0.9em;}

/****** Images ****************************/
img.left,img.center,img.right,img.norm {
	margin: 5px 12px 5px 0;
	border: none;
	padding: 1px; }

img.left {
	float: left;
	margin: 0 12px 5px 0; }

img.center {
	display: block;
	margin: 0 auto 5px auto; }

img.right {
	float: right;
	margin: 0 0 5px 12px; }

img align left {
	float: left;
	margin: 0 12px 5px 0; }
	
	

a img.aligncenter {
	border: 1px solid #CCC;
	display: block;
	margin: 0 auto 5px auto; }
a:hover img.aligncenter {
	border: 1px dashed #DFDFDF; }

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline; }

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline; }

a img { border: none; }

a:hover img { border: none; }

/******************************************
*   General Structure                         
******************************************/
#page {
	width: 880px; /*the main container*/
	margin: 0 auto;
	font-size: 1em;
	background: #FFF;
	padding: 10px 25px 35px 25px;
	border: 3px double #333; }

#branding {
	width: 625px; /*where the logo sits*/
	height: 100px;
	padding-bottom: 15px;
	background: url(images/headerpp.gif) no-repeat; }

.left { float: left; }

.right { float: right; }

.social ul li{
	list-style: none;
	margin-left:100px;
}

#sidebar {
	width: 250px; /*you guessed it: it�s the sidebar container*/
 	margin-top: -5px;
	float: right; }
#sidebar ul li {
list-style:none;
	margin-bottom: 0px;
	margin-left: 0px; }

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

#leftcol, #rightcol {
	margin-top: 10px;
	float: left }

#rightcol {
	width: 277px; /*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	padding-left: 18px;
	margin-top: -2px;
	text-align: justify; }

#content h3 {
	font: 0.9em Arial, Helvetica, sans-serif; /*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	text-transform: uppercase;
	letter-spacing: 0.3em;
	margin-bottom: 4px;
	font-weight: bold;
	color: #840000; }

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

	.subnav li a:link, .subnav li a:visited {
		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; }

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

#sidelist .feed li {
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(images/rss.gif) no-repeat; }

/*** bloque sidebar ****/
.bloque {
	padding: 8px;
	background: #f5f5f5;
	margin-bottom: 10px; }

.bloque-thumbs {
	background-color: #ccc;
	border-top: solid #333 3px; }

	.bloque-thumbs h3 {
		color: #840000;
		margin-bottom: 0; }

	.bloque-thumbs h3 a { color: #840000; }

	.bloque-thumbs p {
		margin-top: 0;
		color: #666; }

.cf:after {
	content: '.';
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; }

.bloque2 {
	padding: 8px;
	background: #ccc;
	margin-bottom: 20px; }

.bloque2-archivo {
	background-color: #ccc;
	border-top: solid #333 3px; }

.bloque3 {
	padding: 8px;
	background: #ccc;
	margin-bottom: 20px; }

.bloque3-links {
	background-color: #ccc;
	border-top: solid #333 3px; }

.bloque4 {
	padding: 8px;
	background: #ccc;
	margin-bottom: 20px; }

.bloque4-jueves {
	background-color: #ccc;
	border-top: solid #333 3px; }

.bloque5 {
	padding: 8px;
	background: #ccc;
	margin-bottom: 20px; }

.bloque5-radio {
	background-color: #ccc;
	border-top: solid #333 3px; }
	
#bloque7 {	background-color:#BFE8DF;padding:8px;margin-bottom:10px; border: 2px solid #B3B3B3;  }
.bloque7top {width: 250px;height: 17px; background: transparent url(images/top10.png) no-repeat; }
span.field-content a {
font-family: Helvetica, "Trebuchet MS", Arial;
  color: #2A2A2A;
  text-decoration: none;
  outline: none;
}
span.field-content a:hover {
  color: #2A2A2A;
  text-decoration: underline;
}
/******************************************
*   Headlines                         
******************************************/
.blogtitle, .blogtitle a {
	color: #000;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: regular;
	padding: 20px 0px 10px 0px; }

h1 {
	color: #840000;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px; }

h2 {
	color: #840000;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
	border-bottom: 1px solid #666;
	margin-top: 10px; }

h3 { font-family: Helvetica, Arial, Tahoma, sans-serif; }

#sidebar h2, #sidebar h3 a { font-family: Helvetica, Arial, Tahoma, sans-serif; }

#sidebar h2, #sidebar h3 { font-family: Helvetica, Arial, Tahoma, sans-serif; }

h3#respond {
	font-size: 1.1em;
	border-top: 1px solid #666;
	margin-top: 10px;
	padding-top: 5px }

h3#comments { margin-top: 32px }

h3 a:link, h3 a:visited { color: #840000; }

h4 {
	font-size: 1.2em;
	margin-bottom: 6px; }

/******************************************
*   Content                        
******************************************/
#content {
	width: 605px;
	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: 15px;
	border: 1px solid #ccc; }

	.feature p, #rightcol p { margin: 0; }
	
.feature2 {
	background: url(images/backgrounds/bg_featured2.jpg) bottom repeat-x #f8fcfd;
	padding: 15px;
	border: 1px solid #ccc; }

	.feature2 p { margin: 0; color:#333333; }
	.feature2 a, a:hover { color: #cc0104;}
.feature3 {
	background: url(images/backgrounds/bg_featured3.jpg) repeat-x #bd0a27;
	padding: 15px;
	border: 1px solid #ccc; }

	.feature3 p { margin: 0; color:#333333; }
	.feature3 a, a:hover { color: #cc0104;}	


#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: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #840000;
	letter-spacing: normal; }
.title2, a.title2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #cc0104;
	letter-spacing: normal; }
#lead p { margin-bottom: 5px; }

/* 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: 5px;
	text-align: justify; }
blockquote {
	font: 1.6em/1.8em Georgia, "Times New Roman", Times, serif;
	width: 250px;
	background: url(images/close-quote.gif) no-repeat right bottom;
	padding-left: 18px;
	margin-right:15px;
	text-indent: -18px;
	float:left;
}
blockquote:first-letter {
	background: url(images/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

.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% }

#linksuah li {list-style:none; }

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

	.button:hover {
		background: #666;
		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;
padding:5px;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.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; }

/******************************************
*   Footer                        
******************************************/
#footer {
	margin: 0 auto;
	width: 930px;
	height:100px;
	font-size: 0.9em;
	text-align: left;
	padding: 15px 0;
	color: #FFF; }

	#footer a { color: #ededed; }
#foot_left {
	width:465px;
	float: left;
}
#foot_right {
	width:465px;
	float:right;
	display:block;
}