/*  
PRiNZ BranfordMagazine PRO Default (dark red) Color scheme


STRUCTURE OF THIS CSS DOCUMENT

	- CSS REST
	- HTML ELEMENTS
		+ HYPERLINKS
	- IMAGES
	- GENERAL STRUCTURE
	- NAVIGATION BAR STYLES
		+ DEFAULT PAGES NAVBAR
		+ DEFAULT CATEGORIES NAVBAR
		+ CUSTOM WORDPRESS MENU STYLES
			+ PRIMARY WP NAV MENU
			+ SECONDARY WP NAV MENU
	- SIDEBAR
	- HEADLINES
	- CONTENT
		+ FEATURED ARTICLES
		+ CONTENT OF THE TABBED SECTION
		+ HOMEPAGE "RIGHTCOL" STYLES
		+ POST FORMATS
		+ PAGE NAVIGATION LINKS
		+ FORM ELEMENTS
		+ COMMENTS
	- FOOTER
	- SPECIAL STYLES FOR ADDITIONAL PAGE TEMPLATES
		+ 3 COLUMN PAGE
		+ FEATURED PAGE
		+ FULLWIDTH PAGE
	- TABBED SECTION
	- 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:#333;
	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:1px;
	background:#333;
	border:0;
	}

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


/******* 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: #840000;  
	text-decoration: none;
	} 
.title:hover { 
	color: #840000;  
	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 */
.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */
	background: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #999;
	}
		
.subnav li a:hover, .subnav li a:active {
	background: #F4F4EC;
	text-decoration:none!important;
	}

#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 10px;
	border:0;
	color: #666;
	}
#sidelist .children li a:hover, #sidelist .children 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                         
******************************************/

/*** default image behaviour ***/
img { border:1px solid #999; padding:1px; }


/*** 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{
   padding:2px;
   border:1px solid #999;
}

.wp-caption img:hover{
   border:1px solid #333;
}

.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                         
******************************************/

#logo {width:940px;}

#page { /*the main container*/
	width:940px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	padding: 10px 20px 35px 20px;
	border:3px double #333;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {/*you guessed it: itīs the sidebar container*/
	width: 300px;
	float:right;
	}

#leftcol {/*the left homepage column carrying the "Featured Article" section*/
	width:300px;
	padding-right:10px;
	}

#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}	
	
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:300px;
	padding-left:10px;
	margin-top: -2px;
	text-align:justify;
	}

/***********************************************
*   STYLES FOR THE HORIZONTAL NAVIGATION MENUES  

This area contains the CSS for the horizontal 
navigation bars. For the page navigation, 
for the category navigation and for 
the custom navigation menues that was introduced
in Wordpress version 3.0.

************************************************/

/***********************************************
*   DEFAULT PAGES NAVBAR  
************************************************/

#nav {
	background:#333;
	font-size:1em;
	box-shadow: 1px 1px 3px #c5c5c5;
	-moz-box-shadow: 1px 1px 3px #c5c5c5;
	-webkit-box-shadow: 1px 1px 3px #c5c5c5;
	}
	
#nav, #nav ul {
	list-style:none;
	line-height:18px;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	}

#nav a, #nav a:visited {
	display:block;
	color: #eee;
	padding:6px 12px;
	}

#nav a:hover, #nav a:active {
	background:#666;
	text-decoration:none;
	}	

.current_page_item	a, .home .on  {background:#840000; }
	
	
/*** Dropdown Menus for child pages ***/		

#nav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 174px;
	}
	
#nav li ul ul {/*second level dropdown*/
	margin: -2em 0 0 172px;
	}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li li {
	width: 172px;
	background:#666;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	color:#FFF;
	}

#nav li li a:hover, #nav li li a:active {background:#840000; }	
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

a.main:hover {background:none;}


/***********************************************
*   DEFAULT CATEGORIES NAVBAR  
************************************************/

#catnav {
	margin-top:0px;
	background:#840000; 
	font-size:1em;
	border-top:none;
	}
	
#catnav, #catnav ul {
	list-style: none;
	line-height: 18px;
	}

#catnav a, #catnav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#catnav li {
	float: left;
	list-style:none;
	}

#catnav a, #catnav a:visited {
	display:block;
	color: #E6E3D3;
	padding:6px 12px;
	}

#catnav a:hover {
	color:#fff;
	text-decoration:none;
	}	

#catnav a:active {
	color:#fff;
	text-decoration:none;
	}	

#catnav .current-cat {
	background:#333;
	}	

	
/*** Dropdown Menus for categories  ***/

#catnav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom:1px solid #fff;
	}
	
#catnav li ul ul {/*second level dropdown*/
	margin: -2em 0 0 172px;
	}

#catnav li:hover ul ul, #catnav li.sfhover ul ul {
	left: -999em;
	}

#catnav li li {
	width: 172px;
	background:#880000;
	}

#catnav li li a, #catnav li li a:visited {
	font-weight:normal;
	color:#fff;
	}

#catnav li li a:hover, #catnav li li a:active {
	background:#666;
	color:#fff;
	}	
	
#catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul {left: auto;}



/***********************************************
*  WORDPRESS CUSTOM MENUE STYLES
************************************************/

/* Primary WP Nav Menu */

#wp_nav_menu_primary {
	background: #333;
	margin: 0 auto;
	width: 940px;
	display:block;
	float:left;
}

#wp_nav_menu_primary .menu-header,
div.menu {
	margin-left: 0px;
}

#wp_nav_menu_primary .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}

#wp_nav_menu_primary .menu-header li,
div.menu li {
	float:left;
	position: relative;
}

#wp_nav_menu_primary a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0 10px;
	line-height:28px;
}

#wp_nav_menu_primary ul li {
}

#wp_nav_menu_primary ul li li {
	height:28px;
}

#wp_nav_menu_primary ul ul {
	display:none;
	position:absolute;
	top:28px;
	left:0;
	float:left;
	z-index: 99999;
}

#wp_nav_menu_primary ul ul ul {
	left:100%;
	top:0;
}

#wp_nav_menu_primary ul ul a {
	background:#666;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 150px;
}

#wp_nav_menu_primary li:hover > a {
	color:#fff;
	background:#666;
}

#wp_nav_menu_primary ul ul :hover > a {
	color:#fff;
	background:#880000;
}

#wp_nav_menu_primary ul li:hover > ul {
	display:block;
}

#wp_nav_menu_primary .current-menu-item {background:#840000; }


/* Secondary WP Nav Menu */

#wp_nav_menu_secondary {
	background: #840000;
	margin: 0 auto;
	width: 940px;
	display:block;
	float:left;
}

#wp_nav_menu_secondary .menu-header,
div.menu {
	margin-left: 0px;
}

#wp_nav_menu_secondary .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}

#wp_nav_menu_secondary .menu-header li,
div.menu li {
	float:left;
	position: relative;
}

#wp_nav_menu_secondary a {
	display:block;
	text-decoration:none;
	color:#E6E3D3;
	padding:0 10px;
	line-height:28px;
}

#wp_nav_menu_secondary ul li {
}

#wp_nav_menu_secondary ul li li {
	height:28px;
}

#wp_nav_menu_secondary ul ul {
	display:none;
	position:absolute;
	top:28px;
	left:0;
	float:left;
	z-index: 99999;
}

#wp_nav_menu_secondary ul ul ul {
	left:100%;
	top:0;
}

#wp_nav_menu_secondary ul ul a {
	background:#840000;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 150px;
}

#wp_nav_menu_secondary li:hover > a {
	color:#fff;
	background:#840000;
}

#wp_nav_menu_secondary ul ul :hover > a {
	color:#fff;
	background:#333;
}

#wp_nav_menu_secondary ul li:hover > ul {
	display:block;
}

#wp_nav_menu_secondary .current-menu-item {background:#333; }

		
/******************************************
*   Sidebar                         
******************************************/

.subnav li {/*.subnav is mainly the categories list*/
	list-style:none;
	}

#sidelist li {
	list-style:none;
	}
	
.bullets li {
	margin:0 0 5px 15px;
	list-style:square;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	}

#sidelist .children {
	}

#sidelist .children li {
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	}

#sidelist .feed li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(../images/rss.gif) no-repeat;
	}

#twitter_update_list li{
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	}

	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #880000;
	font-size: 45px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: regular;
	padding: 20px 0px 15px 0px;
	}

.description {
	font-size: 16px;
	font-weight: bold; 
	color:#999;
	margin-bottom:20px;
	}

h1 {
	color: #840000; 
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
	
h2 {
	color: #840000; 
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;
	border-bottom:1px solid #666;
	margin: 20px 0;
	}

h3 {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	margin-bottom:4px;
	font-weight:bold;
	color:#840000; 
	}

#sidebar h2, #sidebar h3 a {
	margin-bottom:4px;
	font-weight:bold;
	color:#840000; 
	}

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

#respond h3 {
	font-size:1.1em;
	border-top:1px solid #666;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h3 a:link, h3 a:visited {
	color: #666;;
	}

h4 {
	font-size:1.2em;
	margin-bottom:6px;
	}

.entry h1 {
	color: #840000; 
	font-size: 2.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
	}
	
.entry h2 {
	color: #840000; 
	font-size: 1.8em; 
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 20px 0;
	padding:0;
	border:none;
	}

.entry h3 {
	color:#840000; 
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
	text-transform:regular;
	letter-spacing:0em;
	}

.entry h4 {
	color:#840000; 
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
	}

.entry h5 {
	color:#840000; 
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
	}

.entry h6 {
	color:#840000; 
	font-size: 1.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 10px 0 20px 0;
	padding:0;
	}
	
	
/******************************************
*   Content                        
******************************************/

#content {
	width:620px;
	float:left
	}
	
/* 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;	}

#leftcol img, #rightcol img {
	padding:1px;
	border:1px solid #999;
	}

#leftcol .feature {	margin-bottom: 15px; }

/* Formating of the Leadstory stuff in the tabbed section */
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	border: 1px solid #999;
	}

.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:bold;
	color: #840000; 
	letter-spacing:normal;
	}
		
#lead p {
	margin-bottom:10px;
	}

.read-on a { /* This can be used to format the "[...]" link in the lead story */
	color:#840000!important;
	text-decoration:none;
	}
	
.read-on a:hover {
	text-decoration:underline;
	}

/* Formating of "rightcol" which is the column in the homepage middle ;-) */

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
#rightcol .clearfloat {
	border-bottom:1px solid #999;
	padding:12px 0;
	}	

/* Formating the additional headline on bottom of the homepage */
#additional-headlines {
	border-bottom:1px solid #999;
	margin:20px 0 0 0;
	}

/* "more" Links in the excerpts */
.excerpt_more a { 
	color:#840000!important;
	}

.excerpt_more a:hover {
	text-decoration:none;
	}

/* Post Formatting */

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

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right: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:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;	
	}	
	
.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}

/* 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 #E6E3D3;
  background: #fff;
}
#paging li.pages a.active {
  font-weight:bold;	
  padding: 7px;
  border: 1px solid #E6E3D3;
  background: #F4F4EC;
}

				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	

#searchform { padding:16px 5px 0 0; }

.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: #333;
	border:none;
	color: #fff;
	padding: 1px;
	}

#newsleter-submit:hover {
	background: #666;
	}

.button {
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#666;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}
	
	
/******************************************
*   Footer                        
******************************************/

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

#footer a {
	color:#ededed;
	}

#alternative_footer {
	background: #E6E3D3;
	border:3px double #333333;
	margin: 5px auto;
	width: 940px;
	font-size:0.9em;
	padding: 20px;
	color:#4f4f4f;
	}

#alternative_footer a {
	color:#4f4f4f;
	}
	
.alternative_footer_left {
	width: 223px;
	float: left; 
	padding:0 10 0 0px;
	}

.alternative_footer_middle1 {
	width: 220px;
	float: left; 
	padding:0 10px;
	border-left: 1px solid #9f9f9f;
	}
	
.alternative_footer_middle2 {
	width: 220px;
	float: left; 
	padding:0 10px;
	border-left: 1px solid #9f9f9f;
	}

.alternative_footer_right {
	width: 223px;
	float: right; 
	padding:0 0 0 10px;
	border-left: 1px solid #9f9f9f;
	}
    

/*****************************************************
*   Special styles for the various page templates                      
****************************************************/

/* 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 .bullets li, #pagemiddle .bullets li, #pageright .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	text-decoration:none!important;
	}

/* Styles for the "featured-page template" */

#featured-top {
	width:940px;
	float:left;
	padding: 0 0 15px 0;
	margin: 0 0 25px 0;
	border-bottom: double 3px #999; 
	}

#featured-content {
	width:620px;
	float:left;
	}
	
#featured-sidebar {
	width: 300px;
	float:right;
	}
	
#featured-sidebar h3 {
	border-bottom:1px solid #999;
	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: 1px solid #999;
	}

#featured-leftcol h2, #featured-rightcol h2, #featured-content h2{
	color: #840000; 
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	border:none;
	}

#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 .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	}

.featured_post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.featured_post ul li {
	list-style:square;
	margin-bottom:5px;
	
	margin-left:42px;
	}

.featured_post ol li {
	margin-bottom:5px;
	
	margin-left:48px;
	}

/* Styles for the "fullwidth-page template" */

#fullwidthpage {
	float: left;
	width: 940px;
	text-align:justify;
	}


/*****************************************************
*   Special styles for the tabbed section                      
****************************************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none!important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none!important;
    }
}

/* Skin */
#container-4 { /* the whole container with all elements of the tabbed section */
	margin: 20px 0 20px 0!important;
	height:360px!important; /* defines a static height to the tabed section and avoids "jumping" - part 1 of 2 */
}

.ui-tabs-panel { /* the main content-section of the tabbed area NOT the tabs themselfes */
	width:590px!important;
    padding: 15px!important;
	border: 1px solid #ccc!important;
	box-shadow: 1px 1px 3px #c5c5c5;
	-moz-box-shadow: 1px 1px 3px #c5c5c5;
	-webkit-box-shadow: 1px 1px 3px #c5c5c5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#c5c5c5')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#c5c5c5');
	background: url(../images/backgrounds/bg_leadarticle.jpg) repeat-x #E6E3D3!important; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* the "fragments" which are the single tab areas. each tab is defined by a fragment. 
you can add as many as you want following the scheme "#fragment-x" */
#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6, #fragment-7, #fragment-8, #fragment-9 {
	height:300px!important; /* defines a static height to the tabed section and avoids "jumping" - part 2 of 2 */
}

.ui-tabs-panel .title { /* for the headlines in the tabbed section */
	font:1.8em Georgia, "Times New Roman", Times, serif!important;
	line-height:100%!important;
	display:block!important;
	padding-bottom:7px!important;
	color: #<?php get_option('prinz_maincolor'); ?>!important;
	text-transform:none!important;
	letter-spacing:normal!important;

}


.ui-tabs-nav { /* the whole area of the tabs navigation above the tabbed-content */
    list-style:none!important;
    margin:0px!important;
    padding:0px!important;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block!important;
    clear: both!important;
    content: " "!important;
}
.ui-tabs-nav li {
    float: left!important;
    margin:0 1px 0 0!important;
    min-width: 85px!important; /* be nice to Opera */
}
.ui-tabs-nav .ui-tabs {
    display:block!important;
    padding:5px!important;
    background:#E6E3D3!important;
	margin:1px 0 0 0!important; /* position: relative makes opacity fail for disabled tab in IE */
	position: relative!important;
    top:1px!important;
    z-index:2!important;
    color: #333!important;
    font-weight:bold!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
	border:1px solid #ccc!important;
    white-space:nowrap!important; /* required in IE 6 */    
    outline:0!important; /* prevent dotted border in Firefox */
}


.ui-tabs-nav .ui-tabs:hover { /* hereīs to define the hover effect of the tabs */
    background:#333!important;
	color:#fff!important;
}


.ui-tabs-selected .ui-tabs { /* the effects of the currently selected tab */
	background-color:#fff!important;
    color:#333!important;
	border-bottom:1px solid #fff!important;
}

.ui-tabs-nav .ui-tabs-selected .ui-tabs, 
.ui-tabs-nav .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs a:active {
    background-position: 100% -150px!important;
}

.ui-tabs-nav .ui-tabs, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:active {
    background-position: 100% -100px!important;
}

.ui-tabs-nav .ui-tabs-selected .ui-tabs a:link, 
.ui-tabs-nav .ui-tabs-selected .ui-tabs a:visited, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:link, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text!important;
}

.ui-tabs-nav .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs a:active,
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer!important; 
	background-color:#333!important;
	color:#fff!important;
}

.ui-tabs-disabled {
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block!important;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block!important;
}


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

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}