/******************************************************/
/* Theme by Eric Lopes Cardozo                        */
/* http://www.ericlopescardozo.nl                     */
/******************************************************/


/* basic elements                                                                   */
span {
    margin-top: 0px;
}

sup {
    font-size: small;
    vertical-align: text-top;
}
sub {
    font-size: small;
    vertical-align: text-bottom;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* padding: 6px; */
}

/* Structural elements: headers, content, navigation and footers */

div#wrapper { 
	 /* position: relative; */
	 width: 960px;
	 font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	 /* height: 1024px */
}

div#left_bar { 
	float: left;
	width: 165px;
	height: 525px;                       /* in effect sets the page height */
	margin-bottom: 25px;             /* creates space above footer */
	margin-top: 65px;
}

div#content_ctnr { 
	float: left;
	width: 590px;
	height: 525px;                      /* same height as left_bar */
	/* background-color: #456000; */
	margin-top: 65px;
}

div#nav { 
	float: left;
	width: 200px;
	height: 400px;
	/* background-color: #789000; */
	margin-top: 65px;
	font-size: 35px;
    text-align: right;
}

div#nav_btn_ctnr { 
	float: left;
	width: 175px;
	height: 300px;
	margin-top: 51px;
	/* background-color: #000AAA;  */ 
}
	
div#nav_img_ctnr { 
	float: left; 
	width: 25px;
	height: 300px;
	margin-top: 51px;
/*	background-color: #455455;  */
}

div#footer {
	clear: both;
	height: 30px;
	font-size: 10.5px;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	line-height: 3em; 
	text-align: center;
	color: #FFFFFF;
	width: 960px;
}

/* context specific styling                                     */
div#content {
	position: relative;
	width: 525px;
	height: 500px;
	/* background-color: #000000; */
}

div#content.contact {
	position: absolute;
	top: 25%;
}

/* navigation specific styling                                     */

/* basic navigation button behavior  */
div#nav_home, 
div#nav_blog, 
div#nav_nlp, 
div#nav_bio, 
div#nav_contact {
    color: #7B7B7B;
    font-size: 16px;
    height: 27px;
	padding-right: 15px;
    text-align: right;
    width: 160px;
	line-height: 1.5em;
}

/* button text style */
a.nav_home,
a.nav_nlp,
a.nav_bio,
a.nav_contact,
a.nav_blog {
    color: #7B7B7B;
}

/* button text / link style */
a.nav_home:link,
a.nav_nlp:link,
a.nav_bio:link, 
a.nav_blog:link, 
a.nav_contact:link {
    text-decoration: none;
}

/* fixed button style */
a.nav_fixed {
    color: #FFFFFF;
    text-decoration: none;
}

/* buton hover style for whole div */
#nav_home.over a, 
#nav_blog.over a, 
#nav_nlp.over a, 
#nav_bio.over a, 
#nav_contact.over a {
    color: #FFFFFF;
}

#nav_home.leave a, 
#nav_blog.leave a, 
#nav_nlp.leave a, 
#nav_bio.leave a, 
#nav_contact.leave a {
    color: #7B7B7B;
	background-color: #FFFFFF;
}

/* button specofic coloring */
#nav_home.over,
#nav_home.over a {
	background-color: #0F73E3;
}

#nav_blog.over,
#nav_blog.over a {
	background-color: #FF0000;
}

#nav_nlp.over, 
#nav_nlp.over a {
	background-color: #000000;
}

#nav_bio.over, 
#nav_bio.over a {  
	background-color: #984807;
}

#nav_contact.over,
#nav_contact.over a {
    background-color: #00B050;
}

/* specific page title behavior   */
p.nav_header_home {
	color: #0F73E3;
} 

p.nav_header_bio {
	color: #984807;
} 

p.nav_header_contact {
	color: #00B050;
} 

p.nav_header_home,
p.nav_header_bio,
p.nav_header_contact
{
	margin: 0 0 0 0;
	padding-right: 25px;
}

div#nav_bio_fixed, 
div#nav_contact_fixed {
    color: #FFFFFF;
	font-size: 16px;
    height: 27px;
	padding-right: 15px;
    text-align: right;
    width: 160px;
	line-height: 1.5em;
}

div#nav_bio_fixed { 
	background-color: #984807;
}

div#nav_contact_fixed { 
	background-color: #00B050;
}


/* styling of arrow button images */
div#nav_img_home,
div#nav_img_bio,
div#nav_img_nlp,
div#nav_img_contact,
div#nav_img_blog{
	width:25px;
	height:27px;
	cursor: pointer;
}


/*  Classes to context dependently style the footer */

.footer_home {
    background-color: #0F73E3;
}
.footer_bio {
    background-color: #984807;
}
.footer_contact {
    background-color: #00B050;