/* GLOBAL STYLES
-------------------------------------------------- */
* {
	margin:0;padding:0;
}
html, body {
	height: 100%;
	font-family: Open Sans;
	font-size: 1em;
	background-color:#e9e9e9;
	padding:0px;
}
body{
	padding-top:34px;
}

h1, h2, h3, h4, h5, h6 {
	color: #003366;
	font-family: 'Federo';
	font-weight:normal;
}
p img {
	margin-right: 10px;
}
a, a:hover, a:focus{
	color:#003366;
}
/*hide edit icon on frontend*/
.icons{
	display:none;
}
.readmore-link{
	background:none;
	padding:0;
}
/*intro photos*/
.item-image{
	max-width:50%;
	margin-right: 10px;
}
.item-image img {
	border-radius:5px;
}
/* CONTACT FORM
-------------------------------------------------- */
.contact-responsive h3, legend{
	display:none;
}
.contact-form {
	margin-top:-40px;
}
.form-horizontal .controls {
	margin-left: 100px;
}
.form-horizontal .control-label {
	width: 80px;
}
input, textarea, .uneditable-input {
	width: 90%;
}
.form-horizontal .form-actions {
	padding:0;
	background:none;
	position:relative;
	left:45%;
	margin-top:-20px;
	width:100px;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.nav {
	font-family: 'Federo';
	font-size:1.15em;
}
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	margin-top: 20px;
}
/* Remove border and change up box shadow for more contrast */
.navbar .navbar-inner {
	border:0;
	background-color:#003366;
	background-image:none;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus,
.nav-collapse .nav>li>a:hover,
.nav-collapse .nav>li>a:focus {
	background-color:#003366;
	box-shadow:none;
	color:#FFFFFF;
	text-decoration: underline;
}
/* Downsize the brand/project name a bit */
.navbar .brand {
	padding: 7px 20px 7px; /* Increase vertical padding to match navbar links */
	font-family: 'Federo';
	text-shadow:none;
	color:#FFFFFF;
}
/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a,
.navbar .nav>li>a:hover,
.navbar .nav>li>a:focus{
	padding: 7px 20px;
	text-shadow:none;
	color:#AAAAAA;
	outline:none;
	font-weight:normal;
}
.navbar .nav>li>a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}
/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar:focus {
	border: none;
    text-shadow: none;
    outline:none;
    height: 34px;
    background: none;
    box-shadow: none;
}
/*Customise the header image*/
.headimage{
	margin-bottom:20px;
}
/*Customize the left vertical menu*/
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus{
	background-color:#003366;
	/* box-shadow:none; */
}
 /* CUSTOMIZE THE LEFT MENU
-------------------------------------------------- */	
.bs-docs-sidenav {
	width:140px;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav.affix {
	/* top: 20px; */
	top: 54px;
}
.bs-docs-sidenav > li > a {
	display: block;
	width: 190px \9;
	margin: 0 0 -1px;
	padding: 8px 14px;
	border: 1px solid #e5e5e5;
	background-color:white;
}
.bs-docs-sidenav > li:first-child > a {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
	position: relative;
	z-index: 2;
	padding: 9px 15px;
	border: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
 /* RANDOM STYLING AND FIXES
-------------------------------------------------- */
div.boxxy, #login-form {
	background-color:#eee;
	border: 2px solid #aaa;
	border-radius:10px;
	padding:0px 10px 10px;
	margin-bottom:10px;
}
 #login-form {
	padding-top: 10px;
}
.items-row {
	margin: 10px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	background-color:#fff;
	border-radius:10px;
	border: 0px solid #aaa;
}
.item-page {
	/* margin: 10px 0px 0px 0px; */
	padding:0px 10px 10px 10px;
	background-color:#fff;
	border-radius:10px;
	border: 0px solid #aaa;
}
.items-row .item {
	padding:0px 10px 0px 10px;
}

.row-0 {
	margin-top: 0px;
}
.page-header{
	margin:0px;
	padding:5px;
	border:0px;
}
.article-info-term, .icon-calendar {
    display: none;
}

/*fix intro page headbutting*/
.introheader:before {
	display: block; 
	content: " "; 
	margin-top: -34px; 
	height: 34px; 
	visibility: hidden;
}
/*prayer letter pages*/
.plwrap{
	max-width: 800px; margin-left: auto; margin-right: auto;
}
.plheader{
	text-align:center;
	background-color:#003366;
	padding: 5px;
    margin-bottom: 10px;
}
.topheader{
	margin-bottom:-10px;
}
.botheader{
	margin-top:-10px;
	margin-bottom:10px;
}
.pltitle{
	float: left; margin: 0px 10px 0px 0px; display: block; padding: 0;
}
.plheader h1,
.plheader h2,
.plheader h3,
.plheader h4,
.plheader h5,
.plheader h6{
	color:#ffffff;
}
.imgcaption{
	text-align:center;
	color:#ffffff;
	background-color:#003366;
	margin: -10px 0 5px 0;
	padding: 5px 0 5px 0;
}
.imgcaption p{
	margin:0;
}
.roundy{
	border-radius:5px;
}
.roundtop{
	border-radius:5px 5px 0 0;
}
.roundbot{
	border-radius:0 0 5px 5px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1200px) {
	.bs-docs-sidenav {
		width:170px;
	}	
}
@media (max-width: 979px) {
	body{
	padding-top:0;
	}
	.container.navbar-wrapper {
		margin-bottom: 0;
		width: auto;
	}
	.navbar-inner {
		border-radius: 0;
		margin: -20px 0;
	}
	.bs-docs-sidenav {
		width:104px;
	}
	.navbar-fixed-top{
		margin-left:0;
		margin-right:0;
	}
	.introheader:before {
	display: none;
	}
}
@media (max-width: 767px) {
	body{
	padding-top:0;
	}
	.navbar-inner {
		margin: -20px 0;
	}
	#mainwrap {
		margin-top: 10px;
	}
	.headimage {
		margin-top:44px;
		margin-bottom:0px;
	}
	
	.bs-docs-sidenav {
		margin-bottom:10px;
		width: auto;
	}
	.bs-docs-sidenav.affix {
		position: static;
		width: auto;
		top: 0;
		margin-bottom:10px;
	}
	.navbar-fixed-top{
		margin-left:0;
		margin-right:0;
	}
	.item-image{
	max-width:100%;
	margin-right: 0px;
	}
}