/* A list of dividers and elements we do not want printed */
#nav1, #nav2, #nav3, #breadcrumb, #viewUserGuide, .ecName, #logoLeft, #logoRight, .spacer, #headerLogo, #sidebarTop, #sidebarBottom, #topSearchContainer, #middleSearchContainer, #lowerSearchContainer, #contentLogoTop, #contentLogoBottom, #breadcrumbcontainer, #footerNavigationLinks  {
	display: none;
}

#header,
#siteTitle h1,
#siteSlogan h2 {
	display: block;
	position: relative;
	height: auto;
	font-size: 12pt;
}

/* Makes text printer friendly and uses "Eco Sans" font face when available */
#container, #wrapper, #content {
	width: 100%; 
	margin-right: 200px; 
	float: none;
	font: 12pt/1.3em "Spranq eco sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contentContainer #content {
	border: none;
	margin: 0;
	background: none;
}

/* Floats the sidebar left and wraps it inside a box */
#aside {
	display: block;
	margin: 10px;
	padding: 10px;
	float: right;
	width: 180px;
	border: 1px dashed #cccccc;
	overflow: hidden;
	font: 12pt/1.3em "Spranq eco sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#aside .sideHeader h3 {
	line-height: 1.00em;
	font-size: 14pt;
	padding: 0;
	margin: 0;
}

/* Makes links blue */
a, 
a:visited {
	color: #0000ff;
}

/* Prints URL's after links */
a:link:after,
a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

/* Puts padding above the footer */
#footer {
	padding-top: 20px;
}
/* Use this stylesheet for custom CSS code. Any code entered in here is automatically applied to all pages using the theme and can overide default theme code. */
body {
	background-color: #FDEEC2;
	background-image: -moz-linear-gradient(top, #FEEEC3, #FDEEC2);
	background-image: -ms-linear-gradient(top, #FEEEC3, #FDEEC2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FEEEC3), to(#FDEEC2));
	background-image: -webkit-linear-gradient(top, #FEEEC3, #FDEEC2);
	background-image: -o-linear-gradient(top, #FEEEC3, #FDEEC2);
	background-image: linear-gradient(top, #FEEEC3, #FDEEC2);
}

#pageStripe {
	background: #FFFFFF;
}

.nav {
	border-color: #BF3248;
}

a {
	color: #7E7E7E;
}

a:visited {
	color: #7E7E7E;
}

a:hover {
	color: #0080FF;
}

a:active {
	color: #0080FF;
}

/* Prevent Bootstrap buttons inheriting link colours */
a:visited.btn {
	color: #333;
}

a:visited.btn-primary,
a:visited.btn-info,
a:visited.btn-success,
a:visited.btn-warning,
a:visited.btn-danger,
a:visited.btn-inverse {
	color: #fff;
}

h1 {
	color: #000000;
}

h2 {
	color: #000000;
}

h3 {
	color: #000000;
}

h4 {
	color: #000000;
}

h5 {
	color: #000000;
}

h6 {
	color: #000000;
}

#extraContainer1 {
	color: #929292;
}

#extraContainer2 {
	color: #929292;
}

#extraContainer3 {
	color: #929292;
}

#extraContainer4 {
	color: #929292;
}

#extraContainer5 {
	color: #929292;
}

#extraContainer6 {
	color: #929292;
}

#extraContainer7 {
	color: #929292;
}

#extraContainer8 {
	color: #929292;
}

#tagline {
	color: #EAEAEA;
}

#tagline a {
	color: #EAEAEA;
}

#tagline a:visited {
	color: #EAEAEA;
}

#tagline a:hover {
	color: #B3B3B3;
}

#tagline a:active {
	color: #B3B3B3;
}

#tagline a.current,
#tagline a.currentAncestor {
	color: #B3B3B3;
}

#taglineBackground {
	background: #242424;
}

#headerContentBox {
	color: #EAEAEA;
}

#headerBoxBackground {
	background-color: #000000;
	background-image: -moz-linear-gradient(top, #000000, #000000);
	background-image: -ms-linear-gradient(top, #000000, #000000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
	background-image: -webkit-linear-gradient(top, #000000, #000000);
	background-image: -o-linear-gradient(top, #000000, #000000);
	background-image: linear-gradient(top, #000000, #000000);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

#headerContentBox h1,
#headerContentBox h2,
#headerContentBox h3,
#headerContentBox h4,
#headerContentBox h5,
#headerContentBox h6 {
	color: #EAEAEA;
}

#headerContentBox a {
	color: #0080FF;
}

#headerContentBox a:visited {
	color: #0080FF;
}

#headerContentBox a:hover {
	color: #0080FF;
}

#headerContentBox a:active {
	color: #0080FF;
}

.snowNav a {
	color: #000000;
}

.snowNav a:hover {
	color: #0080FF;
}

.snowNav li a.current,
.snowNav li a.current:hover,
.snowNav li a.currentAncestor,
.snowNav li a.currentAncestor:hover {
	color: #000000;
}

.blockNav ul li a {
	color: #D37D04;
}

.blockNav a:hover {
	color: #0080FF;
}

.blockNav li a.current,
.blockNav li a.current:hover,
.blockNav li a.currentAncestor,
.blockNav li a.currentAncestor:hover {
	color: #000000;
}

#siteTitle a {
	color: #C4354F;
}

#siteTitle a:hover {
	color: #333333;
}

#siteSlogan h2 {
	color: #000000;
}

#contentContainer #content {
	color: #222222;
}

[class^="icon-"] {
 	color: #000000;
}

hr {
	border-top-color: #BF3248;
}

h1.blog-entry-title,
h1.blog-entry-title a,
h1.blog-entry-title a:hover {
	color: #000000;
}

#sidebarTitle h3 {
	color: #000000;
}

#aside {
	border-color: #BF3248;
}

#aside #sidebar,
#aside #pluginSidebar {
	color: #929292;
}

#aside #sidebar a,
#pluginSidebar a {
	color: #7E7E7E;
}

#aside #sidebar a:hover,
#pluginSidebar a:hover {
	color: #0080FF;
}

#aside #sidebar a:active,
#pluginSidebar a:active {
	color: #0080FF;
}

#aside #sidebar a:visited,
#pluginSidebar a:visited {
	color: #7E7E7E;
}

#footerContainer {
	border-color: #BF3248;
}

#footer {
	color: #929292;
}

#footer a:link,
#footerNav a {
	color: #929292;
}

#footer a:hover,
#footerNav a:hover {
	color: #0080FF;
}

#footer a:active,
#footerNav a:active {
	color: #0080FF;
}

#headerSidebarContent a {
	color: #7E7E7E;
}

#headerSidebarContent a:hover {
	color: #0080FF;
}

#headerSidebarContent a:active {
	color: #0080FF;
}

#breadcrumbcontainer li, #breadcrumbcontainer {
	color: #000000;
}

#breadcrumb a {
	color: #000000;
}

#breadcrumb a:hover {
	color: #0080FF;
}

#breadcrumb a:active {
	color: #0080FF;
}




/* @group Albums */

.movie-thumbnail-frame img,
.thumbnail-frame img {
	box-shadow: 2px 2px 4px #666666;
  	-moz-box-shadow: 2px 2px 4px #666666;
  	-webkit-box-shadow: 2px 2px 4px #666666;
  	border: 5px solid #FEFEFE;
}

.movie-thumbnail-frame img:hover,
.thumbnail-frame img:hover {
  	border: 5px solid #EFEFEF;
}

.movie-thumbnail-caption,
.thumbnail-caption {
	color: #666666;
}

p.movie-title,
p.photo-title {
	color: #333333;
}

p.photo-caption {
	color: #929292;
}

.photo-links {
	color: #D8D9D7;
	border-top: 3px solid #D8D9D7;
	border-bottom: 3px solid #D8D9D7;
}

.photo-links a {
	color: #7E7E7E;
}

.photo-links a:visited {
	color: #7E7E7E;
}

.photo-links a:hover {
	color: #0080FF;
}

.photo-links a:active {
	color: #0080FF;
}

.movie-frame object,
img.photo-frame {
	box-shadow: 2px 2px 6px #000000;
  	-moz-box-shadow: 2px 2px 6px #000000;
  	-webkit-box-shadow: 2px 2px 6px #000000;
}

.exif-data {
	color: #929292;
	box-shadow: 2px 2px 6px #000000;
  	-moz-box-shadow: 2px 2px 6px #000000;
  	-webkit-box-shadow: 2px 2px 6px #000000;
}

/* @end */

/* @group RAFT Navigation Colours */

.raftNavWrapper {
	border: 1px solid #D37D04;
}

.raftNavTitle h3 {
	background: #E9E9E9;
	color: #3F3F3F;
}

.raftNavWrapper .raftNavArrow [class^="icon-"] {
	color: #3F3F3F;
}

.raftNav a,
.raftNav a:visited {
	background: #FFFFFF;
	color: #777777;
	border-top: 1px solid #D37D04;
}

.raftNav a:hover,
.raftNav a:active,
.raftNav a:focus {
	background: #0080FF;
	color: #FFFFFF;
}

.raftNav a.current {
	color: #3F3F3F;
	background: #E9E9E9;
}

/* @end */


		/* @option user selected body margin setting */

.spacer {
	height: 25px;
}

#tagline,#taglineSpacer{display:none}

/* @option user selected border style setting */

.snowNav {
	border-bottom-style: none;
	border-top-style: none;
}

#footerContainer,
hr,
aside {
	border-top-style: none;
}


/* @option user selected content background setting */

#headerBoxBackground {
	-moz-opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;
}

/* @option user selected heading font setting */

h1, h2, h3, h4, h5, h6,
#siteTitle,
#siteSlogan,
#headerSidebarTitle h3,
.blog-entry-title,
.album-title,
.photo-title,
.movie-page-title {
	font-family: Verdana, Geneva, sans-serif;
}

/* @option user selected content font face setting */

body {
	font-family: 'Times New Roman', Times, serif;
}

/* @option user selected content alignment setting */

#contentContainer #content {
	text-align: left;
}

/* @option user selected font size setting */

body {
	font-size: 100%;
}

/* @option user selected line height setting */

body {
	line-height: 1.75em;
}

/* @option user selected logo position setting */

#logoLeft {
	display: block;
	position: absolute;
	top: 25px;
	left: 25px;
}

/* @option user selected navigation layout setting */

#topNav {
	display: none;
}

#lowerNav {
	display: block;
}

.snowNav li a.current {
	float: left;
	position: absolute;
	left: -20px;
	top: 0;
}

.snowNav li a.currentAncestor {
	float: left;
	position: absolute;
	left: -20px;
	top: 0;
}

/* @option user selected responsive navigation layout */

@media screen and (max-width: 800px) {
	.snowNav {
		display: none;
	}
	
	.raftNavWrapper {
		display: block;
	}
}

/* @option user selected sidebar width and position setting */

#contentContainer #content {	
	margin: 0;
}

#aside {
	display: none;
}

/* @option user selected sidebar alignment setting */

#aside {
	text-align: left;
}

/* @option user-selected theme width setting */

.snowWidth {
	max-width: 840px;
}

/* If "RAFT Tablet Adaptations" is turned on in the theme style settings, this file will be called by RapidWeaver. Feel free to modify any of the rules here and adjust colour settings etc. Some style sets like RAFT navigation are stored in the main style.css file (so these can also be used by non-tablet / mobile devices). */

@media screen and (max-width: 769px) {

.snowSpacer {
	height: 10px;
}

.snowNav,
.bitBorder,
.blockNav {
	display: none;
}

.raftNavWrapper {
	display: block;
	padding: 0;
}

#header {
	margin-bottom: 10px;
}

#aside {
	float: none;
	width: auto;
	clear: both;
	margin: 10px 0;
	padding: 10px 0 0;
}

#contentContainer #content {
	margin-right: 0px;
	margin-left: 0px;
}

#contentIn {
	column-count: 1;
    -moz-column-count: 1;  
    -webkit-column-count: 1;
    column-gap: 0px;
    -moz-column-gap: 0px;  
    -webkit-column-gap: 0px; 
}

#contentContainer {
	padding: 0px;
}

#breadcrumb,
#footerNav {
	display: none;
}

#footerContainer,
#footer,
#lastUpdated {
	display: block;
	text-align: center;
	position: relative;
}

#blog-categories a,
a.blog-archive-link-enabled,
#blog-rss-feeds a {
	display: inline;
	padding-right: 10px;
}

} /* End @media block */

/* If "RAFT Phone Adaptations" is turned on in the theme style settings, this file will be called by RapidWeaver. Feel free to modify any of the rules here and adjust colour settings etc. Some style sets like RAFT navigation are stored in the main style.css file (so these can also be used by non-tablet / mobile devices). */

@media screen and (max-width: 569px) {

row > [class*="span"],
.row-fluid > [class*="span"] {
	float: none;
	display: block;
	width: auto;
	margin: 0;
}

.stacks_div, 
.stacks_left,
.stacks_right,
.stacks_middle,
.stacks_float_left,
.stacks_float_right { 
	float: none !important;
	width: auto !important;
	position: relative !important;
}

#lastUpdated {
	display: none !important;
}

/* These styles are the same as those in the 796.css file, and are provided so that adaptations are still applied, even if tablet adaptations are turned off */

.snowSpacer {
	height: 10px;
}

.snowNav,
.bitBorder,
.blockNav {
	display: none;
}

.raftNavWrapper {
	display: block;
	padding: 0;
}

#header {
	margin-bottom: 10px;
}

#aside {
	float: none;
	width: auto;
	clear: both;
	margin: 10px 0;
	padding: 10px 0 0;
}

#contentContainer #content {
	margin-right: 0px;
	margin-left: 0px;
}

#contentIn {
	column-count: 1;
    -moz-column-count: 1;  
    -webkit-column-count: 1;
    column-gap: 0px;
    -moz-column-gap: 0px;  
    -webkit-column-gap: 0px; 
}

#contentContainer {
	padding: 0px;
}

#breadcrumb,
#footerNav {
	display: none;
}

#footerContainer,
#footer,
#lastUpdated {
	display: block;
	text-align: center;
	position: relative;
}

#blog-categories a,
a.blog-archive-link-enabled,
#blog-rss-feeds a {
	display: inline;
	padding-right: 10px;
}
}  /* End @media block */

/* @user-setting Responsive images */

#contentWrapper img,
#aside img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

/* @option user-selected RAFT setting */

/*
HTML code would be as follows to make video content responsive:

<div class="video">
	<iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
</div>
*/

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}