body {
    /*
    margin:             5 0 3 0;
    padding:            0;
    font-family:        Verdana, sans-serif;
    font-size:          normal;
    line-height:        1.5em;
    */

    text-align:         center;
    color:              #000;
    background-color:   #CC4908 ;
    background:         url(tcbg2.jpg) repeat;
    }

#wrap {
    position:           relative;
    margin:             0 auto;
    padding:            0;
    font-size:          95%;
    text-align:         left;
    width:              80%;
    background:         #000;
    }

#nav {
    float:              left;
    width:              750px;
    margin:             0;
    padding:            0;
    list-style:         none;
    font-size:          82%;
    border-top:         1px solid #64A6F3;
    border-bottom:      3px solid #134783;
    /*background:       #235C9D url(../img/nav-bg-blue.gif) repeat-x top left;*/
    background:         #000050 url(../img/nav-bg-blue.gif) repeat-x top left;
    } 

#nav li {
    letter-spacing:     .1em;
    font-size:          130%;
    height:             20px;
    color:              #555;
    float:              left;
    margin:             0;
    padding:            15px 1px 15px 10px;
    list-style:         none;
    background:         url(../img/nav-li-bg-blu.gif) no-repeat top right;
    }

#nav a:link{ 
    color:              #fff;
    text-decoration:    none;
    }

#nav a:visited{ 
    color:              white;
    text-decoration:    none;
    }

#nav a:active{ 
    color:              white;
    text-decoration:    none;
    }

#nav a:hover{ 
    color:              white;
    text-decoration:    underline;
    }


#serieslist {
    text-align:         center;
    font-variant:       small-caps;
    line-height:        2em;
    letter-spacing:     .1em;
    font-family:        Times New Roman, Sans Serif;
    color:              white;
    font-weight:        bold;
    font-size:          130%;
    margin:             10px 10px 10px 10px;
    /*padding:          20px;*/
    text-decoration:    none;
    border:             0px red solid;
    }
#serieslist a {
    text-decoration:    none;
    color:              white;
    }   

#row {
    width:              100%;
    text-align:         center;
    margin:             3px 0;
    }

#rowtitle {
    clear:              both;
    width:              100%;
    color:              white;
    font-size:          85%;
    font-family:        Arial, Sans Serif;
    letter-spacing:     .1em;
    font-weight:        bold;
    padding:            5px 0;
    }   

#rowinfo {
    clear:              both;
    width:              100%;
    color:              white;
    font-size:          75%;
    font-family:        Arial, Sans Serif;
    letter-spacing:     .1em;
    }   
    
#interrow {
    height:             20px;
    /*background-color: #d62 ;*/
    background-color:   #a30 ;
    }   

#thumb4 {
    float:              left;
    margin:             10px 0px;
    width:              24%;
    /*border:1px red dashed;*/
    }
#thumb4r {
    float:              right;
    margin:             10px 0px;
    width:              25%;
    /*border:1px red dashed;*/
    }
    
#thumb4 img {
    cursor:             pointer;
    }
    
#thumb3 {
    float:              left;
    margin:             10px 0px;
    width:33%;
    color:              white;
    /*border:1px red dashed;*/
    }
#thumb3 img {
    cursor:             pointer;
    }

/*  cuz i'm an idiot. s/b class everywhere
    but especially for lightbox */
.thumb3 {
    float:              left;
    margin:             10px 0px;
    width:33%;
    color:              white;
    /*border:1px red dashed;*/
    }



#thumb2 {
    float:              left;
    margin:             10px 0px;
    width:              49%;
    /*border:1px red dashed;*/
    }
#thumb2 img {
    cursor:             pointer;
    }
    

/*  cuz i'm an idiot. s/b class everywhere
    but especially for lightbox */
.thumb2 {
    float:              left;
    margin:             10px 0px;
    width:              49%;
    /*border:1px red dashed;*/
    }


#thumb1 {
    /*float:left;*/
    margin:             10px 0px;
    /*width:50%;*/
    text-align:         center;
    /*border:1px red dashed;*/
    }
#thumb1 img {
    cursor:             pointer;
    }

/*  cuz i'm an idiot. s/b class everywhere
    but especially for lightbox */
.thumb1 {
    /*float:left;*/
    margin:             10px 0px;
    /*width:50%;*/
    text-align:         center;
    /*border:1px red dashed;*/
    }
    

#title {
    clear:              left;
    padding:            25px 310px 25px 25px;
    background:         #101010 url(../img/h-bg-def.gif) no-repeat bottom right;
    }

#main-body {
    float:              left;
    width:              521px;
    }

#content {
    margin:             25px 0;
    padding:            0 25px;
    background:         #fff;
    }

#sidebar {
    width:              219px;
    float:              right;
    margin:             0 0 25px 0;
    padding:            0;
    font-size:          90%;
    line-height:        1.5em;
    color:              #888;
    }


/**** footer styles ****/
#footer {
    text-align:         center;
    position:           relative;
    clear:              both;
    margin:             20px 0 30px 0;
    font-size:          70%;
    font-family:        Arial, Verdana, Sans Serif;
    color:              #111;
    /*background:       #000 ;*/
    }
#footer ul {
    list-style:         none;
    letter-spacing:     .1em;
    font-variant:       small-caps;
    margin-left:        0;
    padding:            0;
    }
#footer ul li {
    display:            inline;
    margin:             3px 10px;
    }   
#footer ul li a{    
    text-decoration:none;
    color:              #fff;
    }
#footer ul li a:hover{
    color:              #fff;
    background-color:   #910;
    }
/**** end footer styles ****/   
    
    
#introtext {
    color:              #000;
    font-family:        Georgia;
    font-size:          44pt;
    text-align:         center;
    letter-spacing:     .1em;
    word-spacing:       .2em;
    border:             0px black solid;
    margin-bottom:      40px;
    margin-top:         20%;
    }
    
#headerLS   {
    color:              #000;
    font-family:        Georgia;
    font-size:          44pt;
    text-align:         center;
    letter-spacing:     .1em;
    word-spacing:       .2em;
    border:             0px black solid;
    margin-bottom:      20px;
    }
    
#headersubtitle {
    font-size:          12pt;
    font-variant:       small-caps;
    font-weight:        bold;
    letter-spacing:     normal;
    word-spacing:       normal;
    }
    
#navbox {
    text-align:         center;
    margin-bottom:      30px;
    font-variant:       small-caps;
    border:             1px black solid;
    font-weight:        bold;
    background-color:   #991100;
    color:              white;
    }
    
#navbox ul {
    display:            inline; 
    margin:             0; 
    padding:            0;
    }
    
#navbox ul li {     
    display:            inline; 
    padding:            30px;
    }
    
#navbox ul li a {
    text-decoration:none;
    color:white;
    }
    
#seriestitle {
    color:              #fff;
    background-color:   #333;
    text-align:         center;
    font-family:        Georgia, Times, serif;
    font-size:          1.5em;
    font-variant:       small-caps;
    letter-spacing:     .1em;
    padding:            .5em 0;
    
    }
    
#singletitle {
    color:              #fff;
    
    }   
    
#footerlinks  {
    display:            inline;
    margin:             0 5px;
    white-space:        nowrap;
    }   
    
#footerlinks a {
    text-decoration:    none;
    color:              white;
    }   
    
/******* email address formatting *****/
#email {
    letter-spacing:     .05em;
    padding:            1em;
    font-weight:        normal;
    text-align:         center;
    }   
    
#email a:link{ 
    color:              blue;
    text-decoration:    none;
    }

#email a:visited{ 
    color:              blue;
    text-decoration:    none;
    }

#email a:active{ 
    color:              blue;
    text-decoration:    none;
    }

#email a:hover{ 
    color:              blue;
    text-decoration:    none;
    }
    
/**** end email ***/

/* used in Contact and Resume. Simple nice box for text. */
#graytextbox {
    text-align:         center;
    width:              66%;
    font-family:        Georgia, Times New Roman, serif;
    background-color:   #ccc;
    border-top:         4px #eee solid;
    border-left:        4px #eee solid;
    border-right:       4px black solid;
    border-bottom:      4px black solid;
    color:              #333;
    font-size:          100%;
    letter-spacing:     .01em;
    line-height:        140%;
    text-align:         justify;
    margin:             0 auto;
    padding:            20px;
    }