@charset "UTF-8";
/* CSS Document */

/*----------------------*/
/*---cpowell css--*/ 
/*----------------------*/

* {
	margin: 0;
	padding: 0;
}

/* this just takes all the borders off of images that are links, so they dont shift anything*/
img, img a, img a:visited, img a:hover,  a:link img, a:visited img , a:hover img {
	background: transparent !important;
	border: none !important;
}

body {
	background:url(../img/background.jpg) -40px 0 no-repeat;
	overflow:scroll;
	font: 11px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS;
	color: #403f3f;
}

#container {
	float: left;
	text-align: left;
	width: 1080px;
	height:auto;
	margin:0px 50px 50px 0px;
}

#left_wrap{
	display:inline;
	float:left;
	width:323px;
	height:800px;
	margin-left:30px;
}

#header{
	background-image:url(../img/afro_logo.png);
	background-repeat:no-repeat;
	display:inline;
	float:left;
	width:324px;
	height:207px;
	margin-bottom:20px;
}

#header a{
	display:inline;
	float:left;
	width:324px;
	height:207px;
	margin-bottom:20px;
	text-indent:-9999999px;
}



#logo_box{
	background-color:#fff;
	display:inline;
	float:left;
	width:280px;
	height:207px;
	margin-left:40px;
	margin-bottom:20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}


#side_bar{
	background-color:#fff;
	display:inline;
	float:left;
	width:280px;
	height:900px;
	margin-left:40px;
	margin-bottom: 10px;
	border-radius: 10px ;
	-moz-border-radius: 10px ;
	-webkit-border-radius: 10px ;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

#navbar{
	background-color:#FFF;
	display:inline;
	float:left;
	width:240px;
	height:600px;
	margin:20px;
}

#key{
	background-color:#fcf5ed;
	border:1px solid #cdbfaf;
	display:inline;
	float:left;
	width:240px;
	height:65px;
	margin-top:20px;
}

#copyright{
	float:left;
	margin-top:40px;
}

#right_wrap{
	background-color:#fff;
	display:inline;
	float:right;
	width:640px;
	margin: 30px 50px 0px 20px;
	margin-right:50px;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

#description{
	background-color:#fcf5ed;
	border:1px solid #cdbfaf;
	display:inline;
	float:left;
	width:600px;
	height:133px;
	margin:20px;
}

#image_holder{
	display:inline;
	float:left;
	width:600px;
	margin-left:20px;
}


/* about page */
#about_box{
	background-color:#fcf5ed;
	border:1px solid #cdbfaf;
	display:inline;
	float:left;
	width:600px;
	height:571px;
	margin:20px;
}



#about_box p{
	display:block;
	font: 14px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	color: #403f3f;
	margin-right:30px;
	text-indent:0px;
	text-align:left;
	line-height:1.4em;

}

#about_box ul{
	background-color:#fcf5ed;
	display:inline;
	list-style: none;
	
}

.definition{
	background-image:url(../img/about_definition.jpg);
	display:inline;
	float:left;
	width:574px;
	height:137px;
	margin:10px 10px 10px 15px;
}

.photo{
	background-image:url(../img/about_photo.jpg);
	display:inline;
	float:left;
	width:164px;
	height:211px;
	margin: 0px 20px 20px 20px;
}

#contact{
	background-image:url(../img/about_contact.jpg);
	display:inline;
	float:left;
	width:585px;
	height:93px;
	margin:0px 10px 10px 15px;
}

#contact a{
	text-align: left;
	font-size: 12px;
	color: #403f3f;
	text-decoration: none;
}

#contact a:hover, #contact a:visited{
	color: #f15a40;
	text-decoration: none;
}

.email{
	display:inline;
	font: 12px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	float:left;
	margin:50px 10px 10px 13px;
}

.resume{
	display:inline;
	font: 12px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	float:left;
	margin:50px 20px 10px 45px;
}

.facebook{
	display:inline;
	font: 12px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	float:left;
	margin:50px 10px 10px 48px;
}



.twitter{
	background-image:url(../img/twitter.png);
	background-repeat:no-repeat;
	display:inline;
	font: 12px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	float:left;
	margin:50px 10px 10px 48px;
}

.twitter a{
	background-image:url(../img/twitter.png);
	background-repeat:no-repeat;
	display:inline;
	font: 12px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	float:left;
	margin:50px 10px 10px 48px;
}

/* about page */

/*navbar styles*/
#navbar ul{
	list-style:none;
}

#navbar ul li{
	margin-bottom:10px;
}

.main_nav ul{
	list-style:none;
	text-align: left;
	font-size: 18px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	margin-bottom:20px;
}

.main_nav ul li{
	margin-bottom:20px;
}

.main_nav a{
	text-align: left;
	font-size: 18px;
	color: #403f3f;
	text-decoration: none;
}

.main_nav a:hover, a:visited{
	color: #f15a40;
	text-decoration: none;
}

/* color coded project links */
.projects ul{
	text-align: left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	margin-bottom:10px;
}

.projects_beige ul li{
	background-color:#f9e8a4;
	text-align: left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
}


.projects_beige a{
	background-color:#f9e8a4;
	border:3px solid #ffffff;
	width:230px;
	height:20px;
	text-align: left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}

.projects_beige a:hover, .projects_beige a:visited{
	background-color:#fff;
	border:3px solid #f9e8a4;
	width:224px;
	height:20px;
	text-align:left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}

.projects_yellow a{
	background-color:#fad53f;
	border:3px solid #ffffff;
	width:230px;
	height:20px;
	text-align: left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}

.projects_yellow a:hover, .projects_yellow a:visited{
	background-color:#fff;
	border:3px solid #fad53f;
	width:224px;
	height:20px;
	text-align:left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}

.projects_red a{
	background-color:#f15a40;
	border:3px solid #ffffff;
	width:230px;
	height:20px;
	text-align: left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}

.projects_red a:hover, .projects_red a:visited{
	background-color:#fff;
	border:3px solid #f15a40;
	width:224px;
	height:20px;
	text-align:left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}

.projects_green a{
	background-color:#98c23d;
	border:3px solid #ffffff;
	width:230px;
	height:20px;
	text-align: left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}

.projects_green a:hover, .projects_green a:visited{
	background-color:#fff;
	border:3px solid #98c23d;
	width:224px;
	height:20px;
	text-align:left;
	font-size: 14px;
	color: #403f3f;
	text-decoration: none;
	list-style: none;
	padding:5px;
	display:block;
}
/* end color coded projects */


/* begin color coded key */
#key h2{
	text-align: left;
	font: 12px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	color: #403f3f;
	margin:10px 110px 10px 7px;
}

#key ul{
	margin:5px;
	list-style:none;
}

#key ul li{
	width:110px;
	height:15px;
	text-align: left;
	font-size: 11px;
	color: #403f3f;
	list-style: none;
	padding:5px;
	display:inline;
}

.key_beige{
	background-color:#f9e8a4;
}

.key_yellow{
	background-color:#fad53f;
}

.key_red{
	background-color:#f15a40;
}

.key_green{
	background-color:#98c23d;
}
/* end color coded key */


/* begin copyright */
#copyright p{
	font-size: 11px;
	color: #403f3f;
}
/* end copyright */

/* begin description box styles */
#description h2{
	color: #f15a40;
	text-decoration: none;
	margin:20px 30px 5px 20px;
	font: 18px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
}

#description p{
	font: 13px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	color: #403f3f;
	margin:0px 20px 10px 20px;
}

#description a{
	font: 12px Tahoma, Verdana, Arial, "Lucida Sans Unicode", Trebuchet MS normal;
	color: #f15a40;
	margin:0px 20px 5px 20px;
	text-decoration:none;
}


/* end description box styles */

/* begin image boxes */
.image{
	border:1px solid #cdbfaf;
	display:inline;
	float:left;
	width:600px;
	max-height:724px;
	margin-bottom:20px;
	box-shadow: 0 0 5px #999;
}
/* end image boxes */