/* =============================== */
/* == COMMON ELEMENT ATTRIBUTES == */
/* =============================== */

/* ------------------------ */
/* RESET DEFAULT ATTRIBUTES */
/* ------------------------ */

* {
	margin: 0;
	padding: 0;	
	}
div, tr, td, caption, fieldset, legend {
	text-align: left;	
	}
table, img {
	border: none;
	}
table {
	border-spacing: 0;
	border-collapse: collapse;
	}
	
/* --------------------- */
/* DEFINE NEW ATTRIBUTES */
/* --------------------- */

body {	
	font: .75em/1.5em Helvetica, Arial, sans-serif;	
	}
	h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, dd, table, address, cite, samp, div.adr {
		margin-bottom: 20px;
		}
	blockquote, ul, ol {
		margin-left: 30px;
		margin-right: 30px;
		}
	blockquote {
		font-style: italic;
		}	
	h1 {		
		font-size: 2.3em;					
		}
	h2 {		
		font-size: 1.6em;				
		}
	h3 {
		font-size: 1.4em;		
		}
	h4 {
		font-size: 1.2em;		
		}	
	h5 {
		font-size: 1.1em;		
		}
	h6 {
		font-size: 1em;
		margin-bottom: 0;		
		}	
	dt {
		font-weight: bold;
		}
	ul {
		list-style-type: square;		
		}	
		ul ul {
			margin-bottom: 0;
			}	
	ol ol {
		overflow: auto; /* hasLayout bug fix for floats */
		zoom: 1; /* IE <= 6 hasLayout bug fix for floats */
		margin-bottom: 0;
		list-style-type: lower-alpha;		
		}
	hr {
		height: 1px;		
		margin: 10px 0 20px 0;	
		}		
	caption {
		padding-bottom: 3px;
		text-align: left;
		font-weight: bold;
		}
	table {
		word-wrap: break-word;
		}
		table address, table ul, table ol {
			margin-bottom: 0;
			}
	th {
		text-align: left;
		padding: 3px;	
		}
	td {
		empty-cells: show;
		padding: 3px 20px 3px 3px;
		vertical-align: top;	
		border-bottom: 1px solid #eee;
		}
	
/* -------------------------- */
/* COMMON SPECIFIC ATTRIBUTES */
/* -------------------------- */

.end {
	clear: both;
	}
/* Headers - Use if there is a subheadline immediately below a headline */
.has-subheader {
	margin-bottom: .2em;
	}
/* Note */
.note, .caption {
	font-style: italic;
	}
/* Publications, Media (TV shows, etc.) */
.pub, .media {
	font-style: italic;
	}
/* Generic Floats */
.f1 {
	float: left;
	margin: 5px 30px 20px 0;
	}	
.f2 {
	float: right;
	margin: 5px 0 20px 30px;
	}
/* Generic Alignments */
.a1 {
	display: block;
	text-align: left;
	}
.a2 {
	display: block;
	text-align: center;
	}
.a3 {
	display: block;
	text-align: right;
	}
/* Links to non-HTML documents */
li.pdf, li.msword, li.jpeg {
	margin-bottom: .5em;
	padding-left: 10px;	
	}
li.pdf {		
	list-style-image: url(../images/icons/pdf.gif);
	}	
li.msword {	
	list-style-image: url(../images/icons/word.gif);
	}
li.jpeg {	
	list-style-image: url(../images/icons/jpeg.gif);
	}
a.pdf {
	display: inline-block; /* Need to set for IE due to improper rendering of backgrounds within inline elements that wrap */
	padding-right: 14px;										
	background: transparent url(../images/icons/pdf-12.gif) right 3px no-repeat;
	}
li.pdf a.pdf { /* Override PDF icon on link if link is a list item with a PDF icon already present */
	display: inline;
	padding: 0;
	background-image: none;
	}

@media screen, tv, projection
{
	
	/* ==================================== */
	/* == ELEMENT ATTRIBUTES FOR SCREENS == */
	/* ==================================== */
	
	/* ----------------------- */
	/* ELEMENT/CLASS SELECTORS */
	/* ----------------------- */
	
	body {	
		color: #666;
		}	
		a {		
			color: #666;	
			text-decoration: none;
			}
		a:hover {
			text-decoration: underline;
			}		
		h1, h2, h3, h4, h5, h6 {
			font-weight: normal;	
			line-height: 130%;		
			}
		h3 {
			color: #5f9baf;
			}
		/* Accessibility skip link */
		.skip {
			display: none;
			}
		/* Generic Columns */
		.column1 {
			float: left;
			width: 45%;
			}
		.column2 {
			float: right;
			width: 45%;
			}
		/* Generic navigation */
		ul.nav {
			margin: 0;
			padding: 0;
			}	
			ul.nav li {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
	/* Common column attributes */
	div.wb-columns {
		width: 960px;
		margin: 0 auto;
		}
		div.wb-column-1 {
			float: left;
			width: 217px;
			margin-right: 20px;
			}
			/* Widget-style headers */
			div.wb-column-1 h2, .widget h2 {
				padding-left: 16px;
				text-transform: uppercase;
				color: #4f463c;
				background: transparent url(../images/backgrounds/plus-green-13.gif) 0px .3em no-repeat;
				}
		/* Widgets */
		li.widget {
			list-style-type: none;
			margin: 0;
			}
		div.wb-column-2 {
			float: right;	
			width: 709px;
			}
			.widget {
				margin-bottom: 25px;
				}
				.widget h2 {
					margin-bottom: 3px;
					}
				.widget h2 + div {
					padding: 14px 19px !important;
					border: 1px dashed #eceae8;
					}	
				.widget h2 + ul {
					margin-top: 14px !important;
					}
				.widget h2 + div img, .widget h2 + ul img {
					margin-left: 0 !important;
					margin-right: 0 !important;
					padding: 0 !important;
					border: none;
					}
		
	/* --------------------- */
	/* SPECIFIC ID SELECTORS */
	/* --------------------- */
	
	/* Outer container */
	div#wb-main {
		position: relative;
		margin: 0 auto;
		}
		/* Header */
		div#wb-header {
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 107px;
			background-color: #a89d8f;
			}
			div#wb-header-content {
				width: 960px;
				margin: 0 auto;
				}				
				div#wb-logo-client {
					/* Good solution but does not work on IE 6 or 7. Using jQuery instead.
					display: table-cell;
					line-height: 107px;
					margin-top: -5px;
					*/
					float: left;					
					margin-left: 30px;					
					}						
					div#wb-logo-client img {
						display: inline;
						/* Good solution but does not work on IE 6 or 7. Using jQuery instead.
						vertical-align: middle;
						*/	
						}									
				div#wb-blogname {
					position: relative;
					left: 15px;
					font-size: 2em;
					line-height: 107px;
					color: #fff;
					}
				a#wb-logo-fahlgren {
					float: right;
					margin-right: 40px;
					padding-top: 31px;
					}
		/* Column set 1 */
		div#wb-column-set-1 {	
			border-top: 137px solid #fff; /* Used border rather than margin to fix Opera bug - IE 6 CSS EDIT */	
			}	
			/* Column set 1 - column 1 */
			div#wb-column-set-1 div.wb-column-1 {
				}			
				/* Search widget - part of theme */
				div#wb-search {	
					}
					div#wb-search h2 {
						margin-top: 11px;
						margin-bottom: 5px;
						}
					div#wb-search form {
						width: 199px; /* IE 5 CSS EDIT */
						padding: 10px 9px;
						border: 1px dashed #d4d4d4;
						}
						div#wb-search form input {
							width: 137px;
							font-size: 11px;
							}
						div#wb-search #wb-search-submit {
							width: 55px;						
							}
			/* Column set 1 - column 2 */
			div#wb-column-set-1 div.wb-column-2 {				
				}	
				/* Page navigation - part of theme */
				div#wb-nav-pages {
					margin-top: 37px;					
					}
					div#wb-nav-pages ul {
						list-style-type: none;
						margin: 0 0 7px;
						padding: 0;
						}
					div#wb-nav-pages ul#wb-pages-secondary {
						clear: both;
						margin: 5px 0 0 3px;
						}
						div#wb-nav-pages li {
							display: inline;
							padding: 0 11px 0 10px;
							line-height: 1.2em;
							border-right: 1px solid #000;							
							}
						div#wb-nav-pages ul#wb-pages-secondary li {
							border-color: #999;
							}
						div#wb-nav-pages li:first-child {
							padding-left: 0;
							}
						div#wb-nav-pages li:last-child {
							border-right: none;							
							}
							div#wb-nav-pages a {
								color: #000;
								text-transform: uppercase;
								text-decoration: none;
								}
							div#wb-nav-pages ul#wb-pages-secondary a {
								color: #999;
								text-transform: none;
								}
							div#wb-nav-pages ul#wb-pages-secondary a:hover {
								color: #5f9baf;
								text-decoration: underline;
								}
						/* Rollover and active color(s) */
						div#wb-nav-pages li.current_page_item a, div#wb-nav-pages a:hover {
							color: #5f9baf !important;
							}
							div#wb-nav-pages ul#wb-pages-secondary li.current_page_item a {
								text-decoration: underline;
								}
		/* Column set 2 */
		div#wb-column-set-2 {
			clear: both;
			min-height: 400px;
			background: transparent url(../images/backgrounds/columns.gif) repeat-y;
			}	
			/* Column set 2 - column 1 */			
			div#wb-column-set-2 div.wb-column-1 {			
				}
				/* Other widgets */
				div#wb-nav-categories {
					padding: 16px 10px;
					background-color: #f7f5f3;				
					}
					div#wb-nav-categories ul {
						margin: 0 17px;
						list-style-type: none;
						}
						div#wb-nav-categories li {
							border-bottom: 1px solid #e6e2dc;
							}
							div#wb-nav-categories li ul {
								margin: 0;
								padding: 8px 0 8px 17px;
								border-top: 1px solid #e6e2dc;
								}
								div#wb-nav-categories li li {
									padding-left: 8px;
									background: transparent url(../images/list-items/dash.png) 0px 9px no-repeat;
									border: none;
									}
								/* Rollover and active color(s) */
								div#wb-nav-categories li.current-cat > a {
									color: #5f9baf !important;
									}	
				div#extra-widgets {					
					}	
					div#extra-widgets ul {
						margin: 0 10px;
						}					
			/* Column set 2 - column 2 */
			div#wb-column-set-2 div.wb-column-2 {	
				}	
				div#wb-column-set-2 div.wb-column-2 h1.wb-title {
					margin: 0;
					padding: 33px 0 0 47px;
					line-height: 1em;
					text-transform: uppercase;
					color: #fff;				
					background: #5f9baf url(../images/backgrounds/plus-white-20.gif) 17px 1.3em no-repeat;
					border-bottom: 29px solid #fff; /* Used border to cover up background column image */
					}
				div#wb-aside {
					float: right;
					width: 192px; /* IE 5 CSS EDIT */
					padding: 19px 11px;
					background-color: #f7f5f3;
					}					
					div#wb-aside ul {
						list-style-type: none;
						margin-right: 0;
						margin-left: 0;
						padding: 0;
						}	
						div#wb-aside ul ul li {
							margin-bottom: 3px;
							padding: 0 0 3px 12px;
							background: transparent url(../images/list-items/dash.png) 4px 7px no-repeat;													
							border-bottom: 1px solid #e6e2dc;
							}							
				div#wb-content {
					float: left;
					width: 462px;
					padding: 0 8px 8px;
					border-bottom: 1px solid #d2ccc3;
					}
					div#wb-content a {
						text-decoration: underline;
						}
					div#wb-content a:hover {
						text-decoration: none;
						}
			/* Dynamic Footer */
			div#wb-footer {
				visibility: hidden;
				}
						
}				

@media print
{

	/* ================================== */
	/* == ELEMENT ATTRIBUTES FOR PRINT == */
	/* ================================== */
	
	/* ---------------------------------- */
	/* Hide elements not needed for print */
	/* ---------------------------------- */
	
	div.screen {
		display: none !important;
		}
		
	/* ----------- */
	/* Adjustments */
	/* ----------- */
	
	/* Show URIs */
	a {
		margin-left: .2em; /* Firefox bug fix */
		color: #000;	
		}
	a:after {
		padding-left: .2em;
		content: " (" attr(href) " ) "; /* IE < 8 does not support this */
		}
	div#wb-logo a {
		margin-left: 0;
		}
	div#wb-logo a:after {
		padding-left: 0;
		content: "";
		}

}