/*  
Theme Name: BranfordMagazine—WCF Version
Theme URI: http://www.michaeloeser.de
Description: A premium magazine-style layout for Wordpress with multiple functionalities
Version: 4.0 (released 2010-01-10)
Author: Michael Oeser
Author URI: http://www.michaeloeser.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

WCF Website Customization
=======

Colors used:
022644 — very dark blue
002d59 — blue for body text
003d79 — darkest blue
005295 — darker blue
cbd4de — light blue
d8e7fb — secondary light blue (feature box)
cad8e9 — VERY light blue
6f1200 — darkest red for background
b5121b — darker red
e31b23 — light red
c5960c — darkest yellow
eeb211 — darker yellow
F4F4EC — light yellow

/***************************************
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: 1em;
}
ol, 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;
}
tr {
	margin-bottom:10px;
}

/******************************************
*   HTML Elements                         
******************************************/
	
body {
	color: #002d59;
	padding: 20px 0 25px 0;
	width: 100%;
	background:#022644;
	}

body, select, input, textarea {
	font-size: 12px;
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	line-height:1.7em;
	}
	
p {	margin: 15px 0;	}
em { font-style:italic;}
strong {font-weight:bold;}
hr {
	display: block;
	height:1px;
	background:#c5960c;
	border:0;
	margin-top:0;
	}

small {
	font-size: 0.9em;
	padding:3px 6px 3px 0px;
}
.big {
	font-size:1.5em;
	padding-right:3px;
}
.extlink {
	padding-right: 15px;
	background: url('images/external.gif') no-repeat right top;
}
ol {
	list-style:upper-roman;
}
/******** Tables ************************/
table th, table td {
	padding:5px;
	width:300px;
}
tr.odd {
	background:#cbd4de;
}

/******* Hyperlinks ********************/

/* standard link behaviour */
a:link, a:active, a:visited { 
	color:#005295;
	text-decoration: underline; 
	} 
a:hover	{ 
	color:#6f1200;
	text-decoration: none; 
	}

.blogtitle a { text-decoration: none; }

/* Title area links */
.title:link, .title:active, .title:visited, a.emphasis { 
	color: #b5121b; 
	text-decoration: none;
	} 
.title:hover { 
	color: #b5121b;  
	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:#01233E; 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: #003d79;
	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;
	color: #003d79;
	}
#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 #cbd4de; padding:1px; }


/*** WordPress specific image classes ***/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 4px 10px 10px 0;
}

.alignright {
float: right;
}

.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 #cad8e9;
}

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

.wp-caption p.wp-caption-text {
   color:#003d79;
   font-size: 10px;
   line-height: 12px;
   padding: 7px 4px 2px 5px!important;
   margin: 0!important;
}


		
/******************************************
*   General Structure                         
******************************************/

#page { /*the main container*/
	width:880px;
	margin:0 auto;
	font-size:1em;
	border-bottom:none;
	background:#FFF;
	padding: 10px 25px 35px 25px;
	position:relative;  /* this is for the full-page background image */
	border:1px solid #7299c6;
	}

#branding {/*where the logo sits*/
	width:625px;
	height:100px;
	padding-bottom:15px;
	background:url(images/bg_wcflogo.jpg) no-repeat;
	}
.left {
	float:left;
	}

.right {
	float:right;
}.right.header {
	width:250px;
}
#sidebar {/*you guessed it: it´s the sidebar container*/
	width: 250px;
	float:right;
	}

#leftcol {/*the left homepage column carrying the "Featured Article" section*/
	width:287px;
	/*border-right:1px solid #c5960c; */
	padding-right:18px;
	}

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


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

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

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

#sidelist .children li, #featured-sidebar .children li {
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}

#sidebar ul.quickLinks li, #sidebar ul.feed li, #featured-sidebar ul.quickLinks li, #featured-sidebar ul.feed li {
	list-style:none;
	line-height:30px;
	margin-bottom:5px;
	padding-left:35px;
	margin-left:8px;	
	vertical-align:baseline;
}
#sidebar ul.quickLinks li.bulletin, #featured-sidebar ul.quickLinks li.bulletin {
	background:url(images/iconBulletin.gif) no-repeat;	
}
#sidebar ul.quickLinks li.calendar, #featured-sidebar ul.quickLinks li.calendar {
	background:url(images/iconCalendar.gif) no-repeat;
}
#sidebar ul.quickLinks li.podcast, #featured-sidebar ul.quickLinks li.podcast {
	background:url(images/iconPodcast.gif) no-repeat;
}
#sidebar ul.quickLinks li.directions, #featured-sidebar ul.quickLinks li.directions {
	background:url(images/iconDirections.gif) no-repeat;
}
#sidebar ul.quickLinks li.visitors, #featured-sidebar ul.quickLinks li.visitors {
	background:url(images/iconVisitors.gif) no-repeat;
}
#sidebar ul.feed li.listserves, #featured-sidebar ul.feed li.listserves {
	background:url(images/iconListserves.gif) no-repeat;
}
#sidebar ul.feed li.rss, #featured-sidebar ul.feed li.rss {
	background:url(images/iconRSS.gif) no-repeat;
}
#sidebar ul.feed li.flickr, #featured-sidebar ul.feed li.flickr {
	background:url(images/iconFlickr.gif) no-repeat;
}
#sidebar ul.feed li.facebook, #featured-sidebar ul.feed li.facebook{
	background:url(images/iconFacebook.gif) no-repeat;
}
#featured-sidebar .sidebar_widget ul {
	margin-bottom:15px;
}
	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #b5121b;
	font-size: 1.8em;
	font-family:“Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-weight: regular;
	padding: 20px 0px 10px 0px;
	}

h1 {
	color: #b5121b;
	font-size: 1.8em;
	font-family:“Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
	
h2 {
	color: #b5121b;
	font-size: 1.8em;
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	border-bottom:1px solid #CBD4DE;
	margin: 20px 0;
	}

h3 {
	font: 0.9em Arial, “Helvetica Neue”, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em; 
	margin-bottom:10px;
	font-weight:bold;
	color:#01233E;
	padding:3px;
	background:#9fbfe3;
	}

#sidebar h2, #sidebar h3 a, #featured-sidebar h2, #featured-sidebar h3 a, .sidebar_widget h2, .sidebar_widget h3 a{
	font: 0.9em Arial, “Helvetica Neue”, Helvetica, sans-serif ;
	letter-spacing:0.3em;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#b5121b;
	}

#sidebar h3, #sidebar h2, #featured-sidebar h3, #featured-sidebar h2, .sidebar_widget h3, .sidebar_widget h2 {
	font-size:1em;
	border-bottom:1px solid #c5960c;
	padding:5px 0 5px 2px;
	margin:20px 0 15px 0;
	color:#b5121b;
	background:url(images/logoBlocks.jpg) no-repeat right bottom;
	}
/* original style --------------------- */
h3#respond {
	font-size:1.1em;
	border-top:1px solid #666;
	margin-top:25px;
	padding-top:20px
	}
h3#comments {
	margin-top:32px
	}
/* --end original style--------------- */
h3 a:link, h3 a:visited {
	color: #01233E;
	}
	
h4 {
	font-size:1.2em;
	margin-bottom:6px;
	}
h4#respond , h4#comments {
	font-size:1.1em;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #c5960c;
	}
h4#respond {

}
h4#comments {
	font-variant:small-caps;
	text-transform:lowercase;
}
h4#comments a {
	font-variant:normal;
	text-transform:none;
}

	
/******************************************
*   Content                        
******************************************/

#content {
	width:605px;
	float:left
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#003d79;
	}
.breadcrumb {
	margin-top:10px;
}
/* InfoBox area */
#infoBox {
	margin: 20px 0 20px 0;
	height:auto;
	width:580px;
    padding: 15px;
	border: 1px solid #cbd4de;
	background: url(images/backgrounds/bg_box.jpg) repeat-x #cedbec;
}#infoBox #infoBoxContent {
	height:auto;
}#infoBox h3 {
	margin-top:7px;
	margin-bottom:5px;	
	background:none;
}#infoBox p {
	padding-left:224px;
	*padding-left:0;
}#infoBox a.title {
	font: 1.8em Palatino, “Palatino Linotype”, Georgia, Times, “Times New Roman”, serif;	
}#infoBox img {
	margin-top:5px;	
}
/* Featured Articles formatting "leftcol" */

.feature {
	background: url(images/backgrounds/bg_box.jpg) repeat-x #cedbec;
	padding:15px;
	border: 1px solid #cbd4de;
	}

.feature p, #rightcol p, #pageSnippets p { margin:0;	}
	
#pageSnippets .snippet {
	border-top: 1px solid #CBD4DE;
	padding:10px 0;
}#rightcol .snippet {
	border-bottom: 1px solid #CBD4DE;
	padding:8px 0 10px 0;
}
#leftcol img, #rightcol img, #pageSnippets img {
	padding:1px;
	border:1px solid #cbd4de;
	}

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

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

.title, a.title  {
	font-family:“Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color: #b5121b;
	letter-spacing:normal;
	}
		
#lead p {
	margin-bottom:10px;
	}

.read-on a { /* This can be used to format the "[...]" link in the lead story */
	color:#005295;
	text-decoration:none;
	float:right;
	}
	
.read-on a:hover {
	color:#6f1200;
	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, #pageSnippets {
	padding:0;
	}	
#pageleft h3, #pagemiddle h3 {
	padding-left:0px;
} #pageSnippets h3 {
	margin-bottom:0;	
}
	
/* Post Formatting */

.entry {
	padding-bottom:10px;
	}
.entry img {
	margin-bottom:5px;
}
.entry ul, .entry ol {
	margin: 15px 0;
}
.post blockquote {
	color:#003d79;
	background:#e5effc;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #cad8e9;
	border-bottom:1px solid #cad8e9;
	}	

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

.post ol li {
	margin-bottom:5px;
	margin-left:25px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #cad8e9;
	border-top:1px solid #cad8e9;	
	}	
	
.postmetadata {
	font-size:0.9em;
	margin:0;
	padding:5px 10px;
	background:#e5effc;
	border-top:1px solid #c5960c;
	}
#respond {
	clear:both;
}
/* Staff page */
.entry td.profile {
	width:130px;
	padding: 0 0 20px 0;
}
/* Calendar page */
.warningBox {
	font: 12px “Helvetica Neue”, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #c5960c;
	border-top:1px solid #c5960c;
	background:#F4F4EC;
	padding:5px 5px;
}
/* E-mail list page */
.emailDesc {
	margin-left:100px;
	margin-bottom:25px;
}
/* connect page list styling */
.connectList {
	margin-left:325px;
}
/* Form Elements */

select {
	background:#ffffff;
	border:1px solid #CBD4DE;
	width:100%;
	color:#002D59;
	}

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

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

.button:hover {
	background:#6f1200;
	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:#D7E5F5;
	border:1px solid #cad8e9;
	}

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

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

.commentlist small {
	background:#fff;
	border:1px solid #cad8e9;
	}

/* Float Properties*/

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

.clearfloat {
	display:block;
	}
	
	
/******************************************
*   Footer                        
******************************************/

#footer {
	margin: 0 auto;
	width: 930px;
	font-size:0.9em;
	padding:0 0 15px 0;
	background-color:#e5effc;
	border:1px solid #7299c6;
	border-top:none;
}#footer ul {
	list-style-type:none;
	padding:15px;
}#footer li {
	display:inline;
}