@import url("base.css");

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

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



/* -----------------  body  ----------------- */
html, body	    { color: #fff; background: #1d1d44 }

th		 { color: #fff; font-size: 1.1em; background: #006 url("parchment-light.jpg"); text-align: left; padding-left: 0.5em }

strong	{ font-size: 1.2em; font-weight: bold; }

/* ----------------- Main Title/Time ----------------- */
.main-title	 { background: #ccc url("parchment-light2.jpg"); padding: 0.1em 0.5em 1em }		  
.main-time	 { color: #fff; font-size: 0.7em; font-weight: bold; background: #006 url("parchment-light.jpg"); border-style: solid; border-width: 1px; border-color: #009 #fff #fff #009 }


/* ----------------- Sub header ----------------- */
.subhd-top, .subhd-info, .subhd-lft, .subhd-rgt
		 { font-size: 0.7em; background: #526094 url("parchment-light.jpg"); text-align: left; padding: 0.5em; vertical-align: middle }

.subhd-top	 { border-top: 1px solid navy; border-right: 1px solid #e9e2d7; border-left: 1px solid navy }
.subhd-lft	 { border-left: 1px solid #006 }
.subhd-rgt	{ border-right: 1px solid #E9E2D7;  }
.subhd-info	 { border-right: 1px solid #e9e2d7; border-bottom: 1px solid #e9e2d7; border-left: 1px solid #006 }

.subhd-info em
		 { color: navy }

.subhd-tr	  { color: #000; font-size: 0.9em; font-weight: bold; background: #526094 url("parchment-light.jpg"); padding: 0.3em 0.5em; border-top: 1px solid #006; border-right: 1px solid #e9e2d7; border-left: 1px solid #006 }

.greeting	{ font-size: 1.2em; }



/* ----------------- Category Title Row ----------------- */
.hd-title, .hd-title-rgt
		 { color: #006; font-size: 0.8em; font-weight: bold; background: #999 url("parchment-light2.jpg"); text-align: left; padding: 0.5em; border-top: 1px solid #e9e2d7; border-bottom: 1px solid #006 }



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

.hd-topics, .hd-posts, .hd-lastpost
		  { color: #000; font-size: 0.7em; font-weight: bold; background: #fff url("parchment-light2.jpg"); text-align: center; padding: 0 2px; border-top: 1px solid #e9e2d7; border-bottom: 1px solid navy }

.hd-lastpost
		 { color: #000; background: #fff url("parchment-light2.jpg"); border-top: 1px solid #e9e2d7; border-bottom: 1px solid navy }



/* ----------------- Board Title Row ----------------- */
.td-image	  { background: #ccc; text-align: center; border-left: 1px solid navy }

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

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

/* ----------------- Forum Info ----------------- */
.hd-info, .hd-info-rgt	
		 { font-size: 0.7em; font-weight: bold; background: #fff url("parchment-light2.jpg"); text-align: left; padding: 0.5em; vertical-align: middle; border-top: 1px solid #e9e2d7; border-bottom: 1px solid navy }
.hd-info-rgt
		{ text-align: right; font-weight: normal; }
.hd-info-rgt a
		{ font-weight: bold; }
.smprint
		 { color: #000; font-size: 0.65em; background: white url("parchment-light2.jpg"); text-align: right; padding: 2em 0.5em 0.3em }

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

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


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


/* ----------------- Member Info ----------------- */
.member-info, .member-info2, .member-avatar
		 { font-size: 0.7em; font-weight: normal; background: #ccc; padding: 0.5em }

.member-info
		 { border-left: 1px solid navy }


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

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

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

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

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



/* ----------------- Forms ----------------- */
select	 { background: #ccc }
textarea	 { font-size: 0.9em; background: #eee; white-space: pre }


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

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

.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	 { color: navy; background: #1d1d44 url("btn_1.gif"); border-style: solid; border-width: 0 1px 1px; border-color: transparent navy navy silver }
input.red	 { color: white; background: #666 url("btn_2.gif"); border-style: solid; border-width: 0 1px 1px; border-color: transparent navy navy #666 }

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


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

/*  top row  */
.skin-top-lft
		{ background: transparent url(border-top-left.gif) no-repeat top right; height: 12px; }
.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-right.gif) no-repeat top left; }

/*  bottom row  */
.skin-bot-lft
		{ background: transparent url(border-bot-left.gif) no-repeat top right; height: 14px; } 
.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-right.gif) no-repeat top left; }


/* ----------------- AZbb Code Table ----------------- */
.code-main	{ margin:0 auto; padding:0; border:1px inset #ccc; 
		  width:640px; height:100px; overflow: auto; }
.code-tag, .code-info 
		{ background: #FFF9ED; font-weight: normal; cursor: pointer; }
.code-tag	 { color: #36f; font-family: Courier, "Courier New", monospace; border-left: 1px solid #ccc }
.code-info	 { color: navy }



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


/* ----------------- Span ----------------- */
.hot, .vhot	 { color: navy; font-weight: bold }
.vhot		 { color: navy; background: #ccc }