/* CSS style sheet for 1000 wide flat layout w/rollover buttons.
 * Copyright (c) 2011 Turon Technologies, Inc.
 */

html, body {
    background-color: #ffffff; 
    background-image: url("art/tile-red-plaid.png");
    margin: 0px auto;
    height: 100%;
}

#content { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  background-color: #ffffff;
  width: 1000px;
  min-height: 100%;
  margin-bottom: -36px;
  font-family: courier;
}

#copy { 	
  font-size: 17px;
  padding: 30px 72px 30px 72px;
}

h3 { 
  color: red;
  font-size: 23px;
}

#copyright { 
  color: #808080;
  text-align: right;
  font-family: courier;
  font-size: 10px;
  padding: 3px 72px 3px 72px; 
}


a:link {
 color: #101010;
}
a:visited {
 color: #101010;
}
a:hover {
 color: #ff0000;
 text-decoration: none;
}
a:active {
 color: #777777;
}

.menu
{
  display: block;
  width: 180px;
  height: 70px;
  background: url("art/menu-buttons.png") no-repeat;
}

.menu span
{
  position: absolute;
  top: -999em;
}

.menuLeft            { background-position: 0px 0px;    width: 50px; }
.menuRight           { background-position: -950px 0px; width: 50px; }

.buttonHome          { background-position: -50px 0px     }
.buttonHome:hover    { background-position: -50px -70px; }

.buttonEditing       { background-position: -230px 0px     }
.buttonEditing:hover { background-position: -230px -70px; }

.buttonWriting       { background-position: -410px 0px     }
.buttonWriting:hover { background-position: -410px -70px; }

.buttonBlog          { background-position: -590px 0px     }
.buttonBlog:hover    { background-position: -590px -70px; }

.buttonContact       { background-position: -770px 0px     }
.buttonContact:hover { background-position: -770px -70px; }