@import "reset.css";

/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color:#fff;
	color:#616666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	/* background-image:url(images/background.gif); */
}

a {
	color:#444;
	text-decoration: none;
}

a:visited {
	color:#444;
}

a:hover {
	text-decoration: underline;
	color:#FFFFFF;
}

h2 { 
	border-bottom: 1px solid #ddd; 
	margin: 1em 0; 
	line-height: 3; 
	text-transform: uppercase; 
	font-size: 0.9167em; 
}

h1,h2,h3,h4,h5,h6 { font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; }

.clearfix{
		clear: both;
}



/* MAIN */

#main{
}
		#main_inner{
				width: 940px;
				margin: 0 auto 0;
				padding: 30px 70px 10px 70px;
				position: relative;
		}
		

/* Header */	
		
#header{
		position: relative;
		border-bottom: 1px solid #ddd; 
}
		#header #logo{
				float: left;
				width: 100px;
				height: 100px;
		}
		
		#header #page_title{
				float: left;
				width: 500px;
				height: 100px;
				margin: 10px 0 0 0px;
		}
				#header  #name{
						margin: 10px 0 0 15px;
						font-size: 24px;
						font-style: normal;
						font-weight: 100;
				}
				#header  #position{
						margin: 0px 0 0 65px;
						font-size: 14px;
						font-style: normal;
						font-weight: 100;
				}
				#header  #notes{
						margin: 15px 0 0 15px;
						font-size: 11px;
						font-style: normal;
						font-weight: 100;
				}

#navigation{
		position: absolute;
		right: 220px;
		bottom: 20px;
}
		#navigation li{
				padding: 0 0 5px 0;
		
		}
		#navigation a{
			text-decoration: none;
			color:#444;
		
		}
		#navigation a:hover {
			text-decoration: underline;
			color:#000;		
		}





/* Sidebar */

#sidebar {
	width: 300px;
	float: right;
	margin: 20px 0 76px 0;
	/*
	position: absolute;
	left: 730px;
	top: 26px;
	width: 260px;
	height: 200px;
	*/
}

		#sidebar #clients {

		}
		
		#sidebar #skills {

		}
		
		#sidebar a {
			text-decoration: none;
			color: #555;
		}
		
		#sidebar a:visited {
			text-decoration: none;
		}
		
		#sidebar a:hover {
			text-decoration: none;
			background-color: #EEE;
			color: #555;
		}
		
	
		
		#sidebar ul {
			list-style-position: outside;
			list-style-type: none;
			background: none;
			text-decoration: none;
		}

				#sidebar ol {
					list-style-position: inside;
					/* border-top: 1px solid #BBB;*/
					background: none;
				}
				
				#sidebar li {
					/* border-bottom: 1px solid #BBB; */
					line-height: 12px;
					padding: 4px 10px 4px 0px;
					margin: 0 0 1px 10px;
					background: none;
					color: #666;
					font-size: 10px;
				}
				
				#sidebar .children{
					margin: 5px 0 1px 5px;
					text-decoration: none;
				}
		
		#sidebar .delicious-extended {
			margin-top: 5px;
			font-size: 10px;
			color: #888;
		}



/* Content */

#content{
		width: 620px;
		min-height: 400px;
		float: left;
		margin: 20px 0 76px 0;
}

		#introduction{
				margin: 0 0 0 0;
				width: 600px;
		}
				#introduction h1{
						font-size: 1.8em;
						font-style: italic;
						margin: 0 0 1em 0;
				}
				#introduction h2{
				}
				#introduction p{
						line-height: 1.2;
						margin: 0 0 1em 0;
				}


#content_wide{
		width: 940px;
		min-height: 400px;
		float: left;
		margin: 20px 0 76px 0;
}



/* Projects */

#projects {
		width: 620px;
		float: left;
		/*
		width: 700px;
		left: 10px;
		top: 20px;
		position: absolute;
		padding-bottom: 100px;
		*/
}
		#projects #breadcrumb {
			font-size: 16px;
			font-weight: normal;
			margin: 0 0 10px 0px;
			color: #BBB;
			background-color: none;
			text-shadow: #FFFFFF 0px 1px 1px;
		}
		
		


		#project{
			width: 600px;
			padding: 10px;
			margin: 0 0 5px 0px;
			/* background-color: #fff;*/
			color:#616666;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			font-size: 11px;
		}
				
				#project:hover{
					background-color: #ccc;
				}
				
				#project a.projectlink{
					width: 100%;
					color:#red;
					text-decoration: none;
				}
				
				#project.projectlink a:visited {
					color: orange;
				}
				
				#project.projectlink a:hover {
					text-decoration: none;
					background-color: #008040;
					color:#FFFFFF;
				}
				
				#project h3{
					float:left;
					color:#616666;
					font-family: Helvetica, Verdana, Arial, sans-serif;
					font-size: 11px;
				}
		
					.client{
							float:left;
					}
					.category{
							float:right;
					}
					.date{
							float:left;
							padding-right: 20px
					}
		
					.a2010{
						background-color: #8abfc1;
					}
					.a2009{
						background-color: #e29a9c;
					}
					.a2008{
						background-color: #f2bfa5;
					}
					.a2007{
						background-color: #f7d2a6;
					}
					.a2006{
						background-color: #ffeabe;
					}
					.a2005{
						background-color: #fff2d6;
					}
					.a2004{
						background-color: #afd37a;
					}
					.a2003{
						background-color: #c9d69d;
					}
					.a2002{
						background-color: #e6f0f3;
					}
					.a2001{
						background-color: #afd8e1;
					}
					.a2000{
						background-color: #8abfc1;
					}
					.a1999{
						background-color: #e29a9c;
					}
					.a1998{
						background-color: #f2bfa5;
					}
					.a1997{
						background-color: #f7d2a6;
					}
					.a1996{
						background-color: #ffeabe;
					}
					.a1995{
						background-color: #fff2d6;
					}
					.a1994{
						background-color: #afd37a;
					}
					.a1993{
						background-color: #c9d69d;
					}
					.a1992{
						background-color: #e6f0f3;
					}
					.a1991{
						background-color: #afd8e1;
					}
					.a1990{
						background-color: #8abfc1;
					}
		
		
					#project .content{
						width: 100%;
					}
							#project .image{
									float: left;
									width: 350px;
									height: 223px;
									padding: 5px;
									margin: 12px 10px 20px 0;
									background-color: #333;
									border: 1px solid #aaa;
							}
							#project .text{
									font-size: 1.15em;
									margin: 10px 0 20px 0;
									width: 590px;
									padding: 15px 5px 5px 5px;
									line-height: 1.5em;
							}
							#project .link
							{
									clear: both;
									padding: 5px 5px 5px 15px;
									font-size: 12px;
									font-weight: bold;
							}























/* Footer */

#footer{
	height: 170px;
	clear: both;
}
		#footer p{
				margin: 4px 0 4px 0;
		}
		#footer ul, #footer div { float: left; }
		#footer ul {width:160px;}
		#footer li {
				margin: 4px 0 4px 0;
		}
		
		#footer div#contact {width:300px;padding:0;}
		
		#footer a { font-size:1.08em; }
		#footer a:hover, #footer a:active, #footer a:focus { color:#000; }
		
		#footer div#contact div {width:145px;float:left;margin:0;padding:0;}
		
		#footer div #contact{
				margin-left:10px;
		}
		#footer #contact_email {
				clear:both;
		}
		#footer strong {font-family: 'helvetica neue', helvetica,Arial,sans-serif;font-weight:bold;}
		#footer div {width:290px;padding:0 30px 0 0;}
		#footer h4 { text-transform: uppercase;	font-size: 1em; margin: 1em 0; }














/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*


.projectTable {
	margin-top: 0px;
}

.projectTable td {
	border-bottom: 1px solid #F0F0F0;
	padding-left: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 12px;
	background-color: #FFF;
}

.projectYear {
	width: 40px;
}
.projectName {
	width: 340px;
	font-weight: bold;
	color: #999;
}
.projectClient {
	width: 170px;
}
.projectType {
	width: 170px;
}

.projectHeader {
	font-family: Georgia, serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #F0F0F0;
}
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */






#tagSidebar {
	left: 740px;
	top: 30px;
	position: absolute;
	width: 250px;
	background: none;
	padding: 0px;
}

#tagSidebar h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #666;
	background: none;
	text-shadow: #E6E6E6 0px 1px 1px;
	text-decoration: none;
}

#tagSidebar p {
	text-align: left;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #BBB;
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: #E6E6E6 0px 1px 1px;
}

#tagSidebar a {
	color: #666;
	text-decoration: none;
}

#tagSidebar a:visited {
	color: #666;
	text-decoration: none;
}

#tagSidebar a:hover {
	color: #333;
	text-decoration: none;
	background: none;
}

#tagSidebar .smallest {
	font-size: 11px;
	}
#tagSidebar .smaller {
    font-size: 14px;
    }
#tagSidebar .small {
    font-size: 16px;
     }
#tagSidebar .big   {
    font-size: 20px;
    }
#tagSidebar .bigger {
    font-size: 24px;
    }
#tagSidebar .biggest {
    font-size: 30px;
    }
    
    
    
/* About */

#about{
		padding: 0 0 50px 0;

}

	#about_content{
			width: 620px;
	}
			#about_content .col_narrow{
				width: 267px;			
			}
			#about_content .col_wide{
				width: 300px;			
			}
			#about_me {
					padding: 10px;
					color: #777;
					line-height: 1.1em
			}	
					#about_me p{
							margin: 0 0 10px 0;
					}	
					
					
			#about_clients
			{
					/* height: 149px; */
					padding: 0 0 20px 0;
					background-color: #00abb5; 
					/* background-image: url( images/clients_bg.jpg ); */
					background-repeat: no-repeat;
					color: #FFF;
					font-size: 11;
					clear: both;
			}	
					#about_clients h3 { 
						font-weight: bold; 
						font-size: 14;
						clear: both;
						padding: 10px 0 10px 10px;
					}
					
					#about_clients ul{
							padding: 0 0 0 0;
							margin: 0 20px 0 0px;		
					}
					
							#about_clients li {
									margin: 0 0 5px 0;
							}	
					
					
					#about_clients .col {
							width: 150px;
							min-height: 50px;
							float: left;
							line-height: 14px;
					}
					
					#about_clients .margin_1 {
							margin: 8px 0 0 20px;
					}
					
					#about_clients .margin_2 {
							margin: 8px 0 0 0;
					}
							
			#about_skills {
					clear: both;
					margin-top: 20px;
					color: #666;
					font-size: 11px;
					line-height: 1.1em
			}	
					#about_skills b {
							font-size: 14px;
					}
					#about_skills ul {
							padding: 10px 0 20px 0;
							margin: 0 0 0 0px;
					}
							#about_skills li {
									padding: 0 0 5px 0px;
									margin: 0 0 5px 10px;
							}
							
							
					#about_skills .column_left {

							float: left;
					}
					
					#about_skills .column_right {
							float: left;
					}	
					
					#about_skills .gap {
							width: 14px;
							height: 357px;
							float: left;											
					}
							
			
			


	#content_wrap
	{
			width: 613px;
			overflow: hidden;
			position: relative;
			margin: 0px auto;
			font: normal 12px arial, 'lucida console', sans-serif;
	}
	
	

			#content_top {
					background-image: url(images/bg-top.gif);
					background-repeat: no-repeat;
			}
			
			#content_middle {
					background-image: url(images/bg_sides.gif);
					background-repeat: repeat-y;
			}
		
		
			#content_middle a, 	#content_middle a:visited{
					color: #999;
					text-decoration:none;
			}
			#content_middle a:hover{
					text-decoration:underline;
			}

			#content_middle_inside {
					width: 594px;
					min-height: 400px;
					background-image: url(images/bg_grad.gif);
					background-position: bottom left;
					background-repeat: repeat-x;
					margin-left: 9px
			}
					#content_middle_inside_inside {
							margin-left: 22px;
					}
							#headline {
									padding-top: 15px;
									width: 556px;
							}	
									#headline_top {
									}
									#headline_bottom {
									}
							#greybar{
									width: 548px;
									height: 4px;
									background-color: #999;
							}	

									

							
							#about_footer {
									width: 548px;
									height: 34px;
									text-align: center;
									color: #999;
									font-size: 11px;
							}	
	
	#content_bottom {
			background-image: url(images/bg_bottom.gif);
			background-repeat: no-repeat;			
	}	
	



/* Unsubscribe */

	#unsubscribe
	{
			color: #999;
			font-size: 11;
			padding: 20px;
			display: none;
	}
	#unsubscribe a:hover{
			text-decoration:underline;
	}
	#unsubscribe a, #unsubscribe a:visited
	{
			color: #FC0;
			text-decoration: none;
			font-size: 11;
	}
	#unsubscribe a:hover{
			text-decoration:underline;
	}