/*     TESTING        */

.red {
background-color: red;	
}
.yellow {
background-color: yellow;	
}
.green {
background-color: green;	
}
.blue {
background-color: blue;	
}

/*     MAIN        */




html {
	font-family: "Georgia","Times New Roman";//Myriad pro, lucida grande,
	//font-size: 70%;
		font-size: 0.7em;
		//color: #111;
}

h1, h2, h3, h4, h5, h6{
	font-family: lucida grande, verdana, arial, sans-serif;
	font-weight: normal;
	color: #888;//#333399;

}

/*     MENU        */

#footer {
	text-align: center;
	margin-top: .5em;
	color: #888;
}


/*		ABOUT PAGE		*/
#contact {
	float: right;
	margin-left: 30px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	background-color: #eee;
}
#contactinfo {
	padding-left: 20px;
}
#portrait {
	width: 120px;
	padding-top: 1.5em;
}
a.plain {
	text-decoration: none;
	color: black;
}
.nodisplay {
	display: none;
}

.toolbar {
	cursor: pointer;
	margin-top: 15px;
}
.toolbar li {
	display:inline;
background-color:#eee;
border:1px solid;
border-color:#f3f3f3 #bbb #bbb #f3f3f3;
margin:0;
padding:.5em;
	
}


/*		PROJECT ALL PAGE		*/
.projectLink {
	float:left;		
	margin: 6px;
	width:102px;
	height: 102px;
	position: relative;
	overflow: hidden;
}
.projectLink a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
	padding:0; 
}
.projectLink2 a:hover {
	background-color: #ff0;
	opacity: 0.1;
}
.projectLink img {
	width:100px;
	height:75px;
	border:1px solid;
	border-color: #eee;
	padding: 0;
	display: block;
}
.projectLink p {
	text-align: right;
	font-family: monospace;
	line-height: 1em;
	padding: 0;
	margin: 0;
	font-size: 1.3em;
}

.projectLink .overlay {
	z-index: 9999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
	visibility: hidden;
}

.projectLink .faded {	
visibility: visible; 
 opacity: 0.9; 
background-color: white;
cursor: default;
}


/* RESUME PAGE */



span.date {
	float: right;
}
#edu,#exp {
	margin-top: 10px;
	
	padding-left:20px;margin-left:15px;border-left:1px solid #eee;
}

.switcher {
	color: #EEE;
	cursor: pointer;
}