img {
   behavior: url("http://www.femail.com.au/blog/index.php?/plugin/pngbehavior.htc");
}
.bb-code, .bb-php, .bb-code-title, .bb-php-title {
    margin-left: 20px;
    margin-right: 20px;
    color: black;
    direction: ltr;
}

.bb-code-title, .bb-php-title {
    margin-bottom: 2px;
    background-color:#CCCCCC;
    font-weight: bold;
    padding-left: 5px;
}

.bb-code, .bb-php {
    font-family: courier, "courier new";
    background-color: #DDDDDD;
    padding: 10px;
}
img {
	border: none;
}

html, body {
	height: 100%;
}

body {
	color: #000;
	font: 10px verdana, arial;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}

a:link {color:#c00000; text-decoration:none;}
a:active {color:#c00000; text-decoration:none;}
a:visited {color:#c00000; text-decoration:none;}
a:hover {color:#c00000; text-decoration:underline}

table 	{
	border-collapse: collapse;
}

td 	{
	border-collapse: collapse;
	color: #000;
	font: 11px verdana, arial;
}

.tnavi {
	color: #fff;
	font: 10px verdana, arial;
	text-decoration: none;
}
.tnavi a:link,
.tnavi a:active,
.tnavi a:visited {color:#fff; text-decoration:none; font-weight: bold;}
.tnavi a:hover {color:#fff; text-decoration:underline; font-weight: bold;}

ul, ol {
	margin: 2px 2px 2px 10px;
	padding-left: 20px;
}

h2 {
  font-size: 18px;
  color: #900000;
  font-weight: bold;
}

h3 {
  color: #939;
  font: 14px verdana, arial;
  font-weight: bold;
}


hr {
  color: #c00000;
  height: 2px;
  border: solid;
  width: 100%;
}

textarea, input, select	{
  color: #000;
  font: 10px verdana, arial;
}

td form { margin: 0; }


/*
  the following rules control the layout
  appearance, including:
  - wrapper
  - header
  - menu
  - content
  - footer
*/

/* category input form */
div#category form, div#category input {
  padding: 0;
  margin: 0;
}


/* table wrapper for the whole content */
table#container {
  height: 100%;
  width: 100%; 
}


/* header area */
table#container thead td {
  white-space: nowrap;
  background: #c00000;
  height: 1%;
}
table#container thead td#logo {
  text-align: left;
  padding-right: 10px;
}

/* the webmail login on the top right */
table#webmail-login {
  border: 1px #333 solid;
  margin: 5px;
}
table#webmail-login thead th {
  background: #99c;
  border: 1px #333 solid;
  font-size: 11px;
}
table#webmail-login tbody td {
  font-size: 10px;
  background: #fff;
}

/* main horizontal menu bar  */
#nav-menu {
  background: #c00000;
  border-bottom: 1px solid #666;
  margin: 0;
  padding: 10px 0 0 0;
}
#nav-menu td {
  margin: 0;
  padding: 0 1px;
  font-weight: bold;
  font-family: "trebuchet ms", verdana, arial, sans-serif;
  font-size: 11px;
  white-space: nowrap;
}
#nav-menu td a {
  display: block;
  background:url(/img/menu-left-bg.png) no-repeat left top;
  color: #FFF;
  text-decoration: none;
  padding: 5px 0;
}
#nav-menu td span {
  background:url(/img/menu-right-bg.png) no-repeat right top;
  padding: 5px 7px 5px 3px;
  margin: 4px 0 4px 4px;
}
#nav-menu td a:hover span {
  background-position:100% -34px;
}
#nav-menu td a:hover {
  background-position:0% -34px;
  color: #555;
}
#nav-menu #active a {
  background-position:0% -34px;
  color: #555;
}
#nav-menu #active a span {
  background-position:100% -34px;
}


/* the date */
table#container tbody td#date {
  text-align: right;
  font-size: 11px;
  padding: 10px 5px 0 0;
  font-style: italic;
  vertical-align: top;
}


/* main area */
table#main {
  height: 100%;
  width: 100%;
}


/* left bar */
table#main td#bar {
  vertical-align: top;
  width: 180px;
  background: url(/img/dotline_v.gif) right repeat-y;
  padding: 0 20px;
  text-align: center;
}

table#main td#bar div#bar-menu {
  width: 180px;
}

/* google ad links on the left bar */
table#google-links {
  border: 1px solid #c00000;
  width: 100%;
}
table#google-links thead th {
  background: #c00000;
  font-weight: bold;
}


/* content area */
table#main td#content {
  vertical-align: top;
  padding: 0 20px;
  width: 100%;
}


/* footer */
table#container tfoot td {
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  height: 5%;
  padding: 8px;
  background: #c00000;
}


/* special for blog */
td#bar ul { list-style-type: none; padding: 0; margin-left: 0; }
td#bar ul li { margin-bottom: 30px; font-size: 11px; }
td#bar ul li h2 { font-size: 13px; }
td#bar ul li p { margin-top: 0; margin-top: 0; }
td#bar ul li div { line-height: 12px; }

ol.commentlist li {
  border: 1px solid #cfcfcf;
  background: #fcfcfc;
  margin-bottom: 20px;
  padding: 5px;
}

.serendipity_searchQuery {
    background-color: #D81F2A;
    color: #FFFFFF;
}
