/* =================== */
/* = Yahoo Reset CSS = */
/* =================== */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* ============ */
/* = Clearfix = */
/* ============ */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* ============ */
/* = Generics = */
/* ============ */

span.cleardiv {
  display: block;
  clear: both;
}

html {
  margin: 0;
  padding: 0;
}

body {
/*  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
  font-family: Consolas, Lucida Console, Monaco, monospace;
  font-size: 12px;
  margin: 0 20px;
}

/* ============= */
/* = Container = */
/* ============= */

.container {
  width: 900px;
  margin: 0 auto;
}

.main-content {
  margin: 2em 0;
}

.narrow-content {
  width: 70%;
}

.wide-content {
  width: 100%;
}

/* ========== */
/* = Header = */
/* ========== */

#header {
  border-bottom: 3px solid #cc071e;
}

#header h1 {
  float: left;
  height: 70px;
}

#header h1 img {
  position: relative;
  top: 24px;
}

#header ul.navigation {
  float: right;
  height: 70px;
}

#header ul.navigation li {
  float: left;
  height: 70px;
  text-indent: -9000px;
  overflow: hidden;
}

#header li a.current, #header li a:hover {
  background-position: 0 0;
}

ul.navigation li a {
  display: block;
  height: 70px;
}

ul.navigation li.projects a {
  background: transparent url(/images/nav-projects.gif) no-repeat scroll 0 -70px;
  width: 82px;
}

ul.navigation li.about a {
  background: transparent url(/images/nav-about-dark.gif) no-repeat scroll 0 -70px;
  width: 68px;
}

ul.navigation li.talks a {
  background: transparent url(/images/nav-talks.gif) no-repeat scroll 0 -70px;
  width: 60px;
}

ul.navigation li.scraplab a {
  background: transparent url(/images/nav-scraplab.gif) no-repeat scroll 0 -70px;
  width: 85px;
}

ul.navigation li.elsewhere a {
  background: transparent url(/images/nav-elsewhere.gif) no-repeat scroll 0 -70px;
  width: 97px;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer {
  border-top: 3px solid #cc071e;
  padding-top: 1em;
  font-size: 0.8em;
}

#footer form {
  margin-bottom: 1em;
}

#footer input.text {
  width: 15em;
}

#footer a:hover {
  color: white;
}

/* ============== */
/* = Typography = */
/* ============== */

h2 {
  font-size: 1.4em;
  margin-bottom: 1em;
  font-weight: bold;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

h3.more-space {
  margin-top: 1.5em;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.main-content ul {
  margin: 0 1em 1em 1em;
  line-height: 1.4em;
}

.main-content ul li, .main-content ol li {
  list-style: disc inside;
}

.main-content p, #footer p {
  margin-bottom: 1em;
  line-height: 1.4em;
}

.main-content a, #footer a {
/*  text-decoration: none;*/
  color: #cc071e;
/*  border-bottom: 1px solid #cc071e;*/
}

a:hover {
  background-color: #cc071e;
  color: white;
}

/* ========== */
/* = Slides = */
/* ========== */

.slide {
  border-top: 1px solid #ccc;
  padding-top: 1em;
  margin-bottom: 2em;
  clear: both;
}

.slide img {
  float: left;
}

.slide .text {
  padding-left: 260px;
}

/* ============ */
/* = Articles = */
/* ============ */

.article {
  padding-left: 280px;
  padding-top: 1em;
}

.article .outside-box {
  background-color: #eee;
  padding: 5px;
}

.article .outside-box a {
  background-color: transparent;
}

.article .medium-left {
  float: left;
  position: relative;
  left: -280px;
  margin-right: -300px;
  width: 240px;
}

.article .medium-right {
  float: right;
  position: relative;
  left: 250px;
  margin-left: -230px;
  width: 240px;
}

.article .caption {
  font-size: 0.8em;
  color: grey;
  margin: 0;
  line-height: 1.2;
}

.article .inside-box {
  margin-left: auto;
  margin-right: auto;
  background-color: #eee;
  padding: 5px;
  margin-bottom: 1em;
}

.article .large {
  width: 500px;
}

/* =================== */
/* = Recently Blocks = */
/* =================== */

ul.recently {
  margin-left: 3em;
  margin-top: 1em;
  line-height: 2em;
}

ul.recently li {
  list-style: disc outside;
}

ul.recently li a {
  display: inline;
  background-color: white;
}

ul.recently li a:hover {
  background-color: #cc071e;
}

ul.recently li span.date {
  font-weight: bold;
}