* { margin: 0; padding: 0; }
html { font-size: 100.01%; }
body { font-size: 62.5%; min-width: 1000px; background: #fff; border: 0 solid #1d1717; }

ul { list-style: none; }
a img { border: 0; }


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}


body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 320px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -320px; /* negative value of footer height */
	height: 320px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* header */
div#header { position: relative; height: 190px; background: url('/img/header_bg.png'); }
div#header_text { height: 190px; background: url('/img/header_text.png'); behavior: url( '/js/iepngfix.htc' ); }
img#logo { position: absolute; top: 0; left: 130px; behavior: url( '/js/iepngfix.htc' ); }
img#motto { position: absolute; top: 0; right: 180px;   behavior: url( '/js/iepngfix.htc' ); }
img#havard { position: absolute; top: 0; right: 0; z-index: 2; behavior: url( '/js/iepngfix.htc' ); }

/* navbar */
div#navbar { position: relative; height: 32px; padding: 5px 0 0 20px; background: #911f1f url('/img/menu_nav_bar_bg.png'); }
ul#nav { font: normal 1.35em 'Georgia', serif; text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.1em; }
* html ul#nav {font-size: 1.35em;}
ul#nav li { float: left; color: #fff; margin-right: 2.5%; }
ul#nav li.active { font-weight: bold; }
ul#nav li a { color: #fff; 	text-decoration: none; }
ul#nav li a:hover { text-decoration: underline; }
ul#lang { position: absolute; top: 0.3em; right: 1em; overflow: hidden; padding: 0.4em 1em 0.3em 1em; height: 1.5em; }
ul#lang.active { background: #911f1f; overflow: visible; height: auto; }
ul#lang li { margin-bottom: 0.5em; font-size: 1.2em; color: #fff; background-position: 0 3px; padding-left: 24px; }
ul#lang li a { color: #fff; }
ul#lang li a:hover { text-decoration: none; }

/* content */
div#content { padding: 50px 10% 0 10%; overflow: hidden; zoom: 1; font: normal 1.4em 'Georgia', serif; color: #313131; }
div#content h1 { font-size: 2.5em; margin-bottom: 1em; font-weight: normal; }
div#content h2 { font-size: 1.6em; margin-bottom: 0.8em; color: #000; text-transform: lowercase; font-weight: normal; font-variant: small-caps; letter-spacing: 0.1em; }
div#content h3 { font-size: 1em; margin-bottom: 0.5em; font-style: italic; font-weight: normal; }

div#content p { line-height: 1.5em; text-align: justify; margin-bottom: 1em; }
div#content a { color: #911f1f; }
div#content a:hover { text-decoration: none; }
div#content ul { list-style: disc; }
div#content ul, div#content ol { margin-bottom: 2em; margin-left: 2em; }
div#content ul li, div#content ol li { margin-bottom: 0.3em; line-height: 1.5em; }
div#content li ul, div#content li ol { margin-top: 0.5em; }
div#content li li { margin-bottom: 0.2em !important; line-height: 1.3em !important; }
div#content blockquote { font-family: 'Arial', sans-serif; font-size: 0.9em; font-style: italic; margin-left: 5%; margin-right: 5%; border-left: 5px solid #f0f0f0; padding-left: 10px; }
div#content img { margin: 15px 40px 0 0; }

/* information */
div#information { position: relative; padding-top: 5px; height: 350px; background: #fff url( '/img/information_bg.png' ) repeat-x; }
div#news { position: absolute; left: 10%; width: 40%; }
div#news h2 { font: normal 1.8em 'Arial', sans-serif; margin-left: 10px; }
div#news a#rss{float:left; display:block; padding-top:3px; }

div#news ul { list-style: none; margin: 12px 0 0 38px; }
div#news ul span.date { font: normal 1.1em 'Arial', sans-serif; color: #9b9b9b; margin-bottom: 10px; }
div#news ul p.text { font: normal 1.1em/1.5em 'Georgia', serif; color: #222; margin-bottom: 21px; }
div#news ul p.text a { color: #911f1f; text-decoration: none; }
div#news ul p.text a:hover { text-decoration: underline; }

div#publications { position: absolute; width: 40%; top: 5px; left: 55%; }
div#publications h2 { font: normal 1.8em 'Arial', sans-serif; margin-bottom: 12px; }
div#publications img { behavior: url( '/js/iepngfix.htc' ); }


/* footer */
div.footer { position: relative; height: 100px; border-top: 1px solid #dcdcdc; margin: 0 10%; }
p#copyright { position: absolute; top: 5px; left: 0; font: normal 1.1em 'Arial', sans-serif; color: #858585; }
a#privacy-policy { 	position: absolute; top: 5px; left: 40%; font: normal 1.1em 'Arial', sans-serif; color: #444; text-decoration: none; }
a#privacy-policy:hover { text-decoration: underline; }
p#wdo-copyright { position: absolute; top: 5px; right: 0; font: normal 1.1em 'Arial', sans-serif; color: #858585; }
p#wdo-copyright a { color: #444; text-decoration: none; }
p#wdo-copyright a:hover { text-decoration: underline; }

/* index page */
div.left { width: 40%; margin-right: 10%; float: left; }
div.right { width: 40%; float: left; }

div#content .post h2{margin-bottom:0;}


* html #wrap { width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px");}
div#content img.alignleft{clear:both; float:left;margin-left:0;margin-right:40px;}
div#content img.alignright{float:right;margin-left:40px;margin-right:0;}
#footer h2 a{text-decoration:none; color:#000 !important;}
#content .post{clear:both; padding-top: 1em;}