/*  
Theme Name: 616 Custom Theme
Theme URI: http://lostgorilla.com/sixonesix/
Description: Super cool 616 student ministries theme for BridgeWay Community Church.
Version: 1.0
Author: Todd Morris
Author URI: http://lostgorilla.com/

*/

* {margin:0px; padding: 0px;}

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 1.5em;
	background-image: url(images/brown_bg.jpg);
	color: #ffffff;
	}
	
a {color: #ffffff; text-decoration: none;}
a:hover {color: #afcb47; text-decoration: underline;}	

#page {width: 706px; margin: 0 auto;}
#headertop {width: 706px; height: 126px; background-image: url(images/headertop_bg.jpg);}
#headerbottom {width: 706px; height: 45px; background-image: url(images/headerbottom_bg.jpg);}
#menu {width: 706px; height: 74px; background-image: url(images/menu_bg.jpg);}
#menu a {color: #012c3e;}
#menu ul {padding-left: 130px; padding-top: 10px; text-align: center;}
#menu li {list-style-type: none; display: inline; font-variant: small-caps;  font-size: 1.4em; padding-right: 40px;}
#wrapper {width: 706px; background-image: url(images/blue_bg.jpg);}

/* footer */

#footer {width: 706px; height: 162px; background-image: url(images/footerbg.jpg); background-repeat: no-repeat;}
#footermenu {width: 275px; float: right; text-align: right; padding: 105px 25px 0 0; font-size: 1.2em; font-variant: small-caps;}
#footermenu p {padding-bottom: .25em;}

/* content */
#contentprogram {padding: 0 20px 20px 20px; font-size: 1.2em; text-align: justify;}
#content {padding: 20px; font-size: 1.2em; text-align: justify;}
#content h2 {font-size: 1.7em; padding-bottom: .5em;}
#content p {padding-bottom: .6em;}
#content li {list-style-type: none;}

/* homepage */

#leftside {width: 327px; padding-right: 13px; padding-left: 12px; float: left;}
#rightside {width: 324px; padding-left: 14px; padding-right: 15px; float: right;}
#sectional {padding-bottom: 25px;}
.suiteback {width: 327px;  background-image: url(images/suitelifebg.jpg); background-repeat: repeat-y;}
.suite {width: 241px; line-spacing:.5em; text-align: justify; padding: 5px 0 20px 40px;}
.highback {width: 324px;  background-image: url(images/highschoolbg.jpg); background-repeat: repeat-y;}
.high {width: 241px; line-spacing:.5em; text-align: justify; padding: 5px 0 5px 40px;}


#sidebar {float: left; width: 150px; margin-left: 25px; padding-top: 20px;}
#sidebar ul {padding-bottom: .25em;}
#sidebar li {list-style-type: none; padding-left: 1em;}
#sidebar h2 {padding: .25em 0 .15em 0; font-size: 1.4em;}
#sidebar h3 {padding: .25em 0 .15em 0; font-size: 1.2em;}
.narrowcolumn {float: right; width: 475px;}

/* Meta */

.postmetadata {width: 70%; margin: 0 auto 15px auto; border: thin dotted #ffffff; padding: 5px;}



/*	Using 'class="alignright"' on an image will (whodda thunk it?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Utilities */
.clearfix {clear: both;}
.thedots {width: 98%; margin: 0 auto; height: 4px; border-bottom: thin dotted #ffffff;}
.spacer {height: 10px; width: 100%;}
.navigation {padding: 15px 0 10px 0; border-top: thin dotted #ffffff;}
.thefaq {padding: 10px 0 10px 0;}