/*  
=========================
ALC
=========================
*/


/* GENERAL (APPLIED TO ELEMENTS)
------------------------------------------ */
body {
  font: 100%/1.2 Arial, helvetica, sans-serif;
  margin: .3125em auto;
  max-width: 60em;
  padding-left:  1em;
}
* {
  -webkit-box-sizing: border-box; /* Android <= 2.3, iOS <= 4 */
  -moz-box-sizing: border-box; /* Firefox 1+ */
  box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */
}
h1 {
  color: #212121;
  font-family: 'Lato', sans-serif;
  font-size: 2.25em;
  font-weight: 300;
  letter-spacing: -2px;
  line-height: .975;
}

.nav-main a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.sidebar h5, ul {
	line-height: .1;
}

ul,
ol {
  list-style: none;
}

a {
  color: #1162a4;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0;
}
/* color band for church year
.season h2 {
  color: white;
  background-color: gold;
  padding: 0.5em;
  text-align: center;
}
-------------------------------------------*/

/* HEADER
------------------------------------------ */
/*-- Old Logo
  padding-top: 10px;
  }
-- */  
header {
  padding-top: 5px;
  }
.sub-mast {
/*	width: 16.75em; --*/
  width: 10em;
	padding-bottom: 5px;    
  }
  
.logo {
  margin: 0;
  padding-top: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
  max-width: 100%
}
/* --- Old Logo
.logo {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  max-width: 100%
}
--- */

/* ::: Main Navigation ::: */
.nav-main {
  border-bottom: 1px solid #c7c7c8;
  border-top: 5px solid #019443;
  background-color: #ccffb3;
  margin-top: 0;
  padding: .45em 0 .5em;
}
.nav-main a {
  color: #292929;
  display: inline-block;
  font-size: 1.125em; /* 18px/16px */
}

.nav-main a:hover {
  color: #029443;
  text-decoration: none;
}

.nav-main .current-page,
.nav-main .current-page:hover {
  color: #747474;
  cursor: default;
}


/* MAIN CONTENT
------------------------------------------ */
main > .post:first-child > h1 {
  margin-top: 0.904em;
}

h1 {
  margin-bottom: .4125em;
}

h4 {
	margin-bottom: 0;
}

.service ul, li {
  border: 0px solid white;
  display: block;
  text-align: left;
  line-height: 1.4;
  padding: 0em 1em;
 }

.photo {
  margin-bottom: 2px;
  margin-right: 2px;
  max-width: 100%;
}

.footer p {
  color: #3a3a3a;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.688em;
}

.footer h5 img {
	vertical-align: middle;
}

.footer p small {
  font-size: inherit;
}

th {
	padding-left: 2em;
	text-align: left;
}

.history td {
	padding-left: 1em;
  padding-bottom: 1em;
	text-align: left;
}

.history th {
  padding-left: 1em;
}

/* SIDEBAR
------------------------------------------ */

.sidebar {
  background: #f0f0f0;
  padding: 0.313em 0.625em 0.625em;
}

.sidebar ul, li {
  padding: 0em .2em;
 }

.sidebar img {
  border: 0px solid #bebebe;
  max-width: 100%;
  clear: both;
}
.martin img {
  border: 0px solid #bebebe;
  max-width: 100%;
  clear: both;
}
.martin {
  background: #f0f0f0;
  padding: 0.313em 0.625em 0.625em;
}
.sidebar p {
  color: #101010;
}

.sidebar td {
  text-align: center;
}
/* FOOTER
------------------------------------------ */
footer {
  border-top: 1px solid #cacbcb;
  clear: both;

}
/* small screen 320+
--------------------------------- */
@media only screen and (min-width: 20em) {
	page {
	  margin: .3125em auto;
 	}
  .logo {
    right: 2px;
  } 
	.nav-main li {
		border-left: 1px solid #c8c8c8;
		background-color: #ccffb3;
		display:  inline-block;
		text-align: left;
	}
	.nav-main li:first-child {
		border-left: none;
	}	
	.nav-main li:last-child {
		padding-right: 0;
	}
	.nav-main a {
		display: inline-block;
		font-size: 1em;
		padding: .5em .9em .5em 1em;
	}

}

/* Landscape 480+
------------------------------------------- */
@media only screen and (min-width: 30em) {
	header {
    	position: relative;
	}
	.sub-mast {
		width: 23.75em;
	}
	
	.logo {
		top: 5px;
		right: 50px;
	}
	.nav-main a {
		display: inline-block;
		font-size: 1.125em;
		padding: .5em 1.4em .5em 1.15em;
	}

	.sidebar {
   		padding: 0.313em 0.625em 6.875em;
   	}
}

/* 480-767-only
------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 47.9375em) {
	.sidebar img {
		margin-right: 15px;
	}
	
}

/* 768+
----------------------------------------- */
@media only screen and (min-width: 48em) {
	
	h1 {font-size: 3.25em
	}	

	.sub-mast {
		width: 42.25em;
	}
    footer {
        clear: both;
    }
/* CONTAINERS
------------------------------------------ */
/* Color band for church year
  .season {
    border: 0px solid royalblue;
    float: left;
    width: 100%;
    padding: 0em;
  }
  ----------------------------------------*/
	.service {  
	  padding-bottom: 1.9375em;
    padding-left: 0.3125em;
	}

	.service {
	  float: left;
	  width: 62.5%;
	}

	.sidebar {
	  float: right;
	  margin-top: 1em;
	  width: 31.25%;
	  padding-bottom: 1.9375em;
	}
	.sidebar {
	  padding: 0.313em 0.625em 0.625em;
	}	
  .martin {
	  padding-bottom: 1.9375em;
	  padding-left: 0.3125em;
	  float: left;
	  width: 31.25%;        
  }
	.martinsidebar {
	  float: right;
	  margin-top: 1em;
	  width: 62.5%;
	  padding-bottom: 1.9375em;
	  padding: 0.313em 0.625em 0.625em;
	}  
}
/* html5boilerplate.com Clearfix
--------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}