@import url(http://fonts.googleapis.com/css?family=Ubuntu);
h1,h2,h3,h4
{
  font-family: "Ubuntu", "Bitstream Vera Sans", "Arial", Helvetica, sans-serif;
/*  font-variant: small-caps; */
}

h1 { color: #000000; margin-top: 0px; }

body
{
/*  background: #9999ee; */
  background: #ededed;
  font-family: "Ubuntu", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
  font-size: 95%;
  margin: 0px;
}

p,li
{
  font-size: 95%;
}

dt { font-style: italic }

a:visited { color: #0000ff; }

#header, #footer
{
  color: #000;
  background-color: #ededed;
/*  background-color: #9999ee; */
  padding: 10px;
  text-align: left;
  margin: 0px auto;
  max-width: 90%;
}

#header
{
  font-variant: small-caps;
}

#header a:link
{
  color: #000;
  text-decoration: none;
}

#header a:visited
{
  color: #000;
  text-decoration: none;
}

#title
{
  font-size: 160%;
  font-weight: bold;
  margin-top: -5px;
}

#content
{
  background: #ffffff;
  margin: 0px auto;
  padding: 5px 10px 10px 10px;
  max-width: 90%;
  border: 1px solid #aaa;
  border-radius: 10px;
}

#footer
{
  padding: 10px 10px 20px 10px;
}

.nav ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav li
{
  font-variant: small-caps;
  display: inline;
  margin: 0;
  margin-right: 1em;
  padding: 0;
}

.project
{
  display: block;
  font-size: small;
  background: #fafafa;
  height: 70px;
  padding: 5px;
  clear: both;
}

.project .title
{
  font-weight: bold;
  line-height: 180%;
}

.project img
{
  float: left;
  padding: 2px 4px 2px 4px;
}

b.super { color: #118811; }

span.lang
{
  color: #444444;
  font-style: italic;
  font-family: Georgia, Palatino, "DejaVu Serif", serif;
}

span.amp
{
  font-style: italic;
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
}

span.drop
{
  float: left;
  font-size:300%;
  line-height: 0.85em;
  margin-right: 0.03em;
  margin-bottom: -0.25em;
}

span.first
{
  font-variant: small-caps;
}

.info
{
  color: #777;
  font-size: 80%;
}

/*
.article
{
  font-size: small;
}
*/

.details
{
  font-size:small;
  color: #444444;
}

.dashes
{
  border-top: 1px dotted #aaa;
  border-bottom: 0;
  margin-top: 2px;
  height: 0;
  line-height: 0;
}

.date
{
  font-size: small;
  font-variant: small-caps;
  color: #444444;
  padding: 4px 0px 4px 0px;
}

/* Tables */

table.main td { padding: 8px; }

table.main td.left
{
  width: 66%;
  vertical-align: top;
}

table.main td.right
{
  width: 34%;
  vertical-align: top;
}

/* Table for laying out icons with text */
table.presentation
{
  border-collapse: collapse;
  padding: 0px;
/*
  border-right: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
*/
}

table.presentation td
{
  border-top: solid 1px #ddd;
/*
  border-left: solid 1px #ddd; */
  padding: 4px 10px 4px 4px;
  margin: 0;
  vertical-align: top;
  font-size: 90%;
}

table.project { padding: 4px; }

table.project td
{
  border-top: solid 1px #ccc;
  vertical-align: top;
}

table.photor { margin: auto; }
table.photor td { padding: 0px; }
table.photor tr { padding: 0px; }
table.photor img { display: block; }

table.screenshot { padding: 10px; }
table.screenshot td { padding: 5px; }

/* Table with only outline border */
table.outline
{
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
}
table.outline td.right
{
  border-left: 1px dashed #a7a7a7;
}
table.outline td.single
{
  border-top: 1px dashed #a7a7a7;
}
table.output
{
  width: 100%;
  background-color: #dddddd;
  color: #000;
  border: 1px solid #aaaaaa;
}

/* Standard table, with borders */
table.standard,table.standard-rot
{
  background-color: #eeeeee;
  border: 1px solid;
  border-collapse: collapse;
}

table.standard th
{
  background-color: #ccffcc;
  border: 1px solid #a7a7a7;
  border-bottom: 1px solid #000000;
  padding: 4px;
}

table.standard-rot th
{
  background-color: #ccffcc;
  border: 1px solid #a7a7a7;
  border-right: 1px solid #000000;
  padding: 4px;
}

table.standard td,table.standard-rot td
{
  border: 1px solid #a7a7a7;
  padding: 4px;
}

.iconheading
{
  clear: both;
  margin-top: 10px; 
  margin-bottom: 20px;
}

.iconbox
{
  float: left;
  padding-top: 5px;
}

.headbox
{
  padding-left: 38px;
  padding-top: 1px;
} 

/* Photo styles */
.photo
{
  background: #fff;
} 
.photo img
{
  padding: 6px;
  border: 1px solid #ccc;
}
.photo a:hover img
{
  padding: 6px;
  border: 1px solid #0044ff;
}
.photo_row
{
  vertical-align: middle;
  text-align: center;
}
.photo_row td 
{
  width: 200px;
  padding-top: 20px;
  padding-bottom: 5px;
}
.photo_desc
{
  font-size: small;
  vertical-align: top;
  text-align: center;
}
.photo_desc td
{
  width: 200px;
  font-size: small;
}

.photo_block { margin-left:auto; margin-right:auto }

.photo_block img
{
  padding: 2px;
  border: 1px solid #ccc;
}

.photo_block a:hover img
{
  padding: 2px;
  border: 1px solid #0044ff;
}

.photo_block table
{
  border: 0;
  padding: 10px;
}

.polaroid
{
  background: #fff;
  padding: 8px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: small;
}