/* CSS Created by Chelsea Beachem - 2010 */
/* www.chelseabeachem.com */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*GLOBALS*/
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background:#FFFFFF;

	}
	
h1, 
h2, 
h3,
h4 {

	font-family:MKAbel;
	font-weight:normal;
	}
	
h1 {
	font-size:28px;
	}
	
h2 {
	font-size:12px;
	letter-spacing:1px;
	}
	
h3 {
	font-size:18px;
	}
	
h4 {
	font-size:18px;
	}	
p,
li {
	font-size:11px;
	line-height:16px;
	/*color:#555;*/
	}
	
li {
	list-style:none;
	}
	
hr {
	border:none 0;
	border-top:1px solid;
	width:75%;
	height:1px;
	color:#aaaaaa;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	}

.clear {
	clear: both;
	display: block;
	height: 15px;
	width: 100%;
	}
.gray {
	color:#aaaaaa;
	}
/*	----------------------------------------------------------------------------
	 LINKS
--------------------------------------------------------------------------*/	
a:link {
	color:#433b35;
	text-decoration:none;
	}      /* unvisited link */

a:visited {
	color:#433b35;
	text-decoration:none;
	}  /* visited link */

/*a:hover {
	color:#395d8b;
	text-decoration:none;
	}   mouse over link */

a:active {
	color:#433b35;
		}  /* selected link */
		
a:focus {
	outline:none;
	}


/*	----------------------------------------------------------------------------
	 LAYOUT
	--------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width:860px;
	}
	
.content {
	width:860px;
	margin:0;
	padding:0;
	clear:both;
	}
.txt_right {
	text-align:right;
	}
	
/*HEADER*/
#header {
	float:left;
	margin:0 350px 0 0;
	padding:25px 0 0 0;
	width:200px;
	}
	
#header p {
	font-weight:bold;
	letter-spacing:-1px;
	}

/*NAV*/
#nav {
	float:left;
	width:310px;
	padding:25px 0 0 0;
	}
	
#nav li {
	display:inline;
	}
#nav a {
	padding:2px;
	}

#nav a:hover,
#work_nav a:hover,
.project a:hover,
#about_page a:hover,
#footer a:hover {
	color:#eeeeee;
	background:#433b35;
	text-decoration:none;
	}   /*mouse over link */

/*#nav a:hover,
#recent_projects a:hover,
#footer a:hover {
	color:#eeeeee;
	background:#433b35;
	text-decoration:none;
	}   mouse over link */

/*****HOME PAGE > FEATURE*/
#feature {
	border:none 0;
	border-top:1px solid #aaaaaa;
	padding:30px 0 0 0;
	margin:0;
	}


/*****HOME PAGE > RECENT PROJECTS*/
#recent_projects {
	margin:15px 0 0 0;
	}
#recent_projects ul {
	margin:20px 0 0 0;
	}
	
#recent_projects li {
	display:inline;
	margin:0 16px 0 0;
	}

/*****ABOUT*/
#about_page h3,
#about_page ul,
#about_page p {
	margin:0 0 5px 0;
	}
#about_page p {
	line-height:16px;
	}
#about_page a {
	border-bottom:dotted 1px;
	}
/*#about_page img {
	float:left;
	margin:10px 10px 10px 0;
	}*/
#wall_me {
	width:100px;
	float:left;
	}
#about_copy {
	float:left;
	margin:0 0 0 10px;
	width:750px;
	}

/*****WORK > PROJECTS*/
#work_page,
#about_page {
	border:none 0;
	border-top:1px solid #aaaaaa;
	padding:30px 0 0 0;
	margin:0;
	}
#work_nav {
	float:left;
	width:165px;
	margin:0 0 30px 0;
	}
#work_nav a {
	border-bottom:dotted 1px;
	}
#work_nav h4 {
	margin:0 0 5px 0;
	}
	
#work_nav ul {
	margin:0 0 20px 0;
	}
	
#work {
	float:left;
	width:675px;
	padding:0 0 0 20px;
	}
.project {
	text-align:right;
	width:204px;
	height:200px;
	float:left;
	margin:0 20px 50px 0;
	}

.project p {
	font-size:10px;
	}
	
.project li {
	display:inline;
	}
.project a {
	text-decoration:underline;
	}
	
.project_img {
	background:url(../images/work.png) no-repeat;
	width:198px;
	height:141px;
	padding:4px;
	}
	
/*FOOTER*/
#footer {
	border:none 0;
	border-top:1px solid #aaaaaa;
	margin:0 0 0 0;
	padding:15px 0 0 0;
	}
#footer h4 {
	margin:5px 0 5px 0;
	}
#footer a {
	border-bottom:dotted 1px;
	}
#column1 {
	padding:0 20px 0 0;
	width:260px;
	float:left;
	}

#column1 ul {
	float:left;
	width:130px;
	}
#column1 li {
	padding:0 0 0 20px;
	}
/*CONNECT ICONS*/
	.write {
		background:url(../images/note.gif) no-repeat left;
		}
	.gtalk {
		background:url(../images/gtalk.gif) no-repeat left;
		}
	.aim {
		background:url(../images/aim.gif) no-repeat left;
		}
	.skype {
		background:url(../images/skype.gif) no-repeat left;
		}
	.linkedin {
		background:url(../images/linkedin.gif) no-repeat left;
		}
	.flickr {
		background:url(../images/flickr.gif) no-repeat left;
		}
	.krop {
		background:url(../images/krop.gif) no-repeat left;
		}
		
#column2 {
	width:250px;
	float:left;
	/*border:none 0;*/
	border-left:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	padding:0 10px 0 17px;
	}

#column3 {
	padding:0 0 0 20px;
	width:260px;
	float:left;
	}

#column3 ul {
	float:left;
	width:130px;
	}