@charset "iso-8859-1";

h3
	{
	margin				: 1em 0em 0.25em 0em;
	padding				: 0em 0.25em 0em 0.25em;
	color				: #ffffff;
	background-color	: #000000;
	font-size			: 1em;
	font-weight			: bold;
	}
h3.first
	{
	margin-top			: 0px;
	}

h4
	{
	margin-top			: 0px;
	background-color	: transparent;
	}

p em
	{
	font-size			: 0.75em;
	color				: #999999;
	background-color	: transparent;
	}

form
	{
	margin: 0px;
	padding: 0px;
	}

.controls
	{
	margin				: 1.5em 0px 0.5em 0px;
	padding				: 1em;
	color				: #000000;
	background-color	: #ffffff;
	border				: solid #000000 1px;
	}

/* */
.layoutorder
	{
	border: solid 1px #000000;
	background-color: #ffffff;
	color: #000000;
	}
.layoutorderside, .layoutordercenter
	{
	padding: 0px 6px 0px 6px;
	}
.layoutordercenter
	{
	border-left: dotted 1px #000000;
	border-right: dotted 1px #000000;
	}
input, select
	{
	margin-left: 0px;
	margin-right: 24px;
	}
label
	{
	margin-right: 6px;
	}
.controls li
	{
	margin: 0px;
	color: #000000;
	font-family: monospace;
	border-bottom: solid #ffffff 1px;
	}
	
/*------------------------------------------------------------------------------
  Fake IE Information Bar
------------------------------------------------------------------------------*/

/* A fake IE information bar */
#infobar {
    font: .9em normal "Verdana", "Geneva", sans-serif;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    color: black;
    background-color: #ffffe6;
	background-image: url(warning.gif);
	background-repeat: no-repeat;
    padding: .3em .3em .3em 2em;
    border-bottom: .16em outset;
    margin-bottom: 1em;
    text-decoration: none;
    cursor: default;
}

#infobar a:hover {
     color: HighlightText;
    background-color: Highlight;
}

#infobar a img {
    border: none;
}
	
/* GENERAL STYLING */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
body
	{	
	background-image: url(../images/fitz/body_back.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	word-spacing: 1px;
	color: #fdfcfc;
	margin: 0px;
	padding: 2px;
	background-color: #fdfcfc;
	font-size: small;
	}
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
.clear { display: none;}
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */

.box-wrap
	{
	color : #000000;
	background: transparent;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	}
.box-header
	{
	background-image: url(../images/fitz/header.gif);
   width: 720px;
   margin: 0px;
   padding: 0px;
   height: 134px;
   color: #000000;
   margin: 0px;
   border: none;
   display:block;
	}
	
div #google-div {
	text-align: left;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 340px;
	letter-spacing: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
	
#colorbar {
 font-size: 10px;
 background-color: #795234;
 margin: 0px;
 padding: 0px;
 height: 10px;
}
	
h1 { margin: 0px; }
h2
	{
	font-size: 1em;
	color: #ffffff;
	background-color: #795234;
	margin: 0px 0px 0.5em 0px;
	padding: 0.25em;
	} 
.box-footer
	{
	clear: both;
	background-image: url(../images/fitz/footer.gif);
	height: 66px;
	border-top: solid #795234 1px;
	}

div #footer-text
   {
	font-size: smaller;
	color: #B6AB60;
	line-height: 1.5em;
	text-align: right;
	margin-right: 1em;
	margin-top: 0em;
	padding-top: 1em;
   }
	
div #footer-text a:link, div #footer-text a:visited
   {
	text-decoration: none;
	color: #999999;
   }
	
div #footer-text a:hover
   {
   color: #795234;
   }
	
div #bottom-colorbar
   {
	background-image: url(../images/fitz/footer0.png);
	clear: both;
	border: none;
	height: 2px;
   }
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
div #container{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #795234;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #795234;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #795234;
	background-image: url(../images/fitz/right_col_bg.png);
	background-repeat: repeat-y;
}

.columns-float
	{
	float: left;
	width: 520px;
	background-image: url(../images/fitz/right_col_bg.png);
	background-repeat: repeat-y;
   }
	
.column-one
	{
	float: right;
	width: 320px;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */

.column-two { margin-right: 330px; }
.column-three
   {
	margin-left:520px;
	margin-top:0px;
   }
   
.column-one-content, .column-two-content
	{
	padding: 6px;
	border: none;
	color: #000000;
	}
.column-one-content {  }

div #colc-title{

	background-image: url(../images/fitz/column.png);
	height: 86px;
	background-repeat: no-repeat;
	}
	
div #colc a:link, div #colc a:visited
   {
	color: #7F7739;
	font-weight: inherit;
	text-decoration: none;
	}
	
div #colc a:hover
   {
	color: #795234;
}

div #info
   {
	color: #000000;
	font-weight: inherit;
	text-decoration: none;
	}
	
div #colc h2
   {
	font-size: medium;
   }
	
.colc-entry
   {
	border-top-color: #B6AB60;
	border-top-style: solid;
	border-bottom-color: #B6AB60;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	background-color: #eaeab9;
	margin-bottom: 0.35em;
	margin-top: 0;
	padding-left: 0.25em;
	padding-right: 0.25em;
   }
	
.colc-entry h1, .colc-entry h2
   {
	font-size: large;
	color: #cc9900;
	line-height: normal;
	margin-bottom: 0.35em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.1em;
	background-color: #FDE799;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
   }
	
.colc-entry h2
   {
	padding-left: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
   }
	
.colc-entry h3
   {
	margin-top: 0.1em;
	margin-bottom: 0.35em;
	margin-left: 0.5em;
	margin-right: 0.5em;	
	background-color: transparent;
	color: #7F7739;
	font-size: large;
   }
	
.colc-entry h4
   {
	margin-bottom: 0.35em;
	margin-left: 0.5em;
	margin-right: 0.5em;	
	background-color: transparent;
	color: #7F7739;
   }
	
.colc-entry q
  {
	border-top-color: #B6AB60;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #B6AB60;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-right: auto;
	margin-left: auto;
	width: 240px;
	display: block;
	font-style: italic;
	color: #7F7739;
	padding: 0.1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	}
	
.colc-details
   {
	   font-size: smaller;
	   text-align: right;
	   color: #7F7739;
   }

#colc-form
  {
  margin-left: 5px;
  margin-right: 5px;
  font-size: smaller;
  text-align: left;
  padding: 0px;
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: #7F7739;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #7F7739;
  border-right-style: solid;
  border-right-width: 1px;
  border-left-color: #7F7739;
  border-left-style: solid;
  border-left-width: 1px;
  text-align: center;
  padding: 5px;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background-color: #890921;
  }

#colc-form-name
  {
  width: 270px;
  margin-right: 0px;
  }

#colc-form-comment
  {
  width: 270px;
  }

#colc-form-submit
  {
  width: 155px;
  margin-left: 20px;
  }

#addlink-form
  {
  margin-left: 5px;
  margin-right: 5px;
  font-size: smaller;
  text-align: left;
  padding: 0px;
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: #7F7739;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #7F7739;
  border-right-style: solid;
  border-right-width: 1px;
  border-left-color: #7F7739;
  border-left-style: solid;
  border-left-width: 1px;
  text-align: center;
  padding: 5px;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background-color: #890921;
  }
 
	
	
.column-two-content 
   {
   background: #eaeab9;
	border-bottom-color: #B6AB60;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #B6AB60;
	border-right-style: solid;
	border-right-width: 1px;
	}
	
/*.column-three-content { background: #6666ff; }*/
/* VERTICAL PADDING ABOVE COLUMNS */

div #menu h2
   {
	background-image: url(../images/fitz/20x20.gif);
	background-repeat: no-repeat;
	background-color: #890921;
	background-position: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 28px;
	   }



ul.mainlinks
  {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }

ul.mainlinks li {
	width: 165px;
	padding-left: 1px;
}

ul.mainlinks a:link, ul.mainlinks a:visited {
 color: #CC9900;
 text-decoration: none;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 90%;
 display: block;
 width: 165px;
 padding-left: 5px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #ECE3D7;
 line-height: 22px;
}
ul.mainlinks a:hover {
 color: #795234;
}


div #rndpic
   {
	width: 100px;
	margin-left: 1px;
	margin-right: -5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div #wotd, div #potd
   {
	width: 165px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: White;
	border-color: #B6AB60;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	color: #7F7739;
	font-size: smaller;
   }
	
div #wotd q {
	font-style: italic;
	color: #B6AB60;
	}

div #wotd h3, div #wotd h4, div #potd h3{
	margin: 0px;
	background-color: #890921;
	color: #B6AB60;
}

div #wotd h3 {
	font-size: small;
	padding-left: 0.25em;
	padding-top: 0.25em;
	padding-bottom: 0em;
}

div #wotd h4 {
	font-size: small;
	padding-left: 0.5em;
	padding-top: 0em;
	margin-top:0em;
}

div #potd h3 {
	font-size: small;
	padding-left: 0.25em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.column-three-content
{
}


.column-three-content h2
  {
  margin-top: -1px;
  padding: 10px;
  background-color: #890921;
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: #7F7739;
  border-top-style: solid;
  border-top-width: 1px;
  text-align: right;
  font-size: medium;
  }

.column-three-content p
  {
  padding-left: 6px;
  padding-right: 6px;
  }

/********************** insert ***************************/

.insert-link
  {
  background-color: white;
  border-top-color: #7F7739;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: small;
  width: 183px;
  overflow: hidden;
  }

.insert-link-cat
  {
   margin-left: 0px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: small;
	font-weight: bold;
  }


.insert-link-cat a:link, .insert-link-cat a:visited, .insert-link-cat a:hover
  {
  font-size: smaller;
  font-weight: normal;
  text-decoration: none;
  color: #7F7739;
  }

.insert-link-cat a:hover
  {
  color: #795234
  }

.insert-link-desc, .overwrite-comment-comment
  {
	line-height: 100%;
}

.insert-link-who, .overwrite-comment-who, .earlier-link, .later-link, .up-link
  {
	font-size: smaller;
	color: #7F7739;
	text-align: right;
	margin-top: 0px;
	padding-right: 3px;
  }

.later-link {float: right;}
.earlier-link {float: left;}
.up-link {text-align: center;}

.month-link
  {
	display: block;
	font-weight: bold;
  }

#month-table
  {
  background-color: #FDF8D5;
  border-top-color: #7F7739;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: small;
  /* width: 183px; */
  overflow: hidden;
}

#month-table td
  {
    background-color: white;
    text-align: center;
    margin: 3px;
    padding: 5px 10px;
  }

#month-table th
  {
    text-align: center;
  }

.insert-link-who a:link, .insert-link-who a:visited, .overwrite-comment-who a:link,  .overwrite-comment-who a:visited
  {
  text-decoration: none;
  color: #7F7739;
  }

.insert-link-who a:hover,  .overwrite-comment-who a:hover
  {
  color: #795234
  }

#insert-link-new
  {
  text-align: right;
  text-decoration: none;
  color: #7F7739;
  font-size: smaller;
  margin: 5px;
  }

#insert-link-new a:link, a:visited
  {
  color: #7F7739;
  text-decoration: none;
  }

#insert-link-new a:hover
  {
  color: #795234;
  }

/********************** comment on link ***************************/

.comment-link
  {
  background-color: #FDF8D5;
  border-top-color: #7F7739;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: small;
  /* width: 183px; */
  overflow: hidden;
  }

.comment-form
  {
	margin-left: 5px;
	margin-right: 5px;
	font-size: smaller;
	text-align: center;
	padding: 0px;
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }


/***********************************************/

.overwrite-comment
  {
  border-bottom-color: #7F7739;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: small;
  padding-bottom: 2px;
  }

.overwrite-form
  {
	margin-left: 5px;
	margin-right: 5px;
	font-size: smaller;
	text-align: center;
	padding: 0px;
  }

#overwrite-form-name
  {
  width: 155px;
  margin-right: 0px;
  }

#overwrite-form-comment
  {
  width: 155px;
  }

#overwrite-form-submit
  {
  width: 125px;
  margin-right: 0px;
  }
  

.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ position: relative; }
/* */