body { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: medium; color: #666666; background-color: #FFFFFF; margin: 10px; margin-bottom: 20px; padding: 0px; }
strong,h1,h2,h3,h4,h5,h6,h7 { font-weight: bold; color: #662F91; }

div#h1 { position: absolute; height: 90px; top: 14px; left: 219px; right: 10px; width: expression(document.body.clientWidth-(215+10)); width: auto; }	

h1 { font-family: Candara, Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: xx-large; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; word-wrap: break-word; }
h2 { font-family: Candara, Verdana, Arial, Helvetica, sans-serif; font-size: x-large; }
h3 { font-family: Candara, Verdana, Arial, Helvetica, sans-serif; font-size: large; }

img#logo { position: absolute; left: 5px; top: 14px; }

a:link { color: #662F91; }
a:visited { color: #4B2369; }
a:active { color: #BFD241; background-color: #662F91; }
a:hover { color: #BFD241; background-color: #662F91; }
a img { text-decoration: none; border-width: 0; }

div#nav { width: 146px; position: absolute; left: 27px; top: 310px; padding-right: 10px; /* background-image: url(images/PlinthiPaul.co.uk-reflection.gif); background-repeat:no-repeat; background-position:top center; padding: 0; padding-top: 22px; */ }
div#nav ul { list-style-type: none; margin-left: 0px; padding-left: 0; margin-top: 10px; margin-bottom: 15px; }
div#nav ul li { margin-left: 0px; padding-left: 0; margin-bottom: 0.4em; font-family: Candara, Verdana, Arial, Helvetica, sans-serif; }
div#nav ul li:before { content:"\00BB"; margin-right: 5px; }

div #login {
	
	width: 135px;
	padding: 5px;
	background-color: #eee;
	
}

div#login input[type=text],
div#login input[type=password] { width: 120px; }

div#mainbody { position: absolute; top: 117px; left: 221px; right: 10px; line-height: 150%; }
div#mainbody p { margin-top: 0px; margin-bottom: 1em; }
div#largeimgbody { position: relative; top: 110px; left: 5px; right: 5px; padding-bottom: 10px; }

form input, form textarea, form select { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: medium; color: #333333; }

h1 { margin-top: 0px; }

table th, table td { text-align: left; vertical-align: top; }
table th { color: #662F91; margin: 0; padding-left: 0px; padding-top: 0.3em; padding-bottom: 0.3em; padding-right: 0.4em; }

div#mainbody ul { list-style-image: url(images/bullet.gif); margin-left: 25px; margin-top: 10px; margin-bottom: 10px; }
div#mainbody ul li { margin-bottom: 0.4em; }

pre, tt { font-family: Consolas, "Lucida Console", "Courier New", Courier, mono; font-size: small; }

span.tinyspace { font-size: 1%; }

.note { font-size: small; font-weight: normal; line-height: 120%; }

.crossedoff { text-decoration: line-through; }

img.r { float: right; margin-right: 0px; margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; border: 0px; text-decoration: none; clear: both; }

div#mainbody.people h3 { clear: both; }

.required:before { content: '*'; margin-right: 5px; }
.required { color: #880000; }

#messages {
	
	display: block;
	padding: 5px;
	color: white;
	background-color: #662F91;
	
}

#ideasubmit textarea {
	width: 90%;
	height: 10em;
}

#ideasubmit input[type=text] {
	width: 90%;
}


#footer {
	margin-top: 2em;
	display: block;
	background-color: #662F91;
	color: white;
	padding: 1.5em;
}

#footer a {
	color: white;
}

#blurb {
	display: block;
	background-color: #fff7d6;
	padding: 1.5em;
	margin-bottom: 2em;
}

.experiment_wrapper {
	display: block;
	background-color: #eee;
	margin-bottom: 10px;
}

.experiment {
	
/*	width: 100%; */
	padding: 5px;
	
}

.experiment h2, .experiment p {
	
	margin: 0px;
	padding: 0px;
	
}

.experiment_likes {
	
	float: left;
	width: 50px;
	font-size: 3em;
	padding-top: 10px;
	text-align: center;
	
}

.experiment_likes a {
	font-size: 0.5em;
}

.experiment_likes p {
	margin: 0px;
	padding: 0px;
}

.experiment_details {
	padding-left: 60px;
	
}

.experiment_icon {
	
	float: left;
	width: 30px;
	height: 30px;
	margin: 0px;
	
}

.experiment_user_details {
	padding-left: 50px;
/*	float: right;
	width: 700px; */
	height: 30px;
	margin: 0px;
}

#experiment_details_main {
	margin-top: 1em;
}

#experiment_details_main p {
	display: block;
	background-color: #eee;
	padding-left: 63px;
}

#experiment_details_main p.whitepara {
	background-color: white;
}

#experiment_details_main p.highlightedpara {
	margin-top: 60px;
	background-color: #fff7d6;
}

#experiment_details_main textarea {
	width: 500px;
	height: 150px;
}

#userprofile {
	width: 100%;
}

#userprofile_icon {
	width: 110px;
	float: left;
}

#userprofile_details {
	display: block;
/*	width: 730px;
	float: right; */
	padding-left: 120px;
}

.prediction {
	background-color: #eee;
	margin-bottom: 10px;
}

.prediction p {
	margin: 0px;
	padding: 0px;
	width: auto;
}

.prediction_wrapper {
	width: 700px;
}

.prediction_byline_icon {
	width: 30px;
	float: left;
	padding-left: 63px;
	margin: 0px;
}

.prediction_byline_details {
	width: 598px;
	float: right;
	text-align: left;
	padding-left: 0px;
	margin: 0px;
	font-size: 0.8em;
}