/*
Theme Name: Best Place on Earth
Theme URI: http://www.gov.bc.ca/
Description: The 'Best Place on Earth' theme for the Government of BC.
Version: 1.0
Author: Fjord Interactive
Author URI: http://www.fjordinteractive.com/

Design by Graham MacInnes
Development by Brad Touesnard
*/


body {
	font-family:Verdana,Arial,sans-serif;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #01152a;
	font-size: 11px;
}

a {
	color: #082457;
}

a:hover {
	color: #1352c4;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1 {
	font-size: 1.35em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

hr {
	border: none 0;
	border-top: 1px dashed #C5C5C5;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

blockquote {
	margin-left: 20px;
	border-left: 20px solid #eee;
	padding-left: 10px;
	font-size: 0.9em;
	clear: left;
}

ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1.0em;
	font-size: 0.9em;
}

code {
	font-family: Courier New, Courier, Monospace;
	font-size: 1em;
	color: #666666;
}

acronym, abbr {
	cursor: help;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

input, textarea {
	position: relative;
	padding: 0.2em;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial,Verdana,sans-serif;
}

select {
	font-size: 11px;
}

span.required {
	color: #990000;
}

#wrapper {
	background: url(img/bg.jpg) no-repeat top center;
}

#main div.body {
	background: url(img/bg-page.gif) repeat-y;
}

#main div.banner {
	border-bottom: 5px solid #febc26;
	height: 132px;
	background: #082457 url(img/banner/default.jpg) no-repeat;
}

/* Header */

#header {
	position: relative;
	width: 933px;
	height: 135px;
	margin: 0 auto;
}

#header div.toolbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 423px;
	height: 40px;
	padding: 0 4px 4px 5px;
	background: url(img/header/toolbar.gif) no-repeat;
	overflow: hidden;
}

#header div.toolbar ul.nav {
	overflow: hidden;
	width: 71px;
	height: 12px;
	float: left;
	margin-top: 15px;
	background: url(img/header/toolbar-nav.gif) no-repeat -46px 0px;
}

#header div.toolbar ul.nav li {
	float: left;
}

#header div.toolbar ul.nav li a {
	display: block;
	height: 12px;
	text-indent: -5000px;
	overflow: hidden;
}

#header div.toolbar ul.nav li a:hover {
	background: url(img/header/toolbar-nav.gif) no-repeat;
}

#header div.toolbar ul.nav li a.help {
	width: 46px;
}

#header div.toolbar ul.nav li a.help:hover {
	background-position: bottom left;
}

#header div.toolbar ul.nav li a.contact-us {
	width: 71px;
	background-position: -46px 0px;
}

#header div.toolbar ul.nav li a.contact-us:hover {
	background-position: -46px -12px;
}

#header div.toolbar ul.nav li a.site-map {
	width: 63px;
	background-position: -117px 0px;
}

#header div.toolbar ul.nav li a.site-map:hover {
	background-position: -117px -12px;
}

#header div.toolbar div.text-size {
	width: 40px;
	height: 26px;
	padding: 14px 0 0 55px;
	float: left;
	background: url(img/header/toolbar-textsize.gif) no-repeat 0px 15px;
}

#header div.toolbar div.text-size a {
	display: block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}

#header div.toolbar div.text-size a.increase {
	background-image: url(img/header/increase.gif);
}

#header div.toolbar div.text-size a.decrease {
	background-image: url(img/header/decrease.gif);
}

#header div.toolbar div.text-size a:hover {
	background-position: bottom left;
}

#header div.toolbar form {
	width: 252px;
	float: left;
	overflow: hidden;
	padding-top: 8px;
}

#header div.toolbar form input.text {
	width: 174px;
	float: left;
	margin-right: 4px;
}

#header div.toolbar form input.button {
	background: url(img/header/search.gif);
	width: 61px;
	height: 21px;
	padding: 0;
	float: left;
}

#header div.toolbar form input.button:hover {
	background-position: bottom left;
}

#header h1 {
	margin: 0;
	width: 117px;
	position: relative;
	top: 18px;
	left: 8px;
}

#header h1 a {
	display: block;
	height: 99px;
	background: url(img/header/logo.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}



#main {
	position: relative;
	width: 933px;
	border: 1px solid #dedfe0;
	margin: 0 auto;
	background: #ebebeb url(img/bg-stripe.gif) repeat-x bottom left;
	padding-bottom: 14px;
}



/* Main Navigation Bar */

#main ul.nav {
	height: 45px;
	width: 933px;
	background: url(img/nav.gif) no-repeat;
}

#main ul.nav li {
	float: left;
	margin-right: 1px;
}

#main ul.nav li.last {
	margin: 0;
}

#main ul.nav li a {
	display: block;
	height: 45px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(img/nav.gif) no-repeat;
}

#main ul.nav li a.home {
	width: 328px;
}

#main ul.nav li a.home:hover {
	background-position: left -45px;
}

#main ul.nav li.active a.home {
	background-position: left -90px;
}

#main ul.nav li a.get-involved {
	width: 131px;
	background-position: -329px 0px;
}

#main ul.nav li a.get-involved:hover {
	background-position: -329px -45px;
}

#main ul.nav li.active a.get-involved {
	background-position: -329px -90px;
}

#main ul.nav li a.whats-happening {
	width: 167px;
	background-position: -461px 0px;
}

#main ul.nav li a.whats-happening:hover {
	background-position: -461px -45px;
}

#main ul.nav li.active a.whats-happening {
	background-position: -461px -90px;
}

#main ul.nav li a.show-your-bc-pride {
	width: 180px;
	background-position: -629px 0px;
}

#main ul.nav li a.show-your-bc-pride:hover {
	background-position: -629px -45px;
}

#main ul.nav li.active a.show-your-bc-pride {
	background-position: -629px -90px;
}

#main ul.nav li a.contact-us {
	width: 123px;
	background-position: -810px 0px;
}

#main ul.nav li a.contact-us:hover {
	background-position: -810px -45px;
}

#main ul.nav li.active a.contact-us {
	background-position: -810px -90px;
}




/* Content area */

#main div.body {
	min-height: 400px;
	overflow: hidden;
}

#main div.default-page div.content {
	padding: 20px 11px;
	width: 618px;
}

#main div.default-page div.content-wide {
	width: 911px;
}

#main div.default-page div.content h2 {
	margin: 0 0 0.5em 0;
}

#main div.content {
	overflow: hidden;
	width: 640px;
	float: left;
	background-color: transparent;
}

#main div.content p {
	margin: 1em 0 0 0;
}

#main div.content p.first {
	margin-top: 0;
}

#main div.content h2 {
	margin: 0 0 0 11px;
	font-size: 1.4em;
}

#main div.content h3 {
	margin: 0.5em 0;
}

#main div.content h3.first {
	margin-top: 0;
}

#main div.content div.column {
	float: left;
	padding-top: 20px;
}

#main div.content div.column h2 a {
	text-decoration: none;
}

#main div.content div.column ul li.article {
	padding: 20px 17px 20px 10px;
}

#main div.content div.column-2 a {
	font-weight: bold;
}

#main div.content div.column-2 div.feature {
	background: url(img/trim-top.gif) no-repeat;
	padding: 20px 17px 20px 10px;
}

#main div.content div.column-2 ul li.article {
	overflow: hidden;
	background: url(img/trim.gif) no-repeat top left;
}

#main div.content div.column-2 ul li.article-first {
	background: url(img/trim-top.gif) no-repeat;
	padding-top: 12px;
}

#main div.content div.column-2 ul li.article h3 {
	margin-top: 0;
}

#main div.features {
	float: left;
	width: 260px;
	margin-left: 16px;
	background-color: #fff;
}

#main div.features div.feature {
	padding: 20px 17px 20px 10px;
	background: url(img/trim-seperator.gif) no-repeat;
}

#main div.features div.feature h2 {
	margin: 0 0 20px 0;
	font-size: 1.6em;
}

#main div.features div.feature a.button {
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	height: 35px;
}



/* Features on Right */

#main div.features div.feature-pride a.button {
	width: 115px;
	background: url(img/home/upload-now.gif) no-repeat;
}

#main div.features div.feature-pride {
	background-image: none;
}

#main div.features div.feature-commercial a.button {
	width: 115px;
	background: url(img/home/play-video.gif) no-repeat;
}

#main div.features div.feature a.button:hover {
	background-position: 0px -35px;
}


/* Left Navigation */

#main ul.left-nav {
	margin-top: 12px;
}

#main ul.left-nav li {
	border-bottom: 1px solid #ebebeb;
}

#main ul.left-nav li a {
	display: block;
	padding: 6px 10px 6px 20px;
	background: #f5f5f5 url(img/bullet.gif) no-repeat;
	text-decoration: none;
}

#main ul.left-nav li a:hover,
#main ul.left-nav li.current-cat a {
	background: #082457 url(img/bullet-hover.gif) no-repeat;
	color: #febc26;
}


/* Footer */

#footer {
	font-size: 0.9em;
	margin-top: 20px;
	color: #fff;
	text-align: center;
	padding-bottom: 20px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer img {
	margin-bottom: 20px;
}



/* Home page */

#main.frontpage div.banner {
	height: 349px;
}

#main.frontpage a {
	font-weight: bold;
}

#main.frontpage div.body {
	background: url(img/home/bg.gif) repeat-y;
}

#main.frontpage div.content div.column-1 {
	width: 327px;
	background-color: #ebebeb;
}

#main.frontpage div.content div.column-1 ul li.article {
	background: transparent url(img/trim-seperator.png) no-repeat;
}

#main.frontpage div.content div.column-1 ul li.article-1 {
	background-image: none;
}

#main.frontpage div.content div.column-2 {
	width: 313px;
	background-color: #d9d9d9;
}

#main.frontpage div.content div.column-2 ul li.article img {
	float: left;
}

#main.frontpage div.content div.column-2 ul li.article div.section {
	float: left;
	width: 186px;
	margin-left: 8px;
}



/* Get Involved */

#main.get-involved div.body {
	background: url(img/bg-list-page.gif) repeat-y;
}

#main.get-involved div.content div.column-1 {
	width: 212px;
}

#main.get-involved div.content div.column-2 {
	width: 427px;
	background-color: #d9d9d9;
}

#main.get-involved div.content div.column-2 div.feature {
	padding-top: 12px;
}


/* What's Happening */

#main.whats-happening {
	background-color: #fff;
}

#main.whats-happening div.interactive-map {
	height: 553px;
	background: url(img/interactive-map.jpg) no-repeat;
	border-bottom: 5px solid #febc26;
}

#main.whats-happening ul.regions {
	overflow: hidden;
}

#main.whats-happening ul.regions li.region {
	float: left;
	width: 145px;
	margin-left: 9px;
}

#main.whats-happening ul.projects li.project {
	margin-bottom: 1em;
}



/* Show Your BC Pride */

#main.show-your-bc-pride div.navigation {
	padding: 10px 11px;
	overflow: hidden;
	background: url(img/trim-seperator-ongray.gif) no-repeat;
	text-align: center;
}

#main.show-your-bc-pride div.navigation div.alignleft {
	float: left;
	width: 40%;
}

#main.show-your-bc-pride div.navigation div.alignright {
	float: right;
	width: 40%;
	text-align: right;
}

#main.show-your-bc-pride form.controls {
	margin: 6px 10px 20px 0;
	text-align: right;
}

#main.show-your-bc-pride form.controls label {
	display: inline;
	margin-right: 10px;
}

#main.show-your-bc-pride form.controls input {
	background-color: transparent;
}

#main.show-your-bc-pride ul.articles li.article {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 30px 0 0 10px;
	background: url(img/trim-seperator-ongray.gif) no-repeat;
}

#main.show-your-bc-pride ul.articles li.first {
	background: none;
}

#main.show-your-bc-pride ul.articles li.article h3 {
	margin-top: 0;
}

#main.show-your-bc-pride ul.articles li.article h3 a {
	text-decoration: none;
}

#main.show-your-bc-pride ul.articles li.article a.preview {
	position: relative;
	display: block;
	width: 200px;
	height: 140px;
	float: left;
}

#main.show-your-bc-pride ul.articles li.article a.video-preview {
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #febc26;
}

#main.show-your-bc-pride ul.articles li.article a.video-preview img {
	position: absolute;
	right: 6px;
	bottom: 6px;
	border: 0;
}

#main.show-your-bc-pride ul.articles li.article a.story-preview img,
#main.show-your-bc-pride ul.articles li.article a.photo-preview img {
	width: 200px;
	height: 140px;
	border: 1px solid #febc26;
}

#main.show-your-bc-pride ul.articles li.article div.desc {
	float: left;
	width: 400px;
	margin-left: 14px;
}

#main.show-your-bc-pride ul.articles li.article p.meta {
	font-size: 0.9em;
	color: #082457;
	margin: 0.2em 0 0 0;
}

#main.show-your-bc-pride ul.articles li.article p.share {
	text-align: right;
}

#main.show-your-bc-pride div.features h2 {
	margin-left: 11px;
}

#main.show-your-bc-pride div.features div.feature-most-viewed {
	padding: 20px 0 0 0;
}

#main.show-your-bc-pride div.features div.feature-most-viewed h2 {
	margin-left: 11px;
}

#main.show-your-bc-pride div.features ul.articles li.article {
	padding: 20px 25px 0 28px;
	margin-bottom: 10px;
	background-image: url(img/trim-seperator.gif);
}

#main.show-your-bc-pride div.features ul.articles li.first {
	background-image: none;
	padding-top: 0px;
}

#main.show-your-bc-pride div.features ul.articles li.article p.date {
	margin-top: 0.5em;
}

#main.show-your-bc-pride div.features ul.articles li.article a.preview {
	float: none;
}

/* Contact Us */

#main.contact-us div.content table {
	margin-top: 1em;
}

#main.contact-us div.content table th {
	text-align: left;
	width: 300px;
}

#main.contact-us div.content h3 {
	margin: 3em 0 0 0;
}

#main.contact-us div.content h3.first {
	margin: 0;
}

#main.contact-us div.content h4 {
	margin: 1em 0 0 0;
}

#main.contact-us div.features div.feature h2 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

#main.contact-us div.features div.feature-directory {
	background-image: none;
}

/* Show youForms */

#main.upload div.content {
	background: url(img/upload-steps.gif) no-repeat;
	padding: 163px 11px 20px 11px;
	width: 618px;
}

#main.upload div.content h2 {
	margin: 0 0 1em 0;
}

#main.upload form label {
	display: block;
}

#main.upload form div.field {
	margin-bottom: 1em;
}

#main.upload form div.text input {
	width: 250px;
}

#main.upload form div.checkbox {
	overflow: hidden;
}

#main.upload form div.checkbox input {
	float: left;
	margin: 0 5px 0 0;
}

#main.upload form div.checkbox label {
	float: left;
	width: 500px;
}

#main.upload form div.field-name input {
	width: 150px;
}

#main.upload form div.field-photo p {
	margin: 0;
}

#main.upload form div.textarea textarea {
	width: 300px;
	height: 170px;
}

#main.upload div.radio-list ul li {
	display: inline;
	margin-right: 10px;
}

#main.upload form div.radio-list ul li label {
	display: inline;
}

#main.upload form input.submit {
	background: url(img/button/submit.gif) no-repeat;
	width: 91px;
	height: 22px;
	padding: 0;
}

#main.upload form input.submit:hover {
	background-position: 0px -22px;
}

#main.upload form a.cancel {
	position: relative;
	top: -3px;
	margin-left: 6px;
}

#main.upload p.please-choose {
	border: 1px solid #ccc;
	background-color: #dedede;
	padding: 40px;
	text-align: center;
	width: 300px;
	margin: 0 0 1em 0;
}

#main.upload p.error {
	color: #990000;
	margin: 0;
}

#main.upload input.error,
#main.upload textarea.error,
#main.upload select.error {
	border: 1px solid #990000;
}

#main.upload div.terms {
	background-color: #fff;
	height: 150px;
	overflow: auto;
	padding: 8px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

.sIFR-alternate {
	font-weight: bold;
	display:none;
}


/* Popup */

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#popup-media {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background-color: #fff;
	z-index: 100;
}

#popup-media h2 {
	margin-top: 0;
	overflow: hidden;
}

#popup-media a.close {
	position: absolute;
	top: -14px;
	right: -12px;
	display: block;
	width: 37px;
	height: 36px;
	background: url(img/close.png) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

#popup-media div.frontpage-video {
	width: 740px;
	height: 420px;
}

#popup-media div.frontpage-swf-video-740x501 {
	height: 501px;
}

#popup-loading {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background-color: #fff;
	z-index: 100;
}