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

STRUCTURE OF THIS CSS DOCUMENT

	- HTML ELEMENTS
		+ HYPERLINKS
	- IMAGES
	- NAVIGATION BAR STYLES
	- HEADLINES
	- CONTENT
		+ FEATURED ARTICLES
		+ CONTENT OF THE TABBED SECTION
		+ HOMEPAGE "RIGHTCOL" STYLES
		+ POST FORMATS
		+ PAGE NAVIGATION LINKS
	- FOOTER
	- SPECIAL STYLES FOR ADDITIONAL PAGE TEMPLATES
		+ 3 COLUMN PAGE
		+ FEATURED PAGE
		+ FULLWIDTH PAGE
	- TABBED SECTION

/******************************************
*   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 ***/
#sidelist a:link, #sidelist a:active, #sidelist a:visited { text-decoration:none; }
#sidelist a:hover { text-decoration:underline; }
#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: #F4F4EC;
	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                         
******************************************/

/*** 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;
}
/***********************************************
*   STYLES FOR THE HORIZONTAL NAVIGATION MENUES
************************************************/

/* The basic styles are located in default CSS file style.css */

/*** PRIMARY MENU STYLES ***/

.prinz-menu-primary {
	background: #333;
	position: relative;
	height: 30px;
}
.prinz-menu-primary a, .prinz-menu-primary a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	padding: 0 10px;
	line-height: 30px;
	background: none;;
	color: #fff;
	text-decoration: none;
}
.prinz-menu-primary li ul {
	background: #840000;
}
.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:#fff;
	background: #840000;
	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: #666;;
	color: #fff;
	outline: 0;
}

/*** SECONDARY MENU STYLES ***/

.prinz-menu-secondary {
	background:#840000;
	margin-top:2px;	position: relative;
	height: 30px;
}
.prinz-menu-secondary a, .prinz-menu-secondary a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	padding: 0 10px;
	line-height: 30px;
	background: none;
	color: #fff;
	text-decoration: none;
}
.prinz-menu-secondary li ul {
	background: #333;
}
.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:#333;
	color:#fff;
	outline: 0;
}
.prinz-menu-secondary li li a {
	padding: 0 10px;
	line-height: 30px!important;
	color: #fff;
	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: #666;
	color: #fff;
	outline: 0;
}

		
/******************************************
*   HEADLINES                         
******************************************/

.blogtitle, .blogtitle a {
	color: #880000;
}
h1, h2, h3, h4, h5 {
	color: #840000;
}
#sidebar h2, #sidebar h3 a {
	color:#840000;
}
#alternative_footer h4 {color:#444;}

/******************************************
*   CONTENT                        
******************************************/

#page { /* the main container shadow color */
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
}
#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 .feature { margin-bottom: 15px; }
/*** Formating of the Leadstory stuff in the tabbed section ***/
.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; }
#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;
}
/*** "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;
}

/******************************************
*   Footer                        
******************************************/

#footer {
	margin: 0 auto;
	width: 900px;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
	color:#666;
}
#footer a { color:#666; }
#alternative_footer {
	background: #E6E3D3;
	margin: 20px auto 5px;
	width: 940px;
	font-size:0.9em;
	padding: 20px;
	color:#4f4f4f;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
}
#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;
}
#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; }
}

/*** Styling the tabs ***/
#tabs { /* the whole container with all elements of the tabbed section */ margin: 20px 0 20px 0!important; }
.ui-tabs-panel { /* the main content-section of the tabbed area NOT the tabs themselfes */
	width:590px!important;
	padding: 25px 15px 25px 15px!important;
	border: 1px solid #ccc!important;
	background: url(../images/backgrounds/bg_leadarticle.jpg) repeat-x #E6E3D3!important; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.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;
	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 { 
	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;
}
.ui-tabs-nav .ui-tabs {
	display:block!important;
	padding:5px!important;
	background:#E6E3D3!important;
	margin:1px 0 0 0!important; 
	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;
	outline:0!important; 
}
.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 { 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 { 
	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 { display: inline-block!important; }
*:first-child+html .ui-tabs-nav { display: inline-block!important; }