/*   
Theme Name: AFCY Theme
Theme URI: 
Description: Custom theme for AFCY Project
Author: Aaron Alfred and Matt Wijas
Author URI: http://aaronalfred.com
Version: 1.2
*/

/* Table of Contents
 --- General Styling
 --- Calendar
 --- Backgrounds
 --- Location
 --- Header
 --- Navigation
 --- Drop Down Navigation
 --- Content 
 --- the_post
 --- Sidebar
 --- Menubar 
 --- Footer 
*/

/* --- General Styling --- */
body {	background: url('./lib/images/background-repeat.jpg') center top repeat-y #f2ede0; }
ul { list-style-type: none; }

/* --- Calendar --- */
#calendar_wrapLarge { background-color: #f2ede0; border: 1px solid #000; }
table th { background-color: #a3d2d3; }

/* --- Backgrounds --- */
.home {	background: url('./lib/images/home_bg.jpg') no-repeat top center; }
.sub {	background: url('./lib/images/subpage_bg.jpg') no-repeat top center; }

/* --- Location --- */
#location-tab {
	height: 40px;
}

	#location-tab ul {	list-style-type: none; }
	
		#location-tab ul li {	display: inline; }

/* --- Header --- */
#header {
	height: 260px;
	position: relative;
}

#htitle {
	position: absolute; 
	bottom: 115px;
	right: 406px;
}

#himage {
	position: absolute; 
	bottom: 65px;
	right: 142px;
}

/* --- Navigation --- */
.nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7 {	position: absolute; bottom: 31px;}

.nav1 {	right: 465px; }
.nav2 {	right: 380px; }
.nav3 {	right: 314px; }
.nav4 {	right: 188px; }
.nav5 {	right: 142px; }
.nav6 { right: 86px; }
.nav7 { right: 1px; }

.homebutton { 
	position: absolute; 
	bottom: 167px;
	right: 65px;
}
	a.homebutton {
		color: #000;
		font-size: 1.2em;
	}

/* --- Drop Down Navigation --- */
#ourstory, #programs, #gallery, #involved, #news, #giving, #contact {
	background-color: #e7941c;
	border: 1px solid #d76413;
	padding: 2px;
	position: absolute;
	top: 229px;
	z-index: 9999;
	visibility: hidden;
}

#ourstory { left: 400px; }
#programs { left: 480px; }
#gallery { left: 560px; }
#involved { left: 635px; }
#news { left: 755px; }
#giving { left: 805px; }
#contact { left:860px; }

#header ul li a { text-decoration: none; color: #000; }
#header ul li a:hover { color: #c6d546; text-decoration: none; }

/* --- Content --- */
#content {	min-height: 550px; }

/* --- The Post --- */
.the_post { margin: 0 0 20px 0;}
.the_post h2 { margin: 0 0 5px 0; border-bottom: 1px solid #000; }
.the_post h2 a { text-decoration: none; }
.the_post p { margin: 5px 0 10px 0;}
.the_post p.the_date { font-style: italic; }

/* --- Sidebar --- */
#sidebar {	}

	#sidebar form {
		margin-bottom: 15px;
	}

.widget_sp_image-image-link {
	float: left;
	margin: 0 5px 15px 0;
}

/* --- Menubar --- */
#menubar {	
	background: url('./lib/images/menu.jpg') no-repeat right top;
	padding-top: 100px; 
	margin: -8px 8px 0 -3px;
}

/* --- Footer --- */
#footer {
	background: url('./lib/images/footer_bg.jpg') no-repeat left bottom;
	bottom: -25px;
	height: 299px;
	left: 1px;
	position: relative;
}
	#footer div {	
		position: absolute;
	}

	#footer div.first {
		left: 102px;
		top: 166px;
	}
	
	#footer div.second {
		left: 264px;
		top: 166px;
	}
	
	#footer div.third {
		/*left: 592px;*/
		right: 178px;
		top: 166px;
	}
	
	#footer p.copyright {
		background-color: #58524e;
		color: #fff;
		left: 60px;
		font-size: 10px;
		padding: 2px 4px 2px 4px;
		position: absolute;
		text-align: right;
		top: 277px;
	}
	
		#footer p.copyright a {
			color: #aaf;
			font-size: 12px;
		}
		
			#footer p.copyright a:hover {
				color: #ccf;
			}