/*  
Theme Name: PRiNZ WyntonMagazine
Theme URI: 
Description: A premium magazine-style layout for Wordpress with multiple functionalities and additional page templates. "Brother" of my BranfordMagazine theme
Version: 0.5 BETA
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
  =======

Tabbed Section done with EASY TABS 1.2 Produced and Copyright by Koller Juergen
www.kollermedia.at | www.austria-media.at
  
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 {
        height:100%;
        position: relative;
	}
	
body {
        color: #333;
	padding: 0px 0 0px 0;
	}

body, select, input, textarea {
	font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	font-size : 11pt;
	line-height : 14pt;
	color : #666666;
	}
	
p {	
	margin: 15px 0;
	}


hr {
	height:4px;
	background:#ddd;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:3px 0px;
	}
	

ul, ol, dl {
              position: relative;  }


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

/* standard link behaviour - title page */
a:link, a:active, a:visited { 
	color:#7D6842;
	text-decoration: none;  
	} 
a:hover	{ 
	color:#AF6F29;
        text-decoration: none; 
	}

/* How the links in the leadstory area on the homepage look like */
#leadcontainer a {color:#7D6842;}

/* Title area links */
.title:link, .title:active, .title:visited { 
	color: #7D6842; 
	text-decoration: none;
	font-size : 14pt;
        font-style: oblique; 
	} 
.title:hover { 
	color: #AF6E08; 
font-size : 14pt;
        font-style: oblique; 
	} 
	
/* 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:#666; 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; text-transform:uppercase; font-size: 9pt; font-family: arial, "lucida console", sans-serif; letter-spacing: 2px; line-height: 23px; display:block; margin-bottom:5px;}
#sidelist a:hover {text-decoration: none; background: #CECAB3; color: #AF6F29; text-transform:uppercase; font-size: 9pt; font-family: arial, "lucida console", sans-serif; letter-spacing: 2px; line-height: 23px; display:block; margin-bottom:5px;}
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#eee;
	color: #666;
	}
#sidelist .children li a:hover, #sidelist .children li a:active	{color:#000;}

/* 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{border:0px; padding:12px;}
img.left,img.center,img.right,img.norm{ margin:0px 12px 0px 0; border:0px; padding:12px;}
img.left{ border:0px; float:left; margin:0 12px 5px 0; }
img.center{ border:0px; display:block; margin:0 auto 5px auto; }
img.right{ border:0px; float:right; margin:0 0 5px 12px; }
#leadpic {float:left;margin: 0 20px 10px 0; border:0px; padding:0px;}
.home-cat-img {border:0px; float:left; margin:0 6px 4px 0;}

	
.thumbnail-class {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 15px 0 0;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}
		
/******************************************
*   Main Element Structure                         
******************************************/

#page { /* main container */
	width:940px;
	margin:0 auto;
	font-size:1em;
	background:#E5E4DA;
	padding: 0px 20px 0px 20px;
	border-top:4px solid #CE3431;
	border-bottom:4px solid #D8D7C7;
	}

#branding {/* Where the logo is located */
	width:940px;
	height:150px;
	background:url(/images/masthead-1.gif) no-repeat;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {
	width: 240px;
        height: 100%;
	float:left;
        margin-left: -20px;
        margin-bottom: 0px;
        padding-left:20px;
        padding-right:10px;
        border-right:3px solid #B2AF9A;
        background-color: #D8D7C7;
	min-height: 100%;
	position:relative;
	}

* html div#sidebar{margin-left: -10px;}

/* The 3 columns on the homepage */

#homeleftcol {
	width:30%;
	border-right:1px solid #B2AF9A;
	padding-right:20px;
	float:left;
        margin-bottom: 20px;
	}
	
#homemidcol {
	width:30%;
	padding:0 20px 0 20px;
	float:left;
        margin-bottom: 20px;
	}
	
#homerightcol {
	width:30%;
	border-left:1px solid #B2AF9A;
	padding-left:20px;
	float:right;
        margin-bottom: 20px;
	}
		
	
/******************************************
*   Sidebar stuff exept hyperlinks                        
******************************************/
/*
.subnav li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #B2AF9A;
	text-decoration:none;
        font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
        text-transform:uppercase;
	}
		
.subnav li a:hover, .subnav li a:active {
	color:#a37f04;
	background:#ddd;
	font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	text-decoration:none;
        text-transform:uppercase;
	}

.subnav li li a:link, .subnav li li a:visited {border-left:none}
*/
	
#sidelist li {list-style:none}
	
.bullets li {
	list-style:none;
	border-bottom:1px solid #B2AF9A;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	}

#sidelist .children {background:#eee;}

#sidelist .children li {
	background: #eee;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #B2AF9A;
	}
	
/*#featuredcol {width:280px;}*/

#sidelist .recent li{
	margin-bottom:5px;
	padding-left:20px;
        font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	background:url(images/icons/icon_recent.png) no-repeat;
	}

#sidelist .recent-comments li{
	margin-bottom:5px;
	padding-left:20px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	background:url(images/icons/icon_comment.gif) no-repeat;
	}

#sidelist .more li{
	margin-bottom:5px;
	padding-left:20px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	background:url(images/icons/icon_categories.gif) no-repeat;
	}

#sidelist .feed li{
	margin-bottom:5px;
	padding-left:20px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	background:url(images/icons/rss.gif) no-repeat;
	}
	
/******************************************
*   All Headlines and related stuff                         
******************************************/

.leadmeta, .leadmeta a {/* That�s how the Date and Author appear in the leadarticle section above the Headline */
	font: 0.9em arial, "lucida console", sans-serif;
	margin-top:-4px;
	color:#ddd;
	text-decoration:none;
	}
	
.blogtitle, .blogtitle a {/* That�s only relevant, if you don�t use an image for your Logo in the header */
	color: #000;
	font-size: 1.8em;
    font-family : Palatino Linotype, Book Antiqua, Palatino, georgia, serif;

	padding: 20px 0px 10px 0px;
	text-decoration:none;
	}

.cat-head {/* Background for the category teasers on the homepage */
	margin-bottom:3px;
	background-color:#D8D7C7;
	padding:3px 2px 1px 4px;
	}

h1 {
	color: #AF6E08;
	font-size: 1.8em;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: oblique;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
	
h2 {
	color: #AF6E08;
	font: 1.8em;
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
    font-style: oblique;
	padding-bottom:8px;
	border-bottom:4px solid #B2AF9A;
	margin: 20px 0;
	}

h3 {
	font: 0.9em; 
        font-family : Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
	color: #AF6E08;
	}

#sidebar h2, #sidebar h3 a {
	font: 0.9em ;
	font-family: Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
        font-style: normal;
	color: #CE3431;
	}

#sidebar h3, #sidebar h2 {
	font-size:0.9em;
	border-top:4px solid #B2AF9A;
	border-bottom:1px solid #B2AF9A;
	padding:5px 0 5px 2px;
	margin:20px 0 15px 0;
	color: #CE3431;
	}

h3#respond {
	border-top:4px solid #B2AF9A;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h4 {
	font: 0.9em; 
        font-family : Palatino Linotype, Book Antiqua, Palatino, georgia, serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:6px;
	font-weight:bold;
	color: #AF6E08;
	}
	
	
/******************************************
*   Content styles                    
******************************************/


/* some structural styles for the content area */

#content {/* main content (left of sidebar) */
	width:640px;
	float:right;
        padding:15px;
	}

#pagecontent { /* content area in static pages (without sidebar) */
	width:640px;
	float:right;
        padding:15px;
	}

#homecontent-top {/* The upper area on the homepage */
	width:940px;
	margin-top:5px;
	}
	
#homecontent-bottom {/* The lower area f the homepage */
	width:940px;
	margin-top:20px;
        margin-bottom: 20px;
        clear: both; 
	}

#homecontent-topleft {/* The left side of the upper area (where the leadstory area is located) */
	width: 600px;
	}

#homecontent-topright {/* The right upper area (where the three feature boxes appear) */
	width: 300px;
        position: relative;
        display: block;
	}


/* The lead story on the honmepage */

#leadcontainer {
        border-right:4px solid #D8D7C7;
	color:#7D6842;
	padding: 20px;
	width:600px;
        margin-left: -20px;
	}

#leadcontainer:hover {
	background:#D8D7C7;
	}

#leadcontainer .title {
	font:2.2em Georgia, "Times New Roman", Times, serif;
        font-style: oblique;
	line-height:100%;
	padding-bottom:7px;
        padding-top:7px;
	color: #AF6F29;
	}

#leadheader {
	display:block;
	}

#leadheader a {color:#999999;}


/**************/
/* HOME LINKS */
/**************/

div#homeLinks h2 {
  font-size: 18px !important;
  border-bottom: 1px solid #B2AF9A;
  margin-bottom: 6px;
}
div#homeLinks ol {
  margin-left: 2em !important;
}	
	
	
	
	
/* Featured Articles formatting in "hometop-rightcol" */



#hometop-rightcol img {
	margin-bottom:4px;
	padding:0px;
	border:0px;
	}

#hometop-rightcol .feature {margin-bottom: 10px;}

#hometop-rightcol.title, #hometop-rightcol a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color: #CE3431;
	margin:10px 0 15px 0;
	}

/**********************************************************/
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
	}
		
.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color: #CE3431;
	margin:10px 0 15px 0;
	}
		
#homemidcol .clearfloat, #homeleftcol .clearfloat, #homerightcol .clearfloat {
	border-bottom:1px solid #ccc;
        position: relative;
	padding:12px 0;
	}	
	


/*Post Formatting*/

.entry {
	padding-bottom:28px;
	
	text-align:left;
	}

.post blockquote {
	color:#666;
	padding:6px 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;}
	

/* 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;
	}


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

/* Float Properties*/

.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;
	}
	
	
/******************************************
*   Footer                        
******************************************/

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

#footer a {
	color:#D8D7C7;
	}