@import "reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 700px; margin: 0 auto 50px; }
body { font: 12px/20px Verdana, Arial, Helvetica; color: #555; font-weight: normal; }
h1 { font-size: 38px; margin: 0 0 10px 0; }
h2 { font-size: 34px; margin: 0 0 10px 0; }
h3 { font-size: 22px; margin: 0 0 10px 0; }
h4 { font-size: 20px; margin: 0 0 10px 0; }
h5 { font-size: 16px; margin: 0 0 5px 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; }
p { font-size: 12px; margin: 0 0 15px 0; }
a { text-decoration: none; color: #990000; }
a:hover { color: #222; }
em { font-style: italic; }
ul { margin: 0 0 15px 15px; list-style-type: circle; }
ol { margin: 15px 0 15px 20px; list-style-type: decimal; }
strong, b { font-weight: bold; }
.hide { display: none; }

/* ------------ */
/* -- Layout -- */
/* ------------ */
#main { margin: 40px 0 60px 0; overflow: hidden; }
#content { float: left; width: 550px; }
#sidebar { float: right; width: 136px; margin: 0 0 0 0; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { padding: 55px 0 0 0; margin: 0 0 40px 0; }
#header h1 { float: left; font-size: 30px; color: #555; letter-spacing: -1px; font-weight: bold; margin: 0 0 35px 0; }
#header h1 a { color: #555; }
#header h2 { float: right; font-size: 20px; color: #777; font-weight: normal; margin: 3px 0 0 0; }
#header h2 a { color: #aaa; }

/* --------- */
/* -- Nav -- */
/* --------- */
#nav { clear: both; margin: 0; padding: 10px 0 9px 0; overflow: hidden; border-top: 1px #ddd dotted; border-bottom: 1px #ddd dotted; }
#nav li { float: left; list-style: none; }
#nav li span { padding: 0 10px; font-weight: bold; }
#nav li a { color: #555; font-weight: bold; font-size: 14px; }
#nav li a:hover { color: #FF7200; font-weight: bold; }
#nav li a.current { color: #FF7200; }

/* ----------- */
/* -- Intro -- */
/* ----------- */
#intro { border-bottom: 1px #ddd dotted; }
#intro h3 { font-size: 22px; font-weight: normal; line-height: 34px; margin: 0 0 15px 0; }
#intro h4 { font-size: 16px; font-weight: normal; line-height: 24px; margin: 0 0 15px 0; }
#intro p { font-size: 16px; font-weight: normal; line-height: 24px; margin: 0 0 15px 0; }

/* -- Publications -- */
#publications { margin: 35px 0 0 0; overflow: hidden; }
#publications div { line-height: 20px; margin: 0 0 20px 0; }
#publications p { font-size: 14px; font-weight: normal; margin: 0 0 20px 0; }
#publications h4 { margin: 0 0 15px 0; }
#publications .title { margin: 0 !important; }

/* -------------- */
/* -- Sidebars -- */
/* -------------- */
#sidebar img { width: 136px; height: 167px; border: 1px #eee solid; margin: 0 0 20px 0; }
#sidebar .project-title { display: block; margin: 0 0 2px 0; }
#sidebar h5 { font-size: 14px; margin: 0 0 15px 0; }
.contact-sidebar { background-color: #f5f5f5;  padding: 10px 15px 5px 15px; border: 1px #eee solid; }
.contact-sidebar p { line-height: 17px; }


/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { clear: both; border-top: 1px #ddd dotted; margin: 40px 0 0 0; padding: 5px 0 0 0; color: #aaa; }