@import url("base.css");

/* -----------------  Width Control  ----------------- */
#main-table { width: 100%; }
#col1		{ width: 40px; }
#col2		{ width: 35px; }
#col3		{ /*width: auto;*/ }
#col4		{ width: 50px; }
#col5		{ width: 50px; }
#col6		{ width: 130px; }
#col7		{ width: 40px; }

/* -----------------  Font Size Control  ----------------- */
input.blue, input.red, input.admin, input.login, select
		{ font-size: x-small; }



/* -----------------  body  ----------------- */
html, body	{ background: #fff url(bg.gif) repeat; }

th		{ background: #F9F9F9;  color: #c09;
		  padding-left: 0.5em; 
		  font-size: 1.1em; text-align: left; }

img.flag	{ margin: 2px 0; }
strong	{ font-size: 1.2em; font-weight: bold; }

/* ----------------- Main Title/Time ----------------- */
.main-title	{ background: #fff; 
		  padding: 0.1em 0.5em 1em; }		  
.main-time	{ background: #F9F9F9 url() repeat; color: #666;
		  border-left: 1px solid #999; border-right: 1px solid #ddd;
		  border-top: 1px solid #999; border-bottom: 1px solid #ddd; 
		  font-weight: bold; font-size: 0.7em; }


/* ----------------- Sub header ----------------- */
.subhd-top, .subhd-info, .subhd-lft, .subhd-rgt
		{ background: #fff;
		  padding: 0.5em; font-size: 0.7em;
		  text-align: left; vertical-align: middle;}

/*.subhd-top	{ border-right: 1px solid #E9E2D7; border-left: 1px solid #960;
		  border-top: 1px solid #960; }
.subhd-lft	{ border-left: 1px solid #960; }
.subhd-rgt	{ border-right: 1px solid #E9E2D7;  }
.subhd-info	{ border-right: 1px solid #E9E2D7; border-left: 1px solid #960;
		  border-bottom: 1px solid #E9E2D7; }*/

.subhd-info em
		{ color: #d60; }

.subhd-tr	{ background: #f9f9f9;
		  border-top: 1px solid #ddd; border-right: 1px solid #ddd;
		  border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;
		  padding: 0.3em 0.5em;
		  font-weight: bold; font-size: 0.9em; }

.greeting	{ font-size: 1.2em; }



/* ----------------- Category Title Row ----------------- */
.hd-title, .hd-title-rgt
		{ background: #F9F9F9; color: #666;
		  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
		  padding: 0.5em; font-weight: bold; font-size: 0.8em;
		  text-align: left; }

.hd-title	{ border-left: 1px solid #ddd; }


/*Older/Newer*/
.hd-title-rgt
		{ color: #666; font-size: 0.75em; font-weight: normal; text-align: right; 
		  border-right: 1px solid #ddd; }

.hd-topics, .hd-posts, .hd-lastpost
		{ background: #F9F9F9; color: #666;
		  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
		  padding: 0 2px;
		  font-weight: bold; font-size: 0.7em;
		  text-align: center; }

.hd-lastpost
		{ background: #F9F9F9; color: #666; 
		  border-top: 1px solid #ddd; border-right: 1px solid #ddd; }



/* ----------------- Board Title Row ----------------- */
.td-image	{ background: #fff; text-align: center; 
		  border-left: 0px solid #960; }

.td-title, .td-title-sticky
		{ background: #fff; color: #000;
		  padding: 0.3em 0.5em; font-size: 0.7em; }
.td-title-sticky
		{ background: #fff url(sticky.gif) no-repeat 100% 0%; padding-right: 15px;}

.td-title a, .td-title-sticky a
		{ font-weight: bold; font-size: 1.2em; }

.td-topics, .td-posts
		{ background: #F9F9F9; font-size: 0.7em; text-align: center; }

.td-lastpost
		{ background: #fff; color: #000;
		  padding: 0.3em 0.5em; border-right: 0px solid #E9E2D7;
		  font-size: 0.65em; text-align: right; }		  
		  

/* ----------------- Forum Info ----------------- */
.hd-info, .hd-info-rgt	
		{ background: #F9F9F9; color: #666;
		  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
		  padding: 0.5em;
		  font-weight: bold; font-size: 0.7em;
		  text-align: left; vertical-align: middle; }


.hd-info	{ border-left: 1px solid #ddd; }

.hd-info-rgt
		{ text-align: right; font-weight: normal; border-right: 1px solid #ddd;}
.hd-info-rgt a
		{ font-weight: bold; }
.smprint
		{ background: #fff;
		  padding: 2em 0.5em 0.3em;
		  font-size: 0.65em; text-align: right; color: #000; }

/* ----------------- Topic Display ----------------- */
.post-title	{ background: #eee;
		  border-right: 1px solid #ddd;
		  border-left: 1px solid #ddd; 
		  padding: 0.3em 0.5em;
		  font-size: 0.7em;
		  vertical-align: top; }

.post-body	{ background: #fff;
		  padding: 0.7em;
		  border-right: 0px solid #eee;
		  border-left: 0px solid #eee;
		  font-size: 0.9em; }


fieldset	{ background: #F9F9F9;
		  border: 1px dotted #aaa;
		  padding: 0.2em 0.5em;
		  margin: 0.5em 3em;
		  font-size: 0.8em; text-align: left; }

fieldset legend
		{ background: #fff; color: #666;
		  border-right: 1px solid #666;
		  border-bottom: 1px solid #666; 
		  padding: 0.1em 0.5em; 
		  font-weight: bold; }

.auto-com, .edit
		{ font-size: 0.7em; padding: 0.2em 0.5em; border-left: 3px solid #aaa; }
.edit		{ background: #ddd; }		
.auto-com	{ background: #eee; }


/* ----------------- Member Info ----------------- */
.member-info, .member-info2, .member-avatar
		{ background: #F9F9F9; border-bottom: 1px solid #ddd;
		  padding: 0.5em; font-weight: normal; font-size: 0.7em; }

.member-info
		{ border-left: 1px solid #ddd; }


.member-avatar
		{ border-right: 1px solid #ddd;
		  text-align: center; vertical-align: middle; }

.poster-name
		{ color: #c30; font-size: 1.5em; }
	
.online, offline
		{ font-size: 1.2em; font-variant: small-caps; }
.online	{ color: #f00; font-weight: bold; }

.member-info
		{ text-align: left; vertical-align: top; }

.member-info div.left,.member-info div.right
		{ margin: 0 0 0.5em; padding: 0;
		  text-align: left; }
.member-info div.left
		{ float: left;  }

.member-info div.right
		{ margin: 0 0 0 20em; }
		
.signature	{ color: #c30; clear: both; width: 80%;
		  margin: 0; padding-top: 0.3em; 
		  font-style: italic; }



/* ----------------- Forms ----------------- */
select	{ background: #fff; }
textarea	{ background: #fff; white-space: pre; }


td.label	{ width: 30%;
		  padding-right: 1em; padding-bottom: 0.5em;
		  font-weight: bold; vertical-align: top; }

.info 	{ color: #666; padding-bottom: 1em; font-style: italic; }

.avat		{ text-align: center; vertical-align: bottom; }
.size		{ width: 80px; text-align: right; vertical-align: top; }


/* ----------------- Form Elements ----------------- */
input.blue, input.red, input.admin
		{ margin: 1px 0; font-weight: bold; text-align: center; }
		  
input.blue	{ background: #a2d7ff url(btn_1.gif) repeat; color: #00f;
		  border-top: 0px solid #09f; border-right: 1px solid #009;
		  border-bottom: 1px solid #009; border-left: 1px solid #09f; }
input.red	{ background: #fcc url(btn_2.gif) repeat; color: #f00;
		  border-top: 0px solid #f99; border-right: 1px solid #900;
		  border-bottom: 1px solid #900; border-left: 1px solid #f99; }

input.admin	{ background: #f1f1f1 url(btn_3.gif) repeat; color: #000;
		  border-top: 1px solid #ccc; border-right: 1px solid #666;
		  border-bottom: 1px solid #666; border-left: 1px solid #ccc; }


/* Download Button */
button.img	{ background: transparent; color: #000;
		  border: 0 solid #fff; }



/* ----------------- Skin Frame ----------------- */
/* Sides */
.skin-lft	{ background: transparent url(border-lft.gif) repeat-y top right; }
.skin-rgt	{ background: transparent url(border-rgt.gif) repeat-y top left; }

/*  top row  */
.skin-top-lft
		{ background: transparent url(border-top-lft.gif) repeat-y top right;
		  height: 30px; }
.skin-top1, .skin-top2, .skin-top3, .skin-top4, .skin-top5
		{ background: transparent url(border-top.gif) repeat-x; }
.skin-top-rgt
		{ background: transparent url(border-top-rgt.gif) no-repeat top left; }

/*  bottom row  */
.skin-bot-lft
		{ background: transparent url(border-bot-lft.gif) no-repeat top right;
		  height: 30px; } 
.skin-bot1, .skin-bot2, .skin-bot3, .skin-bot4, .skin-bot5
		{ background: transparent url(border-bot.gif) repeat-x; }
.skin-bot-rgt
		{ background: transparent url(border-bot-rgt.gif) no-repeat top left; }


/* ----------------- AZbb Code Table ----------------- */
.code-tag, .code-info 
		{ background: #f9f9f9; font-weight: normal; }
.code-tag	{ color: #080; font-family: Courier, "Courier New", monospace; }
.code-info	{ color: #666; }



/* ----------------- Div ----------------- */
.float-rgt
		{ background: transparent;  float: right;
		  margin: 0; text-align: right; }


/* ----------------- Span ----------------- */
.hot, .vhot	{ color: #f00; font-weight: bold; }
.vhot		{ background: #ff9; color: #f30; }