/*
Theme Name: Crossroads Africa
Theme URI: http://www.crossroadsafrica.com
Description: This is a custom theme created by Unattended Media. It uses the Blueprint CSS Framework.
Author: Nathan Barry
Author URI: http://www.unattendedmedia.com

*/

@import 'css/screen.css';

body {
	background: url('img/background.jpg');
	color: #ab8b65;
	margin: 0px;
	padding: 0px;
	}
	
a {
	color: #7d4d19;
	text-decoration: none;
	}
	
a:hover {
	border-bottom: dotted 1px #7d4d19;
	text-decoration: none;
	}
	
h1, h2, h3, h4, h5, h6 {
	color: #7d4d19;
	}		
	
	
	#header {
		background: url('img/calendar.png') no-repeat 600px 0px;
		height: 190px;
		}
		
		#logo h1 a {
			display: block;
			width: 350px;
			height: 125px;
			background: url('img/logo.png');
			text-indent: -9999px;
			}
			
			#logo h1 a:hover {
				background-position: 0px 125px;
				border: none;
				}

	#nav {
		list-style: none;
		}
		
		#nav li {
			float: left;
			border-top: solid 1px #9a5e1b;
			}
			
			#nav li a {
				display: block;
				float: left;
				padding: 5px 15px;
				margin: 5px 15px;
				color: #c0b9a7;
				text-decoration: none;
				}
				
				#nav li a:hover {
					border: none;
					color: #9a5e1b;
					}
				
				#nav li.current_page_item {
					border-top: solid 3px #9a5e1b;
					}


	#home-photo {
		height: 231px;
		background: url('img/photo-background.png');
		margin: 0px auto 20px;
		}
		
		#home-photo img {
			border: solid 5px #402f19;
			margin: 20px;
			}

	#wrapper {
		background: url('img/middle.png') repeat-y;
		}
		
		.wrapper-top {
			height: 60px;
			background: url('img/top.png');
			}
		
		.wrapper-bottom {
			height: 60px;
			background: url('img/bottom.png');
			}
		
	#content {
		
		}
		
	#sidebar {
		
		}

	#footer {
		
		}
		
		
/*-------------Team Page------------------*/
		
.team-thumb {
	display: block;
	width: 152px;
	background: #9a7852;
	float: left;
	margin: 10px;
	text-align: center;
	}
	
	.team-thumb:hover {
		border: none;
		}


	.team-thumb .image {
		display: block;
		width: 130px;
		height: 150px;
		border: solid #463621 5px;
		margin: 5px;
		background: center center;
		}
		
	.team-thumb .name {
		display: block;
		top: 1px;
		}
		
		
.alignright {
	text-align: center;
	}
		
.alignleft {
	text-align: center;
	}
			
.team-nav { /* Left and right nav for team bio pages */
	display: block;
	width: 150px;
	height: 200px;
	border: none;
	}


	.team-nav .image {
		display: block;
		width: 100px;
		height: 125px;
		border: solid #463621 1px;
		margin: 10px 20px 0px;
		background: center center;
		}
		
	.team-nav:hover {
		border: none;
		}	
		
	.team-nav:hover .image {
		width: 140px;
		height: 160px;
		margin: 5px 0px 15px;
		position: relative;
		z-index: 100;
		}
		
	.name { /* Positions the name under the photo */
		position: relative;
		top: -70px;
		font-size: 1.5em;
		}
		
.team-bio .photo {
	display: block;
	float: left;
	margin: 10px;
	background: none;
	}
	
	.team-bio .photo:hover {
		border: none;
		}

	.team-bio .photo .team-bottom {
		background: url('img/team-brush.png') no-repeat;
		width: 290px;
		height: 95px;
		color: #f9f4df;
		position: relative;
		top: -10px;
		text-align: left;
		}


	.team-bio .photo .team-bottom h3 {
		color: #f9f4df;
		padding: 15px 20px 15px 45px;
		font-size: 2em;
		}

	.team-bio .photo .team-bottom a {
		float: left;
		display: block;
		background: #c17014;
		color: #f9f4df;
		padding: 5px 10px;
		margin: -25px 0px 0px 40px;
		}
		
		.team-bio .photo .team-bottom a:hover {
			background: #935611;
			}

	.team-bio .photo .image {
		display: block;
		width: 180px;
		height: 200px;
		border: solid #463621 5px;
		margin: 0px 40px;
		background: center center;
		}		
/*-------------Home Page------------------*/
		
#home-side .team-thumb {
	display: block;
	float: left;
	margin: 10px;
	background: none;
	}
	
	#home-side .team-thumb:hover {
		border: none;
		}


	#home-side .team-thumb .team-bottom {
		background: url('img/team-brush.png');
		width: 300px;
		height: 100px;
		color: #f9f4df;
		position: relative;
		top: -10px;
		text-align: left;
		}


	#home-side .team-thumb .team-bottom h3 {
		color: #f9f4df;
		padding: 15px 20px 15px 45px;
		font-size: 2em;
		}

	#home-side .team-thumb .team-bottom a {
		float: left;
		display: block;
		background: #c17014;
		color: #f9f4df;
		padding: 5px 10px;
		margin: -25px 0px 0px 40px;
		}
		
		#home-side .team-thumb .team-bottom a:hover {
			background: #935611;
			}

	#home-side .team-thumb .image {
		display: block;
		width: 180px;
		height: 200px;
		border: solid #463621 5px;
		margin: 0px 40px;
		background: center center;
		}