/* ========================================================================== */
/* ====================== Fireclay stylesheet. ====================== */
/* ========================================================================== */
/* v1.0, used for ThoughtMesh.net  ******

PALETTE:
	color: rgb(60%, 55%, 45%) ; /* Muted Semolina2. *
	color: rgb(20%, 20%, 10%) ; /* Dark semolina. *
	color: rgb(80%, 80%, 60%) ; /* Clay. *
	color: rgb(95%, 97%, 90%) ; /* Ecru3. *
	color: peru ;
	color: orange ;

**************************************/
/*__________ Globals. __________*/
body {
	background-color: rgb(60%, 55%, 30%) ; /* Semolina. */
	color: rgb(20%, 20%, 10%) ; /* Dark semolina. */
}
p {
	/* margin-left: 1em ; */
	font-size: 1em ;
	color: rgb(20%, 20%, 10%) ; /* Dark semolina. */
}
strong {
	color: rgb(20%, 20%, 10%) ; /* Dark semolina. */
}
a {
	color: orange ;
}
#navigation {color:#333023;}
#content>div>h3,
#feed-title>h3 {
	color: rgb(80%, 80%, 60%) !important ; /* Clay. */
}
/*__________ ThoughtMesh navigation. __________*/
/* All 8 menulink types */
.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 {
    margin-bottom: 2px ;
    padding: 2px ;
	background-color: rgb(80%, 80%, 60%) ; /* Clay. */
	color: rgb(60%, 55%, 30%) ; /* Semolina. */
    margin-top: 4px ;
	padding-left: 4px ;
	border-top: none ;
	border-right: none ;
	border-bottom: none ;
}
/* Bachelor and Parent menu links */
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected {
    font-size: 16px ;
}
/* Unselected links */
.menulink-bachelor-unselected,
.menulink-parent-collapsed-unselected,
.menulink-parent-expanded-unselected,
.menulink-child-unselected {
	border-left: solid 8px peru ;
}
/* Selected links */
.menulink-bachelor-selected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-selected,
.menulink-child-selected {
	border-left: solid 8px orange ;
	color: rgb(20%, 20%, 10%) ; /* Dark semolina. */
}
/* Child menu links */
    .menulink-child-unselected,
    .menulink-child-selected {
        margin-left: 20px ;
		font-size: .7em ;
    }
/*__________ ThoughtMesh cloud. __________*/
#thoughtmesh-container {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: rgb(95%, 97%, 90%) ; /* Ecru3. */
	border: solid 1px rgb(60%, 55%, 45%) ; /* Muted Semolina2. */;
}
#lexias-here,
#lexias-out,
#search-here,
#trace {
	border: solid 1px rgb(60%, 55%, 45%) ; /* Muted Semolina2. */;
}
.tab,
.tab-over {
	border: solid 1px rgb(60%, 55%, 45%) ; /* Muted Semolina2. */;
	border-bottom: solid 1px white ;
}
.tab-over {
	color: orange ;
}
.cloud-tag-selected {
	color: orange ;
}
.cloud-tag,
.cloud-tag-hidden {
	color:  rgb(60%, 55%, 45%) ; /* Muted Semolina2. */;
}
#lexias-here a,
#lexias-out a,
#search-here a {
	color: orange ;
}
/*__________ Featured project. __________*/
#featured {
	margin: 40px 0 0 0;
	font-size: .7em;
	background-color: rgb(60%, 55%, 45%) ; /* Muted Semolina2. */
	padding: .5em ;
}
	#featured h2{
		color: rgb(80%, 80%, 60%) ; /* Clay. */
		margin: 0 0 1em 0;
		text-align: center
	}
	#featured p {
		color: rgb(95%, 97%, 90%) ; /* Ecru3. */
	}
	#featured div {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
/*_________ 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: 100%;
	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(80%, 80%, 60%) ; /* Clay. */
			color: rgb(95%, 97%, 90%) ; /* Ecru3. */
		    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: orange !important ;
			}
			.news-item-story {
				color: rgb(95%, 97%, 90%) !important ; /* Ecru3. */
				font-size: .8em ;
				font-weight: normal !important ;
				margin-top: -1em ;
			}
/*__________ Custom elements. __________*/
#content > div img { /* Overwrites thought-mesh.css rule. */
        width: 40% ;
        float:left;
		padding: 0 .5em .5em 0 ;
}
#content>div .img_caption {background:#908864;}
#forging-logo img {
	width: 100% ;
}

/* Craig's additions based on WYSIWYG */
#content P {color: rgb(20%, 20%, 10%) !important;}
#content DIV {color: rgb(20%, 20%, 10%) !important;}