@import url("base.css");

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

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



/* -----------------  body  ----------------- */
html, body	{ background: #f4faff; }

th		{ background: #e8f5ff;  color: #90f;
		  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: #a2d7ff url(blue-white.gif) repeat; 
		  padding: 0.1em 0.5em; }		  
.main-time	{ background: #009; color: #3f3;
		  border-left: 1px solid #009; border-right: 1px solid #fff;
		  border-top: 1px solid #009; border-bottom: 1px solid #fff; 
		  font-weight: bold; font-size: 0.7em; }


/* ----------------- Sub header ----------------- */
.subhd-top, .subhd-info, .subhd-lft, .subhd-rgt
		{ background: #e8f5ff url(strp-grey.gif) repeat;
		  padding: 0.5em; font-size: 0.7em;
		  text-align: left; vertical-align: middle;}
.subhd-info em
		{ color: #d60; }

.subhd-tr	{ background: #d1ebff;
		  border-top: 1px solid #0cf; border-bottom: 1px solid #0cf;
		  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: #a2d7ff url(blue-white.gif) repeat;
		  padding: 0.4em; font-weight: bold; font-size: 0.8em;
		  text-align: left; }

/*Older/Newer*/
.hd-title-rgt
		{ color: #909; font-size: 0.75em; font-weight: normal; text-align: right; }

.hd-topics, .hd-posts, .hd-lastpost
		{ background: #a2d7ff url(blue-blwhite.gif) repeat;
		  padding: 0 2px;
		  font-weight: bold; font-size: 0.7em;
		  text-align: center; }

.hd-lastpost
		{ background: #a2d7ff url(blue-white.gif) repeat; }



/* ----------------- Board Title Row ----------------- */
.td-image	{ background: #d1ebff; text-align: center; }

.td-title, .td-title-sticky
		{ background: #e8f5ff;  color: #960;
		  padding: 0.3em 0.5em; font-size: 0.7em; }
.td-title-sticky
		{ background: #e8f5ff 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: #d1ebff; font-size: 0.7em; text-align: center; }

.td-lastpost
		{ background: #e8f5ff; color: #960;
		  padding: 0.3em 0.5em;
		  font-size: 0.65em; text-align: right; }		  
		  

/* ----------------- Forum Info ----------------- */
.hd-info, .hd-info-rgt	
		{ background: #a2d7ff url(blue-white.gif) repeat; color: #909;
		  padding: 0.5em;
		  font-weight: bold; font-size: 0.7em;
		  text-align: left; vertical-align: middle; }
.hd-info-rgt
		{ text-align: right; font-weight: normal; }
.hd-info-rgt a
		{ font-weight: bold; }
.smprint
		{ background: #d1ebff url(blue-white.gif) repeat;
		  padding: 0.3em 0.5em;
		  font-size: 0.65em; text-align: right; }

/* ----------------- Topic Display ----------------- */
.post-title	{ background: #d1ebff;
		  border-top: 1px solid #3cf;
		  border-bottom: 1px solid #3cf; 
		  padding: 0.3em 0.5em;
		  font-size: 0.7em;
		  vertical-align: top; }

.post-body	{ background: #FDFBFF;
		  padding: 0.7em; 
		  font-size: 0.9em; }


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

fieldset legend
		{ background: #FFF; color: #053188;
		  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: 1px solid #f66; }
.edit		{ background: #fdd; }		
.auto-com	{ background: #fee; }


/* ----------------- Member Info ----------------- */
.member-info, .member-info2, .member-avatar
		{ background: #f7f7ff url(strp-purple.gif) repeat;
		  border-bottom: 1px solid #999;
		  padding: 0.5em; font-weight: normal; font-size: 0.7em; }
.member-avatar
		{ text-align: center; vertical-align: middle; }


.poster-name
		{ color: #93c; 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: #60c; clear: both; width: 80%;
		  margin: 0; padding-top: 0.3em; 
		  font-style: italic; }



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


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

.info 	{ color: #960; 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: #009;
		  border: 0 solid #fff; }



/* ----------------- Skin Frame ----------------- */
/* Sides */
.skin-lft	{ background: transparent; border-right: 1px solid #ccc; }
.skin-rgt	{ background: transparent url(sh_rgt.gif) repeat-y; }

/*  top row  */
.skin-top-lft
		{ background: transparent url(bluemetal_strp.jpg) repeat 95% 50%;
		  height: 29px; }
.skin-top1, .skin-top2, .skin-top3, .skin-top4, .skin-top5
		{ background: transparent url(bluemetal.jpg) repeat 95% 50%; }
.skin-top-rgt
		{ background: transparent url(bluemetal_strp.jpg) repeat 20% 50%; }

/*  bottom row  */
.skin-bot-lft
		{ background: transparent url(bluemetal_strp.jpg) repeat 95% 50%;
		  height: 29px; } 
.skin-bot1, .skin-bot2, .skin-bot3, .skin-bot4, .skin-bot5
		{ background: transparent url(bluemetal.jpg) repeat; }
.skin-bot-rgt
		{ background: transparent url(bluemetal_strp.jpg) repeat 20% 50%; }


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



/* ----------------- 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; }