/* -----------------  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: #000; color: #000;
                  margin: 10; 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;
                  font-size: 0.9em; vertical-align: top; }
/*div.hd-info
                { margin: 0 100%; }  */

/* ----------------- 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; }
.main-title a
                { font-size: 1.7em; font-style: italic;
                  letter-spacing: -1px; text-decoration: none;
                  font-family: Times, "Times New Roman", serif; }
.main-title a:hover
                { color: #f00; text-decoration: none; }
.main-time        { float: right;
                  padding: 0.1em 0.2em;
                  white-space: nowrap; text-align: right; }
.title-bg        { background: #E6E6E6  top right repeat;
                  margin: 0 auto; padding-bottom: 0px; }

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


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


/* ----------------- Skin Frame ----------------- */
.full-width        { width: 100%; }
.main-forum-table
                { width: 747px; 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: 0px; }

/* 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:760px; 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; }
/* ------------------ */
.footer { width:100%; background:#d4dfef; border:#3C71B7;border-width: 1px 1px 1px 1px; border-style:solid; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#FFFFFF;}
.footer a:link                 { color: #FFFFFF; text-decoration: none; }
.footer a:active         { color: #FFFFFF; text-decoration: none;}
.footer a:visited         { color: #FFFFFF; text-decoration: none;}
.footer a:hover                 { color: #FFFFFF; text-decoration: none;}
.titlef                        { background: url(bgx2.gif); background-repeat:repeat-x; padding: 2px 2px 2px 2px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-align:center;}
.maingray {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#7b7b7b}
.header {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#FFFFFF}
.header         a:link                 { color: #FFFFFF; text-decoration: none; }
.header         a:active         { color: #FFFFFF; text-decoration: none;}
.header                a:visited         { color: #FFFFFF; text-decoration: none;}
.header                a:hover                 { color: #FFFFFF; text-decoration: none;}
.submith {background-image:url('bgx.gif'); background-repeat:repeat-x; BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt}