﻿body 
{
    margin: 0px;
    vertical-align: top;
    min-width: 800px;
}

a 
{
    text-decoration: none;
    color: #003366;
    }

/* --------------- Front Page --------------- */

#FrontPageSquare
{
    background-color: #84929c;
    padding: 20px;
    border: solid 3px #616b72;
    }

#FrontPageSquare img 
{
        border: solid 1px #616b72;
    }
    
#FrontPageMenu
{
    background-color: #d6d3d3;
    margin-top: 5px;
    padding: 10px;
    border: solid 1px #616b72;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    color: #336699;
    }    
    
#FrontPageMenu a
{
    color: #336699;
    }   

#FrontPageMenu a:hover
{
    color: #6699cc;
    }     

/* ------------------- Master Content ---------------- */

#Corner
{
    background-image: url(images/cornerwolf.gif);
    background-repeat: no-repeat;
    height: 156px;
    width: 200px;
    Left: 0px;
    top: 0px;
    position: fixed;
    z-index: 400;
    }

#MainContent 
{
    background-color: #6a91ac;
    }

#Main_Title 
{
    top: 90px;
    left: 180px;
    position: fixed;
    z-index: 300;
    font-size: 25px;
    font-family: Arial;
    font-style: italic;
    color: #cddae4;
    }

#MainHeading 
{
    top: 119px;
    width: 100%;
    height: 35px;
    background-color: #84929c;
    font-size: 25px;
    color: #d6d3d3;
    border-top: solid 2px #616b72;
    border-bottom: solid 2px #616b72;
    overflow: hidden;
    vertical-align: middle;
    position: fixed;
    z-index: 200;
    padding-left: 200px;
}

#MainHeading a 
{
    font-size: 20px;
    }

#MainHeading a:hover 
{
    color: #336699;
    }

#Spacer 
{
    height: 250px;
    }

#Trees 
{
    background-image: url(images/trees.gif);
    background-repeat: repeat-x;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 156px;
    position: fixed;
    z-index: 100;
    }


#Wording 
{
    Margin-top: 156px;
    padding: 20px;  
    }
    
#Disclaimer 
{
    font-size: 8px;
    }    


.MedTitle 
{
    font-size: 26px;
    color: #ffffff;
    }

.MiniTitle 
{
    font-size: 22px;
    color: #336699;
    }

/* --------- Gallery Page ------------ */
   
.gallerylinks 
{
    width: 100%;
    }

.gallerylinks td 
{
    text-align: center;
    vertical-align: top;
    padding: 5px;
    font-size: 19px;
    }

.newuploads
{
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: #84929c;
    border: dotted 1px #616b72;
    vertical-align: middle;
    }

.newuploads img
{
    margin-top: auto;
    margin-bottom: auto;
    }

.newuploads:hover 
{
    background-color: #cfcfcf;
    }    
    
.artlinks 
{
    width: 100%;
    }

.artlinks td 
{
    vertical-align: top;
    text-align: center;
    background-color: #cddae4;
    border: dotted 1px #6699cc;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    width: 20%
    }

.artlinks a 
{
    color: #3c6788;
    }

.artlinks a:hover 
{
    color: #798ea4;
    }   

/* -------------------- Artwork by Thumbnail page ---------------- */


#ThumbPage td
{
    vertical-align: top;
    background-color: #cddae4;
    border: dotted 1px #616b72;
    }     
    
.Listbox 
{
    background-color: #f4f4f4;
    padding: 6px;
    }   
    
.Listbox:hover 
{
    background-color: #cccccc;    
    }     
    
.ThumbImage
{
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: #84929c;
    border: dotted 1px #616b72;
    vertical-align: middle;
    }

.ThumbImage img
{
    margin-top: auto;
    margin-bottom: auto;
    }

.ThumbImage:hover 
{
    background-color: #cfcfcf;
    }
    

/* ------------- Artusage Page -------------- */

#doanddont td
{
    width: 50%;
    vertical-align: top;
    padding: 10px;
    }

#do 
{
    background-color: #cde4d5;
    }

#dont 
{
    background-color: #e59e9e;
    }
    
/* ----------------------- Character page -------------------------- */

#CharacterChart td 
{
    vertical-align: top;
    text-align: center;
    border: dotted 1px #a2a2a2;
    padding: 10px;
    }

#ChartMenu td 
{
    background-color: #dddddd;
    }

.Chars td 
{
    background-color: #ffffff;
    }    
    
.fanpage td
{
    vertical-align: top;
    background-color: #cddae4;
    border: dotted 1px #616b72;
    }   

/* -------------------About Page ------------------ */

#AboutPhoto 
{
    text-align: center;
    }

#AboutPhoto a 
{
    background-color: #6699cc;
    padding: 5px;
    border: dotted 1px #3399cc;
    color: #ffffff;
    }

#AboutPhoto a:hover 
{
    background-color: #add8e6;
    color: #000000;
    }

#AboutPhoto a:visited 
{
    color: #000000;
    }

#Favorites 
{
    width: 100%
    }

#Favorites td 
{
    vertical-align: top;
    width: 50%;
    }
    
/* ----------------- Poem Page ---------------- */

#PoemPage 
{
    text-align: center;
    vertical-align: top;
    }

#PoemMenu 
{
    background-color: #cddae4;
    border: dotted 1px #616b72;
    text-align: center;
    }

.poemtitle 
{
    font-size: 20px;
    color: #649ded;
    }

/* ------------------Contact Page-------------------- */

#ContactPage 
{
    padding-left: 100px;
    }   
    
/* ------------------- Request Form ------------------- */

.steps 
{
    color: #000000;
    font-weight: bold;
    font-size: 18px;
    }

#formpicker 
{
    text-align: center;
    background-color: #84929c;
    }

#formpicker td 
{
    padding: 5px;
    }

.Options 
{
    background-color: #e7e7e7;
    }

.Options:hover 
{
    background-color: #dddddd;
    }

.Leggings td
{
    background-color: #84929c;
    }

.anthroOpt 
{
    text-align: center;
    padding: 10px;
    } 

.legOpt 
{
    text-align: center;
    padding: 10px;
    }       