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%;
}