html,body{margin:0;padding:0; height: 100%;background-color:#2f2e2c;}
body{font: 76% arial,sans-serif;text-align:center}
p, img{margin:5px 0;}
ul {margin: 10px; }
h2 { margin: 0 0 5px 0; font-size:18px; font-weight:bold; color: #fff;}
a { font-weight:bold; text-decoration:none; }
a.more {font-style: italic }
a:hover {  color: #fff; }
li {padding-bottom:8px; padding-left:25px; margin:0 22px }
li.twitter { background:transparent url(images/twitter-darkgrey.png) no-repeat scroll 0 0; }
li.email { background:transparent url(images/email.gif) no-repeat scroll 1px 3px; }
li.reuters { background:transparent url(images/reuters.ico) no-repeat scroll 0 0; }
li.nytimes { background:transparent url(images/nytimes.ico) no-repeat scroll 0 0; }
div#header h1{text-transform: uppercase; 
display: block;
height: 90px;
width: 400px;
text-indent: -2000em;
background: url(images/logo2s-darkgrey.png) 2px -5px no-repeat;}


div#container{text-align:left}
div#content p{line-height:1.4}


div#container{min-width:700px; max-width:990px;margin:0 auto}
div#navigation{}
div#extra{}
div#footer{clear:both;width:100%
}

* { color: #ccc; font-family:arial; }
.project { margin: 0 10px; height:310px; float:left; width: 310px; }
.project p { margin: 0;}
.project img { border: 3px solid #cdcdcd; margin: 0;}
.description { width:306px; }
div#footer p{text-align:center;margin:0 22px 22px;padding:5px 0}

.meta {

float:left;
margin: 0 10px;
width:310px;

}