/*
Theme Name: f1challenge
Description: Theme developed for Restorative Justice Community Action at the Overnight Website Challenge
Version: 0.1
Author: Web Monkeys
Author URI: http://www.overnightwebsitechallenge.com
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	/* @import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	/* @import url('../hybrid/library/css/20px.css'); */
	/* @import url('../hybrid/library/css/21px.css'); */
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */
	/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS */
	/* @import url('../hybrid/library/css/plugins.css'); */

/* Hybrid's default CSS */
	/* @import url('../hybrid/library/css/screen.css'); */

/**
* Body
************************************************/

/* Contains everything */
body {
	font-size: 85%;
	margin: 0;
	padding: 0;
}

	/* Wrapper for everything inside of the body */
	#body-container {
		width: 900px;
		position: relative;
		margin: 0 auto;
		z-index: 5;
	}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link {color: rgb(102,102,102);}
a:visited {color: rgb(102,102,102);}
a:hover {color: rgb(120,32,48);}
a:active {}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: rgb(120,32,48);
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {font-family: Georgia, "Times New Roman", Times, serif;}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {float: left;}
.right, .alignright {float: right;}
.center, .aligncenter {}
.block, .alignnone {}
.clear {clear: both;}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	position: relative;
	height: 125px;
	width: 100%;
}

	/* Contains site title and tagline */
	#header {}

		/* Site title */
		#site-title {}
			#site-title a {}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#navigation {}

	/* Page nav */
	#page-nav {}
		#page-nav ul {}
			#page-nav li {}
				#page-nav li a {}
			#page-nav li.current_page_item {}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	width: 100%;
}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {}

		/* Breadcrumb trail */
		.breadcrumb {}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title, .entry-title a { color:#782030; font-family:Arial,Verdana,Helvetica,sans-serif; text-decoration: none; }
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}
			.entry-content strong { color:#782030; font-family:Arial,Verdana,Helvetica,sans-serif; }

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed { display: none; }

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li  {}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
	width: 100%;
	background: rgb(219,232,196);
}

#footer-container p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: rgb(102,102,102);
	font-size: .8em;
	text-align: center;
	padding: 10px;
	margin-bottom: 0;
	text-transform: capitalize;
}

#footer-container a {
	color: rgb(102,102,102);
	text-decoration: none;
}

#footer-container a:hover {
	text-decoration: underline;
}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}
		
/**
* Custom Items
************************************************/

/*gets rid of dotted line outline on links in firefox*/
a:focus { -moz-outline-style: none; }

/*gets rid of blue line around images*/
img { border-style: none;}

/*clear all*/
.clear {
	clear: both;
}

/* main nav */
.nav {
	height: 30px;
	width: 900px;
	position: absolute;
	left: 0;
	bottom: 28px;
	padding: 0;
	text-align: right;
	z-index: 25;
	background: url(images/navline.jpg) repeat-x bottom;
}
 
.nav ul {
	height: 24px;
	margin: 6px 0 0 0;
	padding: 0;
}
 
.nav ul li {
	letter-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: rgb(120,32,48);
	list-style: none;
	display: block;
	float: right;
	height: 24px;
	font-weight: bold;
	font-size: 14px;
	padding: 0 3px 0px 2px;
	margin: 0;
	vertical-align: middle;
}
 
.nav ul li a {
	text-decoration: none;
	color: rgb(120,32,48);
	margin: 0;
	padding: 0;
}

.nav a:hover, .nav li.active a {
	color: rgb(201,203,205);
	margin: 0;
	padding: 0;
}

.nav li:hover, .nav li.active {
	position: relative;
	background: url(images/navarrow.jpg) no-repeat center bottom;
}

/* logo in header */
.logo {
	height: 69px;
	width: 209px;
	position: absolute;
	left: 0;
	top: 14px;
}

/* tagline in header */
.tagline {
	height: 24px;
	width: 366px;
	position: absolute;
	right: 0;
	top: 45px;
}

/*top user login*/
.logintop {
	height: 13px;
	width: 600px;
	position: relative;
	bottom: 20px;
	left: 0;
	font-size: .8em;
}

/*homepage*/

/*top block*/
.homeitm {
	height: 393px;
	width: 906px;
	position: relative;
	left: -5px;
	z-index: 5;
}

/*top area*/
#slider { height: 263px; }
#slider a { text-decoration: none; color: #000; }

.hometopimg {
	width: 100%;
	height: 263px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
	
	/*white overlay behind text on image*/
	.whiteoverlay {
		width: 636px;
		height: 72px;
		position: absolute;
		top: 161px;
		left: 5px;
		background: url(images/imgoverlay.png) repeat;
		z-index: 20;
	}
	
	/*text on image on whitebg */
	.overlaytxt {
		position: absolute;
		height: 52px;
		width: 460px;
		left: 156px;
		top: 10px;
		z-index: 25;
	}
	.overlaytxt p {
		margin: 0;
		padding: 0;
	}

	/*image on overlay*/
	.overlayimg {
		width: 156px;
		height: 160px;
		z-index: 25;
		position: absolute;
		left: 0;
		top: -55px;
	}
	
/*home donate button*/
.homedonatebtn {
	width: 98px;
	height: 98px;
	top: 214px;
	right: -30px;
	position: absolute;
	z-index: 30;
}
	
/*bottom area*/
	/*left*/
	.homebtmleft {
		width: 305px;
		height: 130px;
		position: absolute;
		bottom: 0;
		left: 0;	
	}
	
	/*middle*/
	.homebtmmiddle {
		width: 300px;
		height: 130px;
		position: absolute;
		bottom: 0;
		left: 305px;
	}
	
	/*right*/
	.homebtmright {
		width: 301px;
		height: 130px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	/*text overlay*/
	.homebtmtxt {
		width: 280px;
		height: 110px;
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: center;
	}
	
	.homebtmtxt h3 {
		font-family: "Arial Black", Arial, sans-serif;
		color: white;
		margin-bottom: 5px;
	}
	
	.homebtmtxt p, .homebtmtxt a {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: white;
	}
	
	.homebtmtxt p {
		font-size: .95em;
	}
	
	.homebtmleft a, .homebtmmiddle a, .homebtmright a {
		text-decoration: none;
	}
	
	.homebtmleft a:hover, .homebtmmiddle a:hover, .homebtmright a:hover {
		text-decoration: underline;
		color: white;
	}
	
/*home content on bottom of page*/
/*wrapper*/
.home-w {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}

	/*left column*/
	.homel {
		float: left;
		width: 290px;
		margin: 0 10px -2000px 0;
		padding-right: 10px;
		border-right: 1px dashed rgb(224, 224, 224);
		padding-bottom: 2000px;
	}
	
	/*middle column*/
	.homem {
		float: left;
		width: 278px;
		margin: 0 10px -2000px 0;
		padding-right: 10px;
		padding-bottom: 2000px;
		border-right: 1px dashed rgb(224, 224, 224);
	}
	
	/*right column*/
	.homer {
		float: left;
		width: 260px;
		padding-bottom: 2000px;
		margin: 0 10px -2000px 10px;
	}
	
	/*header styling*/
	.home-w h4 {
		color: rgb(102,102,51);
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 1.1em;
	}
	
	.home-w h5 {
		color: black;
		font-weight: bold;
		font-size: .95em;
		margin-top: 5px;
		margin-bottom: 3px;
	}
	
	.home-w p {
		margin-top: 5px;
	}
	
	.home-w ul {
		margin-top: 3px;
		padding-left: 20px;
	}
	
/*interior pages*/

/*2 column left*/
.content2cl {
	float: left;
	width: 200px;
}

/*2 column right*/
.content2cr {
	width: 660px;
	margin-left: 220px;
}

/*left navigation area*/
.lnav {
	width: 208px;
	height: auto;
	min-height: 200px;
	position: relative;
	left: -8px;
	top: 0;
	z-index: 10;
	background: url(images/lnavbg.jpg) repeat-y;
}

	/*top image to make rounded corners*/
	.lnavtop {
		width: 208px;
		height: 9px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		background: url(images/lnavtop.jpg) no-repeat;
	}
	
	/*bottom image background with green*/
	.lnavbtm {
		width: 208px;
		height: 133px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 11;
		background: url(images/lnavbtm.jpg) no-repeat;
	}
	
	/*donate button*/
	.lnavdonate {
		width: 98px;
		height: 98px;
		position: absolute;
		bottom: 80px;
		left: -25px;
		z-index: 20;
	}
	
	/*top area for content in left navigation*/
	.lnavtopc {
		width: 180px;
		height: auto;
		padding: 15px 10px 180px 18px;
		z-index: 15;
		position: relative;
	}
	
		/*top navigation in left nav box*/
		.lnavh {
			list-style-image: url(images/lnavbull.jpg);
			list-style-position: inside;
			margin-left: 0;
			padding-left: 0;
		}
		
		.lnavh h3 {
			display: inline;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.lnavh h3 a {
			color: rgb(120,32,48);
			text-decoration: none;
		}
		
		.lnavh ul li a { text-decoration: none; color: #000; }
		
		.lnavh ul li a:hover { color: rgb(108,121,52); }
		
		.lnavtopc li ul {
			list-style: none;
			padding-left: 22px;
			margin-left: 0px;
			margin-top: 0;
		}
		
		.lnavsep {
			height: 1px;
			width: 177px;
			padding-bottom: 10px;
			background: url(images/lnavsep.jpg) no-repeat;
		}
		
		/*did you konw section*/
		.dyk {
			width: 117px;
			height: 112px;
			overflow: hidden;
			color: white;
			position: absolute;
			right: 8px;
			top: 5px;
		}
		
		.dyk p {
			margin-top: 0;
		}

/*text classes*/	
.text9em {
	font-size: .9em;
}

.arialfamily {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}