/* HTML */
body              { background: #FFFFFF url('../images/tlo2.jpg') no-repeat center top; margin: 0px; padding: 0px; border: 0px; }
p                 { margin: 0px; padding: 0px; }
a                 { text-decoration: none; }

/* IE6 display:hidden bug workaround @ zakol */
.view_hidden      { width: 0px; height: 0px; font-size: 0px; line-height: 0px; margin: 0px; border: 0px; padding: 0px; visibility: hidden; overflow: hidden; }

/* Front */
#web_front        { width: 738px; padding: 2px; margin: 50px auto 0px; border: 3px solid #E6E6E6; background: #FFFFFF; overflow: hidden; }

/* Top */
#web_top          { width: 100%; background: #FFFFFF url('../images/bg_1.jpg') no-repeat center top; height: 140px; float: left; }
#web_title        { width: 100%; height: 50px; position: relative; top: 30px; right: 80px; text-align: right; }
#web_title_text   { border-bottom: 2px solid #F2CBDC; font: normal 28px "Georgia"; display: inline; }
#web_date         { width: 100%; height: 50px; position: relative; top: 25px; left: 400px; text-align: left; }
#web_date_text    { color: #BBBBBB; font: normal 20px "Georgia"; display: inline; }

/* Top NAV */
#nav_menu {
	height: 25px;
	line-height: 25px;
	width: 100%;
	background: #F4E9E9;
	}

#nav_menu a {
	color: #A78080;
	float: right;
	padding-right: 8px;
	}

/* Separator */
#web_separator    { width: 100%; height: 3px; background: #8F4590; font-size: 0px; float: left; }

/* Content */
#web_content      { width: 536px; float: left; margin-top: 10px; }
.web_post         { width: 506px; margin: auto; overflow: hidden; }
.web_adv          { width: 536px; text-align: center; position: relative; top: 5px; }
.web_baner        { border: 1px dashed #DEDEDE; }

/* Post */
.post_title       { width: 350px; height: 33px; color: #8F4590; font: 22px "Times New Roman"; float: left; margin-top: 15px; }
.post_date        { width: 156px; height: 33px; color: #888888; font: 12px "Verdana"; position: relative; top: 7px; float: right; margin-top: 15px; }
.post_content     { width: 475px; font: 11px Verdana; text-align: justify; background: #F2F2F2; border: 1px dashed #CFCFCF; float: left; line-height: 17px; padding: 12px; margin-bottom: 10px; }
.post_photo       { width: 475px; text-align: center; }
.post_info        { width: 475px; text-align: center; font: 13px Verdana; bottom: 3px; position: relative; margin-bottom: 10px; }
.post_show        { text-decoration: underline; font: 12px "Courier New"; color: #000088; position: relative; float: right; right: 20px; margin-bottom: 20px; }
.view_info        { font: 15px Verdana; text-decoration: underline; margin: 10px 0px 20px; }
.gallery_image    { margin: 24px 24px 4px; border: 1px solid #AAAAAA; padding: 15px; background: white; text-decoration: none; }
.gallery_table    { width: 236px; height: 197px; padding-bottom: 20px; text-align: center; float: left; }
.gallery_comment  { width: 236px; text-decoration: underline; font: 12px "Courier New"; color: #000088; display: block; float: left; }

/* View Block */
.view_head        { width: 100%; text-decoration: underline; font: 20px "Bookman Old Style"; margin: 0px 2px 5px; float: left; }
.view_content     { width: 100%; font: 11px Verdana; text-align: justify; margin-bottom: 30px; float: left; }
.view_space       { width: 100%; height: 15px; line-height: 0px; font-size: 0px; float: left; }

/* View Tags */
.view_tag         { text-decoration: none; font: 12px "Courier New"; color: blue; }

/* View Notes */
#view_judge       { font: bold 15px Verdana; float: left; position: relative; top: 3px; left: 10px; }
#note_loading     { width: 100%; font: italic 12px Verdana; color: #AAAAAA; }
#note_info        { width: 100%; font: 15px "Courier New"; }
#note_number      { width: 100%; color: red; font: 18px "Courier New"; display: inline; }
#note_text        { width: 100%; font: 10px Verdana; color: #AAAAAA; margin-top: 5px; }
.view_star_off    { width: 25px; height: 24px; background: url('../images/star_off.gif') no-repeat; float: left; padding: 0px 2px; }
.view_star_on     { width: 25px; height: 24px; background: url('../images/star_on.gif') no-repeat; float: left; padding: 0px 2px; }

/* View Comments */
.comment_head     { width: 506px; margin: 20px 0px 2px; float: left; }
.comment_nick     { font: bold 14px "Verdana"; color: #8DB57A; padding-left: 7px;float: left; }
.comment_date     { font: 12px "Verdana"; color: #888888; padding-right: 7px; position: relative; bottom: 1px;float: right; }
.comment_content  { clear: both;background: #F9FBFD; text-align: justify; border: 1px dashed #CFCFCF; line-height: 17px; padding: 7px; }
.comment_web  	  { clear: both;background: #DFEBF4; text-align: justify; padding: 7px; }
.comment_web a    { color: #6289A9; }

/* View Table */
.table_th       { width: 150px; font: 11px Verdana; border: 1px solid #D5D5D5; background-color: #DDDDDD; color: #777777; text-align: center; padding: 7px 0px; overflow: hidden; float: left; }
.table_td       { width: 150px; font: 11px Verdana; border: 1px solid #E5E5E5; background-color: #EEEEEE; color: #888888; text-align: center; padding: 7px 0px; overflow: hidden; float: left; }
.table_tdi      { width: 150px; height: 27px; font: 11px Verdana; border: 1px solid #E5E5E5; background-color: #EEEEEE; color: #888888; text-align: center; overflow: hidden; float: left; }
.table_tr       { clear: both; }
.table_img      { border: 0px; }
.table_a        { color: #000000; }
.table_span1    { display: inline; position: relative; top: 4px; }
.table_span2    { display: inline; position: relative; bottom: 1px; }

/* Comment Form */
.view_form        { width: 100%; margin: 10px 0px 20px; padding: 0px; }
.view_input       { width: 400px; font: 17px "Courier New"; color: #555555; }
.view_textarea    { width: 400px; height: 150px; font: 17px "Courier New"; color: #555555; }

/* Navigator */
#web_navigator    { width: 506px; height: 45px; margin: auto; }
.button_on        { width: 25px; height: 20px; font: 12px Verdana; text-decoration: none; text-align: center; color: #FFFFFF; background: #8F468F; float: left; padding-top: 5px; margin: 0px 2px; }
.button_off       { width: 25px; height: 20px; font: 12px Verdana; text-decoration: none; text-align: center; color: #FFFFFF; background: #D0B1D0; float: left; padding-top: 5px; margin: 0px 2px; }

/* Menu */
#web_menu         { width: 202px; background: #F3ECF4; float: right; }
.menu_head        { height: 25px; background: #98E53D; font: 18px Georgia; color: #FFFFFF; padding: 7px 0px 0px 10px; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; }
.menu_button1     { height: 22px; text-decoration: none; color: #000000; background: #E7F8CE; font: 11px Verdana; padding: 8px 0px 0px 12px; display: block; }
.menu_button2     { height: 22px; text-decoration: none; color: #000000; background: #FFFFFF; font: 11px Verdana; padding: 8px 0px 0px 12px; display: block; }
.menu_photo       { margin: 15px auto 15px; display: block; border: 3px solid #CFCFCF; }

/* Calendar */
#ZCal          { width: 174px; height: 202px; margin: 15px auto 15px; }
.ZCalBac       { width: 172px; height: 200px; position: relative; top: 1px; left: 1px; }
.ZCalTop       { width: 140px; height: 32px; position: relative; left: 16px; }
.ZCalArrBor    { width: 14px; height: 14px; position: relative; float: left; top: 10px; text-decoration: none; display: block; cursor: hand; }
.ZCalArrBac    { width: 12px; height: 12px; position: relative; top: 1px; left: 1px; }
.ZCalArrTex    { width: 12px; height: 12px; font: 9px Verdana; text-align: center; }
.ZCalTopCen    { width: 112px; height: 25px; text-align: center; position: relative; float: left; top: 7px; }
.ZCalTopCenTex { font: 12px Verdana; }
.ZCalLin       { width: 164px; height: 1px; position: relative; left: 4px; line-height: 0px; font-size: 0px; }
.ZCalBot       { width: 161px; height: 161px; position: relative; top: 6px; left: 5px; }
.ZCalLabBor    { width: 22px; height: 15px; position: relative; float: left; margin-bottom: 2px; }
.ZCalLabSep    { width: 1px; height: 15px; position: relative; float: left; line-height: 0px; margin-bottom: 2px; }
.ZCalLabBac    { width: 20px; height: 13px; position: relative; top: 1px; left: 1px; }
.ZCalLabTex    { width: 20px; height: 13px; font: 9px Verdana; text-align: center; }
.ZCalButBor    { width: 20px; height: 20px; position: relative; float: left; text-decoration: none; display: block; margin: 2px 0px 1px; }
.ZCalButSepPre { width: 2px; height: 20px; position: relative; float: left; line-height: 0px; }
.ZCalButSepPos { width: 1px; height: 20px; position: relative; float: left; line-height: 0px; }
.ZCalButBac    { width: 18px; height: 18px; position: relative; top: 1px; left: 1px; }
.ZCalButTex    { width: 18px; height: 15px; font: 10px Verdana; text-align: center; position: relative; top: 3px; }

/* Foot */
#web_foot         { width: 738px; height: 50px; position: relative; margin: auto; font: 9px Verdana; }
#web_admin        { font: 9px Verdana; color: #555555; position: relative; text-decoration: underline; top: 2px; float: left; }

#web_admin a       { font: 9px Verdana; color: #555555; text-decoration: underline; margin: 0 3px 0 0; }
#web_admin a:hover { font: 9px Verdana; color: #555555; text-decoration: underline; margin: 0 3px 0 0; }

#web_logo         { width: 122px; height: 29px; position: relative; left: 5px; float: right; background: url('../images/fl.gif'); }
