.floatleft
{
	float: left;
	height: 230px;
	width: 230px;
	text-align: center;
}
  
body { 
  font-family: sans-serif;
  background: #eee;
  text-align: center;
}

h1,h2,h3,th,td,p { 
  font-family: sans-serif;
}

h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.1em;
}

h1.photo_breadcrumbs {
   position: absolute;
   top: 16px;
   /*left: 38px; // This value matches the positioning of the high-level page, but we want it all the way to the left to minimize collisions with photos.*/
   z-index: 1;
}
table.main_photo_table {
  POSITION: absolute;
  LEFT: 0px;
}

p
{
	max-width: 600px;
}

.img img {
	border-width: thick;
	border-style: solid;
  border-color: #eee;
}

.img:hover img {
	border-color: #bbb;
}

.img:hover {
color: red; /* irrelevant definition to overcome IE bug */
}

/*.comments { 
  font-size: 0.9em;
}*/

.nobr {
  white-space: nowrap;
}

img.front_image {
 position: relative;
 z-index: 1;
}

/*
The convention for table rows is as follows:

Rows alternate between row_odd and row_even.  Imagine
rows as numbered from 0.  The first row (even) is darker
than the second row (odd).  If there is a table header, 
row_odd comes first (as if the header were row 0).  
This is true even if there is a subheader as well.  If
there is no header row, start with row_even.
*/

table.listing {
  border-collapse: collapse;
  width: 100%;
}

td {
  padding: 0.5em;
}

.row_header {
  background: #bbb;
}

.row_subheader {
  background: #ccc;
}

.row_even {
  background: #ddd;
}

.row_odd {
  background: #eee;
}

.tallcell
{
  height: 150px;
}

div,p.centered {
    text-align: center;
}

td.unpadded {
  padding: 0em;
}

/* Containers for the main body content.  */

/*
For a centered, text-centric, readable container like nytimes.
Used for listing pages (except Movies). */
#container_Inblox, #container_Photos, #container_Projects {
  margin: 0 auto;
  max-width: 800px;
  text-align: left;
}

/* A wider version for Movies. */
#container_Movies {
  margin: 0 auto;
  width: 1100px;
  text-align: left;
}

/* To use as much of the screen as possible, with just a narrow margin at the left. */
#container_maximal {
  margin-left: 30px;
  text-align: left;
}