/*
	Ensembli Common Stylesheet
*/

body {
	font-size: 16px; 
	font-family: Verdana, Sans-Serif;
	color: #666;
	padding: 0; 
	margin: 1em 0; 
	background-color: #dde3e8; 
	min-width: 60em;
}
p, h1, h2, h3 {
	margin-bottom: 1em;
	font-weight: normal;
	line-height: 1.4em;
}
p, ul, input, textarea, div.submit, label, th, td, tf {
	font-size: 14px;
	line-height: 1.4em;
}
input, textarea {
	border: 1px solid #5c6f7b;
	padding: 0.25em;
	margin-bottom: 1em;
}
label {
	display: block;
	padding: 0 0 0.25em 0.25em;
}
div.submit {
	text-align: right;
}
div.submit input {
	width: auto !important;
	margin: 0;
}
a {
	text-decoration: none;
	color: #00afdb;;
}
a:hover {
	text-decoration: underline;
}
td,th,tf {
	vertical-align: bottom;
}

/* Structural */ 
#pagecontainer {
	position: relative; 
	left: 50%; 
	width: 62em; 
	margin-left: -31em; 
	background-color: #fefefe; 
	padding-top: 1em;
	overflow: hidden;
}
/* End of Structural */

/* Colours */
.blue {
	color: #00afdb;
}
.green {
	color: #678e27;
}
.purple {
	color: #97005e;
}
/* End of Colours */

/* Errors */
div.errorExplanation {
	background-color: #f27996;
	margin-bottom: 1em;
	padding: 0.5em;
	color: #fff;
}
div.errorExplanation h2 {
	color: #fff;
}
div.errorExplanation li {
	font-size: 12px;
	margin-bottom: 0.5em;
}

/* page header */
#header {
	overflow: hidden;
	background-color: inherit;
	margin-left: 1em;
}
#header a {
	float: left;
}
#header #session {
	overflow: hidden;
	float: right;
	text-align: right;
	font-size: 12px;
	background-color: inherit;
}
#header #session div.submenu {
	background-color: #fbb74f;
	color: #fff;
	float: left;
	padding: 0.5em;
}
#header #session div.submenu+div.submenu {
	margin-left: 0.5em;
}
#header #session a {
	float: none;
	color: #fff;
	font-weight: bold;
}

/* zeitgeist */
#zeitgeist {
	width: 30em;
	float: left;
	overflow: hidden;
}
#zeitgeist h2 {
	font-size: 21px;
	color: #97005e;
	margin-bottom: 0.5em;
}
#zeitgeist ul a {
	color: #00afdb;
}

/* page footer */
#footer {
	padding-top: 1em;
}
#footer a {
	color: #f0648a;
}
#footer p, #footer div {
	text-align: center;
}
#footer p {
	font-size: 12px;
}
#footer div {
	font-size: 10px;
	margin: 0;
	padding: 1em;
	background-color: #dde3e8;
	color: #93a2ae;
}
#footer div div {
	display: inline;
	padding: 0;
}

/* breadcrumb */
#breadcrumb {
	padding: 0.5em;
	background-color: #f2f2f2;
	margin-bottom: 0.5em;
	font-size: 12px;
	overflow: hidden;
}
#breadcrumb .divider {
	color: #b3b3b3;
	float: left;
	margin: 0 0.5em;
}
#breadcrumb .trail-item {
	float: left;
}
#breadcrumb a {
	color: #ee2c74;
}
#breadcrumb #history_links {
	float: right;
}

/* stories */
#stories ul {
	overflow: hidden;
}

.story {
	float: left;
	width: 36em;
}
.story div.header {
	overflow: hidden;
	cursor: pointer;
}
.story div.header h2 {
	color: #678e27;
	font-size: 21px;
	width: 20em;
	margin-bottom: 0;
	float: left;
}
.story div.header .date {
	float: right;
	color: #b3b3b3;
}
.story h3 {
	color: #b3b3b3;
	font-size: 12px;
}

.story .content {
	overflow: hidden;
}

.story .footer {
	background-color: #f0f4ec;
	border-top: 1px dashed #aabe84;
	border-bottom: 1px dashed #aabe84;
	margin-top: 0.5em;
	padding: 0.5em;
	margin-bottom: 1em;
}
.story .footer .links {
	overflow: hidden;
}
.story .footer .links a {
	color: #678e27;
	font-size: 12px;
}
.story .footer .links a img {
	margin-left: 0.25em;
}
.story .footer .links a.left {
	float: left;
}
.story .footer .links a.right {
	float: right;
}

/* styles for story contents */
.story .body {
	line-height: 1.4em;
}
.story .body a {
	color: #ee2c74;
}
.story .body a img {
	display: none; /* disables linkout images! */
}

/* story sharing */
.share {
	overflow: hidden;
	color: #678e27;
	padding-top: 1em;
	background-color: inherit;
	font-size: 12px;
}
.share .options a {
	color: #678e27;
	font-size: 12px;
}
.share h3 {
	color: #b3b3b3;
	font-size: 12px;
}
.share .email_referral, .share .twitter_referral {
	background-color: inherit;
}
.share form, .share .enable-twitter {
	float: left;
	margin-bottom: 0.5em;
	background-color: inherit;
}
.share input, .share textarea {
	width: 23em;
}
.share .enable-twitter {
	width: 28em;
}
.share .enable-twitter a {
	display: block;
	padding: 3em;
	background-color: #c9d6b2;
	color: #678e27;
}
.share label .twitter_count {
	color: #b3b3b3;
}
.share input#email_referral_recipients {
	margin-bottom: 0.25em;
}
.share div.hint {
	width: 26em;
	font-size: 12px;
	margin-bottom: 1.25em;
}
.share textarea {
	height: 6.5em;
}
.share .options {
	float: right;
	width: 9em;
	background-color: inherit;
}
.share .options a {
	color: #678e27;
	font-size: 12px;
}
.options ul {
	background-color: inherit;
}
.share .options li {
	margin-bottom: 0.5em;
	background-color: inherit;
}
.share .options li a {
	display: block;
	padding: 0.25em;
	background-color: inherit;
}
.share .options li a:hover {
	text-decoration: none;
	background-color: #dfe7d3;
}
.share .options li a.selected {
	background-color: #678e27;
	color: #fff;
}
.share .options li a.selected:hover {
	background-color: #678e27;
}
.share .options li a img {
	position: relative;
	top: 0.25em;
	margin-right: 0.25em;
}
.share .errorExplanation {
	margin: 0;
	margin-bottom: 1em;
	width: 23em;
}

.errors {
  color: red;
}

/* end of story sharing */