/******************************************************************************/
/*                                                                            */
/*               Proprietary, Confidential, and/or Trade Secret               */
/*       Copyright (C) 2009 Timothy Albee Animation and Steven Mitchell       */
/*                   Unpublished Work - All Rights Reserved                   */
/*                                                                            */
/* File:     ta-animation.css                                                 */
/*                                                                            */
/* Purpose:  This file contains the definitions of the styles used throughout */
/*           the Timothy Albee Animation web site.                            */
/*                                                                            */
/* Modifications:                                                             */
/*                                                                            */
/*          Name          Date                      Reason                    */
/*    ---------------- ---------- ------------------------------------------- */
/*    Steve Mitchell   2009-08-07 Original creation                           */
/*                                                                            */
/******************************************************************************/
body
{
   background-attachment: fixed;
   background-position:   center top;
   background-color:      #f5f5dc;
/* background-image:      Set in each page to randomly select the image */
   background-repeat:     no-repeat;
   color:                 #000000;
   font-family:           Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif;
   font-size:             14px;
   font-weight:           normal;
   font-style:            normal;
   text-align:            left;
   vertical-align:        top;
}
a:link
{
   background-color: transparent;
   color:            #000000;
   font-size:        14px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  underline;
}
a:visited
{
   background-color: transparent;
   color:            #000000;
   font-size:        14px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  underline;
}
a:hover
{
   background-color: #000000;
   color:            #b1bda7;
   font-size:        14px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a:active
{
   background-color: #000000;
   color:            #b1bda7;
   font-size:        14px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}

a.bigtext:link
{
   background-color: transparent;
   color:            #000000;
   font-size:        28px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  underline;
}
a.bigtext:visited
{
   background-color: transparent;
   color:            #000000;
   font-size:        28px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  underline;
}
a.bigtext:hover
{
   background-color: #000000;
   color:            #b1bda7;
   font-size:        28px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a.bigtext:active
{
   background-color: #000000;
   color:            #b1bda7;
   font-size:        28px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}

a.image:link
{
   background-color: transparent;
   color:            #000000;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a.image:visited
{
   background-color: transparent;
   color:            #000000;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a.image:hover
{
   background-color: transparent;
   color:            #000000;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a.image:active
{
   background-color: transparent;
   color:            #000000;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}

a.nav:link
{
   background-color: transparent;
   color:            #000000;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a.nav:visited
{
   background-color: transparent;
   color:            #000000;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a.nav:hover
{
   background-color: transparent;
   color:            #00aa00;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}
a.nav:active
{
   background-color: transparent;
   color:            #00aa00;
   font-size:        16px;
   font-weight:      normal;
   font-style:       normal;
   text-decoration:  none;
}

.menu
{
   text-align:       center;
   vertical-align:   top;
}
.menutitle
{
   background-color: #674426;
   color:            #ffffff;
   font-size:        20px;
   font-weight:      bold;
   font-style:       normal;
   padding-top:      10px;
   padding-bottom:   10px;
   text-align:       center;
   vertical-align:   middle;
}
.menurow
{
   background-color: #e1e1c8;
   padding-top:      10px;
   padding-bottom:   10px;
   text-align:       center;
   vertical-align:   middle;
}
.content
{
   font-size:      14px;
   font-weight:    normal;
   font-style:     normal;
   padding-bottom: 0px;
   padding-left:   20px;
   padding-right:  20px;
   padding-top:    0px;
   text-align:     left;
   vertical-align: top;
}
hr.medium
{
   background-color: #000000;
   border-color:     #000000;
   border-style:     solid;
   border-width:     1px;
   color:            #000000;
   height:           1px;
   width:            50%;
}
hr.short
{
   background-color: #000000;
   border-color:     #000000;
   border-style:     solid;
   border-width:     1px;
   color:            #000000;
   height:           1px;
   width:            25%;
}
.client
{
   background-color: transparent;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       center;
   vertical-align:   middle;
}
.clipping
{
   background-color: transparent;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       center;
   vertical-align:   middle;
}
.copyright
{
   background-color: transparent;
   font-size:        10px;
   font-weight:      normal;
   font-style:       normal;
   text-align:       center;
   vertical-align:   middle;
}
.demoreelheader
{
   background-color: transparent;
   font-size:        14px;
   font-weight:      bold;
   font-style:       normal;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       center;
   vertical-align:   middle;
}
.demoreellink
{
   background-color: transparent;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       center;
   vertical-align:   middle;
}
.demoreeltime
{
   background-color: transparent;
   font-family:      Courier New, Courier, mono;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       center;
   vertical-align:   middle;
}
.resumelocation
{
   text-align: right;
}
.resumeposition
{
   font-weight: bold;
}
.pagetitle
{
   text-align: center;
}
.prodstattitle
{
   background-color: transparent;
   font-weight:      bold;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       center;
   vertical-align:   middle;
}
.prodstatitem
{
   background-color: transparent;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       left;
   vertical-align:   top;
}
.prodstatchart
{
   background-color: transparent;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       center;
   vertical-align:   middle;
}
.prodstatstatus
{
   background-color: transparent;
   padding-top:      0px;
   padding-bottom:   0px;
   text-align:       left;
   vertical-align:   top;
}
.headerdonate
{
   background-color: transparent;
   text-align:       left;
   vertical-align:   top;
}
.headerkaze
{
   background-color: transparent;
   text-align:       right;
   vertical-align:   top;
}
.headertitle
{
   background-color: transparent;
   text-align:       center;
   vertical-align:   top;
}
.tafa
{
   background-color: transparent;
   text-align:       center;
   vertical-align:   top;
}
.tafaleft
{
   background-color: transparent;
   text-align:       left;
   vertical-align:   top;
}
.tafaleftsmall
{
   background-color: transparent;
   font-size:        9px;
   text-align:       left;
   vertical-align:   top;
}
.tafarightbottom
{
   background-color: transparent;
   text-align:       right;
   vertical-align:   bottom;
}
.contactname
{
   background-color: transparent;
   text-align:       right;
   vertical-align:   top;
}
.contactnote
{
   background-color: transparent;
   text-align:       left;
   vertical-align:   top;
}
.contactspace
{
   background-color: transparent;
   text-align:       center;
   vertical-align:   top;
}
.contactvalue
{
   background-color: transparent;
   text-align:       left;
   vertical-align:   top;
}
.formerror
{
   background-color: transparent;
   color:            #ff0000;
   font-weight:      bold;
   text-align:       left;
   vertical-align:   top;
}