/*
	Based largely on the Smashing HTML5 demo
	by Enrique Ramirez
*/

/* Imports */
@import url("reset.css");


/***** Global *****/
/* Body */
	body {
		background-image: url('../pictures/AtwaterChurchFade.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #FFF;
		color: #000305;
		font-size: 87.5%; /* Base font size: 14px */
		font-family: 'Volkhov', 'Century Schoolbook', serif;
		line-height: 1.429;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headings */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* Anchors */
a {outline: 0;}
a img {border: 0; text-decoration: none;}
a:link, a:visited {
	color: #4444cc;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {
	background-color: #4444cc;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
	 
strong, b {font-weight: bold;}
em, i {font-style: italic;}
	 
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
	

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}
	 
ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}
	 
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}



/* Quotes */
blockquote {font-style: italic;}


/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	 
	/* Tbody */
	tbody td {padding: .5em .4em;}


/* HTMl5 tags */
header, section, footer, aside, nav, article, figure {
	display: block;
}

/***** Layout *****/

.home {clear: both; margin: 0 10px; width: 1000px;}
.body {clear: both; margin: 0; width: 1000px;}

img.right figure.right {float: right; margin: 0 0 2em 2em;}

img.left, figure.left {float: right; margin: 0 0 2em 2em;}


/*
	Header
********/
#banner {
	margin: 0;
	padding: 2.5em 0 0 0;
}

	/* Banner */
	#banner h1 {font-family: lobster, 'lucida handwriting', cursive; font-size: 3.75em; line-height: .6; margin: 0 0 .8em .2em;}
	#banner h1 a:link, #banner h1 a:visited {
		color: #000305;
		display: block;
		font-weight: bold;
		margin: 0 0 .8em .2em;
		text-decoration: none;
		width: 750px;
	}
	#banner h1 a:hover, #banner h1 a:active {
		background: none;
		color: #4444cc;
		text-shadow: none;
	}

	#banner h1 strong {font-size: 0.36em; font-weight: normal;}

/* Main Nav */

#banner nav {

	background: #000305;

	font-size: 1.143em;

	height: 40px;

	line-height: 30px;

	margin: 0 auto 2em auto;

	padding: 0;

	text-align: center;

	width: 1000px;



	border-radius: 5px;
}



#banner nav ul {list-style: none; margin: 0 auto; width: 1000px;}

#banner nav li {float: left; display: inline; margin: 0;}



#banner nav a:link, #banner nav a:visited {

	color: #fff;

	display: inline-block;

	height: 30px;

	padding: 5px 1.5em;

	text-decoration: none;

}

#banner nav a:hover, #banner nav a:active,

#banner nav .active a:link, #banner nav .active a:visited {

	background: #4444cc;

	color: #fff;

	text-shadow: none !important;

}

#banner nav li:first-child a {

	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#banner nav li:nth-child(6) a {
	padding: 5px 0;
}

#assalogo img {
	margin: 0;
	padding: 0;
	height: 95px;
	position: absolute;
	top: 8px;
	left: 545px;
	border-radius: 5px;
}
#bmakclogo img {
	margin: 0;
	padding: 0;
	height: 95px;
	position: absolute;
	top: 8px;
	left: 650px;
	border-radius: 5px;
}
#aassclogo img {
	margin: 0;
	padding: 0;
	height: 95px;
	position: absolute;
	top: 8px;
	left: 811px;
	border-radius: 5px;
}

#bloggericon img {
	margin: 0;
	padding: 0;
	height: 95px;
	position: absolute;
	top: 8px;
	left: 895px;
	border-radius: 5px;
}

a:hover {zoom:1;}