/*  
Theme Name: PRiNZ BranfordMagazine 2.6
Theme URI: http://www.der-prinz.com/2008/01/20/wordpress-magazine-style-theme-branfordmagazine/
Description: A premium magazine-style layout for Wordpress with multiple functionalities inspired by the great themes of Brian Gardner and Darren Hoyt
Version: 2.6 (released 2008-12-14)
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
=======

Thanks to Darren Hoyt and his "Mimbo" theme which has been a great inspiration
and a good source for lots of the code I used for this theme especially the intensive
use of custom fields.

Thanks to Brian Gardner and "Revolution" which inspired me to put the two additional
page layouts "Featured Page" and "3-Column-Page" into the theme.

Thanks to Patrick Griffiths who delivered the script for the dropdown menues. 
http://www.htmldog.com/articles/suckerfish/dropdowns/

I'd also like to thank Klaus Hartl (stilbuero.de) for the brilliant script I used 
for the tabbed section with the fade effect.

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!!!

#featured-top {
border:none;
float:left;
margin:0 0 10px;
padding:0 0 15px;
width:880px;
}



/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html { min-height:101%; }
	
body {
	/*background:#F8F8F8; */
	background:#F8F8F8;
	color: #333;
	padding: 13px 0 25px 0;
	}

body, select, input, textarea {
	font: 12px Arial, Verdana, Sans-Serif;
	line-height:1.7em;
	}
	
p {	margin: 15px 0;	}


hr {
	display: block;
	height:1px;
	background:#999;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:3px 6px 3px 0;
	color:#777;
        display: none;
       
	}


/******* Hyperlinks ********************/

/* standard link behaviour */
a:link, a:active, a:visited { 
	color:#4682B4;
	text-decoration:none; 
        outline: none;
	} 
a:hover	{ 
	color:#666666;
	text-decoration: underline; 
	}

.blogtitle a { text-decoration: none; }

/* Title area links */
.title:link, .title:active, .title:visited { 
	color: #8E3F00; 
	text-decoration: none;
	} 
.title:hover { 
	color: #8E3F00; 
	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:#8E3F00; 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: #3399FF;
	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 0px;
	border:0;
	background:#f3fbfa;
	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 15px 10px 0;
}

.alignright {
float: right;
margin:4px 0 10px 15px;
}

.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: 12px;
   line-height: 14px;
   padding: 7px 4px 2px 5px!important;
   margin: 0!important;
}

img {
    border:none;
}

img a {
    border:none;
}
		
/******************************************
*   General Structure                         
******************************************/

#page { /*the main container*/
	width:880px;
	margin:0 auto;
	font-size:1.2em;
	background:#FFF;
	padding: 30px 30px 80px 30px;
	border-left:1px solid #666666;
        border-top:1px solid #666666;
        border-bottom:1px solid #666666;
        border-right:1px solid #666666;


	}

#branding {/*where the logo sits*/
	width:878px;
	height:164px;
	padding-bottom:15px;
	background:url(images/backgrounds/TraumaPrevention-header3-tm.jpg) no-repeat;
	}
#branding input
{
	font-size:small;
}
.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {/*you guessed it: it´s the sidebar container*/
	width: 233px;
	float:right;
padding:0;
	}

#leftcol {/*the left homepage column carrying the "Featured Article" section*/
	width:270px;
	padding-right:10px;
        border:none;
	}

#leftcol, #rightcol {
	margin-top:10px;
	float:left;
        border:none;
	}	
	
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:265px;
	padding-left:18px;
	
	/* Different margin-top needed for home page and for Articles page;
	   Need 10px on Articles page to match leftcol; but on home page
	   need -2px, maybe because right column articles don't have boxes around them? 
	   May need to adjust this margin-top later when finalizing home page design if we don't
	   use boxes in both columns.
	*/
	margin-top: 10px;/* original value (DLS): -2px;*/
	}

 

		
/******************************************
*   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 {
	background:#f3fbfa;
	}

#sidelist .children li {
	background: #f3fbfa;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}

#sidelist .feed li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/rss.gif) no-repeat;
	}

#sidebar img a {
        border: none;
}
 





	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #000;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: regular;
	padding: 20px 0px 10px 0px;
	}

h1 {
	color: #002560;
	font-size: 24px;
	font-family:  1.4em Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin: 15px 10px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
h2 {
	color: #666666;
	font: 1.4em Arial, Helvetica, sans-serif;
	/*padding-bottom:8px;*/ /* needed to provide space between bottom of letters and bottom border */
	/*border-bottom:1px solid #666;*/
	margin: 10px 0;
	}
h2 a:link, h2 a:active, h2 a:visited {color:#8E3F00; text-decoration:none;}
h2 a:hover {text-decoration:underline;}

h3 {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#8E3F00;
	clear:both;
	}

#sidebar h2 a, #sidebar h3 a {
	font: 1em Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	font-weight:bold;
	color:#666666;
       
	}

#sidebar h3, #sidebar h2, #home_page h3 {
	font-size:1em;
	border-bottom:1px solid #999;
	padding:5px 0 5px 2px;
	margin:20px 0 15px 0;
	color:#666666;
       
	}

#sidebar a img{
       border: none;
}

h3#respond {
	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;
        background:url(uploads/2010/07/gray.png);
	}

h4 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:6px;
        color: #002560;
	}

h4 a:link, h4 a:visited {
	color: #002560;
	}

#workshops h2
{
	color:#666;
	padding-bottom:3px;
	border-bottom:1px solid #666;
}
	
	
/******************************************
*   Content                        
******************************************/

#content {
	width:570px;
	float:left;
	margin-top:20px;
	}

#shopping {
	}
#shopping-top {
	border: none;	
	padding-bottom:15px;
	margin-bottom:35px;
}
#shopping h2 {
	line-height:130%;
	border-bottom:none;
	margin-bottom:5px;
}
#featured_item {
	margin-top:20px;
	width:530px;
}
#secondary_item {
	float:right; 
	width:280px;
	padding-left:20px;
	border:none;
}

.shopping_item {
	padding-top:20px;
	max-width:540px;
	clear:left;	/* Clear top-of-page float but not right sidebar */
}
#shopping-items .shopping_item:first-child {
	padding-top:0;
}
#secondary_item h2
{
	margin-top:0;
}

.training_item {
	padding-top:20px;
	max-width:540px;
	clear:left;	/* Clear top-of-page float but not right sidebar */
}

.video_item {
	padding-top:20px;
	max-width:540px;
	clear:left;	/* Clear top-of-page float but not right sidebar */
}

.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
	}

/* Featured Articles formatting "leftcol" */

.feature {
	background: url(images/backgrounds/bg_featured.jpg) repeat-x #f3fbfa;
	padding:15px;
	border: 1px solid #ccc;
	}

.feature p, #rightcol p { margin:0;	}

#leftcol img, #rightcol img {
	padding:1px;
	border:none;
	}

#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:none;
	}

.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:bold;
	color: #8E3F00;
	letter-spacing:normal;
	}
		
#lead p {
	margin-bottom:10px;
	}

.read-on a { /* This can be used to format the "[...]" link in the lead story */
	color:#8E3F00!important;
	text-decoration:none;
	}
	
.read-on a:hover {
	text-decoration:underline;
	}

#featured-leftcol {
border-right:0px;
}

/* 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;
	}	
	


/* Post Formatting */

.entry {
	padding-bottom:10px;
	}

.post blockquote {
	color:#666;
	background:#f3fbfa;
	padding:6px 14px;
	margin:18px 35px;
	border:0px;
	}	

.post ul li {
	list-style:disc;
	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:#f3fbfa;
	border-top:1px solid #e2efec;	
	border-bottom:1px solid #e2efec;	
	}

.execphpwidget {
background-color:#e6e6e6;
padding:15px
}

.execphpwidget a{
color:#666666
}				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	

#searchform
{
	position:absolute;
	top:133px;
	right:10px;
}

.button {
	padding: 1px;
	background:#815924;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#3399FF;
	color:#FFF;
	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:#f3fbfa;
	border:1px solid #e2efec;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:none;
	border-bottom:none;
	}	

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:none;
	}



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	position:relative; /* to make position:absolute work for #searchform */
	}
	
	
/******************************************
*   Footer                        
******************************************/

.disclaimer {
        font-size: 10px;
        line-height: 1.2em;
}

#footer {
	margin: 0 auto;
	width: 900px;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
	color:#222;
	}

#footer a {
	color:#ededed;
	}


.post hr
{
	margin-top:10px;
}

h2.pagetitle {	/* archives.php should probably use an h1 instead of h2.pagetitle but this seems like an easier fix; trying not to change the Branford theme too much */
	font-size:1.8em;
	margin-top:0;
}

#featured_page_sidebar 
{
	float:right; 
	width:300px;
}
#featured_page_sidebar h3
{
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px solid #999;
}
#featured_page_sidebar .sidebar_widget
{
	margin-bottom:25px;
}



.all_articles_link
{
	font-size:large;  
	font-style:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}



/******************************************
*   Custom CSS for Practitioner Map                      
******************************************/

#map { 
	position:relative!important; 
	width: 98%; 
	min-height:400px; 
}
#side_bar { 
	width: 99%; 
	padding: 15px; 
}
.map { 
	width:60%; 
	vertical-align:top; 
	padding:4px; 
	font-size:12px;
}
.side_bar { 
	width: 40%; 
	vertical-align:top; 
	padding:4px; 
	font-size:14px; 
	overflow:auto; 
	background: #eee;
}

#wpgmza_marker_list { padding-top: 20px; }

#sf_widget_constantcontact_4_form p Label
{
 color: #555;
    display: inline-block;
    font-weight: bold;
    width: 83px;}

#sf_widget_constantcontact_4_form input
{width: 140px;}

#sf_widget_constantcontact_4_form input[type="submit"]
{margin-left:87px;}/******************************************
*   Main or page navigation styles                       
******************************************/


/*Main Navbar */

#nav {
	background:#002560;
	font-size:1em;
	}
	
#nav, #nav ul {
	list-style:none;
	line-height:1;
	}

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

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #fff;
	}

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

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

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

#nav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #666;
	}
	
#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;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background:#999;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	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;}





	

		
/*STYLES FOR USED PLUGINS */

/****** Images for flexible upload plugin *********/

.imageframe {  margin:5px 12px 5px 0; padding:4px; border:1px solid #999; }
.imgalignleft { float:left; margin:0 12px 5px 0; }
.imgalignright { float:right; margin:0 0 5px 12px; }
.imgaligncenter { display:block; margin:0 auto 5px auto; } 
.imagecaption {padding: 2px 2px 0 2px; text-align: left; font-size:10px!important; color:#666!important;}

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

/* Styles for the "3-columns-page template" */

#pageleft {
	float: left;
	width: 265px;
	margin: 20px 20px 0px 0px;
	padding: 0 20px 0 0;
	border-right: solid 1px #999;
	text-align:justify;
	}
	
#pagemiddle {
	float: left;
	width: 265px;
	margin: 20px 20px 0px 0px;
	padding: 0px;
	text-align:justify;
	}
	
#pageright {
	float: right;
	width: 265px;
	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;
	}

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

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

#featured-content {
	width:553px;
	float:left;
	}
	
	
#featured-sidebar {
	width: 270px;
	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;
	}
	
#featured-leftcol {
	width:553px;
	float:left;
	margin:20px 0px 0 0;
	padding: 0 25px 0 0;
	border-right: 1px solid #999;
	}

/*#featured-leftcol h2, #featured-rightcol h2, #featured-content h2{*/
#featured-rightcol h2 {
	color: #8E3F00;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	border:none;
	}
#featured-rightcol h2 a:hover {text-decoration:underline;}

#featured-leftcol img{
	float:left;
	margin:0 20px 10px 0;
	padding:1px;
	border: 1px solid #999;
	}

#featured-rightcol{
	width:275px;
	float:right;
	margin-top:20px;
	padding-left:25px;
	}

#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:#f3fbfa;
	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;
	}
