/*
	*** TABLE OF CONTENTS ***
	--------------------------------------------------------------------------	
	Following the name of each section is -n- and a 3 or 4 digit code, for example
	abc, which you can use find next to skip to the next section.
	--------------------------------------------------------------------------
	
	Desktop Styles - dsk	
	Media Queries = mdq
	
	Header = hdr
	Content = cnt
	Main = main
	Sidebar = sdb
	Footer = ftr
	Home Page = hpg

*/

/* =============================================================================

   Desktop Styles -n- dsk
   
   ========================================================================== */

.oldie body { font-size: 16px; background: url(../img/bg-swoosh.png) no-repeat 50% 100px fixed; }   
#container { max-width: 1060px; margin: 0 auto; padding: 20px 3.77358490566038%; /* 40/1060 */  }
.oldie #container { min-width: 850px; }
#header, #content, #footer {}
#header > .inner, #content, #footer > .inner {}

/* figure and image float alignment */
/* these styles are for ie 8 and below. the styles for modern browsers and devices are in global-and-mobile.css. */
.oldie img.alignleft, figure.alignleft { float: left; margin: .5em 1em 0 0; }
.oldie img.alignright, figure.alignright { float: right; margin: .5em 0 0 1em; }

/* ==|== Header hdr -n- ================================================= */

a#logo {
	position: relative;
	z-index: 2;
	max-width: 200px;
	margin-bottom: 0;
	background: #F2EADD url(../img/bg-noise.jpg);
}
#primary-nav { float: left; width: 100%; margin-top: -79px; padding: 15px 0; }
#primary-nav > ul > li { margin: 0 10px; }
.oldie #primary-nav > ul > li > a { font-size: 16px; }
#primary-nav li.nav-history a { margin-right: 210px; }
#primary-nav li.nav-pastor a { margin-left: 0px; }

/* ==|== Content cnt -n- ================================================ */
.post-excerpt, .search-result header + div { overflow: hidden; }  /* remove this if you want the text to wrap around post thumbnail */

/* ==|== Main main -n- ================================================== */
#main {  float: left; width: 66.0377358490566%; /* 700/1060 */ }

/* ==|== Sidebar sdb -n- ================================================ */
#sidebar { float: right; width: 30.18867924528302%; /* 320/1060 */ margin-top: 1.1em; border: none; }
.oldie .home #main { float: none; width: 100%; }
.oldie .home #sidebar { float: none; width: 100%; }
.oldie .home #sidebar .widget { float: left; width: 30.75471698113208%; margin-right: 3.77358490566038%; }
.oldie .home #sidebar .widget.widget-last { margin-right: 0; }

/* ==|== Footer ftr -n- ================================================= */
#footer { clear: both; }
#footer-nav ul li a { font-size: 16px; }

/* ==|== Home Page hpg -n- =================================================== */
.home #home-main { float: none; width: 100%; }
.home #text { float: left; width: 42.45283018867925%; /* 450/1060 */ } 
.home #slider { float: right; width: 53.77358490566038%; /* 570/1060 */ margin: 21px 4px 0 0; }

/* ==========================================================================
   
   Mobile Media Queries -n- mdq
   
   ========================================================================== */

@media screen and (min-width: 935px) {
	a#logo {	max-width: 225px; }
	#primary-nav { margin-top: -81px; padding: 15px 0; }
	#primary-nav > ul > li { margin: 0 13px; }
	#primary-nav > ul > li > a { font-size: 15px; }
	#primary-nav li.nav-history a { margin-right: 235px; }
}

@media screen and (min-width: 970px) {
	a#logo {	max-width: 225px; }
	#primary-nav > ul > li { margin: 0 13px; }
	#primary-nav > ul > li > a { font-size: 16px; }
	#primary-nav li.nav-history a { margin-right: 235px; }
}

@media screen and (min-width: 1030px) {
	a#logo {	max-width: 275px; }
	#primary-nav { margin-top: -100px; padding: 22px 0; }
	#primary-nav > ul > li { margin: 0 13px; }
	#primary-nav li.nav-history a { margin-right: 285px; }
}

@media screen and (min-width: 1110px) {
	a#logo {	max-width: 310px; }
	#primary-nav { margin-top: -108px; padding: 25px 0; }
	#primary-nav > ul > li { margin: 0 17px; }
	#primary-nav li.nav-history a { margin-right: 320px; }
}