/*  
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: 1.1
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
=======

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%; }
html { background:url(images/backgrounds/x.jpg) repeat-x 0px 0px #001E0F; background-position:top; }
body { background:url(images/backgrounds/upper.jpg) no-repeat; background-position:top left; background-color:transparent; 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:#7ED248; 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; }
/* How the links in the leadstory area on the homepage look like */
#leadcontainer a { color:#fff; }
/* Title area links */
.title:link, .title:active, .title:visited { color: #7ED248; text-decoration: none; }
.title:hover { color: #7ED248; 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 { 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; }
#sidelist a:hover { text-decoration:underline; }
#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 { color:#666; }
.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited { text-decoration:none; color:#666; }
.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:1px solid #999; padding:5px; background-color:#FFFEEF; }
img.left, img.center, img.right, img.norm { margin:5px 12px 5px 0; border:1px solid #999; 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; }
#leadpic { float:left; margin: 0 20px 10px 0; padding:1px; border:1px solid #999; }
.home-cat-img { float:left; margin:0 6px 4px 0; }
/******************************************
*   Main Element Structure                         
******************************************/

#page { /* main container */ width:940px; margin:0 auto; font-size:1em; background: url(images/backgrounds/x_content.gif) repeat-x #FFF; background-position:bottom; padding: 10px 20px 40px 20px; border-top:4px solid #00722D; border-bottom:4px solid #00722D; }
#top_image { background: url(images/backgrounds/bg_top.png) no-repeat; margin:-10px -20px 0 -20px; }
#top_image  div div div span a { color:#FFF!important;}
#top_image  div div h3 { padding-left:15px;padding-top:10px;}


#branding {/* Where the logo is located */ /*width:625px;*/
	height:100px; padding-bottom:15px;/*	background:url(images/backgrounds/bg_branding.png) no-repeat;
*/	}
.left { float:left; }
.right { float:right; }
#sidebar { width: 240px; float:right }
/* The 3 columns on the homepage */

#homeleftcol { width:33%; border-right:0px solid #ccc; text-align:justify; float:left; }
#homemidcol { width:33%; padding:0 0.5%; text-align:justify; float:left; }
#homerightcol { width:33%; border-left:0px solid #ccc;  text-align:justify; float:right; }
/******************************************
*   Sidebar stuff exept hyperlinks                        
******************************************/
	
#sidelist li { list-style:none }
.bullets li { list-style:none; border-bottom:1px solid #FFF; }
#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 #fff; }
#sidelist .recent li { margin-bottom:5px; padding-left:20px; background:url(images/icons/icon_recent.gif) no-repeat; }
#sidelist .recent-comments li { margin-bottom:5px; padding-left:20px; background:url(images/icons/icon_comments.gif) no-repeat; }
#sidelist .more li { margin-bottom:5px; padding-left:20px; background:url(images/icons/icon_categories.gif) no-repeat; }
#sidelist .feed li { margin-bottom:5px; padding-left:20px; 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, Helvetica, 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: Georgia, "Times New Roman", Times, serif; font-weight: regular; padding: 20px 0px 10px 0px; text-decoration:none; }
.cat-head {/* Background for the category teasers headline on the homepage */ margin-bottom:3px; background-color:#7ED248; padding: 5px 2px 1px 8px; background:url(images/backgrounds/bg_barretta_inferiore) no-repeat top left; }

h1 { color: #7ED248; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 30px 10px 0px 0px; padding: 30px 0px 0px 10px; }
h2 { color: #7ED248; font: 2.4em Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:0px; border-bottom:4px solid #2B2C3E; margin: 20px 0; }
h3 { font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; font-weight:bold; color:#7ED248; }
#sidebar h2, #sidebar h3 a { font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; font-weight:bold; color:#7ED248; }
#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; color:#7ED248; }
h3#respond { border-top:4px solid #ddd; margin-top:25px; padding-top:20px }
h3#comments { margin-top:32px }
h4 { color:#444; font-size:1.2em; margin-bottom:6px; }
.cat-head h3 a{/* Background for the category teasers headline on the homepage */ color:#FFF;}

/******************************************
*   Content styles                    
******************************************/

/* some structural styles for the content area */

#content {/* main content (left of sidebar) */ width:640px; float:left; margin-top:10px; clear:both; }
#pagecontent { /* content area in static pages (without sidebar) */ width:820px; float:left; }
#homecontent-top {/* The upper area on the homepage */ width:940px; padding-top:15px; clear:both; }
#homecontent-bottom {/* The lower area f the homepage */ width:100%; margin-top:0px; 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; }
/* The lead story on the honmepage */

#leadcontainer { background:/*url(images/backgrounds/bg_leadcontainer.jpg) repeat-x 0px 0px #252525 */ #2B2C3E; color:#ddd; border-top:4px solid #7ed248; border-bottom:4px solid #7ed248; padding:15px; width:592px; min-height:350px; clear:left; }
#leadcontainer:hover { background:#1D1E2F; border-top:4px solid #85b467; border-bottom:4px solid #8cbc6d; }
#leadcontainer .title { font:1.6em Georgia, "Times New Roman", Times, serif; line-height:100%; display:block; padding-bottom:7px; color: #8cbc6d; }
#leadheader { display:block; }
#leadheader a { color:#ddd; }
#homebottom {/* Thatīs the nice shadow below the leadcontainer */ width:625px; height:60px; background:url(images/backgrounds/homebottom.png); }
.read-on a { /* This can be used to format the "continue readng..." link in the lead story */ text-decoration:none; }
.read-on a:hover { color:#C29704!important; }
/* Featured Articles formatting in "hometop-rightcol" */

.feature { background: #eee; padding:10px 10px 10px 20px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }
.feature:hover { background:#ddd; border-top:2px solid #999; border-bottom:2px solid #999; }
/*.feature p { margin:0;	}*/

#hometop-rightcol img { margin-bottom:4px; padding:1px; border:1px solid #999; }
#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: #7ED248; 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: #7ED248; margin:10px 0 15px 0; }
#homemidcol .clearfloat, #homeleftcol .clearfloat, #homerightcol .clearfloat { border:1px solid #ccc; padding: 10px; margin-bottom:4px; background:#EFEFEF; border-top:1px solid #eee; border-left:1px solid #eee; }
/* 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; padding-top: 10px; }
.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; clear:both; margin: 10px 0 0 0; }
.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; /*margin-top:-25px; padding-left:15px; */font-style:italic;}
.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: 980px; font-size:0.9em; text-align:center; padding-top:15px; color:#888; background-color:#001E0F; height:50px; }
#footer a { color:#333; }
#template_post_h2 {border:medium none; color:#FFFFFF; display:table-cell; font-family:Georgia,'Times New Roman',Times,serif; font-size:22px; height:95px; margin:0; padding:0 0 0 10px; vertical-align:middle; width:630px;}
.in_evidenza { background:url(images/backgrounds/in_evidenza.gif) no-repeat; }
.tpl_contributo { background:url(images/backgrounds/contributo.gif) no-repeat; }
.tpl_eventi { background:url(images/backgrounds/eventi.gif) no-repeat; }
.tpl_in_primo_piano { background:url(images/backgrounds/in_primo_piano.gif) no-repeat; }
.tpl_intervista { background:url(images/backgrounds/intervista.gif) no-repeat; }
.tpl_news { background:url(images/backgrounds/news.gif) no-repeat; }
.tpl_progetti_di_ambiente { background:url(images/backgrounds/progetti_di_ambiente.gif) no-repeat; }
.tpl_progetti_nel_territorio { background:url(images/backgrounds/progetti_nel_territorio.gif) no-repeat; }
.tpl_recensioni { background:url(images/backgrounds/recensioni.gif) no-repeat; }
.tpl_riflettiamo_sul_sociale { background:url(images/backgrounds/riflettiamo_sul_sociale.gif) no-repeat; }
.tpl_accade_altrove { background:url(images/backgrounds/accade_altrove.gif) no-repeat; }
.tpl_inchiesta { background:url(images/backgrounds/inchiesta.jpg) no-repeat; }
.tpl_ambientegiovani { background:url(images/backgrounds/ambientegiovani.jpg) no-repeat; }
.tpl_topnews { background:url(images/backgrounds/topnews.jpg) no-repeat; }
#wp-calendar { width:100%; }
.alignleft { float:left!important; margin-right:15px!important;}
.alignright { float:right!important; margin-left:15px!important; }
.wp-caption-text { font-style:italic; padding:3px; margin:0; margin-top:5px; background-color:#FFC; color:#063; border: 1px solid #FF9; padding-left:8px;}
.footer_verde, .footer_verde a { color:#093!important;}
.autore_hp { color:#999;}

#homecontent-bottom .clearfloat { height:210px;}
#autore_articolo { width:98%; margin-top:-20px; clear:both; }
.sottotitolo { clear:both; font-style:italic; font-size:1.3em;}

#banner_inferiori {}
#banner_inferiori ul { padding:0; margin:0; }
#banner_inferiori li { padding:0; margin:0; list-style-type:none; float:left; display:inline; width:234px; overflow:hidden; }

#RssLogo { display:none!important;}
#RssBox span a { color:#030!important;}
#RssBox { background:none!important; width:300px!important; border:none!important;}
p.submit { clear:both; width:300px;}
#cycnav { clear:both; width:300px;}

#lead object { float:left; margin: 0 10px 0 0;}
#lead p { margin-top: 5px!important;}


.ultime_news {background-color:#7ED248;
display:table-cell;
float:left;
height:15px;
margin-right:1px;
padding-left:10px;
padding-right:10px;
vertical-align:bottom;}
.ultime_news a { text-decoration:none; font-weight:bold; font-size:13px; color:#266E0A; text-transform:uppercase; }
.iconavideo { padding:0!important; background:none!important; border:0!important;}
#leadheader .title { margin-bottom: 0px; }