/*
Theme Name: PotsblitsMagazine
Description: A premium magazine-style layout for Wordpress with multiple functionalities inspired by the great themes of Brian Gardner and Darren Hoyt
Version: 1.0 (released 2008-04-25)
Author: Ferdinand M. Creutz
Author URI: http://http://potsblits.de


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

body {
 padding: 10px;
 color: #000;
 background: #333;
 font: normal 101% "Trebuchet MS", Tahoma, Arial, sans-serif;
 position: relative;
}

a:link, a:visited {color: #840000; background: transparent; text-decoration: none;}
a:hover, a:active {color: inherit; background: transparent; text-decoration: underline;}
small {font-size: 85%;}
/****** Images ****************************/
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
div.alignright {float: right; padding: 4px; margin: 0 0 2px 15px; display: inline;}
div.alignleft {float: left; padding: 4px; margin: 0 15px 2px 0; display: inline;}
div.aligncenter {display: block; margin: 0 auto; padding: 0 auto;}
.center {margin: 0 auto; text-align: center;}
.alignright {float: right;}
.alignleft {float: left;}
/********* Captions **********/
.wp-caption {
 text-align: center;
 border: 1px solid #e5d8c6;
 background: #faf5ef;
 padding-top: 4px;
 margin: 10px;
 border-radius: 3px;
}
.wp-caption img {border: none;}
.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 padding: 0 4px 5px;
 margin: 0;
}
/*****************************   General Structure     ***************************/

#page {
/*the main container*/
 width: 880px;
 margin: 0 auto;
 color: inherit;
 background: #fff;
 padding: 10px 25px 35px 25px;
 border: 3px double #333;
}

#branding {
/*where the logo sits*/
 width: 530px;
 height: 98px;
 padding-bottom: 5px;
 color: inherit;
 background: url(images/backgrounds/potsblits.gif) no-repeat;
 float: left;
 display: inline;
}

#lead {
 float: left;
 width: 570px;
 margin-top: 22px;
 padding: 15px;
 background: url(images/backgrounds/bg_featured.jpg) repeat-x #f4f4ec;
 border: 1px solid #ccc;
}
#leftcol {width: 287px; border-right: 1px solid #b6b6b6; padding-right: 18px;}
#leftcol, #rightcol {margin-top: 10px; float: left;}
#rightcol {width: 277px; padding-left: 18px; margin-top: -2px; text-align: justify;}
/********************   Content    ***************************/
#content {width: 605px; float: left;}
#description {font-size: 1.8em; font-weight: bold; padding: 5px 0 10px 10px;}
#description a:link, #description a:visited {color: #999; text-decoration: none;}
#description a:hover, #description a:active {
 color: #999;
 text-decoration: underline;
}
/*Main Navigationbar */

#nav {color: inherit; background: #666666; font-size: 1em; width: 880px; height: auto;}
#nav, #nav ul {list-style: none; line-height: normal;}
#nav li {float: left; list-style: none; border-right: 1px solid #ffffff;}
#nav a {display: block; text-decoration: none; border: none;}
#nav a:link, #nav a:visited {
 display: block;
 font-weight: bold;
 color: #eeeeee;
 background: transparent;
 padding: 6px 12px;
}
#nav a:hover, #nav a:active {color: #eeeeee; background: #333333;}
.current_page_item a, #home .on {
 background: #333;
}

/* Formating of the Leadstory stuff in the tabbed section */
.title, a.title {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #840000;
 background: transparent;
 letter-spacing: normal;
 text-decoration: none;
}

#lead p {margin-bottom: 10px; font-size: 90%; text-align: justify;}
#leadpic {
  float: left;
  margin: 7px 10px 8px 0;
  padding: 1px;
  border: 1px solid #999;
  display: block;
  }
.short {padding: 5px;}
.short p {margin: 0; font-size: 85%; line-height: normal;}

/* 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; font-size: 85%; line-height: normal;}
#leftcol .feature {margin-bottom: 5px;}
#leftcol h3 {margin-bottom: 5px;}
/* "rightcol" ist die Spalte in der Mitte  */
#rightcol .clearfloat {
 border-bottom: 1px solid #999;
 padding: 12px 0;
}

/*******************   Headlines  ***********************************/
.blogtitle, .blogtitle a {
 color: #000;
 font-size: 1.8em;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 10px 0px 10px 0px;
}

h1, h2, h3, h4 {color: #840000; background: transparent;}
h1 {
 font: 1.8em Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 margin: 0 10px 0 0;
 padding: 20px 0 0 10px;
}
h2 {
 font: 1.5em Georgia, "Times New Roman", Times, serif;
 margin: 10px 0;
}
h3 {
 font: 0.9em Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.3em;
 margin-bottom: 4px;
 font-weight: bold;
}
h4 {font-size: 1.0em; margin-bottom: 6px;}

h3.category a {
 color: #666;
 background: #fff;
 letter-spacing: normal;
 text-decoration: none;
}
/*************************   Sidebar       *************************************/

#sidebar {width: 250px; float: right;}
#sidebar img {border: 1px solid #ddd;}
#sidebar img.noborder {border: none;}
#sidebar h2 {
 border-top: 3px double #999;
 border-bottom: 1px solid #999;
 padding: 5px 0 5px 2px;
 margin: 20px 0 15px 0;
 font: 0.9em Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.3em;
 margin-bottom: 4px;
 font-weight: bold;
}
#sidebar a:link, #sidebar a:visited {
 text-decoration: none;
 color: #666;
 background: #ffffff;
}
#sidebar a:hover, #sidebar a:active {text-decoration: underline;}
#sidelist li {list-style: none; font-size: 90%;}
#sidelist .bullets li {
 margin-left: 22px;
 list-style: square;
 border-bottom: 1px solid #fff;
}

#sidelist .bullets li.cat_list {margin: 0; list-style: none;}
#sidelist ul.qtrans_language_chooser li {padding-right: 10px; display: inline;}
#sidelist .feed li {
 margin-bottom: 5px;
 padding-left: 20px;
 background: url(images/rss.gif) no-repeat;
}
/* Kalender */

#wp-calendar {
 border: 1px solid #ddd;
 empty-cells: show;
 font-size: 12px;
 margin: 0;
 width: 90%;
}
#wp-calendar #next a {padding-right: 12px; text-align: right;}
#wp-calendar #prev a {padding-left: 12px; text-align: left;}
#wp-calendar a {display: block; text-decoration: none;}
#wp-calendar a:hover {background: #e0e6e0; color: #333;}
#wp-calendar caption {color: #999; font-size: 12px; text-align: left;}
#wp-calendar td {
 color: #ccc;
 background: transparent;
 font: normal 11px Arial, Helvetica, sans-serif;
 letter-spacing: normal;
 padding: 1px 0;
 text-align: center;
}
#wp-calendar td.pad:hover {color: inherit; background: #fff;}
#wp-calendar td:hover, #wp-calendar #today {background: #eee; color: #bbb;}
#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
}

/****** Gestaltung der Posts *******/

.post {padding: 0; text-align: justify;}
.post p {margin: 0 0 10px 0;}
/*.post p em {font-weight: bold; color: #303F41; background: #ffff66;}  */ 
.post blockquote {
 color: #666;
 background: #F4F4EC;
 padding: 6px 14px;
 margin: 18px 35px;
 border-right: 1px solid #DDD;
 border-bottom: 1px solid #DDD;
}
.post blockquote p {padding: 0;}
.post blockquote cite {display: block; font-size: 90%; margin-top: 5px;}
.post ul li {list-style: square; margin-bottom: 5px; margin-left: 42px;}
.post ol li {margin-bottom: 5px; margin-left: 48px;}
.post a:link, .post a:visited {
 color: #840000;
 background: #ffffff;
 text-decoration: none;
}
.post a:hover, .post a:active {
 color: #840000;
 background: transparent;
 text-decoration: underline;
}
.post_navi {padding: 0; margin: 15px 0 5px 0; border-bottom: 1px solid black;}
.post_navi .previous {text-align: left;}
.post_navi .next {text-align: right;}
.post_navi a:link, .post_navi a:visited {
 color: #666666;
 background: #ffffff;
 text-decoration: none;
}
.post_navi a:hover, .post_navi a:active {text-decoration: underline;}
.post_title {clear: both; text-align: left;}
.post_meta a:link, .post_meta a:visited {
 color: #666666;
 background: transparent;
 text-decoration: none;
}
.post_meta a:hover, .post_meta a:active {text-decoration: underline;}
.post_meta {
 font-size: 0.9em;
 margin: 0 0 10px 0;
 padding: 5px 10px;
 color: inherit;
 background: #F4F4EC;
 border-top: 1px solid #E6E3D3;
 border-bottom: 1px solid #E6E3D3;
}
/* Form Elements */

select {color: inherit; background: #f2f2f2; border: 1px solid #9c9c9c; width: 100%;}
#searchform {padding: 16px 5px 0 0;}
.button {padding: 1px; background: #333333; color: #ffffff; border: none;}
.button:hover{background: #666666; color: #FfffFF; text-decoration: none;}
#commentform input{width: 170px; margin: 5px 5px 1px 0;}
#commentform textarea{width: 100%; margin-top: 5px;}
/* Comments*/

h3.comments {
 padding-top: 10px;
 margin: 10px 0;
 border-top: 1px solid #e6e3d3;
 color: #666;
 background: #fff;
 letter-spacing: normal;
 text-decoration: none;
}

p.comments {font-size: 85%;}

.commentlist {
 margin: 15px 0;
 padding: 0 0 0 30px;
 font-size: 85%;
 background: #F4F4EC;
 border: 1px solid #E6E3D3;
 text-align: justify;
}

.commentlist li {margin: 15px 0 3px; padding: 0 15px 0 0;}
.commentlist li p {margin: 10px 0;}
.commentlist li div {margin: 0;}
.commentlist small {
 margin: 0;
 color: inherit;
 background: #ffffff;
 border: 1px solid #E6E3D3;
}

#commentform small {
 margin: 0;
 padding: 0;
 color: inherit;
 background: #ffffff;
 font-weight: bold;
}

.commentmetadata {display: block; margin: 0; padding: 0;}
/* 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: 900px;
 clear: both;
 font-size: 0.8em;
 text-align: center;
 padding-top: 10px;
 color: #ffffff;
 background: transparent;
}
#footer a {color: #ededed; background: transparent;}
#footer a:hover, #footer a:active {text-decoration: none;}

/***** Tabber Anfang ******/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabberlive { margin-top:0px; margin-left:0px; margin-right:0px; }
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding-top:6px;
 font: 0.9em Arial, Helvetica, sans-serif;
 height:24px;
 border:1px solid #ccc;
}
ul.tabbernav li {list-style: none; margin:5px 0; display: inline;}
ul.tabbernav li a {
	padding: 4px 20px;
	margin-left: 5px;
	text-decoration: none;
	font-weight:bold;
}
ul.tabbernav li.tabberactive a { width:90px; }
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:5px 0;}
.tabberlive .tabbertab ul {list-style:none;	margin:0; padding:0;}
.tabberlive .tabbertab ul li {
	list-style: none;
	display: block;
    padding: 7px 0;
	border-bottom: 1px dotted #61696F;
	}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h3 {display:none;}
.tabberlive .tabbertab h2 {display:none;}
/***** Tabber Ende ******/

/****** Footnotes Anfang ******/
.footnotes {font-size: 85%; line-height: 1.5em; padding: 10px 0 10px 0;}
.footnotes .footnotedivider {width: 200px; border-bottom: 1px solid #ccc;}
.footnotes ol {margin-left: -10px;}
.footnotes li {margin: 0 0 5px 0;}
sup.footnote {font-size: 70%;}
sup.footnote a {text-decoration: none;}
.footnotereverse a {padding: 0 0 0 5px; text-decoration: none;}
/****** Footnotes Ende ******/

/************   Neu   **********************/
dt {margin-bottom: 0;}
dd {margin: 0; font-size: 80%; font-style: italic; text-align: center;}
/* Klassen */
.small {font-size: 80%;}
.none {list-style: none; margin: 0; padding: 0;}
.lang {list-style: none; margin: 0; padding: 0; display: inline;}
ul.lang li {display: inline; margin: 0 5px 0 5px;}
ul.lang img {border: 0;}
.feedback {color: #ccc; background: transparent; text-align: right;}
.source {font-size: 85%;}
ul.source {margin: 0 0 20px 0; padding-left: 20px;}
ul.source li {margin: 0; list-style: square;}
.left {float: left;}
.right {float: right;}
.browse {border-top: 1px solid #e5d8c6; padding: 15px; text-align: center;}
ul.car-list {margin: 5px 0; padding-left: 20px; font-size: 90%;}
ul.car-list li {margin: 0; padding: 0;}
ul.car-monthlisting li {list-style-type: none; list-style: none;}
#related-posts {margin: 20px 0;}