/**
 * Project     : KEVTEK WEB DEVELOPMENT WEBSITE
 *             : Comic Prototype
 *             : CSS Stylesheet
 *             :
 * Filename    : comic.css
 * Author(s)   : Kevin E. Kombrinck
 * Version     : 2.0.155
 * Originated  : Thu, 09 Jul 2009, 09:30 EDT
 * Created on  : Wed, 01 Jul 2009, 18:25 EDT
 * Updated on  : Sun, 01 Aug 2010, 03:25 EST
 *
 * All content, unless otherwise noted, is Copyright
 * © 2009 by Blistered Imaginations. All Rights Reserved.
 *
 */

body {
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   background-color: #000000;
   color: #AAAAAA;
}

table#main {
   width: 768px;
}

td#banner {
   width: 506px;
   height: 96px;
   white-space: nowrap;
   background-color: #FFBA35;
   text-align: left;
   vertical-align: middle;
   padding: 0;
}

td#sign-in {
   width: 264px;
   height: 96px;
   background-color: #FFBA35;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

table#auth {
   width: 264px;
}

td#authuser {
   width: 36px;
   height: 24px;
   background-color: #FFBA35;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   padding-left: 4px;
}

td#authpass {
   width: 36px;
   height: 24px;
   background-color: #FFBA35;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   padding-left: 4px;
}

td#userfield {
   width: 220px;
   height: 24px;
   background-color: #FFBA35;
   color: #000000;
   text-align: left;
   padding: 0px;
}

td#passfield {
   width: 220px;
   height: 24px;
   background-color: #FFBA35;
   color: #000000;
   text-align: left;
   padding: 0px;
}

td#submitfield {
   width: 220px;
   height: 24px;
   background-color: #FFBA35;
   text-align: left;
   padding: 0;
}

td#blank {
   width: 40px;
   height: 24px;
   background-color: #FFBA35;
   padding: 0;
}

td#menu {
   width: 762px;
   height: 24px;
   background-color: #FFAB68;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: middle;
   padding-left: 6px;
}

td#active {
   width: 768px;
   height: 24px;
   background-color: yellow;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

/* Button/bookmark table elements */
table#bookmrk {
   width: 600px;
}

td#buttons1 {
   width: 200px;
   height: 24px;
   background-color: #FF8F35;
   color: #FFFFFF;
   text-align: right;
   vertical-align: middle;
   padding: 0;
}

td#buttons2 {
   width: 250px;
   height: 24px;
   background-color: #FF8F35;
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#buttons3 {
   width: 150px;
   height: 24px;
   background-color: #FF8F35;
   color: #FFFFFF;
   text-align: left;
   vertical-align: middle;
   padding: 0;
}
/* End button/bookmark elements */

td#comic_header {
   width: 768px;
   height: 24px;
   background-color: #FF8F35;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic {
   width: 768px;
   height: 350px; /* Prev 990px */
   background-color: #FF8F35;
   color: #FFFFFF;
   text-align: center;
   vertical-align: text-top;
   padding: 0;
}

td#blog_header {
   width: 504px;
   height: 24px;
   background-color: #FF8F35;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comments_header {
   width: 264px;
   height: 24px;
   background-color: #FF8F35;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#blog1 {
   width: 504px;
   height: 300px;
   background-color: #FFDDC2;
   color: #000000;
   padding: 0;
}

div#blog2 {
   width: 492px;
   height: 288px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: text-top;
   overflow-y: scroll;
   padding: 6px;
}

td#comments1 {
   width: 264px;
   height: 300px;
   background-color: #FFDDC2;
   color: #000000;
   padding: 0;
}
   
div#comments2 {
   width: 252px;
   height: 288px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: text-top;
   overflow-y: scroll;
   padding: 6px;
}

td#comic_nav {
   width: 768px;
   height: 24px;
   background-color: #FF8F35;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

table#add_blog {
   width: 310px;
}

td#blog_fields {
   width: 310px;
   background-color: #FFDDC2;;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: middle;
   padding: 0;
}

input#author_field {
   background-color: #8691AA; /* A66D3F */
   color: #FFFFFF;
}

table#list_comm {
   width: 240px;
}

td#list_comm_header {
   width: 240px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 10px;
   text-align: left;
   padding: 0;
}

td#list_comm_item {
   width: 240px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   padding: 0;
}

td#list_comm_line {
   width: 240px;
   height: 10px;
   background-color: #FFDDC2;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

table#list_blog {
   width: 450px;
}

td#list_blog_item {
   width: 450px;
   background-color: #FFDDC2; /* Prev: #FFC190 */
   color: black;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   padding: 0;
}

td#list_blog_line {
   width: 450px;
   height: 10px;
   background-color: #FFDDC2; /* Prev: #FFC190 */
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#privacy1 {
   width: 768px;
   height: 300px;
   background-color: #FFC190;
   color: #000000;
   padding: 0;
}



div#privacy2 {
   width: 756px;
   height: 288px;
   background-color: #FFC190;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: text-top;
   overflow-y: scroll;
   padding: 6px;
}

td#footer_area {
   width: 756px;
   background-color: #FFBA35;
   color:#000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 10px;
   text-align: center;
   vertical-align: middle;
   padding: 6px;
}

/* Main menu link definition */
.menu1 a:link {
   text-decoration: none;
   color: #000000;
}

.menu1 a:visited {
   text-decoration: none;
   font-style: italic;
   color: #000000;
}

.menu1 a:hover {
   text-decoration: none;
   background-color: #3939B3;
   color: #FFFFFF;
}

.menu1 a:active {
   text-decoration: none;
   background-color: #FFD966;
   color: #FFD966;
}
/* End main menu link definition */

/* General site link definition */
.general a:link {
   text-decoration: none;
   color: #FFFFFF;
}

.general a:visited {
   text-decoration: none;
   font-style: italic;
   color: #FFFFFF;
}

.general a:hover {
   text-decoration: none;
   background-color: #3939B3;
   color: #FFFFFF;
}

.general a:active {
   text-decoration: none;
   background-color: #FFE38F;
   color: #FFE38F;
}
/* End General link definition */

/* Footer link definition */
.footer_link a:link {
   text-decoration: none;
   color: #FFFFFF;
}

.footer_link a:visited {
   text-decoration: none;
   font-style: italic;
   color: #FFFFFF;
}

.footer_link a:hover {
   text-decoration: none;
   background-color: #3939B3;
   color: #FFFFFF;
}

.footer_link a:active {
   text-decoration: none;
   background-color: #FFCC33;
   color: #FFCC33;
}
/* End Footer link definition */

/* Blog & Comments site link definition */
.blogs a:link {
   text-decoration: none;
   color: #A66D3F;
}

.blogs a:visited {
   text-decoration: none;
   font-style: italic;
   color: #A66D3F;
}

.blogs a:hover {
   text-decoration: none;
   background-color: #A66D3F;
   color: #FFFFFF;
}

.blogs a:active {
   text-decoration: none;
   background-color: #FFDDC2;
   color: #FFDDC2;
}
/* End Blog & Comments link definition */

table#add {
   width: 425px;
}

td#add_labels {
   width: 250px;
   height: 24px;
   background-color: #000000;;
   color: #AAAAAA;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: right;
   vertical-align: middle;
   padding: 0;
}

td#add_fields {
   width: 269px;
   height: 24px;
   background-color: #000000;
   color: #AAAAAA;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: left;
   vertical-align: middle;
   padding: 0;
}

table#title {
   width: 725px;
}

td#comic_id_head {
   width: 25px;
   height:24px;
   background-color: #000000;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic_name_head {
   width: 200px;
   height:24px;
   background-color: #000000;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic_small_head {
   width: 250px;
   height:24px;
   background-color: #000000;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic_title_head {
   width: 250px;
   height:24px;
   background-color: #000000;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic_id_data {
   width: 25px;
   height:24px;
   background-color: #000000;
   color: #AAAAAA;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic_name_data {
   width: 200px;
   height:24px;
   background-color: #000000;
   color: #AAAAAA;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic_small_data {
   width: 250px;
   height:24px;
   background-color: #000000;
   color: #AAAAAA;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#comic_title_data {
   width: 250px;
   height:24px;
   background-color: #000000;
   color: #AAAAAA;
   font-family: "Verdana", "Arial", sans-serif;
   text-align: left;
   vertical-align: middle;
   padding: 0;
}

td#comic_line {
   width: 725px;
   height:10px;
   background-color: #000000;
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

td#submit {
   width: 725px;
   height: 24px;
   background-color: #000000;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}

table#reg_table {
   width: 408px;
}

td#reg_labels {
   width: 204px;
   height: 24px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: right;
   vertical-align: middle;
   padding: 0;
}

td#reg_fields {
   width: 202px;
   height: 24px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   padding-left: 2px;
}
td#reg_explain {
   width: 408px;
   background-color: lightyellow;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   padding: 0;
}

td#reg_error {
   width: 408px;
   background-color: #A6642F;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: right;
   padding: 0;
}

span#regerror {
   background-color: #A6642F;
   color: #FFFFFF;
}

span#mgtstatus0 {
   background-color: lightblue; /* Ready */
   color: #000000;
}

span#mgtstatus1 {
   background-color: yellow; /* Pending */
   color: #000000;
}

span#mgtstatus2 {
   background-color: lightgreen; /* Successful */
   color: #000000;
}

span#mgtstatus3 {
   background-color: red; /* Error */
   color: #FFFFFF;
}

table#reg_thanks {
   width: 408px;
   height: 300px;
   border-width: 6px;
   border-color: #A6642F;
   border-style: solid;
   background-color: #FFDDC2;
}

td#thanks {
   width: 396px;
   height: 288px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: center;
   vertical-align: text-top;
   padding: 6px;
}

table#reg_auth {
   width: 358px;
}

td#reg_auth_labels {
   width: 120px;
   height: 24px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: right;
   vertical-align: middle;
   padding: 0;
}

td#reg_auth_fields {
   width: 236px;
   height: 24px;
   background-color: #FFDDC2;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: middle;
   padding-left: 2px;
}

td#reg_auth_error {
   width: 358px;
   height: 24px;
   background-color: #A6642F;
   color: #FFFFFF;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: right;
   padding: 0;
}

td#googleads {
  width: 768px;
  height: 64px;
  background-color: #FFC190;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

table#links {
   width: 450px;
}

td#link_site {
   width: 200px;
   background-color: #FFC190;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: text-top;
   padding: 0;
}

td#link_desc {
   width: 250px;
   background-color: #FFC190;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: text-top;
   padding: 0;
}

td#link_explain {
   width: 450px;
   background-color: #FFC190;
   color: #000000;
   font-family: "Verdana", "Arial", sans-serif;
   font-size: 12px;
   text-align: left;
   vertical-align: middle;
   padding: 0;
}

/* Experimental code below this point */
table#testmail {
   width: 300px;
}

table#mailtest1 {
   width: 550px;
}

td#testmail1_head {
   width: 550px;
   height: 72px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
}