/* 
*****

Theme Name: Excellent Education for Everyone
Theme URI: http://www.briancarr.com/

CSS Document
structure.css

E3
Version: 3
by Brian Carr
www.briancarr.com


*****
*/

html, body{ height: 100%; }

html { background: #e9ecec url('images/main_bg_pat.png') repeat-x;}
/*body {background: url('images/main_bg_pat.png') #e8ebeb repeat-x;}*/

#container { 
	height: 100%;
	text-align: center;
	}
	
#inner-container {
	text-align: left;
	}


/* 
-----------------------------------------------------------------------------
@group TYPOGRAPHY
----------------------------------------------------------------------------- */


	/* 
	-----------------------------------------------------------------------------
	@group CONTENT TYPOGRAPHY
	----------------------------------------------------------------------------- */
	
	.headline {
		color: #004679;
		font-weight: bold;
		}
	
	.headline_small {
		font-weight: bold;
		font-size: 93%;
		line-height: 138.5;
		}
		
	#content .headline a:visited { color: #004679; }

	
	.featured_date_bold a {
		color: #808080;
		font-weight: bold;
		}

	.featured_date_normal a, 
	join_dicussion a {
		color: #808080;
		}
	
	.featured_date_bold a:hover, 
	.featured_date_normal a:hover,
	.join_dicussion a:hover,
	.featured_date_bold a:active,
	.featured_date_normal a:active {
		color: white;
		}
	
	p { text-align: justify; }
		
	.uppercase { text-transform: uppercase;}
		
	.comment_popup .join_disc a:link { color: #707070; }
	.comment_popup .join_disc a:hover { color: white; }
	
	.comment_popup a:link { color: white; }
	
	.tag_area span, 
	.headlines_glance li a { font-size:90%; line-height: 150%;} /* 12px */
	
	#middle_content h3 { padding: 15px 0 0 15px; }
	
	#middle_content	.headlines_glance h3 {padding: 4px 0 0 0;}
		
	.req { color: #F00; }
	
		

			
			
	/* 
	-----------------------------------------------------------------------------
	@group PAGE TYPOGRAPHY
	----------------------------------------------------------------------------- */
	


	/* 
	-----------------------------------------------------------------------------
	@group FOOTER TYPOGRAPHY
	----------------------------------------------------------------------------- */
	
	.footer_font {font-size: 90%;}
	
	.popular_tags {
		color: #c7c7c7;
		}
	
	.latest_comments_user {
		
		}
	
	.latest_comments_headline {
		
		}


/* 
-----------------------------------------------------------------------------
@group GRAPHICS
----------------------------------------------------------------------------- */

.separator {
	background: url('images/separator_pat.png') repeat-x;
	display: block;
	height: 2px;
	margin: 5px 0 10px 0;
	padding: 0px;
	}
	
.featured_pic img { border: solid 3px #961c1f; }

.scroll_btn {
	position: absolute;
	top: 250px;
	width: 23px;
	height: 23px;
	}

.scroll_btn.up {
	background: url('scroll_up_btn_img.png') no-repeat;
	}

.scroll_btn.down {
	background: url('scroll_down_btn_img.png') no-repeat;
	}
	

/* 
-----------------------------------------------------------------------------
@group WRAPPER
----------------------------------------------------------------------------- */


/* 
-----------------------------------------------------------------------------
@group HEADER
----------------------------------------------------------------------------- */

#header { 
	position: relative; 
	height: 198px;
	}
	
	#header_logo a {
		background: url('images/logo_e3_img.png') no-repeat;
		position: absolute;
		display: block;
		top: 83px;
		width: 227px;
		height: 98px;
		margin: 0 0 0 10px;
		text-indent: -9999em;
		}
		
	#header_intro {
		background: url('images/header_intro_img.png') no-repeat;
		position: absolute;
		display: block;
		top: 90px;
		left: 330px;
		width: 625px;
		height: 98px;
		text-indent: -999em;
		}

	#header .separator {
		background: url('images/separator_pat.png') repeat-x;
		position: relative;
		display: block;
		top: 195px;
		height: 2px;
		}



	/* 
	-----------------------------------------------------------------------------
	@group TOP NAVIGATION
	----------------------------------------------------------------------------- */
	
	#top_nav {
		background: url('images/nav_bg_img.png') no-repeat;
		position: absolute;
		display: block;
		height: 63px;
		}
	
		#top_nav ul {	
			position: absolute;
			display: block;	
			height: 63px;
			text-align: center;
			}
			
		#top_nav ul li{
			}
			
		#top_nav ul li a {
			color: #5f99c9;
			font-weight: bold;
			display: block;
			height: 38px;
			padding-top: 22px;
			}
		
		#top_nav ul li a.donate_nav {
			display: block;
			background: url('images/donate_btn_sprite.png') no-repeat;
			width: 80px;
			height: 40px;
			color:#e6e6e6;
			text-align: center;
			}
			
				#top_nav ul li a.donate_nav_active { 
					background-position:0px -40px;	
					color:#FFF;
					}
		
		#top_nav ul li a:hover, #top_nav ul li a.donate_nav:hover { color: #303030; }
	
		#top_nav .active {
			color: #303030;
			}


			
		/* 
		-----------------------------------------------------------------------------
		@group SEARCH FORM
		----------------------------------------------------------------------------- */
		
		#search_form {
			margin-top: 15px;
			display: inline;
			}
				
		#search_form form input#searchsubmit {
			background: url('images/buttonSearch_img.png') no-repeat;
			border: 0;
			float: right;
			text-align: left;
			color: #FFF;
			width: 57px;
			height: 28px;
			padding: 0px 0 4px 4px;
			margin: 3px 9px 0 0;
			}	

/* 
-----------------------------------------------------------------------------
@group CONTENT
----------------------------------------------------------------------------- */

#content { 
	background: #CCC;
	margin-top: 25px;
	}

	
	/* 
	-----------------------------------------------------------------------------
	@group FEATURED POST NAVIGATION
	----------------------------------------------------------------------------- */
		
	#featured_post_nav {
		position: relative;
		text-transform: uppercase;
		width: 588px;
		height: 40px;
		margin-bottom: 19px;
		}
	
	#featured_post_nav li{
		background:url('images/featured_date_btn_sprite.png') 0 -40px no-repeat;
		position: relative;
		text-align: center;
		width: 109px;
		height: 31px;
		display: inline-block;
		margin-right: 5px;
		padding-top: 9px;
	}
	
		#featured_post_nav li a {
			display: block;
			color: #5f99c9;
			width: 109px;
			height: 31px;
			}
			
		#featured_post_nav li a:hover { color: #303030; }
		
		#featured_post_nav li.feat_active{
			background-position: 0 0;
			}
			
			#featured_post_nav li.feat_active a{
				color: #fff;
				}
	
	#archives_button {
		background:url('images/featured_date_btn_sprite.png') 0 -40px no-repeat;
		color: #5f99c9;
		text-align: center;
		position: absolute;
		display:block;
		top: 0;
		left: 593px;
		width: 107px;
		height: 31px;
		padding-top: 9px;
		}
		

	/* 
	-----------------------------------------------------------------------------
	@group FEATURED POST CONTENT
	-----------------------------------------------------------------------------*/
	#featured_post_content li{
		 display: block;
		 position: relative;
	}
	
	#featured_post_content p {
		margin: 15px 0 0 0;
		}
		
	.featured_pic {
		background: white;
		position: absolute;
		right: 0;
		margin-left:10px;
		width: 380px;
		height:260px;
		}
	
	.tag_area {
		margin-top: 279px;
		color: #707070;
		font-weight: normal;
		text-align: justify;
		}

	/* 
	-----------------------------------------------------------------------------
	@group SINGLE POST CONTENT
	----------------------------------------------------------------------------- */
	
	.post { margin-bottom: 20px; }
		
	
	.post_info {
		background: url('images/articleDate_lbl_bg_img.png') no-repeat;
		width: 293px;
		height: 28px;
		margin: 18px 0 18px 0;
		padding: 8px 0 0 8px;
	}
		
	.post_info_search {
		margin: 18px 0 18px 0;
		}
	
	.navigation {
		margin: 20px auto;
		}
	
	.entry img {
		float:right;
		border: solid 3px #961c1f;
		margin:2em 0 2em 2em;
		}
		
	.alignright {
		float: right;
		margin-bottom: 20px;
		}

	.alignleft {
		float: left;
		margin-bottom: 20px;
		}

	.read_on {
		background: url('images/arrow_img.png') no-repeat;
		background-position:72px;
		width: 80px;
		margin-top: 13px;
		}
		
		.read_on a:link, .read_on a:visited{
			color:#004679; 
			}
	

	/* 
	-----------------------------------------------------------------------------
	@group COMMENTS
	----------------------------------------------------------------------------- */
	
	.comment_popup {
		background: url('images/commentCloud_bg_img.png') no-repeat;
		position: relative;
		display: block;
		height: 41px;
		margin: 20px 0 0 0;
		padding: 3px 0 0 10px;
		}
		
		.comment_popup ul li {
			font-weight: normal;
			display: inline;	
			}
			
		.join_disc { margin-left: 28px; } 
		
		
	#comments ul li:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;	
			}
		
		.comment_alt_content, .comment_content  {
			border: solid 1px #5d5d5d;
				-moz-border-radius: 6px; 
				-webkit-border-radius: 6px;
				}
		
		.comment_content {
			background: #c6d1d2;
			width: 668px;
			padding: 16px 16px;
			}
			
		.comment_alt_content {
			background: #dde3e4;
			width: 668px;
			padding: 16px 16px;
			}	
			
		.gravatar_icon {
			display: block;
			float:left;
			margin-right:10px			
			}
		
		.user_post_data {
			display: inline;
			}

		comment-data {
			display: block;
			}

		
		/* color: #001d32;
		color: #003860;
		color: #4e4d4d; */


	/* 
	-----------------------------------------------------------------------------
	@group SIDE BAR
	----------------------------------------------------------------------------- */
	
	#sidebar {
		}
		
	#twitter_sprite a{	
		display: block;
		background: url('images/twitter_link_sprite.png') no-repeat;
		width: 144px;
		height: 42px;
		margin: 0 0 17px 22px;
		text-indent: -999em;
		}
			#twitter_sprite a:hover{ background-position:0px -42px;}
	
	.side_btn a {
		display: block;
		border: 0px;
		width: 220px;
		height: 46px;
		margin-bottom:12px;
		text-indent: -999em;
		}
		
	.fantasia_ad a {
		background: url('images/side_buttons/fantasia_sbtn.jpg') no-repeat;
		}
	
	.njosa_ad a {
		background: url('images/side_buttons/njosa_sbtn.jpg') no-repeat;
		}
		
	.njosa_myths_ad a {
		background: url('images/side_buttons/osa_myths_sbtn.png') no-repeat;
		margin-top:16px;
		}
						
	#donate_sidebar a {
		background: url('images/donate_2011.png') no-repeat;
		position: relative;
		display: block;
		height: 120px;
		margin: 16px 0 12px 0;
		text-indent: -999em;
		}

	#rally_sidebar a {
		background: url('images/rallySOCDec2011.jpg') no-repeat;
		position: relative;
		display: block;
		height: 120px;
		margin: 16px 0 12px 0;
		text-indent: -999em;
		}
		
	.event_ad a {
		background: url('images/side_buttons/afcSum2011.gif') no-repeat;
		position: relative;
		display: block;
		height: 183px;
		margin: 16px 0 12px 0;
		text-indent: -999em;
		}
					
	/* 
	-----------------------------------------------------------------------------
	@group MIDDLE CONTENT
	----------------------------------------------------------------------------- */
	
	#middle_content_pattern { 
		background: url('images/home_mid_bg_pat.jpg') repeat-x #CCC;
		width: 100%;
		padding-top: 36px;
		}

	#middle_content {
		height: 344px; /* 380 height - 36 padding = 344px */
		}
		
	#middle_content .headlines_glance {
		padding-top: 11px;
		font-weight: bold;
		}
		
		/* 
		-----------------------------------------------------------------------------
		@group HEADLINES AT A GLANCE
		----------------------------------------------------------------------------- */

		.headlines_glance li .separator {
			margin: 8px 0 8px 0;
			}
		
		.headlines_glance ul {
			margin-top: 20px;
			height: 236px;
			overflow: auto;
			overflow-x: hidden;
			position: relative; /* fix for IE to respect overflow */

			}
			
		.headlines_glance strong {letter-spacing: -1px;}
				
		.headlines_glance strong,
		.headlines_glance h1 { color: #303030;}	
		
		.headlines_glance a { display: block; }
				
		/* 
		-----------------------------------------------------------------------------
		@group PROJECTS LIST AND SOCIAL LIST
		----------------------------------------------------------------------------- */
	
		#label_projects {
			background: url('images/mid_label_projects.png') no-repeat;
			color: #e7d2cf;
			width: 379px; /*-15 from 384 due to 15px padding-left*/
			height: 31px;
			margin-left: 8px;
	
			}
		
		#label_social {
			background: url('images/mid_label_social.png') no-repeat;
			color: #e7d2cf;
			width: 209px; /*-15 from 224 due to 15px padding-left*/
			height: 31px;
			margin-left: 8px;
			}
	
		#projects_list,
		#social_list { 
			position: relative;
			display: block;
			margin:0 0 0 8px;
	
			}
						
			#projects_list li,
			#social_list li { 
				text-indent: 8px;
				font-weight: bold;
				background: url('images/separator_pat.png') repeat-x center bottom;
				padding:0 12px 12px 0px;
				margin: 12px 0 8px 8px;
			}
				
			#projects_list li { width: 354px;}
		
			#social_list li { width: 194px;}
			
			#projects_list li em {
				font-weight: normal;
				color: #001d32;
				}
	
			
		#projects_list {
			background: url('images/mid_5col_bg_pat.png') repeat-y;
			width: 384px; 
			}
		
		#social_list {
			background: url('images/mid_3col_bg_pat.png') repeat-y;
			width: 224px; 
			}
	
			#projects_list_bottom,
			#social_list_bottom {
				position: relative;
				height: 6px;
				margin:0 0 0 8px;
				}
				
				#projects_list_bottom { 
					background: url('images/mid_5col_bttm_img.png') no-repeat;
					width: 384px;
					}
				
				#social_list_bottom { 
					background: url('images/mid_3col_bttm_img.png') no-repeat;
					width: 224px; 
					}
		
		#social_list img {
			border: none;
			margin-right: 15px;
			}

		
	/* 
	-----------------------------------------------------------------------------
	@group PAGE
	----------------------------------------------------------------------------- */
	
	/*grid_4 width*/
	.posted_wrap {
		background: url('images/articleDate_lbl_bg_img.png') no-repeat;
		display: block;
		height: 36px;
		}
		
	.page_item {
		
		}
		
	.page_space { margin-top: 30px; }
	
	.board_entry, .board_entry p { margin-top: 15px; }
	
	.board_entry .separator {
		margin: 20px 0 15px 0; 
		}
		
	#archives{}
	
	
	/* 
	-----------------------------------------------------------------------------
	@group SUB NAVIGATION
	----------------------------------------------------------------------------- */
	
		.sub_nav {
			margin: -10px 0 28px 0; 
		}
		
		.sub_nav li{
			display: inline;
			font-weight: bold;
			margin-right: 20px;
		}
		
		.sub_nav .active{
			color: #5f99c9;
		}
	
	
	
	/* 
	-----------------------------------------------------------------------------
	@group DONATION PAGE
	----------------------------------------------------------------------------- */
		
		.pageEntryDonate {
			position: relative;
			color: #3b3b3b;
			text-align: justify;
			margin: 20px 0 30px 0px;
			padding: 0 10px 0 0;
			}
			
			.iconDonate {
				display:block;
				width: 66px;
				height: 64px;
				position: absolute;
				margin: 0;
				padding: 0;
				}
						
			.iconDonate value {
				margin: 10px;
				border: 0px;
				}
						
			.buttonDonate {
				font-weight: bold;
				color: white;
				background-color: #961c1f;
				display:block;
				border: 1px solid #1a1a1a;
				margin: 0 0 15px 0;
				width: 60px;
				height: 50px;
				padding: 0;
				cursor: pointer;
				}
						
			.buttonDonate_hover {
				font-weight: bold;
				color: white;
				background-color: #c2282c;
				display:block;
				border: 1px solid #1a1a1a;
				margin: 0 0 15px 0;
				width: 60px;
				height: 50px;
				padding: 0px;					
				cursor: pointer;					
				}
				
			.buttonDonateLong {
				font-weight: bold;
				color: white;
				background-color: #961c1f;
				display:block;
				border: 1px solid #1a1a1a;
				margin: 0 0 15px 0;
				width: 160px;
				height: 50px;
				padding: 0px;
				cursor:pointer;					
				}
					
			.buttonDonateLong_hover {
				font-weight: bold;
				color: white;
				background-color: #c2282c;
				display:block;
				border: 1px solid #1a1a1a;
				margin: 0 0 15px 0;
				width: 160px;
				height: 50px;
				padding: 0px;
				cursor:pointer;					
				}
					
		.donateText {
			padding: 0;
			margin: 10px 0 10px 0;
			color: #3b3b3b;
			}
		

/* 
-----------------------------------------------------------------------------
@group FORMS
----------------------------------------------------------------------------- */

.xsmall_text_field {
	font-size: 12px;
	background: url('images/entryFieldLight_xsmall_bg_img.png') no-repeat;
	border: 0;
	width: 116px;
	height: 27px;
	padding: 4px 4px 0 9px;
	margin-left: 12px;
	color: #666;	
	}
	
.btn_text {
	background: url('images/buttonSearch_img.png') no-repeat;
	border: 0;
	text-align: center;
	color: #FFF;
	width: 57px;
	height: 28px;
	padding: 0px 0 4px 4px;
	margin: 3px 9px 0 0;
	}

.text_field_3Col {
	background: url('images/entryField_3col_bg_img.png') no-repeat;
	border: 0px;
	width: 217px;
	height: 27px;
	padding: 3px 0 0 8px;
	margin: 5px 0 3px -3px;
	}
	
.text_field_6Col {
	background: url('images/entryField_6col_bg_img.png') no-repeat;
	border: 0px;
	width: 462px;
	height: 27px;
	padding: 3px 0 0 8px;
	margin: 5px 0 3px -3px;
	}
	
.text_area_3col {
	background: url('images/entryFieldTall_6col_bg_img.png') no-repeat;
	border: 0px;
	width: 217px;
	height: 117px;
	padding: 3px 0 0 8px;
	margin-left: -3px;
	}

.footer_button {
	background: url('images/buttonPostSend_bg_img.png') no-repeat;
	border: 0px;
	color: #CCC;
	width: 56px;
	height: 28px;
	float: right;
	margin: 5px -2px 0 0;
	}

form h3 { margin: 8px 0 0 0;}
form h4 { margin: 0 6px 8px 0;}

form {margin-bottom: 20px; }

	/* 
	-----------------------------------------------------------------------------
	@group CONTACT FORM
	----------------------------------------------------------------------------- */




/* 
-----------------------------------------------------------------------------
@group FOOTER
----------------------------------------------------------------------------- */
#footer_container {
	background: url('images/bottom_bg_pat.png') repeat-x bottom #260404;
	width: 100%;
	padding-bottom: 72px;
	}

#footer {
	position: relative;
	text-align: justify;
	width: 960px;
	margin: 0 auto;
	height: 420px;
	color: #e7d2cf;
	}

#footer_content {
	background: url('images/footer_bg_img.png') no-repeat;
	height: 386px;	
	padding: 34px 0 0 0;
	position: absolute;
	margin-top: -19px;
	width: 1012px;
	}
	
	#contact_us_container {
		margin-top: 10px;
		text-align:left;
		color: white; 
		}

	#email_sprite a {	
		display: block;
		background: url('images/buttonEmail_sprite.png') no-repeat;
		width: 223px;
		height: 43px;
		margin: 15px 0 0 0;
		text-indent: -999em;
		}
			#email_sprite a:hover{ background-position:0px -43px;}
		

#footer_content h3 {
	color: #e7d2cf;
	margin:12px 0 16px 0;
	}

#footer a:link {
	color: #5f99c9; 
	}

#footer a:hover {
	color: #e7d2cf; 
	}
	
#footer a:visited {
	color: #CCC;
	}


#footer .separator {
	background: url('images/separatorTrans_pat.png') repeat-x;
	margin: 10px 0 10px 0;
	}

#footer_copyright {
	position: absolute;
	top: 435px;
	margin:0 auto;
	}