/* -----------------  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, .page-idx
{	font-size: x-small; }


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

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


/* -----------------  body  ----------------- */
html, body	
{	background: #fffde8 url(jade.jpg) top right no-repeat fixed; 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: #f0dfc3 url() top left repeat-x;
	border-top: 1px solid #fff; border-left: 1px solid #fff;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	color: #333; 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: #009; text-align: left; }
h1		{	font-size: 2em; font-weight: normal; border-bottom: 1px solid #aaa; }
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; }


/* ----------------- links ----------------- */
a			{	background: transparent; color: #900; text-decoration: none; }
a:hover	{	color: #f00; text-decoration: none; }



/* General */
.content	
{	background: #f0dfc3;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 0.7em; margin: 0 5px;
	font-size: 0.9em; vertical-align: top; }
div.hd-info
{	margin: 0 5px; }

/* ----------------- Skin Frame ----------------- */
.full-width	{	width: 100%; }
.main-forum-table
{	width: 100%; background: #f0dfc3; }

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


/* -----------------  Width Control  ----------------- */
.main		{	width: 100%; margin: 0 auto; }
.column-left
{	width: 160px; vertical-align: top; padding-left: 10px; }
.column-right
{	width: 160px; vertical-align: top;  padding-right: 10px; }
.column-middle
{	padding: 0px 10px; vertical-align: top; }



/* ----------------- Frame1 Style ----------------- */
/* hiding elements not used in this skin (they must not be remved) */
.frame1-top-bg, .frame1-top-left, .frame1-top-right,
.frame1-bot-left, .frame1-bot-right
{	display: none; background: transparent; height: 0px; }

/* Used to separete the categoreis */
.frame1-bot-bg
{	background: transparent; height: 5px; }

.frame1-border-left
{	background: transparent; padding-left: 0px; }
.frame1-border-right
{	background: transparent; padding-right: 0px; } 

/* ----------------- Sub header ----------------- */
.subheader
{	background: #f5ebd9; 
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 0.5em; font-size: 0.7em;
	text-align: left; vertical-align: middle; }



/* Search Engines */
.subheader em, td em
{	color: #ff8c00; }

.greeting	{	font-size: 1.2em; }


/* ----------------- Header Info ----------------- */
.hd-info
{	background: #f5ebd9 url(hd2_bg.gif) top left repeat-x; color: #333;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 0.5em;
	font-weight: bold; font-size: 0.7em;
	text-align: left; vertical-align: middle; }


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

/* Table headers and data */
.hd-image, .hd-title, .hd-topics, .hd-posts, .hd-lastpost
{	background: #f5ebd9 url(hd1_bg.gif) top left repeat-x; color: #333;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 0.4em 0.5em;
	font-weight: bold; font-size: 0.7em;
	text-align: center; }

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

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


.hd-lastpost
{	width: 150px; }


.td-image, .td-title, .td-title-sticky, .td-topics, .td-posts, .td-lastpost
{	background: #fffde8; 
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999; }



.td-image	{	width: 40px; 
	text-align: center; padding: 5px;  }

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

.td-lastpost
{	background: #fffde8; width: 130px;
	padding: 3px 5px;
	font-size: 0.65em; text-align: right; }	


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

/* Post title */
.post-title
{	background: #f5ebd9 url(hd1_bg.gif) top left repeat-x; color: #333;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 0.5em;
	font-size: 0.7em;
	vertical-align: top; }


/* Post body */
.post-body
{	background: #fffde8;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 0.7em; font-size: 0.9em; vertical-align: top; }
	

.auto-com, .edit
{	color: #000;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	font-size: 0.7em; padding: 0.2em 0.5em; width: 90%; }
.edit		{	background: #f5ebd9; }		
.auto-com	{	background: #e5dbc8; }

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



/* Member info */
.member-info-top, .member-info-left, .member-info-right
{	background: #f5ebd9 url(hd2_bg.gif) top left repeat-x;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999; 
	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: #f5ebd9 url(hd2_bg.gif) top left repeat-x;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	margin-bottom: 5px; color: #666;
	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: #900; clear: both; 
	font-size: 0.9em; font-style: italic; }

.preview
{	margin:0.5em auto; padding: 1em; border: 1px inset #fff;
	height: 150px; overflow: auto; 
	font-size: 0.9em; }
	
	
/* ----------------- Forms ----------------- */
select	{	background: #fffde8; }
textarea	{	background: #fffde8; font-size: 0.9em; }
textarea.postbox {	width: 90%; }

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

.info 	{	color: #333; padding-bottom: 1em; font-size: 0.9em; 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; 
	background: #f5ebd9 url(hd3_bg.gif) top left repeat-x;
	border: 1px solid #666; }
	
input.blue	{	color: #666; }
input.red	{	color: #f00; }
input.admin	{	color: #009; }
input.tag	{	padding-left: 0.5em; padding-right: 0.5em; }


/* Index */
button.print
{	background: transparent; float: right; border: 0 none; }

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

.chr-display
{	background: #fff; color: #009; margin: 0 5px; padding: 2px; border: 1px inset #fff; 
	height: 70px; overflow: auto; font-size: 0.9em; font-weight: bold; }
.chr-display span
{ color: #666; cursor: pointer; }

.help
{	color: #009; cursor: help; }
.tip 
{	background: #fff; color: #666; padding: 2px; border: 1px solid #666; 
	position: absolute; visibility: hidden; font-size: 0.8em;  width: 400px;
	z-index: 100;  font-weight: normal;
	/* IE only shadow (must be the last line)*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* ----------------- Info Box ----------------- */
.info-box	
{	margin: 0.5em auto; padding: 1em; border: 1px inset #fff;
	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 #666;
	padding: 0.2em 0.5em;
	margin: 0.5em 3em;
	font-size: 0.8em; text-align: left; }

fieldset legend
{	background: #f0dfc3 url() top left repeat-x;
	border-top: 1px solid #fff; border-left: 1px solid #fff;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 0.1em 0.5em; 
	font-weight: bold; }


/* ----------------- Page Index ----------------- */
.page-idx
{	background: transparent; color: #666;
	text-align: right; padding: 2px;
	border-top: 1px solid #333; border-left: 1px solid #333;
	border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.page-idx span
{	padding: 1px 3px; margin: 1px;
	font-weight: bold; text-align: center; }
.page-idx span.active
{	background: #ccc; }


/* ----------------- span ----------------- */
.time		{	color: #999; }
.error	{	color: #f00; font-weight: bold; }
.highlight	{	color: #000; background: #ff9; }
.new
{	background: #ff9; color: #f30; padding: 0 3px;
	font-weight: bold; font-size: 0.8em; }


/* ----------------- 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; }
.top		{	vertical-align: top; }


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




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




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

/* ----------------- Main Section (used in template only) ----------------- */
.main-border-left	
{	background: transparent; padding-left: 10px; }
.main-border-right	
{	background: transparent; padding-right: 5px; }


/* ----------------- Main Title/Time (used in template only) ----------------- */
.title-bg
{	padding: 20px 10px 20px 20px; }

.main-title	{	text-align: left; }
.main-title a
{	color: #900; font-size: 2.2em; 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
{	background: transparent; color: #999;
	padding: 0.1em 0.2em; text-align: left; }

.nav
{	background: transparent;
	border-top: 0px solid #900; padding-top: 0.5em; }

.nav ul
{	margin: 0; padding: 0; font-size: 0.7em; }
.nav li
{ display: inline; list-style: none; }

.nav li a
{ background: transparent;
	border-bottom: 1px solid #999;
	display: block; float: left; 
	margin: 0 5px 0 0; padding: 2px 5px; 
	font-weight: bold; }

.nav li a:hover
{	border-bottom: 1px solid #900; }

/* .nav-bot
{	background: #f5ebd9 url(hd2_bg.gif) top left repeat-x;
	border-top: 1px solid #fff; height: 5px; clear: both; } */
	
.subheader2
{	background: transparent;
	padding: 0.5em; font-size: 0.7em;
	text-align: left; vertical-align: middle; }

/* ----------------- Menu ----------------- */
.menu-title
{	background: #f5ebd9 url(hd1_bg.gif) top left repeat-x; color: #333;
	border-top: 1px solid #f0dfc3; border-left: 1px solid #f0dfc3;
	border-bottom: 1px solid #999; border-right: 1px solid #999;
	padding: 2px 5px; font-size: 0.8em; font-weight: bold; text-align: center; }
.menu		
{	background: #fffde8;
	border: 1px solid #f0dfc3;
	padding: 5px; font-size: 0.75em; }

.menu a
{	text-decoration: none; }

.menu h1	
{	font-size: 1.2em; margin: 0; padding: 0; font-weight: bold; }
	
/* ----------------- End of Temaplte Only Section ----------------- */
/* ---------------------------------------------------------------- */


/* -----------------  AZchat  ----------------- */
.chat-box
{	width: 95%; height: 300px; }

.chat-time0, .chat-user0, .chat-time1, .chat-user1 
{	width: 100px; vertical-align: top; font-size: 0.75em; }

.chat-line0, .chat-line1
{	vertical-align: top; padding-bottom: 5px; font-size: 0.75em; }

.chat-time0, .chat-user0, .chat-line0
{ background: #fffde8; }

.chat-time1, .chat-user1, .chat-line1
{ background: #f0dfc3; }


/* -----------------  Colour Groups  ----------------- */
span.admin
{	background: transparent; color: #00f; font-weight: bold; }

span.moderator
{	background: transparent; color: #009; font-weight: bold; }

span.VIP
{	background: transparent; color: #080; font-weight: bold; }