/*  
Theme Name: PRiNZ SpiegelMagazine PRO
Theme URI: http://www.der-prinz.com/wyntonmagazine-magazine-style-theme-for-wordpress-106
Description: A premium Magazine Theme for Wordpress with multiple Functionalities, custom Widgets, an Options Panel and additional Page Templates.
Version: 3.0
Author: Michael Oeser
Author URI: http://www.der-prinz.com
Tags: Magazine style, Widgetized, two-column, extra page-templates, white, advanced

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


***********************************************************************************
**  Color related styles can be edited in the CSS files of the color schemes     **
***********************************************************************************

STRUCTURE OF THIS CSS DOCUMENT

	- CSS RESET
	- HTML ELEMENTS
	- HYPERLINKS
	- IMAGES
	- GENERAL STRUCTURE AND HOMEPAGE
	- SIDEBAR
	- BASIC NAVIGATION BAR STYLES
	- COMMENTS
	- FLOAT PROPERTIES

/***************************************
CSS Reset by Eric Meyer v1.0 | 20080212 
****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/******************************************
*   HTML Elements                         
******************************************/
body {
	background: #eee;
	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; }
hr {
	display: block;
	height:4px;
	background:#ddd;
	border:0;
}
small {
	font-size: 0.9em;
	padding:3px 0px;
}
/******************************************
*   HYPERLINKS                        
******************************************/

/*** standard link behaviour ***/
a:link, a:active, a:visited {
	color:#333;
	text-decoration: underline;
}
a:hover {
	color:#333;
	text-decoration: none;
}
/* 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 { text-decoration:none; }
h4 a:hover { text-decoration:underline; }
/* Links in the sidebar */
#sidelist a:link, #sidelist a:active, #sidelist a:visited { text-decoration:none; }
#sidelist a:hover { text-decoration:underline; }
/*** 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                         
***********************************************/
img, a:link img, a:visited img {
	background:#f4f4f4;
	outline: 1px solid #eee;
	border:1px solid #f9f9f9;
	padding:8px;
}
#logo img, #logo a:link img, #logo a:visited img {
	background:none;
	outline: none;
	border:none;
	padding:0;
}
#featured img, #featured a:link img, #featured a:visited img { margin: 0 0 10px 0; }
.home-cat-img {
	float:left;
	margin:0 6px 4px 0;
}
#leadcontainer img, #leadcontainer a:link img, #leadcontainer a:visited img {
	background:#f4f4f4;
	outline: 1px solid #eee;
	border:1px solid #f9f9f9;
	padding:8px;
}
#pp_full_res img {/* remove the borders for the prettyPhoto image */
	background:none!important;
	border:none!important;
	padding:0!important;
}
#rotator img {/*remove the border from the wp-cycle (rotator div) images, if used */
	background:none!important;
	border:none!important;
	outline:none;
	padding: 0!important;
}
/**** WordPress image stuff ****/
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignright {
	float:right;
	margin:4px 0 0 12px;
}
.alignleft {
	float:left;
	margin:4px 12px 0 0;
}
#featured .alignleft { margin: 4px 10px 10px 0; }
#homecontent-bottom .alignleft {
	float:left;
	margin:5px 10px 0 0;
}
.wp-caption {
	padding:0 8px 0 0;
	text-align: center;
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size: 11px;
	font-weight: normal;
	line-height: 10px;
	margin:7px 0;
}
img.wp-smiley, img.wp-wink {
	float: none;
	border: none;
}
/******************************************
*  GENERAL STRUCTURE AND HOMEPAGE                        
******************************************/
#header { height: 120px; }
#logo { height:120px; }
#headerwidgets {
	float: right;
	margin-top: -115px;
	position:relative;
	z-index:999;
}
.header_widget {
	color: #888;
	text-align:right;
}
#page { /* main container */
	width:940px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	padding: 10px 20px 40px 20px;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}
.left { float:left; }
.right { float:right; }
#sidebar {
	width: 300px;
	float:right
}
/*** WP-Cycle Slider on the homepage, if used ***/
#rotator {
	background:none;
	border: none;
	overflow:hidden!important;
	margin: 2px 0 20px 0!important;
}

/*** Featured articles on the homepage ***/
#featured p { margin:0 0 15px 0; }
.featured1 {
	width:300px;
	padding:0 20px 0 0;
	text-align:justify;
	float:left;
}
.featured2 {
	width:300px;
	padding:0;
	text-align:justify;
	float:right;
}
#featured div .more {
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/icons/icon_sidebar-list.png) no-repeat;
}
#featured div .more a {
	text-decoration:none;
}
#featured div .more a:hover { text-decoration:underline; }
#featured .byline, #featured .byline a {
	font-size:10px;
	color:#666;
	margin:0 0 5px 0;
}
/*** The 2 columns on the homepage ***/
#homeleftcol {
	width:460px;
	margin-right:20px;
	text-align:justify;
	float:left;
}
#homerightcol {
	width:460px;
	text-align:justify;
	float:right;
}
.homebox { min-height:220px; }
/******************************************
*   SIDEBAR                        
******************************************/
#sidelist li {
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/icons/icon_sidebar-list.png) no-repeat;
}
#sidelist .feed li {
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/icons/rss.gif) no-repeat;
}
/***********************************************
*   STYLES FOR THE HORIZONTAL NAVIGATION MENUES
************************************************/
/*** Basic styles for all menus (more styles are defined in the colorscheme stylesheets) ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu { line-height:	1.0; }
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match */
}
.sf-menu ul li { width:	100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {
	float:			left;
	position:		relative;
	width: 			auto;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		100;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0px;
}
/********************************************
*   HEADLINES (exept colors)                       
********************************************/
.blogtitle, .blogtitle a {/* That´s only relevant, if you don´t use an image for your Logo in the header */
	font-size: 55px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: regular;
	padding: 25px 0px 25px 0px;
	text-decoration:none;
}
.description {
	font-size: 20px;
	font-weight: bold;
	margin:0 0 10px 45px;
	color: #666;
}
.title, a.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	margin:10px 0 15px 0;
}
.cat-head {/* Background for the category teasers headline on the homepage */
	margin-bottom:5px;
	padding:3px 2px 1px 4px;
}
.title-heading, .title-heading a {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
	text-decoration:none;
}
#sidebar .title-heading, #sidebar .title-heading a {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
}
h1 {
	font-size: 32px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
}
h2 {
	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:8px;
	border-bottom:4px solid #ddd;
	margin: 20px 0;
}
#leadcontainer h2, #leadcontainer h2 a {
	font:32px Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	text-decoration:none;
	border:none;
	margin: 5px 0 10px 0;
	padding:0;
}
#featured h2, #featured h2 a {
	border:none;
	font-size: 20px;
	margin:0;
	padding:0 0 5px 0;
	text-decoration:none;
}
h3 {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
}
#homecontent-bottom h3, #homecontent-bottom h3 a {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 8px 0 -5px 0;
	text-transform:none;
	letter-spacing:normal;
}
#sidebar h3, #sidebar h2 {
	font-size:0.9em;
	border-top:4px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 0 5px 2px;
	margin:20px 0 15px 0;
}
#respond h3 {
	border-top:4px solid #ddd;
	margin-top:25px;
	padding-top:20px
}
h3#comments { margin-top:32px }
h4 {
	font-size:14px;
	margin-bottom:6px;
}
#homecontent-bottom h4, #homecontent-bottom h4 a {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
	color:#fff;
}
.entry h1 {
	font-size: 2.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
}
.entry h2 {
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 20px 0;
	padding:0;
	border:none;
}
.entry h3 {
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
	text-transform:none;
	letter-spacing:0em;
}
.entry h4 {
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
}
.entry h5 {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
}
.entry h6 {
	font-size: 1.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
}
#alternative_footer h4 { color:#fff; }
/******************************************
*   CONTENT STYLES               
******************************************/
#content {/* main content (left of sidebar) */
	width:620px;
	float:left
}
#homecontent-top {/* The upper area on the homepage */
	height:350px;
	background:#ccc;
	width:940px;
	margin:20px 0;
}
#homecontent-bottom {/* The lower area f the homepage */
	width:940px;
	margin-top:10px;
}
/*** The lead story on the homepage ***/
#leadcontainer {
	background: #fff;
	color:#333;
	width:930px;
	min-height:330px;
	margin: 2px 0 20px 0;
	padding: 15px 10px 10px 0;
}
.leadmeta {/* That´s how the Date and Author appear in the leadarticle section */
	font: 0.9em Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}
/*** Pagination formats for the achives (previous and next links) ***/	
.navigation a {
	width: 120px;
	border: 1px dotted #ccc;
	padding:2px 4px 2px 4px;
	text-align:center;
	font-size:0.9em;
	text-decoration:none;
	color:#666;
}
.navigation a:hover { background-color:#eee; }
.preventries { float:left; }
.nextentries { float:right; }
/*** Post Formatting ***/
.entry {
	padding-bottom:28px;
	text-align:justify;
}
.post blockquote {
	color:#666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	padding:4px 14px;
	margin:18px 35px;
	border-top: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:5px;
	background-color:#eee;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
.postmetadata { margin: 30px 0; }
/*** Page navigation links ***/
#paging {
	width: 600px;
	height: 30px;
	list-style: none;
}
#paging li {
	float: left;
	height: 30px;
	text-align: center;
}
#paging li.prev, #paging li.next { width: 100px; }
#paging li.pages {
	width: 300px;
	margin: 0 20px;
}
#paging li.pages a {
	margin: 0 5px;
	padding: 5px;
	display: inline-block;
	border:1px solid #ccc;
	background: #eee;
}
#paging li.pages a:hover {
	border: 1px solid #ccc;
	background: #fff;
}
#paging li.pages a.active {
	font-weight:bold;
	padding: 7px;
	border: 1px solid #ccc;
	background: #ddd;
}
/*** Form Elements ***/
select {
	background:#eee;
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	border-left:none;
	border-right:none;
	width:100%
}
#searchform { padding:16px 5px 0 0; }
.searchbutton {
	font-weight:bold;
	padding: 1px;
	background:#fff;
	color:#999;
	border:1px solid #ddd;
}
.searchbutton:hover {
	color:#666;
	background:#eee;
	border:1px solid #999;
	text-decoration:none;
}
.searchfield {
	width:150px;
	padding: 1px 1px 1px 20px;
	background: url(images/icons/search-16.png) no-repeat #fff;
	color:#666;
	border:1px solid #ddd;
}
.searchfield:hover, .searchfield:focus {
	background: url(images/icons/search-16.png) no-repeat #eee;
	border:1px solid #999;
	text-decoration:none;
}
.newsletter {
	width:160px;
	padding: 2px 2px 2px 5px;
	background: #fff;
	color:#666;
	border:1px solid #ddd;
}
.newsletter:hover, .newsletter:focus {
	background: #eee;
	border:1px solid #999;
	text-decoration:none;
}
#newsleter-submit {
	background: #eee;
	border:1px solid #999;
	color: #666;
	padding: 1px 2px 1px 5px;
}
#newsleter-submit:hover {
	background: #fff;
	border:1px solid #ddd;
}
.button {
	font-weight:bold;
	padding: 1px;
	background:#fff;
	color:#666;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:none;
	border-right:none;
}
.button:hover {
	color:#333;
	background:#eee;
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	border-left:none;
	border-right:none;
	text-decoration:none;
}
#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:none;
	border-right:none;
}
#commentform textarea {
	background:#eee;
	width: 100%;
	margin-top:5px;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:none;
	border-right:none;
}
#commentform textarea:hover, #commentform textarea:focus { background:#fff; }
/*** Comments ***/
.commentlist { padding-left:30px; }
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#eee;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
}
.commentmetadata { display: block; }
.commentlist small {
	background:#fff;
	padding:2px 5px 2px 5px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
.commentlist cite { font-weight:bold; }
/*****************************************************
*   PAGE TEMPLATE STYLES                      
****************************************************/
/*** Styles for the "3-columns-page template" ***/
#pageleft {
	float: left;
	width: 300px;
	margin: 20px 20px 0px 0px;
	text-align:justify;
}
#pagemiddle {
	float: left;
	width: 300px;
	margin: 20px 20px 0px 0px;
	text-align:justify;
}
#pageright {
	float: right;
	width: 300px;
	margin: 20px 0px 0px 0px;
	text-align:justify;
}
#pageleft h2, #pageleft h2 a, #pagemiddle h2, #pagemiddle h2 a, #pageright h2, #pageright h2 a {
	font-size:18px;
	border:none;
	margin:10px 0;
	padding:0;
}
#pageleft h3, #pageleft h3 a, #pagemiddle h3, #pagemiddle h3 a, #pageright h3, #pageright h3 a { color:#888; }
#pageleft li, #pagemiddle li, #pageright li { list-style:none }
#pageleft .recent li, #pagemiddle .recent li, #pageright .recent li {
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/icons/icon_sidebar-list.png) no-repeat;
}
#pageleft a:link, #pageleft a:active, #pageleft a:visited { text-decoration:none; }
#pageleft a:hover { text-decoration:underline; }
#pagemiddle a:link, #pagemiddle a:active, #pagemiddle a:visited { text-decoration:none; }
#pagemiddle a:hover { text-decoration:underline; }
#pageright a:link, #pageright a:active, #pageright a:visited { text-decoration:none; }
#pageright a:hover { text-decoration:underline; }
/*** Styles for the "featured-page template" ***/
#featured-top {
	width:940px;
	float:left;
	padding: 0 0 15px 0;
	margin: 0 0 25px 0;
	border-bottom:4px solid #ddd;
}
#featured-content {
	width:620px;
	float:left;
}
#featured-sidebar {
	width: 300px;
	float:right;
}
#featured-sidebar h3 {
	border-bottom:2px solid #ccc;
	padding:5px 0 5px 2px;
	margin:0 0 20px 0;
}
#featured-sidebar .sidebar_widget {
	margin:0 0 20px 0;
	text-align:justify;
}
#featured-leftcol {
	width:620px;
	float:left;
	margin:20px 0 0 0;
	padding: 0 10px 0 0;
	border-right: 2px solid #ccc;
}
#featured-leftcol h2, #featured-content h2 {
	font: 1.6em Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	border:none;
}
#featured-rightcol h2 {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin:0 0 10px 0;
	font-weight:bold;
	border-bottom:2px solid #ccc;
}
#featured-leftcol img {
	background:#f4f4f4;
	outline: 1px solid #eee;
	border:1px solid #f9f9f9;
	padding:8px;
}
#featured-rightcol {
	width:300px;
	float:right;
	margin-top:20px;
}
#featured-rightcol li { list-style:none }
#featured-rightcol .recent li {
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/icons/icon_sidebar-list.png) no-repeat;
}
#featured-rightcol a:link, #featured-rightcol a:active, #featured-rightcol a:visited { text-decoration:none; }
#featured-rightcol a:hover { text-decoration:underline; }
/*** Styles for the "fullwidth-page template" ***/
#fullwidthpage {
	float: left;
	width: 940px;
	text-align:justify;
}
/******************************************
*   Footer                        
******************************************/
#footer {
	margin: 0 auto;
	width: 900px;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
	color:#666;
}
#footer a { color:#333; }
#alternative_footer {
	margin: 0 auto 5px;
	width: 940px;
	font-size:0.9em;
	text-align:justify;
	padding: 20px;
	color:#eee;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}
#alternative_footer a { color:#eee; }
.alternative_footer_left {
	width: 210px;
	float: left;
	padding:0 20px 0 0px;
}
.alternative_footer_middle1 {
	width: 210px;
	float: left;
	padding:0 20px 0 10px;
	border-left: 1px solid #eee;
}
.alternative_footer_middle2 {
	width: 210px;
	float: left;
	padding:0 10px;
	border-left: 1px solid #eee;
}
.alternative_footer_right {
	width: 210px;
	float: right;
	padding:0 10px;
	border-left: 1px solid #eee;
}
/***********************************************
*   FLOAT PROPERTIES
************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear:both; }
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfloat {/*never delete this otherwise MSIE will kill the layout */ display:inline-block; }
.clearfloat {/*never delete this otherwise MSIE will kill the layout */ display:block; }