/*
	Theme Name: Prosimian
	Them URI: http://www.rodrigogalindez.com
	Description: A minimal, grid based, elastic theme. Wordpress 2.7 ready.
	Version: 1
	Media: Screen
	Version: Tue 6, Jan 2008
	Author: Rodrigo Galindez
	Author URI: http://www.rodrigogalindez.com
	Tags: black, white, three-columns, fixed-width, custom-header, custom-colors, theme-options, right-sidebar
*/

/* ----------------------------------------------- [ * ] */


@import "css/grid-900.css";
* {
margin:0;
padding:0;
}
body {
background:url("images/pro-back.jpg") repeat-x fixed 0 0 #ECECEC;
border-top:10px solid #000000;
color:#666666;
font-family:Arial,Verdana,sans-serif;
font-size:62.5%;
}
hr {
border-top:1px solid #CCC;
margin-top:10px;
}
img {
border:0 none;
vertical-align:middle;
}
p img {
	margin-left: -8px;	
}

h1, h2, h3, h4 {
color:#000000;
padding-left:8px;
padding-right:8px;
}
h1 {
font-size:2.8em;
line-height:0.95em;
margin-bottom:0.3em;
}
h2 {
font-size:1.8em;
line-height:1.3;
margin-bottom:1em;
}
h3 {
font-size:3.8em;
line-height:1.2;
}
h4 {
	font-size:1.8em;
	line-height:1.6;
	margin-bottom:0.6em;
	padding-top:0.5em;
}
h5 {
font-size:1.2em;
line-height:1.6;
margin-bottom:1em;
}
p, ol li {
font-size:1.4em;
line-height:1.6;
margin-top:1em;
padding-left:8px;
padding-right:8px;
color: #666666;
}
a {
color:#000000;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#0F83DB;
}
acronym {
border-bottom:1px dotted #EEEEEE;
}
kbd {
font-family:"Monaco","Courier New",fixed;
font-size:1em;
text-transform:uppercase;
}
#wrapper {
margin:0 auto 3em;
overflow:hidden;
width:90em;
}
#main-nav {
overflow:hidden;
padding:0 0 0.5em;
}
#main-nav ul {
list-style-type:none;
}
#main-nav li.page_item {
float:left;
margin-right:2.2em;
}
#main-nav li a {
color:#FFFFFF;
font-size:1.2em;
line-height:1.6;
padding-left:8px;
}
#header {
border-bottom:1px dotted #000000;
height:10em;
margin-bottom:3em;
margin-top:3em;
overflow:hidden;
}
#header h1 {
margin-top:0.45em;
}
#header h1 a, #header h2 {
color:#000000;
}
#intro {
padding-top:1em;
}
#intro p {
font-size:1.5em;
}
.abstract p {
font-size:1.3em;
}
a.abstract-section {
clear:right;
color:#333333;
float:left;
font-weight:normal;
margin:0 1em 0.5em 0;
}
.abstract-detail {
display:none;
}
#content {
overflow:hidden;
padding-top:1em;
}

ul.menu {
	padding: 1.2em 0;
	margin: 0;	
}

.menu li {
	padding: 10px 10px;
	list-style-type: none;
	
}

.menu li a {
	color: #000000;
	font-size: 14pt;
	text-transform: uppercase;
}	

.menu li.current_page_item {
	background-color: #000000;	
}

.menu li.current_page_item a{
	color: #FFFFFF;	
}

ul.nav {
	margin: 0 0 2em 0;
	list-style-type: none;
}

.nav li {
	margin: 0;
	padding: .4em 8px .5em 8px;
	font-size: 1.2em;
	line-height: 1.6;
	border-bottom: 1px dotted #faffff;
}

.nav li a, .nav li {
	color: #111;	
}

.nav li:last-child {
	border-bottom: none;
}

ul.navlinks {
	position: absolute;
	top: 36.4em;
	list-style-type: none;
	overflow: hidden;
}

.navlinks li {
	font-size: 1.2em;
	line-height: 1.6;
}

.navlinks li a {
	display: block;
	padding: .4em 8px .5em 8px;
}

.navlinks li a:hover {
	background: #000;
	color: #fff;
}


#left-column, #search {
	background-color: #f3f3f3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

#search {
	margin-top: 1em;
	padding-bottom: 1em;
}

.push-1 {
	margin-left:7.6em;	
}

.home-post, .post {
margin-bottom:1em;
padding:0em 0 2em;
}
.post {
clear:both;
}
.post-content {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); 
	background-color:#FEFEFE;
	padding-bottom:2em;
}
.post-content p, .post-content h5, .post-content code {
}
.post-content h1 {
padding:0.5em 8px;
}
.post-content h2 {
font-size:16pt;
padding-top:0.5em;
}
.post-content h3 {
line-height:0.9;
padding-top:0.5em;
font-size: 2.8em;
}
.post-content h5 {
margin-bottom:0.5em;
margin-top:2.5em;
padding-left:8px;
padding-right:8px;
text-transform:uppercase;
}
.post-content blockquote {
margin:0 3.2em;
}
.post-content blockquote p {
font-style:italic;
padding:0;
}
.post-content blockquote ul {
width:30em;
}
.post-content dl {
font-size:1.2em;
margin:0 0 1em;
padding-left:8px;
padding-right:8px;
}
.post-content dt {
font-size:1em;
font-weight:bold;
margin:0 0 0.5em;
}
.post-content dd {
line-height:1.6;
margin:0 0 1em 2em;
width:30em;
}
.post-content ul, .post-content ol {
list-style-type:none;
margin-left:-12px;
padding-right:8px;
width:44.8em;
}
.post-content li {
	background:url("images/bullet.gif") no-repeat scroll left 2px transparent;
	font-size:1.4em;
	line-height:1.6;
	margin:1em 2em;
	padding-left:30px;
}
.post-content ol {
margin-left:8px !important;
}
.post-content ol li {
	background:none repeat scroll 0 0 transparent;
	list-style-type:decimal;
	padding-left:0;
}
.post-content code {
	font-family:"Monaco","Courier New",fixed;
	font-size:0.9em;
}
.post-content pre {
	background:none repeat scroll 0 0 #EEEEEE;
	font-size:1.2em;
	margin:2em 0;
	overflow:auto;
	padding:2em;
}
.post-content pre code {
color:#222222;
}
.post-content .quote-author {
float:right;
}
.post-footer {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	background-color:#101010;
	padding:0.5em 0;
}
.secondary {
background-color:#666666;
}
.post-footer a {
	color:#FFFFFF;
	float: right;
}
.post-footer p {
	margin:0;
	padding:0 1em;
	color: #ffffff;
	font-size: 1.2em;
}

p.archive-post-footer {
	margin: -1em 0 0 0;
	font-size: 1.2em;	
}

.archive-post-footer a {
	float: right;	
}
.post-meta {
margin-top:7.5em;
text-align:right;
}
.post-title {
text-align:right;
}
#commentary {
border-top:1px solid #111111;
clear:both;
overflow:hidden;
padding:1em 0 0;
}
.comment {
border-top:1px dotted #CCCCCC;
clear:both;
margin:0 0 3em;
overflow:hidden;
padding:1em 0 0;
}
.comment dt {
font-size:1.2em;
line-height:1.6;
margin:0 0 0.5em;
}
#leave-comment {
border-top:1px solid #111111;
clear:both;
overflow:hidden;
padding:1.2em 0 0;
}
#leave-comment code {
font-family:"Monaco","Courier New",fixed;
font-size:0.9em;
}
.comment-field {
border-bottom:1px dotted #CCCCCC;
clear:both;
overflow:hidden;
padding-bottom:1.2em;
padding-top:1.2em;
}
label {
display:block;
font-size:1.2em;
font-weight:bold;
line-height:1.6;
padding-top:7px;
}
input, textarea {
border:1px solid #CCCCCC;
font-family:Arial,Verdana,sans-serif;
font-size:1.2em;
padding:8px;
width:94%;
}
textarea {
height:10em;
}
#sidebar {
margin:0;
overflow:hidden;
padding:1em 0 0;
}
#sidebar h4 {
	border-bottom:1px solid #CCCCCC;
	line-height:1.6;
	padding-bottom:0.1em;
	width:100%;
}
#sidebar p {
color:#111111;
font-size:1.1em;
}
#sidebar .section input {
	background:url("images/bg-search.gif") no-repeat scroll 7px center transparent;
	border:1px solid #CCCCCC;
	float:left;
	font-size:1.1em;
	margin:0 0 1em;
	padding:6px 6px 6px 23px;
	width:15.8em;
}
#sidebar ul.nav {
list-style-type:none;
margin:0 0 2em;
}
#sidebar .nav li {
border-bottom:1px dotted #BBBBBB;
font-size:1.1em;
line-height:1.6;
margin:0;
padding:0.4em 8px 0.5em;
}
#sidebar .nav li.last {
border-bottom:0 none;
}
.section {
clear:both;
margin:0 0 1em;
overflow:hidden;
}
.section .col {
overflow:hidden;
}
#content .section {
border-top:1px dotted #BBBBBB;
margin:0 0 2em;
padding:1em 0 0;
}
#content .first {
border:0 none;
}
.submit {
border:0 none;
padding:0;
width:auto;
}
.navigation {
clear:both;
list-style-type:none;
margin:0 0 1em;
overflow:hidden;
padding:1em 0 0;
}
.navigation li {
font-size:1.2em;
}
#footnotes {
clear:both;
overflow:hidden;
padding:1em 0 0;
}
#footnotes p {
font-size:1.1em;
margin-bottom:0.2em;
}
#footnotes .rss {
background:url("images/feed-icon.gif") no-repeat scroll left center transparent;
margin-left:8px;
padding-left:16px;
}
#flickr_badge_wrapper {
margin-left:-1.2em;
overflow:hidden;
}
.flickr_badge_image {
float:left;
margin:0 0 1.2em 1.2em;
}
.flickr_badge_image img {
height:64px;
width:64px;
}
.flickr_badge_image a {
display:block;
}
.small {
font-size:1em;
line-height:1.6;
}
.ver {
color:#000000;
text-transform:uppercase;
}
.low {
color:#666666;
font-family:Palatino,Georgia,"Times New Roman",sans-serif;
font-style:italic;
font-weight:normal;
text-transform:lowercase;
}
.amp {
color:#666666;
font-family:Baskerville,Georgia,"Times New Roman",sans-serif;
font-style:italic;
font-weight:normal;
}
.tooltip {
display:block;
font-size:0.9em;
padding-top:8px;
}
.left {
float:left;
}
.right {
float:right;
}
.align-right {
display:block;
text-align:right;
}
.align-center {
display:block;
text-align:center;
}
.both {
clear:both;
}
.image {
background-color:#F9F9F9;
border:1px solid #EEEEEE;
display:block;
padding:7px;
}
.nudged {
margin-right:8px;
}
.nudged-left {
padding-left:8px;
}
.nudge-bottom {
margin-bottom:1.5em;
}
.last-field, .first-post {
border:0 none;
}
.title-not {
	background:url("images/not.gif") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:25px;
	margin:0 6px 0 0;
	text-indent:-1000em;
	width:33px;
}
#searchform input {
	padding: 2px;
	width: auto;
}

#searchform input#searchsubmit {
	padding: 4px;	
}

#searchform .search-field input {
	width: 12em;	
	float: left;
	margin-right: 2px;
}
.full-image {
margin-left:-15.2em;
}
.centered {
display:block;
margin:0 auto;
}
.button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:none repeat scroll 0 0 #222222;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	letter-spacing:3px;
	padding:8px;
	text-align:center;
	text-transform:uppercase;
}
.button:hover {
background:none repeat scroll 0 0 #000000;
}
ul.widgetized-sidebar {
list-style-type:none;
}
ul.widgetized-sidebar li {
clear:both;
margin:0 0 2em;
overflow:hidden;
}
ul.widgetized-sidebar li h2 {
border-bottom:1px solid #CCCCCC;
color:#000000;
font-size:1em;
line-height:1.6;
margin-bottom:0.6em;
padding-bottom:0.6em;
text-transform:uppercase;
}
ul.widgetized-sidebar li ul li {
border-bottom:1px dotted #BBBBBB;
font-size:1.1em;
line-height:1.6;
margin:0;
padding:0.4em 8px 0.5em;
}
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.wp-caption {
text-align:center;
}
.wp-caption img {
border:0 none;
}
.wp-caption p.wp-caption-text {
font-size:1.1em;
line-height:1.6;
margin:0.5em 0;
padding:0;
}
.categories {
}
.cat-item {
}
.current-cat {
}
.current-cat-parent {
}
.pagenav {
}
.page_item {
}
.current_page_item {
}
.current_page_parent {
}
.widget {
}
.widget_text {
}
.blogroll {
}
.linkcat {
}
#wp-calendar {
border-collapse:collapse;
font-size:1.1em;
margin:0 auto;
}
#wp-calendar caption {
font-size:1.1em;
font-weight:bold;
margin-bottom:0.8em;
}
#wp-calendar thead tr th {
padding:1em;
}
#wp-calendar td {
padding:1em;
}
#wp-calendar tr {
padding:1em;
}

/*Viz style*/
#viz_container {
	border-bottom:1px dotted #000000;
	border-top:1px dotted #000000;
	height:120px;
	position:absolute;
	width:90em;
}

.viz {
	margin-left: auto;
	height: 90px;
	vertical-align: text-bottom;
	position: absolute;
}

.viz h2 {
	font-size: 20pt;
	padding: 0;	
	vertical-align: text-bottom;
	clear: left;	
	bottom: 0;
	postion: absolute;
	margin-top: 80px;
	color: #aaa;
	
}

.viz .posts {
	width: 50%;	
	bottom: 20px;
	position: absolute;
}

.viz .links {
	width: 40%;	
	left: 60%;
}

.viz .links, .viz .posts {
	bottom: 10px;
	position: absolute;	
}

.viz-post, .viz-link {
	height: 5px;
	margin-top:2px;
	list-style-type: none;
	display: list-item;	
	cursor: pointer;
}

.viz-post, .post-key {
	background-color: #95c6d2;	
}

.viz-link, .link-key {
	background-color: #c0df84;		
}

.viz-post a, .viz-link a {
	display: none;
}	


#knowledge {
}

#location {
	left: 16em;	
}

#visualisation {
	left: 28.5em;	
}
	
#parks {
	left: 46.5em;	
}

#methods {
	left: 66em;	
}

#key {
	margin-top: 140px;
	font-size: 9pt;	
	padding-top: 3px;
}

#key div {
	float: left;	
}

#key span {
	margin-right: 5px	
}
.post-key, .link-key {
	width: 20px;
	height: 20px;
	display: block;
	float: left; 
	margin-top:-3px;
}

.link-key {
	margin-left: 30px;	
}