/*  
Theme Name: PRiNZ WyntonMagazine 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. "Brother" of my BranfordMagazine Theme.
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

/***************************************
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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
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; }
.home p { margin: 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; }
.blogtitle a { text-decoration: none; }
/*** Title area links ***/
.title:link, .title:active, .title:visited { color: #a37f04; text-decoration: none; }
.title:hover { color: #a37f04; 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; }
/*** Custom WordPress Menu in Sidebar (if used) ***/
#sidelist .menu li a:link, #sidelist .menu li a:visited { /* .menu is a default custom menu class */ background: #fff; display:block; padding:4px 4px 4px 20px; border-bottom: 1px solid #999; }
#sidelist .menu li a:hover, #sidelist .menu li a:active { background: #f4f4f4; text-decoration:none!important; }
#sidelist .menu li ul li a, #sidelist .menu li ul li a:visited { padding:2px 2px 2px 40px!important; border:0; color: #666; }
#sidelist .menu li ul li a:hover, #sidelist .menu li ul li a:active { color:#000; text-decoration:none!important; }
/*** Links in unordered lists ***/
.bullets li a { text-decoration:none!important; }
.bullets li a:hover { text-decoration:underline!important; }
/*** 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:1px solid #999; padding:1px; }
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; }
#pp_full_res img {/* remove the borders for the prettyPhoto image */ background:none!important; border:none!important; padding:0!important; }
/*** WordPress specific image classes ***/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 4px 10px 1px 0; }
.alignright { float: right; margin: 4px 0 1px 10px; }
.wp-caption { text-align: center; background-color: #fff; margin-top:5px; margin-right: 15px; margin-bottom:0px; }
.wp-caption img { }
.wp-caption img:hover { }
.wp-caption p.wp-caption-text { color:#666; font-size: 10px; line-height: 12px; padding: 7px 4px 2px 5px!important; margin: 0!important; }
/******************************************
*   GENERAL STRUCTURE                         
******************************************/
#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; border-top:4px solid #999; border-bottom:4px solid #999; -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.25); -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.25); box-shadow: 0 3px 8px rgba(0,0,0,0.25); }
.left { float:left; }
.right { float:right; }
#sidebar { width: 300px; float:right }
/*** The 3 columns on the homepage ***/
#homeleftcol { width:299px; border-right:1px solid #ccc; padding-right:10px; text-align:justify; float:left; }
#homemidcol { width:300px; padding:0 10px 0 10px; text-align:justify; float:left; }
#homerightcol { width:299px; border-left:1px solid #ccc; padding-left:10px; text-align:justify; float:right; }
/******************************************
*   SIDEBAR                        
******************************************/
#sidelist li { list-style:none }
#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; }
#twitter_update_list li { margin-bottom:5px; padding-left:20px; background:url(images/icons/icon_twitter.png) 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; }
/***********************************************
*   STYLES FOR THE HORIZONTAL NAVIGATION MENUES
************************************************/
/*** Basic styles for all menus  ***/
.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; }
/*** PRIMARY MENU STYLES ***/
.prinz-menu-primary { background: #444; position: relative; height: 30px; border-top:2px solid #a37f04; border-bottom:2px solid #a37f04; }
.prinz-menu-primary a, .prinz-menu-primary a:visited { padding: 0 10px; line-height: 30px; background: none; ; color: #fff; text-decoration: none; }
.prinz-menu-primary li ul { background: #333; }
.prinz-menu-primary li.sfHover a, .prinz-menu-primary a:focus, .prinz-menu-primary a:hover, .prinz-menu-primary a:active, .prinz-menu-primary li.current-cat a, .prinz-menu-primary li.current a, .prinz-menu-primary li.current-menu-ancestor a, .prinz-menu-primary li.current-menu-item a { color:#a37f04; background: #333; outline: 0; }
.prinz-menu-primary li li a { padding: 0 20px; line-height: 30px!important; font-weight: normal!important; }
.prinz-menu-primary li li:hover, .prinz-menu-primary li li.sfHover, .prinz-menu-primary li li a:focus, .prinz-menu-primary li li a:hover, .prinz-menu-primary li li a:active, .prinz-menu-primary li li.current-cat, .prinz-menu-primary li li.current, .prinz-menu-primary li li.current-menu-ancestor a, .prinz-menu-primary li li.current-menu-item a { background: #333; ; color: #ccc; outline: 0; }
/*** SECONDARY MENU STYLES ***/
.prinz-menu-secondary { background:#eee; margin-top:0px; position: relative; height: 30px; }
.prinz-menu-secondary a, .prinz-menu-secondary a:visited { padding: 0 10px; line-height: 30px; background: none; color: #333; text-decoration: none; }
.prinz-menu-secondary li ul { background: #ddd; }
.prinz-menu-secondary li:hover, .prinz-menu-secondary li.sfHover, .prinz-menu-secondary a:focus, .prinz-menu-secondary a:hover, .prinz-menu-secondary a:active, .prinz-menu-secondary li.current-cat, .prinz-menu-secondary li.current, .prinz-menu-secondary li.current-menu-ancestor a, .prinz-menu-secondary li.current-menu-item a { background:#ddd; color:#a37f04; outline: 0; }
.prinz-menu-secondary li li a { padding: 0 10px; line-height: 30px!important; color: #666; font-weight: normal!important; }
.prinz-menu-secondary li li:hover, .prinz-menu-secondary li li.sfHover, .prinz-menu-secondary li li a:focus, .prinz-menu-secondary li li a:hover, .prinz-menu-secondary li li a:active, .prinz-menu-secondary li li.current-cat, .prinz-menu-secondary li li.current, .prinz-menu-secondary li li.current-menu-ancestor a, .prinz-menu-secondary li li.current-menu-item a { background: #ddd; color: #a37f04; outline: 0; }
/******************************************
*   All Headlines and related stuff                         
******************************************/
h1, h2, h3, h4, h5, h6 { color: #a37f04; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 20px 0; padding:0; }
.entry h1, .post h1 { font-size:26px; }
.post h2 { font-size: 24px; padding-bottom:8px; border-bottom:4px solid #ddd; }
.entry h2 { font-size: 24px; border:none; }
.entry h3, .post h3 { font-size: 20px; }
.entry h4, .post h4 { font-size: 18px; }
.entry h5, .post h5 { font-size: 14px; }
.entry h6, .post h6 { font-size: 14px; }
.blogtitle, .blogtitle a {/* Thatīs only relevant, if you donīt use an image for your Logo in the header */ color: #a37f04; font-size: 55px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: regular; padding: 20px 0px 25px 0px; text-decoration:none; }
.header_widget h4 {margin-top:0;}
.leadmeta, .leadmeta a {/* Thatīs how the Date and Author appear in the leadarticle section above the Headline */ font: 10px Arial, Helvetica, sans-serif; margin-top:-4px; color:#ddd; text-decoration:none; }
#lead h3, #lead h3 a {/* Thatīs how the category name appears in the leadarticle section above the Headline */ font: 12px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; margin:-4px 0 5px 0; color:#ddd; text-decoration:none; }
.description { /* Thatīs only relevant, if you donīt use an image for your Logo in the header */ font-size: 20px; font-weight: bold; color:#999; margin-bottom:20px; padding-left:50px; }
.cat-head h4 {/* Background for the category teasers headline on the homepage */ background:#ddd; padding:5px; font:0.9em Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; }
.homebox h3, .homebox h3 a { color:#a37f04; font-size:18px; margin-bottom:5px; }
#sidebar h2, #sidebar h3 a { font: 0.9em Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; color:#a37f04; }
#sidebar h3, #sidebar h2 { font: 0.9em Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; border-top:4px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0 5px 2px; margin:20px 0 15px 0; color:#a37f04; }
.archive h3, .archive h3 a { color:#666; margin:0 0 10px 0; }
.archive h2 { font:24px Arial, Helvetica, sans-serif; padding-bottom:8px; border-bottom:4px solid #ddd; margin: 10px 0 20px 0; }
#respond h3 { font: 1em Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; border-top:4px solid #ddd; margin-top:25px; padding-top:20px }
h3#comments { font: 1em Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; margin-top:32px }
h4 { color:#444; font-size:1.2em; margin-bottom:6px; }
#alternative_footer h4 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin-top:0; }
/******************************************
*  HOMEPAGE STYLES                    
******************************************/
#homecontent-top {/* The upper area on the homepage */ width:940px; margin-top:25px; }
#homecontent-bottom {/* The lower area of the homepage */ width:940px; margin-top:20px; }
#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 ***/
#leadcontainer { background: #444; color:#ddd; border-top:4px solid #a37f04; border-bottom:4px solid #a37f04; padding:15px; width:592px; min-height:350px; }
#leadcontainer:hover { background:#333; border-top:4px solid #a37f04; border-bottom:4px solid #a37f04; }
#leadcontainer .title { font:2.2em Georgia, "Times New Roman", Times, serif; line-height:100%; display:block; padding-bottom:7px; color: #a37f04; }
#leadheader { display:block; }
#leadheader a { color:#ddd; }
#homebottom {/* Thatīs the nice shadow below the leadcontainer */ width:625px; height:70px; background:url(images/bg-lead-bottom.png) left top no-repeat; }
.read-on a { /* This can be used to format the "continue reading..." link in the lead story */ color:#a37f04; text-decoration:none; }
.read-on a:hover { color:#a37f04!important; text-decoration:underline; }
/*** 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; }
#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: #a37f04; margin:10px 0 15px 0; }
/******************************************
*   CONTENT STYLES                   
******************************************/
#content {/* main content (left of sidebar) */ width:620px; float:left }
.title, a.title { font-family: Georgia, "Times New Roman", Times, serif; font-size:1.4em; color: #a37f04; margin:10px 0 15px 0; }
.archive p { margin: 0; }
/*** 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 { font:14px Georgia, "Times New Roman", Times, serif; font-style:italic; 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: 10px 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; }
/*****************************************************
*   Special styles for the various page templates                      
****************************************************/
.page-template h3, .page-template h3 a { font: 1em Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; color:#a37f04; }
/*** Styles for the "3-columns-page template" ***/
#pageleft { float: left; width: 285px; margin: 20px 20px 0px 0px; padding: 0 20px 0 0; border-right: solid 1px #999; text-align:justify; }
#pagemiddle { float: left; width: 285px; margin: 20px 20px 0px 0px; padding: 0px; text-align:justify; }
#pageright { float: right; width: 285px; margin: 20px 0px 0px 0px; padding: 0 0 0 20px; border-left: solid 1px #999; text-align:justify; }
#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_recent.gif) 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 20px 0 0; border-right: 2px solid #ccc; }
#featured-leftcol h2, #featured-content h2 { color: #a37f04; 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; color:#a37f04; border-bottom:2px solid #ccc; }
#featured-leftcol img { float:left; margin:0 20px 10px 0; padding:1px; border: 1px solid #999; }
#featured-rightcol { width:280px; 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_recent.gif) 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 { background: #ddd; border-bottom:4px solid #999; margin: 0 auto 5px; width: 940px; font-size:0.9em; padding: 20px; color:#4f4f4f; -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:#4f4f4f; }
.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 #9f9f9f; }
.alternative_footer_middle2 { width: 210px; float: left; padding:0 10px; border-left: 1px solid #9f9f9f; }
.alternative_footer_right { width: 210px; float: right; padding:0 10px; border-left: 1px solid #9f9f9f; }
/******************************************
*   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; }