/* teatime_main.css
   Primary Style Sheet for the Teatime II Website
   Created:     July 30, 2004
   Last Edited: July 31, 2004                     */

body { background: #075178;
       margin: 0; padding: 0; }
img  { border: 0; }

/* Primary Left Column Elements */
#column       { position: absolute;
                top: 0px; left: 0px; width: 160px;
                margin: 0; padding: 0; }
#go_home      { position: relative; z-index: 3; 
                top: 0px; left: 0px; width: 160px; height: 110px; 
                margin: 0; padding: 0;}
#content      { position: absolute; z-index: 3;
                top: 110px; left: 0px; width: 160px; height: 130px; 
                margin: 0; padding: 0; }            
.content_text { position: relative; z-index: 3;
                top: 12px; left: 12px; width: 136px; height: 100px;
                overflow: hidden; 
                font: 12px Courier, monospace; }
#address      { position: relative; z-index: 2;
                top: 230px; left: 80px; }
#minichibi    { position: relative; z-index: 1;
                top: 90px; left: 10px; }


/* Sub Menu */
#sub_menu     { font: bold 20px Garamond, serif;
                position: relative;
                top: 140px; left: 10px; width: 140px;
                background: #1E8DC2; z-index: 3; }
#sub_menu ul  { list-style: none;
                font: bold 18px Garamond, serif; 
                position: relative; padding: 0px; margin: 5px}
#sub_menu li  { padding-left: .5em; }
#sub_menu li.home   { padding-left: 0px; }
#sub_menu span      { color: #84F9F8; }
#sub_menu a:link    { color: #000; text-decoration: none; } 
#sub_menu a:visited { color: #000; text-decoration: none; }
#sub_menu a:hover   { background: #075178; color: #84F9F8; }


/* Title and Main Menu */
#main_title   { position: absolute; z-index: 3;
                top: 10px; left: 160px; width: 490px; height: 55px; }
#main_menu ul { list-style: none;
                font: bold 22px Garamond, serif;
                position: absolute;
                top: 75px; left: 160px;
                width: 620px;
                background: #1E8DC2;
                border-style: none none groove none;
                margin: 0; padding: 0; }
#main_menu li { float: left;
                margin: 0px 5px 0px 5px;
                padding: 0px;}
#main_menu span      { color: #84F9F8; }
#main_menu a:link    { color: #000; text-decoration: none; } 
#main_menu a:visited { color: #000; text-decoration: none; }
#main_menu a:hover   { background: #075178; color: #84F9F8; }

           
/* Main page */
#main_page    { font-family: Verdana, san-serif;
                background: #D7E9F2; 
                position: absolute;
                top: 110px; left: 160px;
                bottom: 10px; right: 10px;
                margin: 0px; padding: 5px;
                min-height: 50%;
                overflow: auto;}
#main_page h1 { font: bold 24px Garamond, serif; }
#main_page h2 { font: bold 20px Garamond, serif; }


/* Tables */
table         { text-align: left; }
td            { vertical-align: baseline; }
th            { vertical-align: baseline; text-decoration: underline; }


/* Fief-Specific Rules */
/* Candlemarch */
.candle_title      { background-color: #f5dc2c; font-weight: bold; }
.candle_text       { background-color: #F0E7A6; border: .15em solid; }
/* Sea Cross */
.seacross_title    { background-color: #12BAAC; font-weight: bold; }
.seacross_text     { background-color: #BBE5E2; border: .15em solid; }
/* Independent */
.independent_title { background-color: #FF0000; font-weight: bold; }
.independent_text  { background-color: #F6B8B8; border: .15em solid; }
/* Outside Town */
.outside_title     { background-color: #137AF8; font-weight: bold; }
.outside_text      { background-color: #94BEF2; border: .15em solid; }

/* Current Events */
a.current:link    { color: #000; text-decoration: none; }
a.current:visited { color: #000; text-decoration: none; }
a.current:active  { color: #000; text-decoration: none; }
a.current:hover   { color: #444; text-decoration: underline; }
div.close { font-size: 0.8em; font-weight: bold; text-align: right; }