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

Version 4.3 modified to increase featured project div height. UPGRADE: Prevent this text from overflowing at odd screen sizes. incorporate tinted "side-image" photo?
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. *
	color: #006A80 ; /* santorini *

	
**************************************/
/* ________ 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 ;
	height: 500px ;
	padding: 1em 0 0 0 ;
}
	#featured h2{
		color: gainsboro ;
		margin: 0 0 1em 0;
		text-align: center
	}
	.rotating-div {
		position: absolute ;
		text-align: center ;
	}
		.rotating-div div { /* Contains image. */
			width: 100%;
			text-align: center ;
			margin: 20px auto 0 auto ;
		}	
		.rotating-div p {
			color: whitesmoke ;
			text-align: left ;
			padding: 0 1em 0 1em ;
		}
/*__________ ThoughtMesh cloud. __________*/
#thoughtmesh-container {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	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 ;
	}
	#content > div img.side-image {
		float: right;
		margin: 0 0 0.5em 1em;
		width: 30%;
		filter: sepia(100%) saturate(150%) brightness(110%) hue-rotate(var(--h-rotate-from-sepia));
	}
/*_________ Blog 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;
		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 ;
			}
/*__________ Twitter feed (currently has no effect--iframe?ß) __________*/
#twitter-widget-0 .stream .p-author,
.u-url {
	display: none !important ;
}
.root {
	background-color: #808C85 ;
}
.tweet {
	color: whitesmoke ;
	background-color: dimgray ;
}
.customisable, .customisable:link, .customisable:visited, .customisable:hover, .customisable:active, .customisable-highlight:hover, a:hover .customisable-highlight, a:focus .customisable-highlight {
	color: #006A80 ; /* santorini */
}