html, body
	{
	margin				: 0px;
	padding				: 0px;
	background-color	: #000000;
	color				: #ffffff;
	}

div
	{
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}

.header
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	background			: url(images/CATScreenMiddle2.png);
	width				: 100%;
	height				: 265px;
	}

/* -21px is for who? Netscape 4, I would guess - er yes */
.columns
	{
	margin				: 1px;
	margin-top			: -21px;
	padding				: 10px;
	color				: #ffffff;
	background-color	: #000000;
	}
/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set 

it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek

-family hack to make everything right again */
/*/*/
.columns
	{
	margin-top			: -18px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 1px;
	}
/* */
/* empty required to get IE5 vback on track */
#empty{}

.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 200px;
	height				: 100%;
	margin				: 0px;
	margin-top			: -11px;
	padding				: 0px;
	color				: #999999;
	background-color	: #000000;
	padding: 2px 0 0 0;
		}
.leftcolumn
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that the hack widths equals the value of .centercolumn's margin-

right
the initial width is for NN4 - experiment and set to what seems best
*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 200px;
	height				: 100%;
	margin				: 0px;
	padding				: 0px;
	z-index				: 3;
	color				: #000000;
	background-color	: #000000;
	padding: 2px 0 0 0;
	}

/* 
For NN4, -25px is the margin-left setting to make the centercolumn column 

but up against the left column. (OmniWeb is much the same, but this 

stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width 

of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's 

width. 
A margin can be created between these two columns either by changing these 

values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.centercolumn
	{
	margin				: 0px;
	padding				: 0px;
	color				: #ffffff;
	background-color	: #000000;
	z-index				: 4;
	}
.centercolumn
	{
	margin-right		: 0px;
	margin-top			: 0px;
	margin-bottom		: 0px;
	margin-left			: 0px;
/*	margin-left			: -25px;  */
	}
/* IE5 once again goes awry - shift it down (29px is right for this layout 

but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn
	{
	margin-right		: 201px;
	margin-left			: 201px;
	margin-top			: 29px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
	}

/* slight modification for comments*/

.centercolumn2
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	background-color	: #ffffff;
	z-index				: 4;
	}
.centercolumn2
	{
	margin-right		: 0px;
	margin-top			: 0px;
	margin-bottom		: 0px;
	margin-left			: 0px;
/*	margin-left			: -25px;  */
	}
/* IE5 once again goes awry - shift it down (29px is right for this layout 

but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn2
	{
	margin-right		: 301px;
	margin-left			: 301px;
	margin-top			: 29px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
	}

	

#container
{
	margin-right		: 10px;
	margin-top			: 10px;
	margin-bottom		: 10px;
	margin-left			: 10px;
	padding				: 15px;
	background-color	: #999999;
	font-size			: 14px;
	color				: #000000;
}

	
	
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is 

only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn
	{
	margin-right		: 1px;
	margin-left			: 1px;
	}
/* this bit resets for IE */
* html .centercolumn
	{
	margin-right		: 201px;
	margin-left			: 140px;
	}
/* End of OmniWeb shenanigans */

.footer
	{
	clear				: both;
	margin-top			: -11px;
	padding				: 12px;
	width				: 100%;
	color				: #000000;
	background-color	: #666666;
	}
.footer
	{
/*/*/
	margin-top			: 0px;
/* */
	}


.clear { clear : both; font-size: 1px; line-height: 0px; }


.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin				: 0px;
	padding				: 10px;
	}


/* following styles have nothing to do with the structural layout */
h1, h2
	{
	margin-top			: 0px;
	}

p
	{
	margin-bottom		: 0px;
	}
	
#floatLeft { float: left;
margin: 0px;
	top: 0px;
	left: 0px;  
	height: 265px;
}

#floatRight{ float: right;
margin: 0px;
	top: 0px;
	right: 0px;
	height: 265px;
}


/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
	color: #494949;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", 

Trebuchet, Arial, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
img
{
	border: 0;
}
form
{
	margin: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6
{
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", 

"Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}

/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	background: url(images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited
{
	color: #635D45;
	text-decoration: none;
}
a:hover, a:active
{
	color: black;
}
#header a:link, #header a:visited
{
	color: #474747;
}
#header a:hover, #header a:active
{
	color: #737373;
}
#copyrights a:link, #copyrights a:visited
{
	color: #474747;
}
#copyrights a:hover, #copyrights a:active
{
	color: #737373;
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 704px;
	height: 0;
	clear: both;
}





/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
#calendar
{
	width: 195px;
	background-color: #EEEEEE;
	color: #000000;
}


#blackline
{
background-color: #000000;	
}

.story {
margin-bottom: 10px;
margin-top: 10px;
border: 1px #000000 solid;
} 

.story_1 {
margin-bottom: 10px;
margin-top: 10px;
border: 1px #000000 solid;
background-color: #999999;
} 


.contenttitle h2
{
/*	clear: both;   */
	background: url(images/dot.gif) bottom repeat-x;
	font-size: 18px;
	color: #000000;
/*	padding: 0 0 6px 0;  */
	margin: 0;
	height: 35px;
	background-color: #EEEEEE;
	
}



/*
.contentbody
{
	font-size:13px;
	text-align: justify;
	padding: 16px;
}

*/


/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;  
	font-size: 12px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;  
	font-size: 12px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;  
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;  
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;  
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.commentbody
{
	margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;	
}
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background: #EEEEEE;
	background-position: 6px 9px;
	color: Black
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}

/*
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
*/

.id1 /*This is to give the admin a special comment style, to distinguish 

him/her from the rest of the commentors*/

{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
.google
{
text-align: center;

}


#sidebarcontainer
{
	float: right;
	width: 204px;
	padding: 2px 0 0 0;
}
.sidebar
{
	color: #21262A;
	margin: 0 6px 4px 0;
}

/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #E5E5E5 url(images/sidetitlebg.gif);
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, 

"Trebuchet MS", sans-serif;
	padding: 4px 10px;
}
.sidebardl dd
{
	background: #EEEEEE;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover
{
	background: #E7E7E7;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
/*	background: url(images/arrow.gif) left center no-repeat;  */
	padding: 0 0 0 10px;
}


/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
	width: 704px;
	background: #999999;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0 10px 0;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #E0E0E0;
	margin: 0 auto;
}

#copyrights
{
	color: #474747;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, 

.mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}