body {
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 0;
   background: #000000 url(../images/menugradient.gif) repeat-y left;
   color: #FFFFFF;
}

a:link      {color: #9999FF;  }
a:active    {color: red;   }
a:visited   {color: #FF33FF;}
a:hover     {color: red;   }

h1, h2, h3, h4, h5, h6 {
   font-family: "Comic Sans MS", cursive;
}

h1 { margin-top: 0; font-size: 170%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 90%; }

img { border: none; }


/*************************************************************
 * SIDEBAR STYLES
 *************************************************************/
.banner 
{
   padding: 0px;
   text-align: center;
}

.menuitems p, .submenuitems p
{
   margin-bottom: 5px;
   margin-top: 0px;
   font-family: "Comic Sans MS", cursive;
}

.menuitems p
{
   font-size: 110%;
   margin-left: 3px;
}

.submenuitems p
{
   font-size: 90%;
   margin-left: 1em;
}

.menuitems p a, .submenuitems p a
{
   padding: 0;
   margin-bottom: 0;
   text-decoration: none;
}

.menuitems p a:link, .menuitems p a:visited,
.submenuitems p a:link, .submenuitems p a:visited
{
   color: #000000;
}

.menuitems p a:active, .menuitems p a:hover,
.submenuitems p a:active, .submenuitems p a:hover
{
   color: #0000ff;
}

.copyright p
{
   font-size: 80%;
   text-align: left;
   font-family: sans-serif;
   padding: 5px;
}

.copyright p a
{
   padding: 0;
}

.copyright p a:link, .copyright p a:visited	{ color: #000000; }
.copyright p a:active, .copyright p a:hover	{ color: #0000ff; }

.clearing 
{
   height: 0;
   clear: both;
}

.clearingl 
{
   height: 0;
   clear: left;
}

.wrapper 
{
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   color: #FFFFFF;
   background-repeat: repeat-y;
   background-color: #000000;
   background-image: url(../images/menugradient.gif);
}

.sidebar 
{
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 154px;
   background-repeat: repeat-y;
   background-color: #CCCCCC;
   background-image: url(../images/menugradient.gif);
   color: #000000;   
}

.content 
{
   position: absolute;
   top: 0px;
   left: 154px; /* must be same as .sidebar.width */
   height: 100%;
   width: 825px;
   padding: 10px;
   background-color: #000000;
   color: #FFFFFF;
}

/* BRIGHT BUTTONS */

.button1, .button2
{
   float: left;
   width: 10em;
   color: black;
   border: 1px solid white;
   padding: 0;
   margin: 0.5em;
   cursor: pointer;
   display: block;
   text-align: center;
   font-family: "Comic Sans MS", cursive;
}

.button1 { background-color: #ccff00; }
.button2 { background-color: #ff7711; }

.button1 a, .button2 a
{
   text-decoration: none;
}

.button1 a:link, .button1 a:visited { color: black; }
.button1 a:active, .button1 a:hover { color: red; }

.button2 a:link, .button2 a:visited { color: black; }
.button2 a:active, .button2 a:hover { color: red; }


/*************************************************************
 * GALLERY.PHP; CATEGORY.PHP; WORK.PHP STYLES
 *************************************************************/
.itembox
{
   clear: both;
   color: #FFFFFF;
   background-color: #000000;
   border-color: #FFFFFF;
   border-style: solid;
   border-width: 1px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 8px;
   padding-right: 8px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 10px;
   margin-right: 10px;
   cursor: pointer;
   display: block;
   text-align: justify;
   font-family: sans-serif;
}

.itemdetailbox
{
   color: #FFFFFF;
   background-color: #000000;
   border-color: #FFFFFF;
   border-style: solid;
   border-width: 1px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 8px;
   padding-right: 8px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 10px;
   margin-right: 10px;
   font-family: sans-serif;
}

.itemheading
{
   font-size: 130%;
   font-weight: bold;
   padding-bottom: 10px;
}

.itemheading a
{
   color: #FFFFFF;
   text-decoration: none;
}

.itemimage
{
/*   width: 450px; */
   float: left;
   padding: 5px;
}

.itemattributes
{
   clear: both;
}

.itemthumbnail
{
   width: 100px;
   text-align: center;
   vertical-align: top;
}

.itemdescription
{
   width: 100%; /* needed for proper div rollover in IE6 */
   vertical-align: top;
}

.pagenumbers
{
   text-align: center;
   font-family: sans-serif;
   border: 1px solid white;
   color: #FFFFFF;
   background-color: black;
}

/*************************************************************
 * ADMIN STYLES
 *************************************************************/
.admintable
{
   border: 1px solid white;
   border-collapse: collapse;
   padding: 2px;
}

/*************************************************************
 * INDEX.PHP; BIOGRAPHY.PHP STYLES
 *************************************************************/
.floatright, .floatleft
{
   padding: 5px;
   text-align: center;
   font: 80% sans-serif italic;
   font-family: sans-serif;
   border: 1px solid white;
   color: #FFFFFF;
   background-color: black;
}

.floatright { float: right; }
.floatleft { float: left; }

.palettecategory
{
   padding: 5px;
   text-align: center;
   font: 80% sans-serif italic;
   font-family: sans-serif;
   border: 1px solid white;
   color: #FFFFFF;
   background-color: black;
   width: 180px;
}

.bodytext
{
   font-family: serif;
}