/****** Jon Ippolito home page stylesheet  ******

Version 3.9 by Jon Ippolito, modified to incorporate blog feed.
COLORS:
	color: #ccf ; /* Pale ocean (bio). *
	color: #9fc ; /* Pale spearmint (writing) *
	color: #cf9 ; /* Pale leaf (projects) *
	color: #ff9 ; /* Lemon (dialogues) *
	color: #fc9 ; /* Pale tangerine (resources) *
	color: rgb(50%, 55%, 52%); /* Clay. *
	color: rgb(90%,90%,90%) ; /* Ecru. *
	
**************************************/
/* ________ Custom body and content colors ________ */

	body {
		color: #ccc ;
		background-color: #666 ;
	}
	h5 { /* Currently the page title */
		opacity: 1 ;
		filter:alpha(opacity=1);
		color: #cccccc;
	}
	span.my-name {
		color: #ccccff;
	}
	a {
		color: white ;
	}
	.description0 {
		color: #ccf ;
	}
	.description1 {
		color: #9fc ;
	}
	.description2 {
		color: #cf9 ;
	}
	.description3 {
		color: #ff9 ;
	}
	.description4 {
		color: #fc9 ;
	}
	/* ________ Custom menu styles ________ */
	.menulink-bachelor-unselected,
	.menulink-bachelor-selected,
	.menulink-parent-collapsed-unselected,
	.menulink-parent-collapsed-selected,
	.menulink-parent-expanded-unselected,
	.menulink-parent-expanded-selected,
	.menulink-child-selected,
	.menulink-child-unselected {
		border-color: #666;
	}
	.menulink-bachelor-selected,
	.menulink-parent-collapsed-selected,
	.menulink-parent-expanded-selected,
	.menulink-child-selected {
		border-color: #ccc;
	}
	.menulink-child-selected,
	.menulink-child-unselected {
		font-size: .7em ;
	}
/*__________ Featured project. __________*/
#featured {
	margin: 40px 0 0 0;
	color: gainsboro;
	font-size: .7em;
	background-color: rgb(50%, 55%, 52%); /* Clay. */
	padding: 1em ;
}
	#featured h2{
		color: gainsboro ;
		margin: 0 0 1em 0;
		text-align: center
	}
	#featured div {
		width: 100%;
		margin: 0 auto;
		text-align: center
	}
/*__________ ThoughtMesh cloud. __________*/
#thoughtmesh-container {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}
/*__________ Custom inline navigation. __________*/
.next-lexia, 
.next-lexia-top {
	color: #ccc ;
}
/* ________ A special div for delicious ________ */
.vanilla {
	background-color: #fc9 ;
	color: #666 ;
	height: 400px ;
	overflow: auto ;
	padding: .2em ;
}
	.vanilla a {
		color: #333 ;
	}
	.vanilla li {
		margin-top: 1.3em ;
	}
/*	.vanilla img {
		width: auto ;
	}
*/
	.vanilla ul {
		margin-bottom: .5em ;
		list-style-type: none ;
		font-size: .8em ;
	}
	/*.vanilla p { DEPRECATED. */
/* ________ Custom content ________ */
	.description0,
	.description1,
	.description2,
	.description3,
	.description4 {
	    display: none ;
	}
	.description0 img,
	.description1 img,
	.description2 img,
	.description3 img,
	.description4 img {
		width: 40% ;
		float: left ;
		padding: 0 .5em .5em 0 ;
	}
	.description0 img.image-right,
	.description1 img.image-right,
	.description2 img.image-right,
	.description3 img.image-right,
	.description4 img.image-right {
		float: right ;
		padding: 0 0 .5em .5em ;
	}
/*_________ feeds __________ */
#abstract-description {
	position: relative;
	width: 30%;
	margin-right: 5%;
	float: left;
	color: #ccc ;
}
	#thoughtmesh-logo {
		margin-left: 10px;
		width: 100px;
		height: 18px;
		padding: 2px;
		background-color: white;
		position: relative;
		float: left;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
#abstract-blog {
	position: relative;
	width: 65%;
	float: left;
	color: #ccc;
	margin-top: 1em;
}
	#feed-title {
	    margin-bottom: 10px ;
		font-size: .9em ;
	}
	#feed-container {
	    position: relative ;
	    float: left ;
	    top: 0px ;
	    width: 50% ;
	    margin-left: 8% ;
	}
		#feed {
		    position: relative ;
			border-left: solid 1px rgb(50%, 55%, 52%); /* Clay. */
			color: rgb(90%,90%,90%) ; /* Ecru. */
		    overflow: auto ;
		    overflow: -moz-scrollbars-vertical; 
		    overflow-y:auto; 
		    overflow-x:hidden;
		    padding: 1em ;
			/*-webkit-border-radius: 10px; 
						-moz-border-radius: 10px;*/
		}
			.news-item-headline a {
				font-size: .9em ;
			    color: #006A80 ; /* santorini */
			    color: #9fc  !important; /* Pale spearmint (writing) */
			}
			.news-item-story {
				color: rgb(25%, 25%, 25%) ; /* Tarski gray */
				color: rgb(90%,90%,90%) !important ; /* Ecru. */
				font-size: .8em ;
				font-weight: normal !important ;
				margin-top: -1em ;
			}
