/*  
Theme Name: Fusion Student Ministries
Theme URI: http://fusionstudents.info/
Description: A theme for Fusion Student Ministries at Hopewell Christian Fellowship
Version: 1.0
Author: Jason Tremblay
Author URI: http://www.bigbigtech.com/
*/

/* CSS Document */

/* ----------------------------------------------------------------------
 * BASIC STYLES:
 * ---------------------------------------------------------------------- */
html,body {
	/*height: 100%;*/
	}
html,body,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,table,tr,th,td,form,blockquote,p {
	margin: 0;
	border: 0;
	padding: 0;
	}
ol,ul {
	padding-left: 30px;
	}
table {
	border-collapse: collapse;
	empty-cells: show;
	}
th {
	text-align: left;
	font-weight: normal;
	}
th,td {
	line-height: 1em;
	vertical-align: top;
	}
th input, td input {
	margin-right: 5px;
	}
a img {
	border: 0;
	vertical-align: text-bottom;
	}
li a { /* not sure which is best */
	vertical-align: baseline;
	/* vertical-align: bottom; */
	}



/* ----------------------------------------------------------------------
 * TOOLS:
 * ---------------------------------------------------------------------- */
.debug {
	display: none;
	}
.nostyle {
	display: none;
	}
#skipnav {
	display: none;
	}
.allClear {
	clear: both;
	height: 1px;
	}



/* ----------------------------------------------------------------------
 * TYPOGRAPHY:
 * ---------------------------------------------------------------------- */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	}
h1,h2,h3,h4,h5,h6 {
	line-height: 1em;
	}
#Container {
	/* Override in site-specific settings */
	font-size: 1em;
	line-height: 1em;
	}
table,th,td,a {
	font-size: 1em;
	line-height: 1em;
	}
abbr {
	border: none;
	}
code {
	font-family: "Andale Mono", Monaco, monospace;
	}



/* ----------------------------------------------------------------------
 * CENTER THE PAGE:
 * ---------------------------------------------------------------------- */
body {
	text-align: center;
	}
#Container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}


/* ----------------------------------------------------------------------
 * NOW FOR THE SITE-SPECIFIC STYLES:
 * ---------------------------------------------------------------------- */
body {
	background: url('images/body-bg.jpg') left top repeat-x #081448;
	color: #FFF;
	}
#Container {
	position: relative;
	width: 800px;
	margin-top: 40px;
	background: url('images/dashed-curve.gif') 270px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	}


/* ----------------------------------------------------------------------
 * HEADER AREA
 * ---------------------------------------------------------------------- */
#Header {
	position: relative;
	height: 210px;
	background: url('images/header-bg.gif') left top no-repeat;
	}
	#Header h1 {
		position: absolute;
		left: 328px;
		top: 70px;
		width: 474px;
		height: 69px;
		overflow: hidden;
		background: url('images/fusion-students.gif') left top no-repeat;
		}
	#Breakaway56 #Header h1 {
		height: 151px;
		background: url('images/breakaway56-fusion-students.jpg') left top no-repeat;
		}
	#Breakaway56 #Header h1 a {
		height: 75%;
		}
	#Header h1 a {
		display: block;
		height: 100%;
		text-indent: -3000px;
		}
	#Header #Tagline {
		position: absolute;
		left: 328px;
		top: 140px;
		width: 470px;
		height: 24px;
		overflow: hidden;
		background: url('images/tagline.gif') left top no-repeat;
		}
	#Breakaway56 #Tagline {
		display: none;
		}
		#DiversityUnites {
			display: block;
			position: absolute;
			left: 5px;
			top: 0;
			width: 135px;
			height: 100%;
			overflow: hidden;
			text-indent: -3000px;
			}
		#FaithTransforms {
			display: block;
			position: absolute;
			left: 175px;
			top: 0;
			width: 135px;
			height: 100%;
			overflow: hidden;
			text-indent: -3000px;
			}
		#PowerReleased {
			display: block;
			position: absolute;
			left: 340px;
			top: 0;
			width: 125px;
			height: 100%;
			overflow: hidden;
			text-indent: -3000px;
			}
	#Header #Now {
		font-size: 10px;
		color: #6295EB;
		}
	#Header #Now #NowDate {
		display: block;
		position: absolute;
		left: 330px;
		top: 0px;
		width: 200px;
		text-align: left;
		}
	#Header #Now #NowTime {
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 200px;
		text-align: right;
		}
	#Header #Microns {
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 260px;
		height: 2em;
		background: url('images/micron-measure.gif') center 1.25em no-repeat;
		color: #FFFF99;
		text-align: center;
		text-transform: uppercase;
		}


/* ----------------------------------------------------------------------
 * LAYOUT TABLE
 * ---------------------------------------------------------------------- */
.layout {
	width: 100%;
	margin-bottom: 50px;
	}
	.layout .column {
		padding: 1px 0;
		}
	.layout .left {
		width: 295px;
		background: url('images/vertical-dash.gif') 270px 0px repeat-y;
		}
	.layout .right {
		width: 505px;
		}


/* ----------------------------------------------------------------------
 * SIDEBAR AREA
 * ---------------------------------------------------------------------- */
#Sidebar {
	margin-right: 35px;
	}
	#Sidebar .section {
		margin-bottom: 30px;
		color: #FFF;
		font-family: 'Trebuchet MS';
		}
	#Sidebar h2 {
		font-size: 1em;
		text-transform: uppercase;
		}
	#Sidebar ul {
		padding: 0;
		}
	#Sidebar a {
		color: #689CEC;
		}
	#Sidebar #MainMenu {
		margin-right: -11px;
		font-size: 1.5em;
		line-height: 1.333em;
		}
	#MainMenu h2 {
		display: none;
		}
	#MainMenu ul {
		list-style-type: none;
		}
	#MainMenu ul li {
		margin-bottom: 4px;
		padding: 1px 0;
		text-align: center;
		}
	#MainMenu ul li.active {
		background: url('images/mm-active-bg.gif') right top repeat-x #081448;
		}
	#MainMenu ul li a {
		display: block;
		height: 2em;
		overflow: hidden;
		margin-right: 1px;
		padding-right: 10px;
		color: #689CEC;
		font-size: 1em;
		line-height: 30px;
		text-decoration: none;
		text-transform: uppercase;
		/*text-indent: -3000px;*/
		}
	#MainMenu ul li a:hover {
		background-color: #0D1B51;
		}
	#MainMenu ul li.active a {
		color: #FFFF99; /**/
		}
	#Podcast {
		margin: 0 18px;
		border: 1px solid #444;
		padding: 24px;
		background: black url('images/podsignal.gif') left top no-repeat;
		font-size: 1.2em;
		line-height: 1.6em;
		}
	#Podcast h2 {
		margin-bottom: .5em;
		font-size: 2em;
		line-height: 1em;
		font-weight: normal;
		}
	#Podcast ul {
		list-style-type: circle;
		}
	#Podcast li {
		margin-bottom: .4em;
		line-height: 1.2em;
		}
	#Podcast li a {
		color: #FFFF99;
		font-weight: normal;
		}
	#UpcomingEvents { display: none; }
	#ArchivesList { display: none; }

/* ----------------------------------------------------------------------
 * CONTENT AREA
 * ---------------------------------------------------------------------- */
.content-wrapper {
	/*width: 470px;
	/*overflow: hidden; /* Keeps uploaded images from breaking layout (hopefully) */
	padding: 0 0 0 35px;
	color: #6295EB;
	}
#Breakaway56 .content-wrapper {
	margin-top: 25px;
	}
	.content-wrapper a {
		color: #6295EB;
		}
	.content-wrapper .content {
		margin-top: 20px;
		margin-bottom: 30px;
		font-size: 1.2em;
		line-height: 1.6em;
		}
	.collection-items {
		padding: 0;
		list-style-type: none;
		}
	.content-wrapper p {
		margin-bottom: 1.4em;
		}
	/*.content-wrapper li {
		margin: 1.2em 0;
		}*/
	.content-wrapper blockquote {
		margin: 0 20px 1.4em 20px;
		border-left: 1px dashed #1B2F69;
		padding-left: 10px;
		background-color: #0D1B51;
		}
	.content-wrapper code {
		font-family: Courier;
		}
	.content-wrapper strong {
		/*color: #FFF;*/
		}
	
	.navigation {
		clear: both;
		overflow: hidden;
		font-size: 1.2em;
		}
		.navigation .prev {
			float: left;
			}
		.navigation .prev a strong {
			float: left;
			padding: 4px 8px;
			background-color: #6295EB;
			color: #081448;
			font-weight: bold;
			}
		.navigation .next {
			float: right;
			}
		.navigation .next a strong {
			float: right;
			padding: 4px 8px;
			background-color: #6295EB;
			color: #081448;
			font-weight: bold;
			}
		.navigation .prev a:hover strong,
	 	.navigation .next a:hover strong {
			background-color: #FFF;
			}
	
	#TopNav { display: none; }


/* ----------------------------------------------------------------------
 * TEMPLATE : COLLECTION HEADER
 * ---------------------------------------------------------------------- */
.collection-header {
	margin-bottom: 12px;
	padding: 0;
	background: url('images/pageheader-bg.gif') right bottom no-repeat;
	}
	.collection-header h2 {
		display: inline;
		margin: 0;
		border: 0;
		padding: 0 2px 0 0;
		background-color: #081448;
		color: #FFFF99;
		font-size: 1.5em;
		font-weight: normal;
		text-transform: uppercase;
		}
	.collection-header h2 a {
		color: #FFFF99;
		text-decoration: none;
		}

.collection-footer {
	display: none;
	}

/* ----------------------------------------------------------------------
 * TEMPLATE : SINGLE POST
 * ---------------------------------------------------------------------- */
.post {
	clear: both;
	overflow: hidden;
	margin-bottom: 0px;
	}
	.post .header {
		clear: both;
		width: 100%; /* Trigger Layout in IE */
		overflow: hidden;
		margin-bottom: 20px;
		border-top: 1px solid #689CEC;
		border-bottom: 1px solid #689CEC;
		padding: 0px 0 10px 0;
		color: #34539E;
		}
	.post .header a {
		text-decoration: none;
		}
	.post .header a:hover {
		text-decoration: underline;
		}
	.post .header .post-image-thumbnail {
		float: left;
		margin: 10px 10px 10px 0;
		}
	.post .header .title {
		clear: both;
		margin-bottom: 6px;
		padding-top: 8px;
		color: #FFF;
		font-size: 3em;
		font-weight: normal;
		}
	.post .header .title a {
		color: #FFF;
		text-decoration: none;
		}
	.post .header h2.title a:hover {
		text-decoration: underline;
		}
	.post .header strong {
		color: #689CEC;
		font-weight: normal;
		}
	.post .header .reldate {
		display: block;
		float: left;
		margin-bottom: 4px;
		padding-left: 14px;
		background: url('images/date-icon.gif') left center no-repeat;
		}
	.post .header .author {
		display: block;
		float: right;
		margin-bottom: 4px;
		}
	.post .header .date { display: none; }
	.post .header .time { display: none; }
	.post .header .topcategory { display: none; }
	.post .header .editlink { display: none; }
	.post .header .comments { display: none; }
	.post .header .comments-number { display: none; }
	.post .header .comments-link { display: none; }
	.post .header .categories { display: none; }
	
	.post .content {}
		.post img {
			float: left;
			margin-bottom: 20px;
			margin-right: 20px;
			}
		.calendar {
			padding: 0;
			list-style-type: none;
			}
		.calendar .day h3 {
			margin-bottom: .5em;
			color: #FFF;
			font-size: 1.5em;
			}
		.calendar .event {
			font-size: 1.25em;
			line-height: 1.2em;
			}
		#Home .calendar .event .location {
			color: #666;
			}
		#Events h4 a {
			font-size: 1.25em;
			font-weight: normal;
			text-decoration: underline;
		}
		/*
		.eventslist {
			width: 100%;
			padding: 0;
			}
		.eventslist .event th, .eventslist .event td {
			padding-bottom: 20px;
			line-height: 1.4em;
			}
		.eventslist .event th {
			width: 1%;
			padding-right: 14px;
			}
		.eventslist .event th .ev_startdate {
			background: url('images/startdate-bg.gif') center top repeat-x #FFF;
			padding: 0 .4em;
			font-size: 2em;
			line-height: 2.8em;
			font-family: Trebuchet, 'Trebuchet MS';
			font-weight: bold;
			text-align: center;
			}
		.eventslist .event td h3 {
			width: 99%;
			margin: 0;
			padding: 0;
			font-size: 1.4em;
			line-height: 1.4em;
			color: #FFF;
			}
		.eventslist .event td .ev_location {
			margin-bottom: 5px;
			}
		.eventslist .event td blockquote {
			margin-left: 0;
			padding: 5px;
			background-color: #1B2F69;
			font-size: 10px;
			}
		*/
		.mediadump .content {
			text-align: center;
			}
	
	#Comments {
		clear: both;
		margin-bottom: 50px;
		border-top: 5px solid #689CEC;
		background: #1B2F69;
		font-size: 1.2em;
		line-height: 1.6em;	
		}
		#CommentCount {
			margin: 0;
			padding: 10px 15px;
			}
		#Comments ol {
			list-style-type: none;
			padding: 0;
			}
		#Comments li.comment {
			border-top: 0px solid #689CEC;
			padding: 10px 15px;
			}
		#Comments li.even {
			background: url('images/comment-even.gif') left top no-repeat #122259;
			}
		#Comments li.odd {
			background: url('images/comment-odd.gif') left top no-repeat #1B2F69;
			}
		#Comments li.comment p {
			margin-bottom: 8px;
			}
		#CommentFormContainer {
			border-top: 1px solid #689CEC;
			padding: 10px 15px;
			}
		#CommentFormContainer p {
			margin-bottom: 16px;
			}
		#CommentFormContainer textarea {
			width: 99%;
			}
		#UserFields em {
			color: #FFFF99;
			}
	
	.post .footer { display: none; }

/* ----------------------------------------------------------------------
 * TEMPLATE : COLLECTION POSTS
 * use '.summary' or '.headline' to override basic .post
 * ---------------------------------------------------------------------- */
.collection .post {} /* Another way to override */
.summary {
	margin-bottom: 30px;
	}
	.summary .header {}
	.summary .post-image {
		margin-bottom: 12px;
		border-bottom: 1px solid #689CEC;
		}
	.summary .excerpt {
		margin-bottom: 20px;
		font-size: 1.2em;
		line-height: 1.6em;	
		}
	.summary .morelink {
		padding: 4px 8px;
		background-color: #6295EB;
		color: #081448;
		font-weight: bold;
		}
	.summary .morelink:hover {
		background-color: #FFF;
		}
.headline {}
	.headline .header {
		margin-bottom: 15px;
		border-bottom: none;
		}
	.headline .header .post-image {
		display: none;
		}
	.headline .header .title {
		font-size: 2em;
		}
	.headline .header .reldate {
		margin-right: .4em;
		}
	.headline .header .author {
		float: left;
		}
	
	#BottomNav {}


/* ----------------------------------------------------------------------
 * TEMPLATE : PAGE
 * ---------------------------------------------------------------------- */
.page {}
	.page .header {
		margin-bottom: 20px;
		border: none;
		padding: 0;
		background: url('images/pageheader-bg.gif') right bottom no-repeat;
		}
	.page .header .title {
		display: inline;
		margin: 0;
		border: 0;
		padding: 0 2px 0 0;
		background-color: #081448;
		color: #FFFF99;
		font-size: 1.5em;
		font-weight: normal;
		text-transform: uppercase;
		}
	.page .header .title a {
		color: #FFFF99;
		text-decoration: none;
		}
	.page .header .reldate { display: none; }
	.page .header .date { display: none; }
	.page .header .time { display: none; }
	.page .header .author { display: none; }
	.page .header .editlink { display: none; }
	.page .header .comments-number { display: none; }
	.page .header .comments-link { display: none; }
	
	.page .content h3, .page .content h4 {
		margin: 30px 0 4px 0;
		color: #FFFFFF;
		}
	.page .content .callout {}
	.page .content .callout a {
		color: #FFF;
		font-size: 1.8em;
		}
	.page .content img {
		float: left;
		margin-bottom: 20px;
		margin-right: 20px;
		}

	.page .footer .title { display: none; }
	.page .footer .datetime { display: none; }
	.page .footer .author { display: none; }
	.page .footer .editlink { display: none; }
	.page .footer .comments-number { display: none; }
	.page .footer .comments-link { display: none; }


/* ----------------------------------------------------------------------
 * PAGE : STAFF
 * ---------------------------------------------------------------------- */
#Staff .funnyface {
	margin: 0;
	padding: 0;
	}
#Staff .funnyface a { clear: left; float: left; width: 240px; height: 225px; overflow: hidden; margin: 0 10px 10px 0; position: relative; left: -30px; }
#Staff .funnyface a:hover { background-position: -240px 0px; }
#Staff .funnyface a img { display: none; }
#Staff .content,
#Staff .content h3 {
	width: 100%;
	}
#Staff h3 {
	margin-bottom: .5em;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	}
#Staff h3 em,
#Staff h3 a {
	display: block;
	}
#Staff h4 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	}
#Staff h3 em {
	margin: 0;
	color: #999;
	font-size: .5em;
	}
#Staff h3 a {
	font-size: .5em;
	}
#Staff ol {
	margin-bottom: 30px;
	padding-left: 0;
	list-style-type: none;
	}
#Staff ol li strong {
	display: block;
	color: #FFF;
	}
#Staff .allclear {
	clear: both;
	}

/* ----------------------------------------------------------------------
 * PAGE : PHOTOS
 * ---------------------------------------------------------------------- */
.page .content .ssp h3 {
	margin-bottom: 20px;
	}
.thumbnails {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.thumbnails li {
	float: left;
	margin: 0 15px 20px 0;
	padding: 0;
	text-align: center;
	}
.thumbnails li img {
	float: none !important; /* Override normal page image styles */
	margin: 0 !important; /* Override normal page image styles */
	border: 1px solid #34539E;
	border-bottom-width: 3px;
	}
.thumbnails li .title {
	display: block;
	padding-top: 4px;
	}
.thumbnails table {
	width: 102px;
	height: 140px;
	}
.thumbnails td {
	text-align: center;
	vertical-align: top;
	}
.thumbnails th {
	height: 100%;
	text-align: center;
	vertical-align: top;
	}


/* ----------------------------------------------------------------------
 * DISCUSSION (TALK NOW)
 * ---------------------------------------------------------------------- */
.discussion .header {
	border-bottom: none;
	padding-bottom: 0;
	}
.discussion .header .reldate {
	margin-bottom: 8px;
	}
.discussion .header .author {
	margin-bottom: 8px;
	}
.discussion .header .comments {
	clear: both;
	display: block;
	border: 1px solid #34539E;
	padding: 6px 4px;
	background: url('images/dumpedmedia-bg.gif') center center no-repeat #040A26;
	font-size: 2em;
	text-align: center;
	}

/* ----------------------------------------------------------------------
 * FOOTER AREA
 * ---------------------------------------------------------------------- */
#Footer {
	margin-bottom: 20px;
	padding: 0 0 0 330px;
	color: #6295EB;
	line-height: 1.6em;
	text-transform: uppercase;
	}
#Footer a {
	color: #6295EB;
	}
#Footer #Syndication {
	padding-left: 14px;
	background: url('images/rss.gif') left center no-repeat;
	}