/* processingLibs style by andreas schlegel, sojamo. */


* {
	margin:0;
	padding:0;
	border:0;
}

html {
	/* http://upload.wikimedia.org/wikipedia/commons/a/ac/American_Robin_nest_and_eggs.JPG */
	background: url(img/nest.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size : 100%; 
    font-size : 0.70em;
	font-weight : normal;
	line-height	: normal;
}



#container {
	/*
	margin-left:64px;
	background-color:#fff;
	*/
	
	margin: 5% 10% 5% 10%;
	padding: 2%;
	background-color:rgba(255,255,255,0.85);
}

#header {
	float:left;
	/*padding-top:24px;*/
	padding-top: 2%;
	padding-bottom:48px;
}

#menu {
	margin-top:16px;
	float:left;
	margin-bottom:64px;
}


#about,
#download,
#examples,
#demos,
#misc {
	width:480px;
	float:left;
	margin-right:24px;
}


#resources, #info {
	width:320px;
	float:left;
}


.clear {
	clear:both;
}

#footer {
	margin-top:100px;
	height:20px;
	/*margin-bottom:32px;*/
}


ul {
	list-style:none;
	padding:0;
	margin:0;
}


#menu ul li, #subMenu ul li {
	float:left;
	padding-right:6px; 
}






/* Headings */

h1 {
	font-size:2em;
	font-weight:normal;
}


h2, h3, h4, h5, th {
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:4px;
}



p { 
	font-size:1em;
	width:90%;
	margin-bottom:32px;
}


pre, code {  
	font-family:"Courier New", Courier, monospace; 
	font-size:1em; 
	line-height:normal;
}




hr {
	border:0;
	height:1px;
	margin-bottom:24px;
}


a {
	text-decoration: underline;
	font-weight: normal;
}


a:hover, 
a:active {
	text-decoration: underline;
	font-weight: normal;
}


a:visited,
a:link:visited {
	text-decoration: underline;
	font-weight: normal;
}



img {
	border: 0px solid #000000;
}





/* COLORS */


body {
	color : #333;
	/*background-color :#fff;*/
}


#header {
	/*background-color:#fff;*/
	color:#333;
}



h1, h2, h3, h4, h5, h6 {
	color:#333;
}


pre, code {  
	color: #000000;
}


a,strong {
	color: #333;
}


a:hover, 
a:active {
	color: #333;
}


a:visited,
a:link:visited {
	color: #333;
}


#footer, #menu {
	/*background-color:#fff;*/
	color:#333;
}


#footer a, #menu a {
	color:#333;
}