/*
Theme Name: BREA
Theme URI: http://beaufortrea.ca
Author: Scott Buckingham
Author URI: http://www.scottbuckingham.com/
Description: Custom theme for the Beaufort Regional Environmental Assessment (BREA) Project.
Version: 2.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

html, body {
	margin: 0;
	padding: 0;
}
body {
	font-size: 10pt;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #000;
	background: #fff url('images/background-gradient.jpg') repeat-x center top;
}

* { outline: none; }
a img { border: none; }

h1, h2, h3, h4, #menu-main-navigation {
	font-family: 'Voces', cursive;
}


#wrapper {
	background: transparent url('images/background-site.jpg') no-repeat center top;
	padding-top: 40px;
}

#header {
	background-color: #000;
	height: 174px;
	z-index: 50;
}
	#header-inner {
		position: relative;
		width: 980px;
		margin: 0 auto;
	}
	#header h1#site-title {
		position: absolute;
		left: 50px;
		top: 37px;
		width: 467px;
		height: 60px;
		margin: 0;
		background: transparent url('images/logo.png') no-repeat left top;
	}
		#header h1#site-title a {
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
			text-indent: -5000px;
		}
	#header #menu-main-navigation {
		margin: 0;
		padding: 0;
		overflow: visible;
		width: 930px;
		position: absolute;
		top: 110px;
		left: 50px;
		font-size: 12pt;
	}
		#header #menu-main-navigation li {
			list-style-type: none;
			float: left;
			margin: 0 2px 0 0;
			padding: 0;
			position: relative;
		}
		#header #menu-main-navigation li:first-child {
			
		}
			#header #menu-main-navigation li a {
				text-decoration: none;
				display: block;
				line-height: 32px;
				margin: 0 12px;
				color: #dbdbdb;
				font-weight: normal;
				background-color: transparent;
			}
			#header #menu-main-navigation>li:first-child a {
				margin-left: 0;
			}
				#header #menu-main-navigation li a:hover,
				#header #menu-main-navigation li.current_page_ancestor a,
				#header #menu-main-navigation li.current_page_item a,
				#header #menu-main-navigation li:hover a,
				.single-research #header #menu-main-navigation li.menu-item-720 a {
					border-bottom: 4px solid #72b6fc;
				}
		
			#header #menu-main-navigation li ul {
				position: absolute;
				margin: -3px 0 0 -30px;
				padding: 0 30px 30px 30px;
				width: 170px;
				display: none;
			}
			#header #menu-main-navigation li:hover ul {
				/*display: block;*/
			}
				#header #menu-main-navigation li ul li {
					margin: 0;
					padding: 0;
					float: none;
				}
					#header #menu-main-navigation li ul li a,
					#header #menu-main-navigation li:hover ul li a {
						display: block;
						text-transform: none;
						line-height: 1.15em;
						font-weight: normal;
						padding: 5px 12px;
						background-color: #213b50;
						background-color: rgba(33,59,80,0.85);
					}
					#header #menu-main-navigation li ul li a:hover {
						background-color: #213b50;
					}


					#header #menu-main-navigation li.menu-item-736 {
						float: right;
					}
		
#main {
	overflow: auto;
	z-index: 49;
}
	#main-inner {
		width: 930px;
		margin: 0 auto;
		min-height: 400px;
		padding: 0 0 0 50px;
		overflow: auto;
		background-color: #fff;
		box-shadow: 0 0 10px #555;
	}
	#main h1,
	#main h2,
	#main h3 {
		color: #205d88;
		margin-bottom: 7px;
	}
	#main h2,
	.search #main h1 {
		font-size: 15pt;
		color: #205d88;
	}
	#main h3,
	.search #main h2 {
		font-size: 13pt;	
	}
	.home #main h2 {
		color: #316384;
		font-weight: normal;
	}
	
	#main a {
		color: #316384;
	}
	#main .entry-meta,
	#main .entry-utility {
		display: none;
	}
	
	#home-features,
	#home-features li {
		margin: 0;
		padding: 0;
	}
	#home-features {
		overflow: auto;
		background-color: #9fc5e8;
		padding: 1px 0 1px 1px;
		margin: -50px auto 0 auto;
		width: 980px;
	}
		#home-features li {
			list-style-type: none;
			float: left;
			margin-right: 1px;
		}
			#home-features li img {
				display: block;
			}
	#container {
		width: 582px;
		float: left;
		padding: 35px 0;
	}
	.home #container {
		float: none;
		width: auto;
		border-right: none;
		padding: 0;
		overflow: auto;
		position: relative;
	}
		.home #primary {
			display: none;
		}
	
	.homepage-entry {
		width: 198px;
		padding: 60px 25px 25px 25px;
		float: left;
		min-height: 300px;
		overflow: auto;
		zoom: 1;
		position: relative;
		background-color: #eaeaea;
		border-left: 1px solid #fff;
	}
		.homepage-entry h2 {
			margin: 0 !important;
			padding: 15px 0 0 0 !important;
		}
		.homepage-entry p {
			margin-top: 5px;
		}
	
	.homepage-entry:first-child {
		width: 405px;
		background-color: #fff;
		padding-left: 0;
	}
	
	#rotator {
		margin: 0 0 0 -50px;
		position: relative;
		overflow: visible;
		height: 300px;
		box-shadow: 0 0 25px #555555;
		z-index: 1;
	}
		#rotator ol, 
		#rotator ol li {
			margin: 0;
			padding: 0;
		}
		#rotator ol {
			height: 300px;
			padding: 0 0 20px 0;
			background: transparent url('images/homepage-banner-caption-bottom.png') no-repeat 33px 300px;
		}
		#rotator ol li {
			position: absolute;
			left: 0;
			top: 0;
			list-style-type: none;
			width: 980px;
			overflow: hidden;
		}
			#rotator li .caption {
				position: absolute;
				left: 50px;
				bottom: 3px;
				background: transparent url('images/homepage-banner-caption-back.png') repeat;
				width: 344px;
				font-size: 33px;
				font-family: 'Voces', cursive;
				color: #fff;
				padding: 30px 30px 10px 40px;
				box-shadow: 0 0 10px #555;
				line-height: 1.1em;
			}
			
			
			
	#primary {
		float: right;
		width: 257px;
		background: #eaeaea url('images/background-primary.jpg') repeat-y left top;
		min-height: 100%;
		padding: 35px;
	}
		#primary ul,
		#primary li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#primary li.widget-container {
			border-bottom: 1px solid #c3daef;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		#primary li.widget-filters {
			padding-bottom: 0;
		}
		#primary a {
			text-decoration: none;
			color: #062437;
		}
			#primary a:hover {
				text-decoration: underline;
			}
		#primary h3 {
			font-size: 15pt;
		}

	#primary #searchform label {
		display: none;
	}
	#primary #searchform input#s {
		width: 180px;
		
	}

	#primary form.filters {
		margin: 0;
		padding: 0;
	}
		#primary form.filters fieldset {
			border: none;
			margin: 0 0 20px 0;
			padding: 0;
		}
		#primary form.filters legend {
			font-size: 115%;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
		#primary form.filters .filter-options {
			margin-bottom: 10px;
		}
		#primary form.filters label {
			display: block;
			clear: left;
		}
		#primary form.filters .filter-options span {
			cursor: pointer;
			text-decoration: underline;
		}
			#primary form.filters .filter-options span:hover {
				color: #316384;
			}
		
		/* hide the projects fieldset legend */
		.page-id-5 #primary form.filters fieldset legend {
			display: none;
		}
	
	#primary .widget_sub_page_navigation ul li {
		margin-bottom: 5px;
		margin-left: 10px;
	}
	#primary .widget_sub_page_navigation ul li.parent-post {
		margin-left: 0;
	}
	
	
#filterable {
	border-collapse: collapse;
	width: 100%;
}
	#filterable thead {
		display: none;
	}
	#filterable td.filter-ProjectTags,
	#filterable td.filter-ResearchTypes,
	#filterable td.filter-ResourceTypes,
	#filterable td.filter-ResourceSubjects {
		display: none;
	}
	#filterable h3 {
		font-size: 100%;
	}
	#filterable div.description {
		margin-bottom: 20px;
	}
	
	#filterable tr {
		border-bottom: 1px solid #cfcfcf;
	}
	#filterable tr.even td {
		background-color: #cfcfcf;
	}
	#filterable tr td {
		padding: 15px 10px;
	}
		#filterable tr td h3 {
			margin-top: 0;
		}
		#filterable tr td p {
			margin-bottom: 0;
		}

	.page-id-17 #filterable h3 a {
		text-decoration: none;
	}


#toggle_results {
	padding: 20px;
}
	#toggle_results button,
	#toggle_results h3 {
		display: none;
	}


#container form .row {
	clear: both;
	overflow: auto;
	margin: 10px 0;
}
	#container form label {
		display: inline-block;
		width: 75px;
	}
	#container form label.inline {
		display: inline;
		width: auto;
	}


#footer {
	background: #2f2f2f url('images/background-footer.jpg') repeat-x center top;
	color: #fff;
	font-size: 10pt;
		box-shadow: 0 0 10px #555;
}
	#footer-inner {
		width: 980px;
		margin: 0 auto;
		min-height: 200px;
		padding-top: 20px;
	}
		#footer-widget-area {
			overflow: auto;
			color: #fff;
			margin: 0;
		}
			#footer-widget-area .widget-area {
				float: left;
				width: 190px;
				padding: 10px 50px;
				background: transparent url('images/background-footer-border.png') no-repeat right top;
				min-height: 200px;
			}
			#footer-widget-area #first {
				padding-right: 2%;
			}
			#footer-widget-area #second,
			#footer-widget-area #third {
				padding-left: 2%;
				padding-right: 2%;
			}
			#footer-widget-area #fourth {
				padding-left: 2%;
				background-image: none;
			}
			
				#footer-widget-area ul,
				#footer-widget-area li {
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
				#footer-widget-area h3 {
					margin: 0 0 3px 0;
					color: #fff;
				}
				#footer-widget-area a {
					color: #205d88;
					font-weight: bold;
					display: block;
					text-decoration: none;
				}
				#footer-widget-area a:before {
					content: "> ";
				}
	
	
		#footer-menu {
			padding: 20px 0 20px 50px;
		}
			#footer-menu ul {
				margin: 0;
				padding: 0;
				overflow: auto;
			}
				#footer-menu ul li {
					list-style-type: none;
					float: left;
					margin-right: 10px;
					padding-right: 10px;
					border-right: 1px solid #fff;
				}
				#footer-menu ul li:last-child {
					border-right: none;
				}
					#footer-menu ul li a {
						text-decoration: none;
						color: #fff;
					}
				#footer-menu ul li ul {
					display: none;
				}
			#footer-menu p {
				clear: left;
				margin-top: 8px;
			}
















/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}