/* Print stylesheet */

body {
	font-family: "Spranq eco sans", Arial, Helvetica, Geneva, sans-serif;
	width: auto;
	border: 0;
	margin: 0 5%;
	padding: 0;
	float: none !important;
	background: white;
	font-size: 12pt;
}

#headerContainer {
	position: relative !important;
	display: block;
	width: 100%;
}

#siteTitle h1,
#siteSlogan h2 {
	font-size: 14pt;
}

a, a:visited {
	color: #0000ff;
	text-decoration: none;
}

a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
	text-decoration: none;
}

#main,
#contentContainer #content,
#siteTitle h1,
#siteSlogan h2 {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.25em !important;
}

#absoluteLeft,
#absoluteRight,
#fixedLeft,
#fixedRight,
#gradient,
#searchFunction,
#footerLogo,
.ecName,
#nav,
#nav2,
#headerShadow,
#siteSlogan a,
#siteLogo,
#titleLogo,
#breadcrumb,
#viewUserGuide,
#upperNavigationContainer,
#middleNavigationContainer,
#lowerNavigationContainer,
#navSource,
#blockNav,
#raftNavWrapper,
#headerSpacer,
#footerNav {
	display: none !important;
}

#aside {
	display: block;
	float: none !important;
	width: 100% !important;
	margin: 0;
	margin-bottom: 20px;
	border: 1px dotted #eaeaea;
	position: relative;
	padding: 10px;
}

#footer {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #cccccc;
	width: 100%;
	position: relative;
}
/* @option theme colour settings */

body {
	color: #424242;
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: linear-gradient(top, #FFFFFF, #FFFFFF);
	background-repeat: repeat-x;
}

/* @group Social Bar */

#socialBar {
	color: #EAEAEA;
}

#socialBar a {
	color: #EAEAEA;
}

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

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

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

#socialBar [class^="fa fa-"],
#socialBar a [class^="fa fa-"] {
	color: #FFFFFF;
}

#socialBar [class^="fa fa-"]:hover,
#socialBar a:hover [class^="fa fa-"] {
	color: #B3B3B3;
}

#socialBar [class^="fa fa-"]:active,
#socialBar a:active [class^="fa fa-"] {
	color: #B3B3B3;
}

#socialBarBackground {
	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);
}

/* @end */

a {
	color: #0050DD;
}

a:visited {
	color: #800080;
}

a:hover {
	color: #0050DD;
} 

a:active {
	color: #0050DD;
}

/* 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: #424242;
}

#extraContainer2 {
	color: #FFFFFF;
}

#extraContainer3 {
	color: #424242;
}

#myExtraContent4 {
	color: #424242;
	border: 1px solid #DCDCDC;
	background: #FFFFFF;
}

#extraContainer5 {
	color: #424242;
}

#extraContainer6 {
	color: #424242;
}

#extraContainer7 {
	color: #424242;
}

#extraContainer8 {
	color: #424242;
}

.filesharing-item,
.blog-entry {
	border-bottom: 1px solid #DCDCDC;
}

#blog-categories {
	border-top: 1px solid #DCDCDC;
}

.blog-category-link-enabled {
	border-bottom: 1px solid #DCDCDC;
}

#headerBlock {
	background-color: #171717;
	background-image: -moz-linear-gradient(top, #262626, #171717);
	background-image: -ms-linear-gradient(top, #262626, #171717);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#262626), to(#171717));
	background-image: -webkit-linear-gradient(top, #262626, #171717);
	background-image: -o-linear-gradient(top, #262626, #171717);
	background-image: linear-gradient(top, #262626, #171717);
	background-repeat: repeat-x;
}

#siteTitle h1 a {
	color: #FFFFFF;
}

#siteTitle h1 a:hover {
	color: #CDCDCD;
}

#nav li a,
#nav li a [class^="fa fa-"] {
	color: #999999;
}

#nav li a:hover,
#nav li a:hover [class^="fa fa-"] {	
	color: #FFFFFF;
}

#nav li a.current,
#nav li a.currentAncestor {
	color: #FFFFFF;
	background-color: #3A3A3A;
	*background-color: none;
}

#nav li a.current [class^="fa fa-"],
#nav li a.currentAncestor [class^="fa fa-"] {
	color: #FFFFFF;
}

#siteSlogan h2 {
	color: #000000;
	border-bottom: 1px solid #DCDCDC;
}

#main {
	color: #424242;
}

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

#backToTopWrapper {
	color: #0050DD;
}

#blockNav a,
#blockNav a [class^="fa fa-"] {
	color: #0050DD;
}

#blockNav a:hover,
#blockNav a:hover [class^="fa fa-"] {
	color: #000000;
}

#blockNav a.current,
#blockNav a.currentAncestor,
#blockNav a.current [class^="fa fa-"],
#blockNav a.currentAncestor [class^="fa fa-"] {
	color: #535353;
}

#sidebarTitle h3 {
	color: #000000;
}

#sidebarWrapper {
	color: #535353;
}

#sidebarWrapper a {
	color: #0050DD;
}

#sidebarWrapper a:visted {
	color: #800080;
}

#sidebarWrapper a:hover {
	color: #0050DD;
}

#sidebarWrapper a:active {
	color: #0050DD;
}

#footer {
	border-top: 1px solid #DCDCDC;
}

#footerContent {
	color: #000000;
}

#breadcrumb a {
	color: #0050DD;
}

#breadcrumb a:hover {
	color: #0050DD;
}

/* @group RAFT Navigation */

.raftNavWrapper {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.raftNavTitle h3 {
	color: #333333;
}

.raftNavWrapper .raftNavArrow [class^="fa fa-"] {
	color: #333333;
}

.raftNav ul li a {
	color: #666666;
	border-top: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.raftNav ul li [class^="fa fa-"] {
	color: #666666;
}

.raftNav ul li a:hover {
	color: #666666;
	background: #F3F3F3;
}

.raftNav ul li a:hover [class^="fa fa-"] {
	color: #666666;
}

.raftNav ul li a.current,
.raftNav ul li a.currentAncestor {
	background: #E5E5E5;
	color: #333333;
}

.raftNav ul li a.current [class^="fa fa-"],
.raftNav ul li a.currentAncestor [class^="fa fa-"] {
	color: #333333;
}

/* @end */


		/* @option user-selected background */

#gradient {
	display: none;
}

/* @option user selected socialBar setting */

#socialBar,
#socialBarSpacer {
	display: none;
}

/* @option user-selected title bar position */

#headerContainer {
	position: fixed;
}

#siteTitle h1,
#nav li {
	line-height: 70px;
}

#nav ul ul {
	top: 65px;
}

/* Plus 10px to compensate for shadow */

#headerSpacer {
	height: 80px;
}

/* @option User selected banner border setting */

#myExtraContent4 {
	padding: 6px;
}

/* @option user-selected title and heading font face */

h1, h2, h3, h4, h5, h6,
#siteTitle h1,
#siteSlogan h2,
#sidebarTitle h3,
.blog-entry-title,
.album-title,
.photo-title,
.movie-page-title {
	font-family: Georgia, 'Times New Roman', Times, serif;
}

/* @option user-selected navigation font face */

#nav,
#blockNav {
	font-family: Helvetica, Arial, sans-serif;
}

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

body {
	font-family: Helvetica, Arial, sans-serif;
}

/* @option user-selected font size */

body {
	font-size: 90%;
}

/* @option user-selected navigation position */

/* Uses coded in styles.css */

/* @option user-selected navigation layout setting */

/* On screens less than this width, hide the drop-down menu and use toggle menu instead */
@media screen and (max-width: 700px){
	#nav,
	#blockNav,
	#footerNav {
		display: none;
	}
	
	.raftNavWrapper {
		display: block;
	}
}


/* @option user-selected sidebar position */

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

#aside {
	float: right;
	width: 200px;
}

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

.blackWhiteWidth {
	max-width: 1040px;
}

/* @option User selected RAFT navigation option */

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

.blackWhiteSpacer {
	height: 0px;
	display: none;
}

#siteTitle {
	display: block;
	text-align: center;
}

#aside,
#sidebarContainer {
	float: none;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}

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

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

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


} /* End @media block */

/*
Assuming that a user has turned on "Phone Adaptations" in the theme style settings, this file will be called by RapidWeaver.
*/

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

/* Same styles as 769 stylesheet */

.blackWhiteSpacer {
	height: 0px;
	display: none;
}

#siteTitle {
	display: block;
	text-align: center;
}

#aside,
#sidebarContainer {
	float: none;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}

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

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

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

/* Unique to 569px stylesheet */

#breadcrumb,
#footerNav {
	display: none !important;
}

#footer {
	padding: 5px;
}

#footerContent {
	display: block;
	position: relative;
	text-align: center;
	top: auto;
	right: auto;
}

}  /* End @media block */

/* @user-setting Responsive images */

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

/* @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%;
}

/* @option user-selected theme misc. setting */

#lastUpdated {
	display: inline;
}

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

#footerNav {
	display: inline;
}

#breadcrumb {
	display: none;
}

/* @option user-selected miscellaneous theme style setting */

#backToTopWrapper {
	display: block;
}