div {
/*	border:1px solid pink;*/
}
body {
	background:url(/assets/images/bg.png) top left repeat-x #9A9A9A;
}
a {
	color:black;
	font-weight:bold;
}
#menu li.selected a,
a:hover {
	color:#F69920;
}
.paging li {
	float:left;
	margin-right:10px;
}
pre.c {
	background-color:#EEE;
	border:1px solid #CCC;
	padding:8px;
	width:660px;
}
/*---------------------- general block  --------------------------------------*/
/*
	Give parent "block" and text part "block_content"
	
	usage:
	<div class="project_intro block">
			<div class="block_content">
				<h1>Parque</h1>
				<p>Using ofxMSAFluids and ofxBod2d</p> 
			</div>
		</div>
*/

.block {
	position:relative;
	background-color:white;
	margin-bottom:20px;
	border-bottom:3px solid black;
}
/* text block under an image */
.block_content {
	padding:10px;
	position:absolute;
	left:0;
	bottom:0;
}
.block img {
	margin-bottom:25px;
}
#site ol {
	margin-left:30px;
	clear:both;
}
#site_info {
	left:-9999em;
	position:absolute;
	top:0;
}
/*---------------------- homepage  -------------------------------------------*/
#logo {
	margin:20px 10px;
}
.highlight {
	height:616px;
}
.highlight .block_content {
	height:196px;
}
.block_content {
	width:95%;
}

.projects {
	height:616px;
}
.project_intro .block_content {
	height:52px;
}
.project_intro {
	height:190px;
}
.shoutbox {
	height:616px;
}
.subprojects {
/*	margin-top:20px; for ie */
}
.block_content h1 {
	margin-top:8px;
}

.block_content a.read_more {
	position:absolute;
	right:25px;
	bottom:6px;
	width:80px;
}

/*---------------------- shoutbox  -------------------------------------------*/
#sb_form textarea, 
#sb_form input {
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	border:0px;
	width:184px;
	height:16px;
	padding:5px;
	overflow-y:auto;
}
.form-row {
	margin-bottom:5px;
}
#sb_form {
	background-color:#1E2827;
	padding:10px;
	padding-top:13px;
	padding-right:8px;
	padding-bottom:0;
	height:174px;
	width:202px;
	position:absolute;
	left:0;
	bottom:0;
}
#sb_form #sb_submit {
	width:50px;
	height:30px;
	background-color:#F69920;
	font-weight:bold;
	color:white;
	border:0;
	padding:0;
	cursor:pointer;
}
#sb_name,
#sb_message,
#sb_submit {
	margin-left:3px;
}
#sb_name {
	background:url(/assets/images/sb_input.png) top left no-repeat;
}
#sb_form #sb_message {
	height:70px;
	width:178px;
}
#sb_form #sb_message_container {
	background:url(/assets/images/sb_textarea.png) top left no-repeat transparent;
	margin-left:3px;
	margin-bottom:10px;
}
.shoutbox ul {
	padding-top:10px;
	color:#9A9A9A;
}
.shoutbox ul strong {
	font-weight:normal;
	color:black;
}
#shoutbox_list {
	overflow-y:auto;
	height:400px;
}
.shoutbox ul li {
	background:url(/assets/images/sb_item_bg.png) bottom left no-repeat;
	padding-bottom:5px;
	padding-top:5px;
}
.shoutbox h1 {
	padding-top:10px;
}
.shoutbox h1,
.shoutbox ul li p {
	margin-left:10px;
	margin-right:10px;
}

/*---------------------- menu  -----------------------------------------------*/
#menu {
	list-style-type:none;
	margin:0;
	padding:0;
	height:40px;
}

#menu li {
	margin:0;
	float:left
}
#menu_forum a, 
#menu_download a, 
#menu_wiki a, 
#menu_documentation a {
	color:#bbb;
}

/*---------------------- project page ----------------------------------------*/
.project_container {
	width:700px;
	background-color:white;
	border-bottom:3px solid black;
}
.project_content {
	width: 460px;
	padding:10px;
}
.project_content ul {
	margin-left:30px;
}
.project_content ul li {
	list-style:disc;
}
.project_content ul li img {
	margin-top:10px;
	margin-bottom:10px;
}
.project_images {
	margin-top:10px;
	margin-bottom:10px;
	width:600px;
}
.project_images li img {
	clear:both;
}
.project_images li {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

/*---------------------- contact page ----------------------------------------*/
#contact_form, .form {
	padding:10px;
}
#contact_form  h1,
.form h1, {
	margin-bottom:20px;
	
}
#contact_form  label, #contact_form div.form-row, 
.form  label, .form div.form-row {
	
	margin-bottom:15px;
}

.block_success {
	border:1px solid #97DB15;
	background-color:#D5FFD5;
	padding:10px;
}

.form-row-buttons {
	margin-left:100px;
}
#contact_form  label,
.form label {
	display:block;
	float:left;
	width:100px;
}
#contact_form .form-row,
.form .form-row {
	margin-bottom:10px;
}

.form .form-row input.type-text,
.form .form-row textarea,
#contact_form .form-row input.type-text,
#contact_form .form-row textarea {
	width:300px;
	border:1px solid #ccc;
	padding:4px;
	font-family:Arial, sans-serif;
	font-size:11px;
}

.form .form-row textarea,
#contact_form  .form-row textarea {
	height:100px;
}


.error-message {
	color:red;
	font-weight:bold;
	margin-left:100px;
	margin-bottom:1px;
	display:none;	
}