body
{
	background-color: #FFF;
	color: #333;
	font-size: 75.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 20px;
}

a img
{
  border: 0;
}

.clearOne
{
  clear: both;
  height: 1em;
}

#wrap
{
  width: 750px;
  margin: 0 auto;
}

#sidebar
{
  float: left;
  width: 200px;
}

#sidebar .button
{
  text-align: center;
  margin-bottom: 5px;
}

#sidebar .button a, #sidebar .button a:visited
{
  height: 50px;
  font-weight: bold;
  display: block;
  color: #000000;
  text-decoration: none;
}

#content
{
  float: right;
  width: 550px;
}

#content .page
{
  padding: 10px;
  min-height: 325px;
}

.twitter
{
  background: #66BFFF;
}

#twitter a, #twitter a:visited
{
  color: #0A4875;
}

#twitter img
{
  max-height: 400px;
  max-width: 500px;
  margin: 5px;
}

#twitter .tweet
{
  margin: 5px;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#twitter .tweet .error
{
  padding-top: 5em;
  padding-bottom: 5em;
  text-align: center;
}

#twitter .tweet .time
{
  font-size: smaller;
}

.portfolio
{
  background: #B7FFAA;
}

#portfolio h3
{
  margin: 0;
  padding: 0;
}

#portfolio a, #portfolio a:visited
{
  color: #0B4200;
}

#portfolio div.itemArt
{
  float: left;
  margin-right: 10px;
}

.downloads
{
  background: #FFBFE6;
}

#downloads div.disclaimer
{
  font-size: 80%;
  margin-top: 3em;
  margin-bottom: 1em;
}

#downloads a, #downloads a:visited
{
  color: #C13E91;
}

#downloads div.download
{
  margin-bottom: 1.5em;
}

#downloads div.download div.title
{
  font-weight: bold;
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#downloads div.icon
{
  float: left;
  margin-right: 10px;
}

#downloads div.download div.description
{
}

#downloads div.download div.screenshots
{
  clear: both;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}

.about
{
  background: #FFEC91;
}

#about a, #about a:visited
{
  color: #5E4D04;
}

#about .inner
{
  width: 300px;
  margin: 0 auto;
}

#flickr
{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#flickr a img
{
  border: 1px solid #FFEC91;
  margin: 3px;
  padding: 2px;
}

#flickr a:hover img
{
  border: 1px solid #5E4D04;
}

#footer
{
  clear: both;
  text-align: center;
  font-size: smaller;
  padding-top: 3em;
  padding-bottom: 2em;
}