/*
Theme Name: Calibre Press
Description: Custom styles for Calibre Press
Version: 1.0
Author: Brian Pohl
Author URI: http://www.invexdesign.com
*/
@charset "utf-8";
/* CSS Document */
html, body, div, p, h1, h2, h3, img { margin:0; padding:0; }
a img { border:none; }
table, table td, table th { border-collapse:collapse; }
map, area { border:none; }
/* ----- Floats ----- */
.alignright { float:right; margin:0 0 10px 25px; padding:0; }
.alignleft { float:left; margin:0 25px 10px 0; padding:0; }
.aligncenter { text-align:center; }
html {
	background:url(images/bg_html.png) repeat-x top left #FBFBFB;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#464646;
}
h1, h2, h3, h4, strong {
	font-weight:700;	
}
a:link, a:visited { font-weight:600;text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

/* Fix for image height not responding to browser width. */
img.wp-post-image {
  height: auto;
}

/* Attempt to fix iframe sizing on mobile. Link: https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
@media all {
	embed, iframe, object, video {
	  max-width: 100%;
	}
}
/*
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper object,
.videoWrapper embed,  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

/* ----- Header ----- */
#head-wrap {
	width:100%;	
	background:url(images/bg_body.png) repeat-x top left #464646;
}
#header {
	width:1000px;
	height:53px;
	margin:0 auto;
	position:relative;
	z-index:10;
}
#header h1 {
	text-indent:-100000em;
	cursor:pointer;
	display:block;
	position:absolute;
	top:2px;
	left:0px;
	width:90px;
	height:133px;
	background:url(images/logo_vertical.png) no-repeat top left;
	z-index:12;
}
#header h1 a {
	margin:0;
	padding:0;
	border:none;
	display:block;
	width:90px;
	height:133px;
	outline:none;
}
/* ----- Main Navigation ----- */
#header ul {
	list-style:none;
	margin:8px 0 0 0;
	padding:0;
	float:right;
	height:45px;
}
#header ul li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
	display:block;
}
#header ul li a:link, #header ul li a:visited {
	display:block;
	height:45px;
	line-height:45px;
	padding:0 19px;
	font-size:12px;
	font-weight:700;
	color:#CDCDCD;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul li a:hover, #header ul li a:active {
	color:#FFF;
	background-color:#333;
}
#header ul li ul {
	position:absolute;
	top:45px;
	left:-99999px;
	background-color:#464646;
	width:175px;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}
#header ul li:hover ul {
	left:0px;	
}
#header ul li ul li {
	float:none;
}
#header ul li ul li a:link, #header ul li ul li a:visited {
	display:block;
	height:30px;
	line-height:30px;
	padding:0 19px;
	font-size:12px;
	font-weight:400;
	color:#CDCDCD;
	text-transform:none;
}
#header ul li ul li a:hover, #header ul li ul li a:active {
	color:#FFF;
	background-color:#333;
}
#contributors-grid {
	position:absolute;
	top:53px;
	right:0px;
	z-index:100000000000;
	display:none;
	width:450px;
	padding:25px 0 0 25px;
	background-color:#333;
}
#contributors-grid a:link, #contributors-grid a:visited {
	display:block;
	width:64px;
	text-align:center;
	font-size:11px;
	font-weight:400;
	color:#FFF;
	height:125px;
	margin:0 45px 0 0;
	float:left;
	opacity:0.75;
}
#contributors-grid a:hover, #contributors-grid a:active {
	opacity:1.0;
}
/* ----- Sub-Header ----- */
#sub-header {
	width:1000px;	
	height:90px;
	margin:0 auto;
	position:relative;
}
#sub-header .tagline {
	position:absolute;
	top:25px;
	left:112px;
}
#sub-header ul.social {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:29px;
	left:612px;
}
#sub-header ul.social li {
	margin:0 16px 0 0;
	padding:0;
	float:left;
}
#sub-header ul.social li a:link, #sub-header ul.social li a:visited {
	opacity:0.77;	
}
#sub-header ul.social li a:hover, #sub-header ul.social li a:active {
	opacity:1.0;
}
#sub-header #searchform {
	position:absolute;
	top:29px;
	right:0px;
	width:195px;
	height:30px;
	border:1px solid #929392;
}
#sub-header #s {
	color:#929392;
	font-size:13px;
	border:none;
	width:148px;
	height:30px;
	line-height:30px;
	padding:0 9px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300italic;
	float:left;
	background:none;
	font-style:italic;
}
#sub-header #searchsubmit {
	float:left;
	margin:4px 0 0 0;
	padding:0;
	display:block;
	cursor:pointer;
	border:none;
	background:none;
}
#sub-header #searchform .active {
	
}
/* ----- Content ----- */
#content {
	width:1000px;
	margin:0 auto;
	padding:10px 0 50px 0;
	font-size:13px;
	position:relative;
}
#content .main {
	width:675px;
	margin-right:65px;
	float:left;	
	/*border-top:8px solid #22394A;*/
}
#content .main h2 {
	color:#005178;
	font-size:24px;
	line-height:32px;
	margin:0 0 30px 0;
	padding:0;	
}
#content .main h2 span {
	display:inline-block;
	margin:0;
	padding:0;
	text-transform:uppercase;
	color:#999;
	font-size:11px;	
	font-weight:400;
}
#content .main h3 {
	color:#333;
	font-size:18px;
	line-height:24px;
	margin:0 0 25px 0;
	padding:0;	
}
#content .main h4 {
	color:#333;
	font-size:15px;
	line-height:18px;
	margin:0 0 20px 0;
	padding:0;	
}
#content .main h5 {
	color:#333;
	font-size:13px;
	line-height:17px;
	margin:0 0 15px 0;
	padding:0;
	font-weight:600;	
}
#content .main p {
	line-height:1.8;
	margin:0 0 25px 0;
	padding:0;	
}
#content .main ul, #content .main ol {
	margin:0 0 25px 10px;
	padding:0 0 0 10px;
}
#content .main a:link, #content .main a:visited {
	color:#005178;	
}
#content .main a:hover, #content .main a:active {
	
}
#content .main a.screencap {
	display:block;
	margin:0 42px 0 0;
	width:125px;
	max-width:125px;
	height:180px;
	padding:0;
	float:left;	
	line-height:1.4;
}
#content .main a.screencap img {
	display:block;
	margin:0;
	padding:0;
	text-align:center;	
}
#content hr {
	color:#CCC;
	background-color:#CCC;
	height:1px;
	line-height:1px;
	border:none;
	width:100%;	
}
/* ----- Blog Specific Styles ----- */
#content .main .title {
	
}
#content .main .title h2 {
	margin-bottom:5px;
}
#content .main .title h3 {
	margin-bottom:10px;
}
#content .main .title cite {
	margin-bottom:10px;
	display:block;
}
/* ----- Sidebar ----- */
#sidebar {
	width:220px;
	padding:20px;
	float:left;
	font-size:12px;
	background:url(images/bg_banner.png) repeat;
	color:#FFF;	
}
#sidebar h3 {
	color:#FFF;
	font-size:20px;
	line-height:24px;
	margin:0 0 10px 0;
	padding:0;	
}
#sidebar h4 {
	color:#FFF;
	font-size:15px;
	line-height:18px;
	margin:0 0 5px 0;
	padding:0;	
}
#sidebar .widget {
	border-bottom:1px solid #FFF;
	padding-bottom:20px;
	margin-bottom:20px;
}
#sidebar .widget ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar .widget ul li {
	margin:0 0 5px 0;
	padding:0;
}
#sidebar .widget ul li span {
	display:block;
	margin:0;
	padding:0;
	font-size:10px;
	color:#AAA;	
}
#sidebar a:link, #sidebar a:visited {
	color:#CCC;
}
#sidebar a:hover, #sidebar a:active {
	color:#FFF;
}

/* ----- Simple Social Media Buttons ----- */
.ssba-container {

}

/* ----- Featured Video ----- */
.feature-video-link {
	color: #005178;
}

/* ----- Rotator ----- */
#banner-wrap {
	width:100%;
	height:327px;
	min-height:327px;
	max-height:327px;
	background:url(images/bg_banner.png) repeat top left;	
}
#banner {
	width:1000px;
	margin:0 auto;	
}
#banner #cycle {
	width:692px;
	height:327px;
	margin:0 23px 0 0;
	float:left;	
}
#cycler {
	float:left;
	width:490px;
	height:327px;
	display:block;
	overflow:hidden;
}
#external-cycle-pager {
	float:left;
	width:202px;
	height:327px;
	background-color:rgba(255,255,255,0.61);
}
#external-cycle-pager .article-teaser {
	padding:15px 20px;
	width:162px;	
	border-bottom:1px solid #869cab;
	cursor:pointer;
	height:78px;
    overflow: hidden;
}
#external-cycle-pager .article-teaser .article-title {
	color:#22394a;
	text-transform:uppercase;
	font-size:12px;
	line-height:16px;
	margin:0 0 5px 0;
	padding:0;
	font-weight:700;
}
#external-cycle-pager .article-teaser .article-content {
	font-size:10px;
	line-height:1.3;
	margin:0;
	padding:0;
}
#external-cycle-pager .cycle-pager-active {
	background-color:#2a6387;
}
#banner #external-cycle-pager .cycle-pager-active .article-title, #banner #external-cycle-pager .cycle-pager-active .article-content {
	color:#FFF;
}
/* ----- Newsletter Hookup / Promo ----- */
#banner .newsline {
	width:285px;
	margin:15px 0 0 0;
	float:left;	
}
#banner .newsline h2 {
	font-size:24px;
	line-height:32px;
	font-weight:700;
	color:#FFF;
	margin:0 0 10px 0;
	padding:0;
}
#banner .newsline p {
	color:#FFF;
	font-size:11px;
	line-height:1.5;
	margin:0 0 15px 0;
}
form.mailchimp {
	width:100%;
	height:30px;
	border:2px solid #FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:rgba(255,255,255,0.15);
	margin-bottom:25px;
}
form.mailchimp .txt {
	border:none;
	background:none;
	line-height:30px;
	height:30px;
	margin-right:5px;
	padding:0 10px;
	width:240px;
	float:left;
	color:#d4d9dc;
	font-size:11px;
	font-style:italic;
}
form.mailchimp .img {
	float:left;	
	margin:8px 0 0 0;
	padding:0;
	cursor:pointer;
	border:none;
	background:none;
}
/* ----- Home Page Columns----- */
#content .col {
	float:left;	
	margin-right:30px;
}
#content .left {
	width:366px;	
}
#content .mid {
	width:287px;
}
#content .right {
	width:287px;
	margin-right:0px;
}
#content .col.right {
    float: right;
}

#content .post {
	border-top:8px solid #22394A;
	padding-top:10px;
	margin-bottom:30px;	
}
#content .post h3 {
	font-size:18px;
	line-height:24px;
	color:#22394a;
	font-weight:700;
	margin:0 0 3px 0;
	padding:0;
}
#content .post h3 a {
	color:#22394A;
}
#content .post cite {
	display:block;
	margin:0 0 8px 0;
	padding:0;
	color:#6b7a85;
	font-size:11px;
	font-weight:400;
}
#content .post img {
	float:left;
	margin:0 15px 10px 0;
	padding:0;	
}
#content .post p {
	color:#464646;
	font-size:12px;
	line-height:1.7;
}
#content .post a:link, #content .post a:visited {
	color:#22394A;
}
#content .post a:hover, #content .post a:active {
	
}
#content .single-post {
	font-family: 'Vollkorn', serif;
	font-weight:400;
}
#content .single-post strong, #content .single-post h2 {
	font-weight:700;
}
#content .single-post h2 {
	font-size:32px;
	line-height:48px;
}
#content .single-post h3 {
	font-size:24px;
	line-height:32px;
	font-weight:400;
}
#content .single-post h4 {
	font-size:18px;
	line-height:24px;
}
#content .single-post cite {
	font-size:16px;
	line-height:22px;
}
#content .single-post cite a {
	font-weight:400;
}
#content .single-post p, #content .single-post ul, #content .single-post ol {
	font-size:17px;
}
#content .sponsored {
	background-color:rgba(43,100,133,0.15);
	padding-left: 10px;
	padding-right: 10px;	
}
.sponsored-by {
	color: #a4772c;
	margin-bottom: 10px;
}

#content .contributors {
	color:white;
	background-color:#9E7028;
	width:247px;
	padding:0px 20px 0px 20px;
    text-align: left;
}
#content .contributors h3 {
	font-size:20px;
	line-height:28px;
	margin:0 0 10px 0;
}
#content .contributor {
	border-top:1px solid #bfa171;
	padding-top:20px;
	margin-bottom:10px;	
}
#content .contributor a.contributor-name-link {
    color:white;
}
#content .contributor h4 {
	line-height:18px;
	font-size:14px;
	font-weight:700;
	margin:0 0 5px 0;
	padding:0;
}
#content .contributor img {
	float:left;
	margin:0 10px 10px 0;
	padding:0;	
}
#content .contributor ul {
	list-style:none;
	margin:0;
	padding:0;
}
#content .contributor ul li {
	margin:0;
	padding:0;
}
#content .contributor ul li a:link, #content .contributor ul li a:visited {
	color:#FFF;
	font-size:11px;
	line-height:14px;
	font-weight:400;
}
#content .contributor ul li a:hover, #content .contributor ul li a:active {
	
}
#content .upcoming-events {
	border-top:8px solid #22394A;
	padding-top:10px;
	margin-bottom:30px;	
}
#content .upcoming-events h3 {
	color:#22394a;
	font-weight:700;
	font-size:20px;
	line-height:28px;
	margin:0 0 10px 0;
	padding:0;
	position:relative;
	display:block;
}
#content .upcoming-events h3 a:link, #content .upcoming-events h3 a:visited {
	display:inline-block;
	font-size:10px;
	line-height:14px;
	color:#999;
	font-weight:400;
	float:right;
	margin:7px 5px 0 0;
	padding:0 12px 0 0; 
	background:url(images/bg_cal_link.png) no-repeat right 3px;
}
#content .upcoming-events h3 a:hover, #content .upcoming-events h3 a:active {
}
#content .upcoming-events ul {
	margin:0;
	padding:0;
	list-style:none;
}
#content .upcoming-events ul li {
	margin:0 0 10px 0;
	padding:0;
}
#content .upcoming-events ul li a:link, #content .upcoming-events ul li a:visited {
	font-size:13px;
	font-weight:400;
	color:#22394a;
	text-decoration:none;
}
#content .upcoming-events ul li a:hover, #content .upcoming-events ul li a:active {
	text-decoration:underline;
}
#content a.callout:link, #content a.callout:visited {
	display:block;
	margin-bottom:30px;
	width:257px;
	padding:10px 15px;
	background-color:#2a6387;
	color:#FFF;
	font-size:24px;
	font-weight:700;
	text-decoration:none;
}
#content a.callout:hover, #content a.callout:active {
	text-decoration:none;
}
#content a.callout:link span, #content a.callout:visited span {
	display:block;
	font-size:13px;
	line-height:13px;
	font-weight:400;
	opacity:0.64;
	margin:4px 0;
	vertical-align:top;
}
#content a.callout:hover span, #content a.callout:active span {
	opacity:1.00;
}
#content a.alt:link, #content a.alt:visited, #content a.alt:hover, #content a.alt:active {
	background-color:#22394a;	
}

/* ----- Single.php ----- */
.single-content-container {
	margin:30px 0px;
}

/* ----- Footer ----- */
#footer-wrap {
	width:100%;	
	background:url(images/bg_body.png) repeat-x top left #464646;
}
#footer {
	width:1000px;
	height:213px;
	margin:0 auto;
}
#footer .col {
	float:left;
	margin-right:85px;
	padding-top:30px;
}
#footer .last {
	margin-right:0;	
}
#footer .col ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer .col ul li {
	margin:0 0 10px 0;
	padding:0;
}
#footer .col ul li a:link, #footer .col ul li a:visited {
	font-size:14px;
	line-height:18px;
	font-weight:700;
	color:#DDD;
	text-transform:uppercase;
	text-decoration:none;
}
#footer .col ul li a:hover, #footer .col ul li a:active {
	color:#FFF;
}
#footer ul.social {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}
#footer ul.social li {
	margin:0 16px 0 0;
	padding:0;
	float:left;
}
#footer ul.social li a:link, #footer ul.social li a:visited {
	opacity:1.0;
}
#footer ul.social li a:hover, #footer ul.social li a:active {
	opacity:0.8;
}
#footer p {
	color:#FFF;
	font-size:11px;
	line-height:1.5;
	text-align:center;
	margin-bottom:25px;
}
#footer p a:link, #footer p a:visited {
	color:#FFF;
	text-decoration:underline;
}
#footer p a:hover, #footer p a:active {
	color:#DDD;
}
#footer span {
	color:#979797;
	font-size:10px;
	line-height:1.5;
	text-align:center;
	display:block;	
}
#footer span a:link, #footer span a:visited {
	color:#979797;
	text-decoration:none;
}
#footer span a:hover, #footer span a:active {
	text-decoration:underline;
}
#footer a.lifeline:link, #footer a.lifeline:visited {
	display:block;
	opacity:0.56;
	margin-top:20px;
}
#footer a.lifeline:hover, #footer a.lifeline:active {
	opacity:1.0;
}
#footer-wrap #footer div#powered_by_newsline {
	display:none;
	margin-top: 10px;
}

/* ARCHIVE */
#content .teaser {
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
	padding-bottom:15px;	
}
#content .teaser h3 {
	margin:0;
	padding:0;
	line-height:1.5;
}
#content .teaser cite {
	display:block;
	margin:0 0 5px 0;
	padding:0;
	color:#999;	
	font-size:11px;
}
#content .teaser p {
	margin:0;
	padding:0;
	font-size:12px;
}
#middle-column .middle-column-widget {
	padding-bottom: 5px;
    text-align: center;
    width: 287px;
    margin: 0 auto;
}
#author-header img.avatar {
	height:250px;
	width:auto;
}
#content .featured-image-container {
	position:relative;
	margin-bottom:20px;
}
#content .featured-image-container img {
	width:100%;
}
/* ----- Clearer Div ----- */
div.clearer { clear:both; height:1px; }
/* ----- Last Minute Style Adjustments ----- */
#content a.add-additional-attendee-lnk, #content a.additional-attendee-lnk {
	cursor:pointer;
}
#add-additional-attendee-1 {
	padding:0px;
}
#content #invoice_download_link {
	line-height:21px;
	display:inline-block;
	padding-left:23px;
	color:#DE4830;
	font-weight:bold;
	font-size:15px;
	background:url(images/pdf_icon.png) no-repeat top left;
}

#hamburger-icon {
	display:none;
}
#hamburger_menu {
	display:none;
}
#hamburger_menu ul {
	list-style:none;
	width:100%;
}
#hamburger_menu ul li {
	display:block;
	width:100%;
	list-style:none;
}

.hotel-information-container {
	margin-bottom:20px;
}
.hotel-information {
	/* text-align:center; */
}

#mc_embed_signup.footer-mailchimp {
	background:none;
}

/* Wordpress Comments */
div.reply .comment-reply-link {
	position:inherit;
	display:inline-block;
}
form#commentform input#email {
	float:none;
}

@media (min-width: 1000px) {
	/* ----- Navigation ---- */
	
}
@media (max-width: 999px) {
	#content .main {
		/* margin:0 25px; */
		width:90%;
		margin:0 auto;
		padding-left:2em;
	}
	div#related-posts-wrapper {
		width:100%;
	}
	#sidebar.non-registration {
		display:none;
	}
	#hamburger-icon {
		display: block;
	}
	body {
		width:100%;	
	}
	#header, #sub-header, #banner, #content, #footer {
		width:100%;
		margin:0;
		z-index:0;
	}
	#header #nav-links {
		display:none;	
	}
	#head-wrap #header h1 {
		left:10px;	
	}
	#sub-header img.tagline {
		display:none;	
	}
	#sub-header #searchform {
		right:10px;	
	}
	body #sub-header ul.social {
		left:110px;
		width:200px;
	}
	#sub-header ul.social li {
			
	}
	#banner-wrap #banner #cycle {
		margin:0 auto;	
		float:none;
	}
	#banner-wrap #banner .newsline {
		display:none;	
	}
	#content div.left, #content div.mid {
		width:40%;
		padding:0 2em;
		margin-right:0;
		float:left;	
	}
	#footer-wrap #footer div.outer {
		width:261px;
		/*padding:30px 2em 0 2em;*/
		margin:0;
	}
	#footer-wrap #footer div.middle {
		display:none;
	}
	#footer-wrap #footer div.last {
		display:none;
	}
	#footer-wrap #footer div#powered_by_newsline {
		display:block;
	}
}
@media (max-width: 692px) { 

	div#related-posts-wrapper {
		width:100%;
	}
	/*
	#sidebar :not(.right-sidebar){
		display:none;
	}*/
	
	#sidebar.non-registration {
		display:none;
	}
	
	#hamburger-icon {
		display: block;
	}
	#banner-wrap {
		display:none;	
	}
	body #content div.left, body #content div.mid, body #content div.right {
		width:80%;
		margin:0 auto;
		padding-left:3em;
		float:left;
	}
	#footer-wrap #footer div.first {
		width:40%;
		padding:30px;
	}
	#footer-wrap #footer div.last {
		width:40%;
		padding:30px;
	}
}