/* $Id: style.css,v 1.14.2.4 2007/07/09 03:50:59 drumm Exp $ */

/**
 * Garland, for Drupal 5.0
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */
body {
  margin: 0;
  padding: 0;
  font: 12px/170% Arial;
  color: #494949;
}

body #wrapper #container {
  width: 730px;  
}

#header {
}


input {
  font: 12px/100% "Arial";
  color: #494949;
}

textarea, select {
  font: 12px/160% "Arial";
  color: #494949;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

#headlink {
  float:left;
  width: 640px;
  height: 90px;
  background: #fff;
}

#hmwdh {
  margin-top:50px;
}

h2 {
  font-weight: bold;
  font-size: 100%;
  line-height: 120%;
}

h3 {
  font-size: 100%;
  font-style: italic;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}




a:link, a:visited, a:hover, a:active {
  color: #494949;
}


a .project_title , a .project_image , a .talk_title , a .talk_image {
  font: 12px/170% Arial;
  color: #494949;
  background: none;
  text-decoration: none;
  margin:0px;
  padding:0px;
  font-weight: bold;
}

a:hover .project_title, a:hover .project_image, a:hover .talk_title, a:hover .talk_image {
}

a:hover .project_description, a:hover .talk_description{
}


a .project_description, a .talk_description  {
}

a:active, a.active {
}

.icon a {
background: none;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
}

ul {
  padding: 0;
}


dl {
  margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em;
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 0.5em 1em 0;
}

#watchdog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}

/**
 * Layout
 */
#header-region {
  min-height: 1em;
}

#header-region .block {
  display: block;
  margin: 0 1em;
}

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

/* Avoid displaying content of script tags */
#header-region script {
  display: none;
}

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0;
}

#header-region h3, #header-region label, #header-region li {
  margin: 0 1em;
  padding: 0;
  background: none;
}

#wrapper {
}

#wrapper #container {
  margin: 0px auto;
  padding: 0 20px;
  max-width: 1270px;
}

#wrapper #container #header {
  height: 80px;
  width: 805px;
}

#wrapper #container #header #logo-floater {
  position: absolute;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span {
  font-weight: bold;
}

#wrapper #container #header h1 img {
  padding-top: 16px;
  padding-right: 20px;
  float: left;
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  min-width: 780px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 100%;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -210px;
}
body.sidebar-right #center {
  margin-right: -210px;
}
body.sidebars #center {
  margin: 0 -210px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 210px;
}
body.sidebars #squeeze {
  margin: 0 210px;
}


/**
 * Nodes & comments
 */
.node {
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 28pt;
  background-image: none;
}

.node .links, .comment .links {
  text-align: left;
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right;
}

.terms {
  float: right;
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  margin-bottom: 2em;
}

#comments {
  margin-top: 30px;
  width: 600px;
}

#comments .tips {
	display:none;
}

#comment-form{
  margin-top: 30px;
}

#comment-form div p a {
display: none;
}

#comments h2.comments {
display: none;
}

.comment {  
margin-top: 25px;

}

.indented {
  margin-left: 25px;
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}


/**
 * CSS support
 */
span.clear {
  display: block;
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/



body.sidebars #wrapper #container {
  width: 960px;
}


body.sidebar-left #wrapper #container,
body.sidebar-right #wrapper #container {
  width: 900px;
}


.messages, .status {
display: none;
}

.largeimage {
	margin: 7px 0px;
}

.smallimage {
	margin-bottom: 15px;
}

.form-item label {
font-weight: normal;
}

a.comment_reply, div#comments h2 {
display:none;
}


tbody {
border: none;
padding: 0px;
margin: 0px;
}

tbody, td, table, tr {
border: none;
padding: 0px;
margin: 0px;
}

h2 {
display: none;
}

ul li, .node_content ul li ul li {
list-style-position: outside;
list-style-image: url(/misc/star.gif);
}


li.standard {
margin-left: 10px;
clear:left;
list-style-position: outside;
list-style-image: url(/misc/star.gif);
}



ul li, .node_content ul li ul {
}

ul li, .node_content ul li ul li ul {
margin-top: 0px;
}

.node_region {
clear: left;
}
.node_content {
}



.node_content ul {
}

.node_content ul li {
}


.node_content ul li ul li {
}

.node_content ul li ul li .content {
width: 400px;
float:left;
}

.node_content ul li ul li .marginalia, .node_content ul li ul li .marginalia_second {
width: 90px;
margin-left: 20px;
float:left;
text-align: right;
}

.image_headline {

margin-top: 40px;
clear:both;
}

#hmwdh {
width: 680px;
}


.icon {
float:left;
}

.sites {
float:right;
}



td {vertical-align: top;}


.in_text_link, .in_text_link:hover {
	border: none; 
	padding: 0px; 
	margin: 0px; 
  	font: 12px/170% Arial;
	color: #494949;
	background: none;
}

.hidden {
	display: none;
}


#projects li, #talks li {
list-style: none;
}

#projects div {
clear: none; 
float: left;
margin-right: 20px;
}

.project_title {
height: 50px;
vertical-align: baseline;
}

.project_title, .project_description {
width: 200px;
float:left;
}


.project_title a, .project_description a {
text-decoration: none;
}


.project_image {
width: 200px;
float:left;
}

.project {
clear:both;
width: 200px;
float:left;
}

.project_firstrow {
margin-bottom: 20px;

}

.bibtex, .pdf, .url {
display: inline;
}

.first_column {
width: 90px;
}

.first_column_superwide {
width: 420px;
}

.second_column_far_right {
width: 310px;
padding-left: 20px;
text-align:right;
}




.second_column {
width: 310px;
padding-left: 20px;
}

.second_column_wide {
width: 380px;
padding-left: 20px;
text-align: right;
}


.third_column {
padding-left:131px;
text-align:left;
width:90px;
}

.node_content ul li ul li .marginalia_second a, .node_content ul li ul li .marginalia a, .third_column a, .second_column_wide a, .second_column_far_right a {
color: #a9a9a9;
text-decoration: none;
font-size: 12px;
}

.node_content ul li ul li .marginalia_second a:hover, .node_content ul li ul li .marginalia a:hover, .third_column a:hover, .second_column_wide a:hover, .second_column_far_right a:hover {
color: #494949;
}

.link_text, .link_icon {
	float: right;
}

.link_icon {
	clear: right;
}

.project_single {
	width: 680px;
}

.project_single div {
float:left;
}

.project_single .project_title {
clear:left; 
width: 200px;
height: 30px;
}
.project_single .project_image {
clear:left; 
width: 200px;
margin-bottom: 60px;
}
.project_single .project_year {
clear:left; 
width: 200px;
height: 90px;
}
.project_single .project_description {
clear:left; 
float:left;
width: 420px;
}

.project_single .project_description h2{
clear:left; 
float:left;
width: 420px;
margin-bottom: 13px;
}
.project_single .project_opener {
clear:left; 
float:left;
margin-bottom: 30px;
margin-top: 30px;
font-style: italic;
width: 420px;
}

.project_single .project_metadata {
float:left;
margin-left: 65px;
width: 170px;
}

.project_single .project_publications, .project_note  {
margin-top: 30px;
clear:both;
}

.project_single_marginalia_body {
clear:left;
float:left;
width: 130px;
}

.project_single_marginalia_icon {
display: block; 
float:left;
margin-left: 15px;
width: 10px;
padding-top: 2px;
}





.move_down {
margin-top: 30px;
clear:both;
}


li.publications_per_topic, li.webdesign_entry {
margin-top: 10px;
clear:left;
float:left;
}

li.press_media  {
clear:left;
float:left;
}

li.publication_body {
width: 390px;
float:left;
clear:left;
margin-left: 20px; 
}

li.webdesign_body {
width: 530px;
float:left;
clear:left;
margin-left: 10px; 
}

li.press_body {
width: 400px;
float:left;
clear:left;
margin-left: 10px; 
}


li.publication_marginalia {
float: left;
width: 100px;
margin-left: 130px;
padding-top: 5px;
display: block;
}


li.webdesign_marginalia {
float: left;
width: 100px;
margin-left: 10px;
padding-top: 5px;
display: block;
}

li.press_marginalia {
float: left;
width: 100px;
margin-left: 130px;
padding-top: 5px;
display: block;
}


.publication_icon {
width: 33px;
float: left;
}


.some_topmargin {
margin-top: 10px;
}


#bibtex {
	margin-left: 50px;
	margin-top: 50px;
}


ul.high_level {
	margin-top: -5px;
}