/* @override 
	http://srta/wp-content/themes/srta/style.css
	http://srta.primalcommunications.com/wp-content/themes/srta/style.css
	http://srta.local/wp-content/themes/srta/style.css
	http://www.sooke-portrenfrew.com/wp-content/themes/srta/style.css
	http://srta.primalbeta.com/wp-content/themes/srta/style.css
*/

/*
Theme Name: SRTA Theme
Description: Developed for SRTA website
Version: 1.0
Author: Primal Communications Ltd.
Author URI: http://primalcommunications.com
*/

@import url(reset.css);

/* @group Page */

body {
	background: #CCC;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a {
	color: #006ab8;
}

#page {
	background: #f2f2f2;
}

#page.home {
	background: #FFF  url(img/home-bg.png) repeat-y center top;
}

td,th {
	font-size: 0.8em;
}

/* @end */

/* @group Header */

#header-wrap {
	background: #FFF url(img/header-bg.png) repeat-y center top;
}

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 156px !important;
	overflow: hidden;
}

#header h1 {
	margin: 0;
	position: absolute;
	left: 50px;
	top: 20px;
	z-index: 100;
}

#head-tagline {
z-index: 10;
	position: absolute;
	top: 80px;
	left: 650px;
}

/* @end */

/* @group Homepage */

#header.home {
	height: 206px !important;
}

#header.home #slides {
	margin: 0;
	display: block;
	width: 755px;
	height: 206px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

#header.home #slides li {
	display: none;
	list-style: none;
}

#header.home #slides li:first-child {
	display: block;
}

#header #slide {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

#header #slidecover {
	position: absolute;
	background: transparent url(img/header-slide-cover.png) repeat-y left top;
	width: 960px;
	height: 206px;
	z-index: 9;
}

/* @group Slide Nav */

#slidecounter {
	position: absolute;
	top: 155px;
	right: 25px;
	z-index: 150;
	border: 1px solid #CCC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 0;
	padding: 0;
}

#slidecounter a {
	color: #FFF;
	text-decoration: none;
	background: #000;
	padding: 4px 13px;
	width: 8px;
	text-align: center;
	display: block;
	border-left: 1px solid #CCC;
	font-size: 0.8em;
	opacity: 0.5;
	float: left;
}

#slidecounter a:hover {
	opacity: 0.8;
}

#slidecounter a.activeSlide:hover {
	opacity: 1.0;
}

#slidecounter a.activeSlide {
	background: #0d7f40;
	opacity: 0.8;
}

#slidecounter a:first-child{
	border-left: none;
}

/* @end */

/* @end */

/* @group Search Box */

.site-search {
	width: 196px;
	height: 25px;
}

.home .site-search {
	position: relative;
	padding-bottom: 15px;
}

.site-search-text {
	height: 24px;
	background: transparent url(img/search.png) no-repeat left top;
	padding: 5px 5px 0 10px;
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 157px;
	font-size: 10pt;
}

.site-search-btn {
	width: 29px;
	padding: 0 0 0 29px;
	display: block;
	position: absolute;
	left: 167px;
	top: 0;
	background: transparent url(img/search-btn.png) no-repeat left top;
	border: 0;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}

.site-search-text.default {
	color: #999;
	cursor: pointer;
}

/* @end */

/* @group Navigation */

#nav {
	background: transparent url(img/nav-bg.png) repeat-x center top;
	height: 63px;
}

#nav-items {
	margin: 0 auto;
	width: 960px;
}

#nav-items > li {
	display: block;
	float: left;
}

#nav-items > li > a {
	background: transparent url(img/nav-line.png) no-repeat right top;
	display: block;
	padding: 0 20px;
	line-height: 63px;
	height: 63px;
	color: #FFF;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	text-decoration: none;
}

#nav-items > li > a:hover {
	text-decoration: underline;
}

/* @end */

#page.home > table {
	width: 960px;
	margin: 0 auto;
	border: none;
}

#page.home > table > tbody > tr > td {
	border: none;
	vertical-align: top;
	padding: 35px 0;
	margin: 0;
}

/* @group Left Column */

#col-home-left {
	background: #fff url(img/home-lcol-bg.png) repeat-y right top;
	width: 280px;
}

#feature-links {
	display: block;
	margin: 0 auto 23px auto;
	width: 200px;
}

.ad-200x200 {
	width: 200px;
	margin: 0 auto;
}

/* @end */

/* @group Middle Column */

#col-home-mid {
	background: #ffffff url(img/home-content-tr.png) no-repeat right top;
	width: 480px;
}

#col-home-mid div.post {
	padding: 0 25px;
	color: #666;
}

#col-home-mid h3 {
	color: #2b6189;
	font-size: 1.7em;
	font-weight: normal;
	text-transform: capitalize;
	margin-top: 0;
}

#col-home-mid p:first-child {
	font-size: 1.2em;
}

#col-home-mid p {
	font-size: 1em;
	line-height: 1.4em;
}

/* @end */

/* @group Right Column */

#col-home-right {
	width: 220px;
	background: #023352 url(img/home-rcol-bg.png) repeat-y left top;
}

#col-home-right > ul {
	margin: 0;
}

#col-home-right > ul > li{
	margin: 0;
	display: block;
	padding: 0 23px;
}

#col-home-right > ul > li > h3 {
	color: #fff799;
	font-weight: normal;
	font-size: 1.3em;
}

#col-home-right > ul > li > h3 > a {
	color: #fff799;
	font-weight: normal;
	text-decoration: none;
}

#col-home-right a {
	 color: #fff799;
}

#col-home-right > ul > li > h3 > a:hover {
	text-decoration: underline;
}

#sidebar-weather {
	height: 65px;
	width: 155px;
	margin: 0 auto;
}

#sidebar-upcoming-events h3 {
	padding-left: 35px;
	background: transparent url(img/home-cal-icon.png) no-repeat left 0;
	height: 28px;
	line-height: 28px;
	margin: 10px 0;
}

#sidebar-upcoming-events > ul {
	display: block;
	margin: 0;
}

#sidebar-upcoming-events > ul > li {
	color: #CCC;
	font-size: 0.9em;
	display: block;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #666;
	line-height: 1.4em;
	list-style: none;
}


#sidebar-upcoming-events .date {
	color: #7ecdff;
	padding-right: 5px;
}

#sidebar-blog-posts h3 {
	padding-left: 40px;
	background: transparent url(img/home-blog-icon.png) no-repeat left 0;
	height: 28px;
	line-height: 28px;
	margin: 20px 0 10px 0;
}

#sidebar-blog-posts > ul {
	display: block;
	margin: 0;
}

#sidebar-blog-posts > ul >li {
	color: #CCC;
	font-size: 0.9em;
	display: block;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #666;
	list-style: none;
}

#sidebar-blog-posts li h4 {
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}

#sidebar-blog-posts li h4 a {
	color: #FFF;
	text-decoration: none;
}

#sidebar-blog-posts li h4 a:hover {
	color: #fff49b;
	text-decoration: underline;
}

#sidebar-blog-posts li .post-date {
	font-style: italic;
	color: #86d0ff;
	display: block;
	padding-right: 6px;
	font-size: 0.9em;
	line-height: 1.4em;
	padding-bottom: 3px;
}

#sidebar-blog-posts li p {
	color: #b9e2fb;
	font-size: 1em;
	line-height: 1.4em;
}

/* @end */

table.layout {
	width: 960px;
	margin: 0 auto;
}

table.layout td {
	padding: 15px 0;
	border: 0;
	vertical-align: top;
}

#col-sidebar {
	width: 243px;
	background: #f5f5f5 url(img/home-lcol-bg.png) repeat-y left top;
}

#sidebar {
	padding: 20px;
}

#sidebar > ul {
	margin: 0;
}

#sidebar > ul > li {
	margin: 0;
	display: block;
	color: #666;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover,
#sidebar a:active {
	text-decoration: underline;
}

#sidebar h2 {
	font-size: 1.1em;
	color: #003c66;
	text-transform: uppercase;
}

#sidebar .textwidget {
	margin: 10px 0;
}

#sidebar-tides {
	width: 150px;
	margin: 20px auto;
}

#sidebar-tides a {
	display: block;
	padding: 10px 10px 10px 50px;
	background: #e7f6ff url(img/side-tides.png) no-repeat 10px center;
	height: 27px;
	line-height: 27px;
	text-decoration: none;
	font-size: 1.2em;
	border: 1px solid #CCC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#sidebar-tides a:hover {
	background-color: #bee6ff;
	color: #005486;
	text-decoration: underline;
}

#side-nav h3 {
	margin:0 0 5px 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}

#side-nav h4 {
	margin:0 0 2px 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.8em;
}

#side-nav > ul {
	margin: 10px 0;
}

#side-nav > ul > li {
	list-style: none;
	margin: 0;
}

#side-nav ul li a {
	padding: 7px 0;
	display: block;
	border-top: 1px solid #CCC;
	font-size: 0.9em;
	color: #009ce1;
}

#side-nav ul li.current_page_item {
	background: #5b8dac;
	padding: 0 10px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}

#side-nav ul li.current_page_item a:before {
	content: '» ';
}

#side-nav ul li.current_page_item a {
	background: #5b8dac;
	color: #fff;
	border: none;
}

.search #side-nav {
	display: none;
}

#col-main {
	background: #FFF;
	padding: 30px;
	line-height: 1.6em;
	color: #666;
}

#col-main h2:first-child {
	color: #0068a1;
	font-size: 1.6em;
	font-weight: bold;
}



#member-listings > h3 {
	margin: 0;
	padding: 3px 0;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: normal;
}

#member-listings ul {
	margin: 0;
	display:block;
}

#member-listings  li {
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	margin: 0 0 10px 0;
	display: block;
	list-style: none;
	color: #444;
}

#member-listings li.feature {
	border-color: #0587ca;
	background: #e2f0f7 url(img/featured-banner.png) no-repeat right top;
}

#member-listings li.not-feature.a {
	padding: 0;
	border: 1px solid #4499C6 !important;
	background: #b7d8f5;
	width: 665px;
}

#member-listings li.not-feature.a img {
	margin: 10px 12px;
}

#member-listings li.pkg-2 {
	border-color: #008612 !important;
	background-color: #e8f5ea;
}

#member-listings li .photo {
	float: right;
}

#member-listings li .name {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

.member-pic {
	float: right;
	border: 1px solid #CCC;
	margin-left: 20px;
}

.clear {
	height: 1px;
	overflow: hidden;
	clear: both;
}

#mem-dir table {
	width: 100%;
}

#mem-dir th {
	background: #DDD;
	border: none;
	color: #000;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
}

#mem-dir tr.row1 td {
	background: #EEE;
}

#mem-dir td {
	padding: 5px;
	font-size: 0.9em;
	border-left: 1px dotted #CCC;
	color: #444;
}

#mem-dir .name {
	color: #000;
	font-size: 1em;
	font-weight: bold;
}

#mem-dir address {
	font-style: italic;
	color: #666;
	line-height: 1.1em;
}

#mem-dir .website {
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.4em;
}

.box {
	padding: 10px 0;
	display: none;
}

.box-ph {
	background: #CCC;
	border: 1px solid #999;
	margin:-1px auto;
	text-align:center;
	color: #000;
	opacity: 0.6;
	-moz-opacity:0.6;
	filter:Alpha(Opacity=70);
}

#events-list table {
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
}

#events-list th{
	border: 0;
	background: #0f5587;
	color: #fff;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
}

#events-list .row0 td {
	background: #f2f6f9;
}

#events-list .row1 td {
	background: #FFF;
}

#events-list td {
	font-size: 1em;
	padding: 10px 5px !important;
	margin: 0 !important;
}

#events-list .date {
	width: 110px;
	text-align: right;
}

#events-list .dates {
	color: #157bc4;
	font-size: 1.1em;
	font-weight: bold;
}

#events-list .hours {
	font-style: italic;
	font-size: 0.9em;
}

#events-list .name {
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
}

#events-list a.name:after {
	content: ' »';
}

#events-list .location {
	color: #444;
}

#events-list .location:before {
	content: 'Location:';
	margin-right: 5px;
	color: #777;
	font-style:  italic;
}

/*#events-list .location:before {
	content: 'Location:';
	text-transform: uppercase;
	color: #fff;
	background-color: #88b9d4;
	padding: 1px 3px;
	margin-right: 5px;
	display: block;
	float:  left;
	height: 1.2em;
	line-height: 1.2em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 0.25em;
}*/

#events-list .desc {
	width: 150px;
	font-size: 0.9em;
}

.pkg-2 {
	position: relative;
}

.pkg-1 .name address,
.pkg-2 .name address {
	display: inline;
	padding: 0 0 0 15px;
}

.pkg-2 a.more-info {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 150px;
	text-align: center;
	line-height: 1.8em;
	background: #39b54a;
	color:  #FFF;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.pkg-2 a.more-info:hover {
	background: #008612;
}

.pkg-2 {
	width: 645px;
}

.pkg-2 .photo {
	float: right;
	margin-top: -40px;
}

.pkg-2 .pkg-detail .detail-copy {
	clear: both;
	padding-top: 20px;
	font-size: 1.2em;
	color: #000;
}

.pkg-2 .logo {
	float: left;
	padding: 0 20px 0 0;
}

.pkg-detail .detail-map {
	clear: both;
	padding-top: 30px;
	text-align: center;
}

.pkg-detail .detail-map {
	font-size: 1.3em;
	width: 632px;
	position: relative;
}

.pkg-detail .detail-map a {
	text-decoration: none;
}

.pkg-detail .detail-map span {
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 100;
	color: #FFF;
	display: block;
	width: 632px;
	background: #39b54a;
	padding: 5px 0;
	font-weight: bold;
	
}

.pkg-detail .detail-map img {
	border: 1px solid #999;
	position: relative;
}

#TB_window {
	overflow: hidden;
	position: relative;
	padding: 0;
}

div#TB_ajaxContent.TB_modal {
	padding-top:  0;
	padding-bottom: 0;
	background: #333;
}

.tb-pkg {
	width: 838px;
	background: #FFF;
	padding-bottom: 10px;
}

.tb-pkg a.close-link {
	position: absolute;
	top: -15px;
	right: 45px;
	background: #056db8;
	color: #FFF !important;
	display: block;
	padding: 20px 15px 5px 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight: bold;
	text-decoration: none;
}

.tb-pkg a.close-link:hover {
	background: #7c2323;
}

.tb-pkg .name {
	background: #e7f5ff;
	color: #0066af;
	padding: 15px 15px 0 15px;
	border-bottom: 1px solid #9dd6ff;
	font: bold 2.4em/1.5em "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

.tb-pkg table {
	width: 100%;
}

.tb-pkg td {
	border: none;
	vertical-align: top;
	width: 50%;
}

.tb-pkg td.col1 {
	padding: 20px 5px 0 10px;
}

.tb-pkg td.col2 {
	padding: 20px 10px 0 10px;
}

.tb-pkg .photo img,
.tb-pkg .logo img,
.tb-pkg .gmap img {
	border:  1px solid #333;
}

.tb-pkg .photo {
	padding-top: 25px;
}

.tb-pkg .logo {
	padding-top: 25px;
}

.tb-pkg a.gmap {
	padding-top: 25px;
	display: block;
	text-decoration: none;
}

.tb-pkg a.gmap span {
	display: block;
	text-align: center;
	text-decoration: underline;
	color: #006cba;
}

.tb-pkg a.gmap:hover span {
	color: #004e86;
}

.tb-pkg .desc {
	font-size: 1.4em;
	padding-right: 15px;
	padding-left: 15px;
}

.tb-pkg .contact {
	font-size: 1.5em;
	padding: 0 0 0 10px;
}

.tb-pkg .contact a {
	color: #006ab8 !important;
}

.tb-pkg .contact a:hover {
	color: #0086e9 !important;
}

#blognav {
	margin: 0;
	padding: 0px;
}

#blognav ul {
	margin: 0;
}

#blognav > ul {
	margin: 0;
	padding: 0 0 0 35px;
}

#blognav > ul h2 {
	margin: 20px 0 3px 0;
	font-size: 1.1em;
	color: #666;
}

#blognav > ul > li > ul {
	padding: 0 0 0 3px;
}

#blognav > ul > li > ul ul {
	padding: 0 20px;
}

#blognav li {
	margin: 0;
	padding: 2px 0;
	list-style: none;
}

/* @group Footer */

#foot-wrap {
	background: #25598a;
}

#footer {
	background: #275e90;
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 61px;
}

#footer .site-search {
	position: absolute;
	top: 20px;
	left: 730px;
	z-index: 50;
}

.home #footer {
	height: 133px;
}

#foot-wrap {
	height: 61px;
}

#foot-wrap.home {
	height: 133px;
	font-size: 0.7em;
	color: #ccc;
}

#hellobc-blogs {
	position: absolute;
	top: 22px;
	left: 28px;
	width: 728px;
	height: 98px;
	background: transparent url(img/tbc_bg.png) no-repeat 1px -1px;
}

#footer-links {
	position: absolute;
	left: 20px;
	top: 0;
	margin: 0;
	line-height: 48px;
	height: 61px;
}

#footer-links {
	display: inline;
	padding: 0 10px;
	font-size: 0.7em;
}

#footer-links a {
	display: inline;
	padding: 0 10px;
}

#footer-home-links {
	position: absolute;
	left: 780px;
	top: 30px;
	margin: 0;
}

#footer-home-links a {
	display: block;
	list-style: none;
	padding: 0 0 8px 0;
	font-size: 1.2em;
}

#footer-links a,
#footer-home-links a {
	font: 1.3em "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	color: #6ed9ff;
	text-decoration: none;
}

#footer-links a:hover,
#footer-home-links a:hover {
	text-decoration: underline;
}

#copy-right {
	position: absolute;
	left: 40px;
	top: 35px;
	line-height: 20px;
	height: 20px;
	color: #99ceff;
	font-size: 0.7em;
}

/* @end */

/* @group Wordpress Styles */

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align: left;
	color: #333;
}

/* @end */