body
{
  background-color: white;
  color: white;
  font-family: "futura", sans-serif;
  padding-top: 8px;
}

.subcanvas
{
  /*background-color: #993333;*/
  /*border: thin solid #FFFFFF;*/
  width: 800; 
  position: relative; 
  left: 0; 
  right: 0; 
  top: 0; 
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.canvas
{
  position: relative;
  bottom: 0;
  border: none;
  padding-bottom: 10px;
}

.uppercanvas
{
  background-image: url("images/uppercanvas.png");
  height: 100px;
}

.header
{
  position: relative;
  left: 0px;
  top: 0px;
  /*background-color: #998877*/
}

#headerimage
{
  /*width: 155px;*/
  /*height: 250px;*/
}

.spacer
{
  width: 800px;
  height: 6px;
}

#physicalcoords
{
  position: absolute; 
  left: 250px; 
  top: 110px; 
  font-family: sans-serif; 
  color: black; 
  text-align: center;
}

#logo
{
  position: absolute;
  left: 20px;
  top: 11px;
  z-index: 1;
  width: 154px;
  height: 196px;
}

#logo a { text-decoration: none; }
#logo a:link { border-width: 0; outline-width: 0; color: blue; }     /* unvisited link */
#logo a:visited { border-width: 0; outline-width: 0; color: blue; }  /* visited link */
#logo a:hover { border-width: 0; outline-width: 0; color: blue; }   /* mouse over link */
#logo a:active { border-width: 0; outline-width: 0; color: blue; }   /* selected link */

img, a img {
border:medium none;
outline-style:none;
outline-width:medium;
}

.navbar
{

  text-align: center;
  margin-left: 10;
}

.navbar ul
{
  list-style-type: none;
}

.navbar a
{
  text-decoration: none;
  font: bold 14pt Arial;
  color: yellow;
}

.navbar a#current
{
  text-decoration: none;
  font: bold 14pt Arial;
  color: white;
}

.navbar p
{
  text-indent: -10%;
}

.navbar a:link { }
.navbar a:visited { }
.navbar a:hover { color: grey; }
.navbar a:active { text-decoration: underline; }

.content
{
  background-image: url("images/extrabg.png");
  background-repeat: repeat;
  width: 790px;
  min-height: 400px;
  font-size: large;
  padding-left:5px;
  padding-right:5px;
  margin-top:-1px;
}

.content em
{
  color: yellow;
}

.content a
{
  color: yellow;
}

#tagline
{
  text-align: center;
  padding-left: 0;
  margin-left: 0;
  margin-top: 10px;
  font-size: 35pt;
}

#quickBlurb
{
	width:700px;
    font-size: 25pt;
}

#longWelcome
{
	width:720px;
    font-size: large;
}

.centered
{
    text-align: left;
    position: relative;
    left: auto;
    right: auto;
}

.centered ul
{
    list-style-type: none;
}

#footermenu 
{
  color: grey;
  font-size: smaller;
}

.footer
{
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-image: url("images/lowerright.png");
  background-repeat: no-repeat;
}

.footer a { text-decoration: none; }
.footer a:link {color: white}     /* unvisited link */
.footer a:visited {color: white}  /* visited link */
.footer a:hover {color: black}   /* mouse over link */
.footer a:active {color: black}   /* selected link */

#copyright
{
  font-size: x-small;
}

#itoonified-images{
	height: 205px;
	padding:10px;
	background-color: rgba(0,0,0,0.5);
	width:720px;
}

#itoonified-images li{
	display: block;
	list-style-type: none;
	margin:0;
	padding:10px;
	float:left;
}

#details {
  font-size: small;
  margin-left: 170;
  margin-right:10;
}

#details ul {
list-style-type: none;
}

#details li {
  font-size: large;
}
#details li.screenshot {
  font-size: large;
  min-height: 240px;
}
#details li p {
  font-size: small;
}
#details li li {
  font-size: medium;
}
#details li li li {
  font-size: small;
}

#details p.last {
padding:0px;
margin:0px;
}

#details div.screenshot {
    float:left;
    margin-left:-180;
}

#details div.screenshot br {
    margin-bottom:10;
}