/*
Theme Name: Orcas Online Ads
Theme URI: http://orcasonline.org
Description: Theme for Listings Optimazation
Author: Orcas Online
Author URI: http://orcasonline.com
Version: 2.1

Thanks to Rob Haskell, Intuito for initial Work
License: This is a commercial theme. Do not copy or distribute without permission. 

*/

body { color:#444444; margin:0; padding:0; font-family: 'Oxygen', sans-serif;  }
a { text-decoration:none; color:#42AFF8; }
a:hover { text-decoration:underline; }
a:visited {}
img { max-width:100%; height:auto; }
img{ -ms-interpolation-mode: bicubic; }
img[class*="align"],img[class*="wp-image-"] { height: auto; }
img.size-full { max-width: 97.5%; }
.wp-caption { max-width: 100%; }
::selection { background:#fedabf; }

h1 { margin-top:0; font-weight:normal; }
h2 { font-size:1.3em; text-transform:uppercase; }
h3 { }
h4 { font-weight: bold; }
h5 { }
h6 { }
blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; }
blockquote p:first-letter { margin: .2em .3em .1em 0; font-size: 220%; font-weight: bold; }
blockquote p:first-line { font-variant: small-caps; font-size:1.2em; }

.wrapper { margin:1em auto; max-width:958px; background:white; }
.page { border:1px solid #c3c3c3; -pie-box-shadow: 0px 0px 4px 1px #E1EBF2;
	-moz-box-shadow: 0px 0px 4px 1px rgba(196, 216, 230, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(196, 216, 230, 0.5);
	box-shadow: 0px 0px 4px 1px rgba(196, 216, 230, 0.5);}

	/* -- Header -------------------------------------------------------------------------------------- --> */
	.header { }
	.header-left { float:left; padding:1em 2.5%; width:45%; position:relative; }
	.logo { width:55%; min-width:175px; }
	.header-title a { text-decoration:none; }
	p.header-title { font-size:2.5em; margin-bottom:0; margin-top:0; }
	p.header-description { font-size:1em; text-transform:uppercase; margin-top:5px; margin-bottom:0; }

	.header-right { float:left; padding:1em 2.5%; width: 45%; text-align:right; }
	.header-right ul { list-style:none; padding:0; margin:0; }
	.fb-header, .tw-header, .g-header, .in-header { display:block; width:16px; height:16px; }
	.fb-header { background:url('/wp-content/themes/orcas-online/images/option1_16.png') -48px 0; }
	.tw-header { background:url('/wp-content/themes/orcas-online/images/option1_16.png') 48px 16px; }
	.g-header { background:url('/wp-content/themes/orcas-online/images/option1_16.png') 96px 0;}
	.in-header { background:url('/wp-content/themes/orcas-online/images/option1_16.png') 48px 0;}
	.social { margin-top:7px; }
	.social ul { list-style:none; margin:0; padding:0; }
	.social ul li { display:inline; margin-left:5px; float:right;}

	.header-image-container { position:relative; margin-left: 20px;}
	.header-image-description { position:absolute; background:black; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */width:28%; left:2%; top:1em; padding:7px; }
	.header-image-description h2 { color:#FFFFFF; oldcolor:#929290; font-size:1.2em; margin:0; text-transform:none; }
	.header-image-description h3 { color:#33cc99; font-size:1.1em; margin:.3em 0; font-weight:normal; line-height:1.7em;}
	.header-image-description p { color:white; font-size:.8em; }
	.header-image-description a { font-size:1.2em; color:#3399cc; oldcolor:white; }

	/* -- Menu ---------------------------------------------------------------------------------------- -->  */
	.menu-main { font-size:.9em; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:2px 0; }
	.menu-main ul { padding: 0; margin: 0; list-style: none; }
	.menu-main ul li { line-height: 34px; display: block; float: left; border-right:1px solid #eee; }
	.menu-main ul li a { display: block; color: #494949; text-decoration: none; padding: 0 15px; }
	.menu-main ul li a:hover { display: block; padding: 0 15px; color:#0071BC; }

	.menu-main ul li ul { position: absolute; background: white; display: none; z-index:100; box-shadow:0px 0px 3px #cecece; padding:5px 0; }
	.menu-main ul li:hover ul { display: inline;  }
	.menu-main ul li li { clear:left; line-height:26px; }
	.menu-main ul li li a { color: black!important; font-weight: normal; font-size:11pt;}
	.menu-main ul li li a:hover { color: silver; background: none !important; }
	.current-menu-item a { display: block; padding: 0 15px; color:#0071BC!important; } /* Ussually make same as menu-main ul li a:hover  */
	ul li ul li.current-menu-item a { color:#BC2833!important; }
	.current-menu-parent a { color:#BC2833!important; }

	/* -- Content areas ------------------------------------------------------------------------------- --> */
	.content { background:#fff; padding:1em 0; font-size:.9em; border-bottom:1px solid #eee; }
	.post { float:left; width:65%; margin:0 2% 0 0; color:#303030; }
	.post img { border:1px solid #eee; }
	.post p { font-size:.9em; line-height:1.5em; }
	.post-list { float:left; width:65%; margin:0 2% 0 0; line-height:1.5em;  }
	.post-in-list {float:left; margin-bottom:1em; width:100%; } 
	.post-in-list p { font-size:.9em; }
	.post-thumbnail { width:120px; float:left; margin:0 1em 1em 0; }
	.post-in-list h2 { margin-bottom:0; margin-top:0; }
	.post-info { opacity:.7; }
	.post-info ul { list-style:none; margin:0; padding:0; }
	.post-info ul li { display:inline; }
	.post-info ul li:after { content:" | "; }
	.post-info ul li:last-child:after { content:""; }
	h1#post-list { font-size:2em; }
	h1#single { margin-bottom:0; font-size:2em; }

	/* -- Slideshow ----------------------------------------------------------------------------------- --> */
	.slideshow { float:left; width:100%; margin-left:20px; }

	/* Sidebar */
	.sidebar { width:29%; float:left; padding:0 2% 1em 2%; }
	.sidebar > ul { list-style:none; margin-bottom:1em; padding:0; border-bottom:1px solid #eee; }
	.sidebar > ul:last-child { border-bottom:0; }
	.sidebar ul li { margin-bottom:30px; }
	.sidebar ul li h2 { font-weight:normal; text-transform:uppercase; font-size:1em; }
	.sidebar ul li ul { margin-left:1em; }
	.sidebar li li { margin-bottom:0 !important; }
	.sb-left {  }
	.sb-right {  }

	/* -- Footer -------------------------------------------------------------------------------------- --> */
	.footer { font-size:.9em; }
	.f1, .f3, .f4, .f5 { padding:1em 2%; text-align:center; }
	.f1 { background-color:#eee; }
	.f2 { line-height:1.4em; font-size:.9em; padding-top:1em; }
	.f4 { padding-top:.2em; padding-bottom:.2em; background-color:white; color:#FAFBC6;}
	.f2 ul { list-style:none; padding:0; margin:0; }
	.f2 ul li { display:inline-block; width:29%; padding:0 1.8%; vertical-align:top; }
	.f2 ul li h4 { margin-top:0; }
	.f5 h4 { margin:0; }
	ul.sitemap { text-align:center; list-style:none; padding:0; margin:0; }
	ul.sitemap li { display:inline; padding:0 7px; border-right:1px solid #BBB9B9; font-size:.9em;}
	ul.sitemap li:last-child { border-right:0; }


	/* -- Images -------------------------------------------------------------------------------------- --> */
	img.alignright { float:right; margin:0 0 1em 1em; }
	img.alignleft { float:left; margin:0 1em 1em 0; }
	img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	a img.alignright { float:right; margin:0 0 1em 1em; }
	a img.alignleft { float:left; margin:0 1em 1em 0; }
	a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center; font-size:11px; font-style:italic; }
	.wp-caption.alignright {float:right; margin:0 0 1em 1em; text-align:center; font-size:11px; font-style:italic; }
	.wp-caption.alignleft {float:left; margin:0 1em 1em 0; text-align:center; font-size:11px; font-style:italic; }
	p.wp-caption-text { margin-top: 0px; color:silver; }


	/* -- Ads ---------------------------------------------------------------------------------------- --> */
	.adCats-single-listing, .adCats-single-listing-t1 { position: relative; }
	.adCats-single-listing h3, .adCats-single-listing-t1 h3 { font-weight:normal; font-size:1.5em; margin:0; }
	.adCats-single-listing h3 + p, .adCats-single-listing-t1 h3 + p { margin-top:0; }
	a.phone-number { color:#666; cursor:pointer; }
	strong.ad-location { color:#666; }
	.listing-t1-text { float:left; width:48.2%; }

	.listing-t1-image { float:right; width:48.2%; }

	.ads-in-plans { background:#eee; padding:5px 1%; margin-bottom:1em; }
	.ads-left-col, .ads-right-col { float:left; width: 48.5%; }
	.ads-right-col { margin-left:3%;}

	.meteor-slides .meteor-buttons { bottom:10px!important; left:48%!important; }
	.meteor-buttons a { background-image:url('/wp-content/themes/orcas-online/images/meteor-paging.png')!important; width:14px!important; height:14px!important; }


/*@media screen and (max-width: 1024px) {
.wrapper { width:98%; }
.wrapper { margin-left:1%; }
.header-image-description { font-size:80%; width:32%; }
}


@media screen and (max-width: 480px) {
.header { background-position:no-repeat; }
.header-left, .header-right { float:none; width:100%; }
.logo { margin:0 auto; }
p.header-title, p.header-description { text-align:center; margin-top:0; }
.post, .sidebar { float:none; width:96%; margin:0 2%; }
}


*/


/* -- Responsive css ---------------------------------------------------------------------------------- -->  */
		
/*search css for both desktop*/

#searchsubmit {
	padding: 10px 20px;
	font-size: 14px;
	background: none;
	border: 1px solid;
	outline: none;
}

#searchsubmit:hover {
	background: #0071BC;
	border: 1px solid #0071BC;
	color: #fff;
}

#s{
	padding: 10px 15px;
}

label.screen-reader-text {
	display: none;
}
	
	/*responsive for safari and chrome*/

	@media screen and (-webkit-min-device-pixel-ratio:0) { 

		@media screen and (max-device-width: 1024px) and (min-device-width: 768px) {

			.slideshow {
				margin: 0px;
			}

			#s {
				padding: 5px 3px;
			}

			#searchsubmit {
				padding: 6px 16px;
			}

			label.screen-reader-text {
				display: none;
			}

		}

		@media screen and (max-device-width: 767px) and (min-device-width: 480px) {

			.wrapper {
				margin: 50px 0 0 0;
			}

			.header-right {
				text-align: left !important;
			}

			#s {
				padding: 0px;
				width: 50%;
			}

			#searchsubmit {
				padding: 0px;
			}

			label.screen-reader-text {
				display: none;
			}

			.content {
				webkit-flex-flow: column-reverse;
				flex-flow: column-reverse;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				padding: 1em 1em;
			}

			.slideshow{
				float: none;
				margin: 0;
			}

			.sidebar {
				float: none;
				width: 100% !important;
				padding: 0px;
				text-align: center;
			}

			.post {
				width: 100% !important;
				float: none;
			}

			.post h1{
				font-size: 18px !important;
				font-weight: 600 !important;
				text-align: center;
			}

			.post h3{
				font-size: 14px !important;
			}

			.ads-left-col, .ads-right-col{
				float: none;
				width: 100% !important;
			}

			.f2 ul li{
				text-align: center;
				width: 100% !important;
				padding: 0px !important;
			}

			.f2 ul li p {
				text-align: center !important;
			}

			.f2 hr{
				width: 80% !important
			}

		}

		@media screen and (max-device-width: 479px) and (min-device-width: 320px) {

			.wrapper {
				margin: 50px 0 0 0;
			}

			label.screen-reader-text {
				display: none;
			}

			.header-right {
				text-align: left !important;
			}

			#s {
				padding: 0px;
				width: 50%;
			}

			#searchsubmit {
				padding: 0px;
			}

			.slideshow{
				float: none;
				margin: 0;
			}

			.content {
				webkit-flex-flow: column-reverse;
				flex-flow: column-reverse;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				padding: 1em 1em;
			}

			.sidebar {
				float: none;
				width: 100% !important;
				padding: 0px;
				text-align: center;
			}

			.post {
				width: 100% !important;
				float: none;
			}

			.post h1{
				font-size: 18px !important;
				font-weight: 600 !important;
				text-align: center;
			}

			.post h3{
				font-size: 14px !important;
			}

			.ads-left-col, .ads-right-col{
				float: none;
				width: 100% !important;
			}

			.f2 ul li{
				text-align: center;
				width: 100% !important;
				padding: 0px !important;
			}

			.f2 ul li p {
				text-align: center !important;
			}

			.f2 hr{
				width: 80% !important
			}

		}

	} 

	/*responsive for mozilla*/

	@-moz-document url-prefix() { 

		@media screen and (max-device-width: 1024px) and (min-device-width: 768px) {

			.slideshow {
				margin: 0;
			}

			#s {
				padding: 5px 3px;
			}

			#searchsubmit {
				padding: 6px 16px;
			}

			label.screen-reader-text {
				display: none;
			}

		}

		@media screen and (max-device-width: 767px) and (min-device-width: 480px) {

			.wrapper {
				margin: 50px 0 0 0;
			}

			.slideshow{
				float: none;
				margin: 0;
			}

			.header-right {
				text-align: left !important;
			}

			#s {
				padding: 0px;
				width: 50%;
			}

			#searchsubmit {
				padding: 0px;
			}

			label.screen-reader-text {
				display: none;
			}

			.content {
				webkit-flex-flow: column-reverse;
				flex-flow: column-reverse;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				padding: 1em 1em;
			}

			.sidebar {
				float: none;
				width: 100% !important;
				padding: 0px;
				text-align: center;
			}

			.post {
				width: 100% !important;
				float: none;
			}

			.post h1{
				font-size: 18px !important;
				font-weight: 600 !important;
				text-align: center;
			}

			.post h3{
				font-size: 14px !important;
			}

			.ads-left-col, .ads-right-col{
				float: none;
				width: 100% !important;
			}

			.f2 ul li{
				text-align: center;
				width: 100% !important;
				padding: 0px !important;
			}

			.f2 ul li p {
				text-align: center !important;
			}

			.f2 hr{
				width: 80% !important
			}

		}


		@media screen and (max-device-width: 479px) and (min-device-width: 320px) {

			.wrapper {
				margin: 50px 0 0 0;
			}

			.slideshow{
				float: none;
				margin: 0;
			}

			.header-right {
				text-align: left !important;
			}

			#s {
				padding: 0px;
				width: 50%;
			}

			#searchsubmit {
				padding: 0px;
			}

			label.screen-reader-text {
				display: none;
			}

			.content {
				webkit-flex-flow: column-reverse;
				flex-flow: column-reverse;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				padding: 1em 1em;
			}

			.sidebar {
				float: none;
				width: 100% !important;
				padding: 0px;
				text-align: center;
			}

			.post {
				width: 100% !important;
				float: none;
			}

			.post h1{
				font-size: 18px !important;
				font-weight: 600 !important;
				text-align: center;
			}

			.post h3{
				font-size: 14px !important;
			}

			.ads-left-col, .ads-right-col{
				float: none;
				width: 100% !important;
			}

			.f2 ul li{
				text-align: center;
				width: 100% !important;
				padding: 0px !important;
			}

			.f2 ul li p {
				text-align: center !important;
			}

			.f2 hr{
				width: 80% !important
			}

		}

	}