/***********************************************************
 * clownba0t.css - Cascading Style Sheet
 *
 * Purpose: Defines styles for clownba0t.com
 *
 * Created: Some time in 2004
 * Updated: 27 September 2006, 16:19
 *
 * Structure:
 *  1) Generic Styles (Page Wide Styles)
 *  2) High Level Block Styles (Page Layout)
 *  3) Menu Styles
 *  4) Footer Styles
 *  5) Page specific styles
 *
 ***********************************************************/



/***********************************************************
 * 1) Generic Styles
 ***********************************************************/

/* Set up basic font styles, default background colours etc. */

body
{

  background-color: #FFFFFF;

  font-family: Arial, Verdana, Times;
  font-size: 10pt;
  color: #000000;

  margin-top: 10px;
  padding: 0px;

  text-align: center;
}

/* Set up default text alignment for all items within the body */

body *
{

  text-align: left;
}

a
{

  text-decoration: underline;
  color: #909090;
}

a:hover
{

  text-decoration: none;
}

td
{

  font-family: Arial, Verdana, Times;
  font-size: 10pt;
  color: #000000;
}

img
{

  vertical-align: middle;
  border: 0;
}

/* For displaying centered images in left aligned parent blocks (e.g. blogentries) */

div.image
{

  text-align: center;
}

/* For generic text display in the 'content' section of the page. */

div.textarea
{

  padding: 8px;
}

span.pageheader
{

  font-size: 14pt;
  text-align:center;
  margin: 0 auto;
}






/***********************************************************
 * 2) High Level Block Styles
 ***********************************************************/

div#body
{

  width: 1000px;
  margin: 0 auto;

  background-color: #FFFFFF;

  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-collapse: collapse;
}

div#header
{

  border-bottom: 1px solid #000000;
}

div#main
{

  background-color: #CEE9FF;
}

div#content
{

  margin-left: 135px;
  min-height: 500px;
  background-color: #FFFFFF;
  border-left: 1px solid #000000;
}

div#topmenu
{

  height: 24px;
  line-height: 18px;
  vertical-align: middle;
  padding-right: 2px;
  background-color: #FFF1B8;
  border-bottom: 1px solid #000000;
}

div#leftmenu
{

  width: 125px;
  padding: 5px;
  float: left;
  text-align: center;
  background-color: #CEE9FF;
}

div#footer
{

  clear: both;
  margin: auto;
  background-color: #FFF1B8;
  border-top: 1px solid #000000;
}

/* Dodgy hacks to fix Microsoft Internet Explorer, which for
 * some totally unknown reason decides to insert 3 pixels of space
 * after a float? WHY!!?? :~~(
 */

/* hide from MacIE \*/

* html #leftmenu
{

  margin-right: -131px;
}

* html #content
{

  margin-left: 0px;
}
/* end hide */






/***********************************************************
 * 3) Menu Styles
 ***********************************************************/

/* TOP MENU STYLES */

span.firstmenuitem
{

  float: left;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 4px;
  border-right: 1px solid #FFF1B8;
  vertical-align: middle;
}

span.menuitem
{

  float: left;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 4px;
  border-left: 1px solid #FFF1B8;
  border-right: 1px solid #FFF1B8;
  vertical-align: middle;
}

span.menuright
{

  float: right;
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-style: italic;
  background-color: #FFF1B8;
  vertical-align: middle;
}

span.firstmenuitem:hover
{

  background-color: #FFFFFF;
  border-right: 1px solid #000000;
}

span.menuitem:hover
{

  background-color: #FFFFFF;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}







/* LEFT MENU STYLES */

div.leftmenusection
{
}

div.leftmenuheader
{
}

span.leftmenuheader
{

  display: block;
  padding-bottom: 4px;
  text-align: center;
  font-weight: bold;
}

div.leftmenucontent
{
}

span.leftmenuitem
{

  margin-left: 15px;
}






/***********************************************************
 * 4) Footer Styles
 ***********************************************************/

div.footeriteml
{

  width: 329px;
  float: left;
  display: inline;
  padding: 2px 2px 2px 2px;
  text-align: left;
}

div.footeritemc
{

  width: 330px;
  float: left;
  display: inline;
  padding: 2px 2px 2px 2px;
  text-align: center;
}

div.footeritemr
{

  width: 329px;
  float: left;
  display: inline;
  padding: 2px 2px 2px 2px;
  text-align: right;
}






/***********************************************************
 * 5) Page Specific Styles
 ***********************************************************/

/* JOURNAL STYLES */

/* Journal entry title & date styles - be careful with this, it's
 * generic at the moment. Might want to try div.blogentry span.title
 * and span.subtitle later if need spans without these styles*/

div.category_footer
{

  clear: both;
  margin: auto;
  font-size: 9pt;
}

span.title
{

  font-size: 11pt;
  color: #79C3FF;
  font-weight: bold;
}

span.subtitle
{

  font-size: 9pt;
  color: #FEDD5A;
  font-weight: bold;
}

span.category_left
{

  float: left;
  text-align: left;
  font-size: 9pt;
  color: #79C3FF;
}

span.category_right
{

  float: right;
  padding-top: 4px;
  text-align: right;
  font-size: 9pt;
  color: #79C3FF;
}

/* Journal entry text styles */
div.blogmenu_top
{

  padding: 8px;
  border-bottom: 1px solid #000000;
  border-bottom-style: dashed;
}

div.blogmenu_bottom
{

  padding: 8px;
  border-top: 1px solid #000000;
  border-top-style: dashed;
}

span.blogmenuiteml
{

  text-align: left;
}

span.blogmenuitemr
{

  float: right;
  text-align: right;
}
		  
div.blogentry
{

  padding: 8px;
  border-bottom: 1px solid #000000;
}

div.lastblogentry
{

  padding: 8px;
}

/* For displaying centered images in blog entries. */

div.journal_image
{

  text-align: center;
}

/* Journal table - be careful with this, it's generic at the moment.
 * Might want to try div.blogentry table.indiv later if need tables
 * without this style
 */

table.indiv
{

  border: 1px solid #000000;
  border-collapse: collapse;
}

td
{

  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;

  vertical-align: top;
}

td.header
{

  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-weight: bold;
  text-align: center;

  background-color: #CEE9FF; /*FFF1B8;*/
}

td.center
{

  text-align: center;

  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  text-align: center;
}







/* 'Sub' classes */

div.content p
{

  margin: 8px 8px 8px 8px;
}