/* -----------------  Font Size Control  ----------------- */
html, body	{ font-size: medium; }

.q, .code, .php, .excerpt, .comment
		{ font-size: small; }

input.blue, input.red, input.admin, input.login,  input.tag, select,
.main-time
		{ font-size: x-small; }

.x-small, .x-small a:link, .x-small a:visited, .x-small a:hover,
.page-idx
		{ font-size: x-small; }

.small, .small a:link, .small a:visited, .small a:hover
		{ font-size: small; }

/* -----------------  body  ----------------- */
html, body	{ background: #ECECEC; color: #000; 
		  margin: 0; padding: 0; }

html, body, p, h1, h2, h3, table, td, th, ul, ol,dl, textarea, input
		{ font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }

pre		{ color: green; white-space: pre; font-family: monospace; }
code		{ font-family: Courier, "Courier New", monospace; }

table		{ margin: 0 auto; color: #000; text-align: left; }

th		{ background: #ECECEC;  color: #666;
		  border-top: 1px solid #eee; border-left: 1px solid #eee;
		  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
		  padding-left: 0.5em; 
		  font-size: 1.1em; text-align: left; }

/* background should be transparent, but WebTV has a bug */
h1, h2, h3, h4, h5, h6	
		{ background: transparent; color: #ff8c00; text-align: left; }
h1		{ font-size: 2em; font-weight: normal; border-bottom: 1px dotted #ff8c00; }
h2		{ font-size: 1.5em; font-weight: normal; }
h3		{ font-size: 1.2em; font-weight: normal; }
h4		{ font-size: 1em; }
h5		{ font-size: 0.9em; }
h6		{ font-size: 0.8em; }

blockquote	{ margin-left: 3em; margin-right: 3em; }
form		{ margin: 0; padding: 0; }
strong	{ font-size: 1.2em; font-weight: bold; }


/* ----------------- Generic Styles ----------------- */
.pointer	{ cursor: pointer; }
.clear 	{ clear: both; }
.float-rgt	{ background: transparent;  float: right;
		  margin: 0; text-align: right; }

.normal	{ font-weight: normal; }

.no-btm-margin
		{ margin-bottom: 0; }	
.center	{ text-align: center; }
.right	{ text-align: right; }
.left		{ text-align: left; }

img		{ border: 0; }
img.middle 	{ vertical-align: middle; }
img.icon 	{ vertical-align: top; }
img.flag	{ margin: 2px 0; }
img.left	{ float: left; margin: 5px 10px 5px 5px; }

hr.half	{ width: 50%; }
hr.half-lft	{ width: 50%; margin-left: 0; text-align: left; }

.pfooter	{ font-size: 0.8em; margin: 0; padding: 0; font-style: italic; }
.rtl		{ text-align: right; font-size: 150%; }


/* ----------------- links ----------------- */
a		{ background: transparent; color: #06f; text-decoration: none; }
a:hover	{ color: #f30; text-decoration: underline; }



/* General */
.content	{ background: #fff url(main_bg.gif) top right repeat-x;
		  padding: 0.7em; margin: 0 10px;
		  font-size: 0.9em; vertical-align: top; }
div.hd-info
		{ margin: 0 10px; }

/* ----------------- Template Only Section ----------------- */
/* --------------------------------------------------------- */
/* These CSS only apear on the template (azbb.html).
They are not used inside azbb source. */



/* Main Section */

.main-border-left	
		{ padding-left: 10px; }
.main-border-right	
		{ padding-right: 10px; }



/* ----------------- Main Title/Time ----------------- */
.main-title	{
	text-align: left; color: black; }

.main-title a:hover
		{ color: #black; text-decoration: none; }
.main-time	{ float: right;
		  padding: 0.1em 0.2em;
		  white-space: nowrap; text-align: right; }
.title-bg	{ background: #fff url(gbl_banner.gif) no-repeat; 
		  margin: 0 auto; padding-bottom: 50px; }

.title-text
		{ color: #fff; padding: 0.5em; }


/* ----------------- End of Temaplte Only Section ----------------- */
/* ---------------------------------------------------------------- */


/* ----------------- Skin Frame ----------------- */
.full-width	{ width: 100%; }
.main-forum-table
		{ width: 100%; background: #fff url(main_bg.gif) top right repeat-x; }

.forum-info-table
		{ background: #ccc; }
.forum-info-table td
		{ background: #ECECEC; padding: 3px;
		  border-top: 1px solid #fff; border-left: 1px solid #fff; }



/* ----------------- Sub header ----------------- */
.subheader
		{ padding: 0.5em; font-size: 0.7em;
		  text-align: left; vertical-align: middle; }

.subheader h1
		{  border: 0px solid #fff; }

/* Search Engines */
.subheader em
		{ color: #d60; }

.greeting	{ font-size: 1.2em; }


/* ----------------- Header Info ----------------- */
.hd-info	{ background: #E6E6E6 url(hd_bg.gif); color: #666;
		  border-top: 1px solid #ddd; border-right: 1px solid #ddd;
		  border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;
		  padding: 0.5em;
		  font-weight: bold; font-size: 0.7em;
		  text-align: left; vertical-align: middle; }


/* ----------------- Main index ----------------- */

/* Cat-top & Cat-bot */

.forum-top-bg
		{ background: transparent url(forum_top_bg.gif) bottom left repeat-x; 
		  height: 30px; }
.forum-top-left
		{ background: transparent url(forum_top_left.gif) bottom left no-repeat; 
		  width: 40px; height: 30px; float: left; }
.forum-top-right
		{ background: transparent url(forum_top_right.gif) bottom right no-repeat;
		  width: 40px; height: 30px; float: right; }

/* Used to separete the categoreis */
.forum-bot-bg
		{ background: transparent url(forum_bot_bg.gif) top left repeat-x; 
		  height: 10px;  margin-bottom: 15px; }
		  
/* These are not used in this skin */
.forum-bot-left
		{ background: transparent url(forum_bot_left.gif) top left no-repeat;  
		  width: 10px; height: 10px; float: left; }
.forum-bot-right
		{ background: transparent url(forum_bot_right.gif) top right no-repeat;
		  width: 10px; height: 10px; float: right; }


.forum-border-left
		{ background: transparent url(forum_border_left.gif) top left repeat-y; 
		  padding-left: 10px; }
.forum-border-right
		{ background: transparent url(forum_border_right.gif) top right repeat-y; 
		  padding-right: 10px; } 

/* Table headers and data */
.hd-image, .hd-title, .hd-topics, .hd-posts, .hd-lastpost
		{ background: #E6E6E6  url(hd_bg.gif); color: #ff8c00;
		  border-top: 1px solid #ddd;
		  padding: 0.4em 0.5em;
		  font-weight: bold; font-size: 0.7em;
		  text-align: center; }


.hd-image	{ border-left: 0px solid #ddd;
		  width: 40px; padding: 5px; }
		  		  
.hd-title	{ font-size: 0.8em; text-align: left; }

.hd-topics, .hd-posts
		{ width: 50px; }


.hd-lastpost
		{ width: 150px;
		  border-right: 0px solid #ddd; }


.td-image, .td-title, .td-title-sticky, .td-topics, .td-posts, .td-lastpost
		{  }



.td-image	{ width: 40px; border-left: 0px solid #ddd;
		  text-align: center; padding: 5px;  }

.td-title, .td-title-sticky
		{ padding: 0.3em 0.5em; font-size: 0.7em; }
.td-title-sticky
		{ background: transparent url(sticky.gif) right top no-repeat; padding-right: 20px; }

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

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

.td-lastpost
		{ background: transparent; width: 130px;
		  border-right: 0px solid #666; padding: 3px 5px;
		  font-size: 0.65em; text-align: right; }	


/* ----------------- Topic index ----------------- */
.post-title	{ background: #E6E6E6; color: #666;
		  border-top: 1px solid #ddd; border-right: 1px solid #ddd;
		  border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;
		  padding: 0.5em;
		  font-size: 0.7em;
		  vertical-align: top; }

.auto-com, .edit
		{ color: #666;
		  border-top: 1px solid #eee; border-left: 1px solid #eee;
		  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
		  font-size: 0.7em; padding: 0.2em 0.5em; width: 90%; }
.edit		{ background: #E6E6E6; }		
.auto-com	{ background: #ECECEC; }


/* ----------------- Post body / Member Info ----------------- */

/* Post body */
.post-body	{ background: transparent url() bottom right no-repeat; 

		  padding: 0.7em; font-size: 0.9em; vertical-align: top; }


/* Member info */
.member-info-top, .member-info-left, .member-info-right
		{ background: #E6E6E6; 
		  padding: 0.6em;
		  font-weight: normal; font-size: 0.7em; vertical-align: top;}

.member-info-top div.box
		{ width: 23%; float: left; padding: 0.5em; }

.member-info-left, .member-info-right
		{ width: 150px; }

.poster-name
		{ background: #ECECEC; color: #ff8c00; 
		  border-top: 1px solid #ddd; border-left: 1px solid #ddd;
		  border-bottom: 1px solid #999; border-right: 1px solid #999;
		  margin-bottom: 5px;
		  font-size: 1.5em; padding: 1px 2px 2px 2px; }
	
.online, offline
		{ font-size: 1.2em; font-variant: small-caps; }
.online	{ color: #f00; font-weight: bold; }
		
.signature	{ color: #666; clear: both; 
		  font-size: 0.9em; font-style: italic; }


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

/* Hide width: 90%; from IE */
.center > textarea.postbox
		{ width: 90%; visibility: visible; }

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

.avatar	{ text-align: center; vertical-align: bottom; }
.size		{ width: 80px; padding-right: 1em;
		  text-align: right; vertical-align: top; }


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

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

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

/* ----------------- Info Box ----------------- */
.info-box	{ margin:0.5em auto; padding: 1em; border: 1px inset #ccc; 
		  height: 150px; overflow: auto; 
		  font-size: 0.9em; }

/* ----------------- Span ----------------- */
.hot, .vhot	{ color: #f00; font-weight: bold; }
.vhot		{ background: transparent url(hot.gif) bottom center no-repeat; }


		  
/* ----------------- DIV ----------------- */
div.q, div.code, div.php, div.excerpt, div.comment
		{ padding: 0.5em; margin: 0.2em 3em;
		  font-style: normal; text-align: left; }

div.q		{ background: #f6f6f6 url(css_quote.gif) top right no-repeat;
		  border-top: 3px solid #666; border-right: 1px solid #666;
		  border-bottom: 1px solid #666; border-left: 1px solid #666;
		  font-style: italic; }

div.code	{ background: #fefef4 url(css_code.gif) top right no-repeat;
		  border-top: 3px solid #960; border-right: 1px solid #960;
		  border-bottom: 1px solid #960; border-left: 1px solid #960;
		  color: #080;
		  font-family: Courier, "Courier New", monospace; }

div.php	{ background: #ececff url(css_php.gif) top right no-repeat;
		  border-top: 3px solid #93f; border-right: 1px solid #93f;
		  border-bottom: 1px solid #93f; border-left: 1px solid #93f;
		  font-family: Courier, "Courier New", monospace; }

div.excerpt	{ background: #f1fff1 url(css_excerpt.gif) top right no-repeat;
		  border-top: 3px solid #366; border-right: 1px solid #366;
		  border-bottom: 1px solid #366; border-left: 1px solid #366;
		  font-style: italic; }

div.comment	{ background: #f1f7ff url(css_comment.gif) top right no-repeat;
		  border-top: 3px solid #009; border-right: 1px solid #009;
		  border-bottom: 1px solid #009; border-left: 1px solid #009; }


/* ----------------- Attachment ----------------- */
fieldset	{ 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-top: 1px solid #ddd; border-left: 1px solid #ddd;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding: 0.1em 0.5em; 
		  font-weight: bold; }


/* ----------------- Page Index ----------------- */
.page-idx
		{ text-align: right; padding: 3px; }
.page-idx span
		{ background: #fff;
		  border-top: 1px solid #ddd; border-left: 1px solid #ddd;
		  border-bottom: 1px solid #999; border-right: 1px solid #999;
		  padding: 1px 3px; margin: 1px;
		  font-weight: bold; text-align: center; }
.page-idx span.active
		{ background: #E6E6E6; }



/* ----------------- span ----------------- */
.time		{ color: #999; }

.error	{ color: #f00; font-weight: bold; }

.highlight	{ color: #000; background: #ff9; }

.new		{ background: #ff9; color: #f30;
		  font-weight: bold; padding: 0 3px;
		  font-size: 0.8em; }



/* ----------------- standard colours ----------------- */
.black	{ color: #000; }
.med-blue	{ color: #00c; }
.green	{ color: #080; }
.dark-orange
		{ color: #ff8c00; }
.deep-blue	{ color: #039; }
.red		{ color: #f00; }
.grey		{ color: #666; }