* {margin: 0; padding: 0;}
/*---- html elements ----*/
body
{
	background-color:   #940a0a;
	font-size:          .75em;
	font-family:        Georgia, 'Times New Roman', serif;
	line-height:        1.5em;
}

td
{
	vertical-align: top;
}

hr
{
	height:             1px;
}

h1, h2, h3, h4, h5, h6
{
	color:				#000;
}

img.border
{
	border: 1px solid #dedede;
	padding: 6px;
	margin: 4px;
}
img
{
	border: none;
	padding: 0;
	margin: 0;
}

pre
{
	font-size: 1em;
	color: #777777;
}

/*---- links ----*/
* a {text-decoration:	none;}
a:link
{
	color:              #ff0000;
	text-decoration:	none;
	/*font-weight:		normal;*/
}

a:visited
{
	color:              #ff6a00;
	/*font-weight:		normal;*/
	text-decoration:	none;
}

a:hover
{
	color:              #ff0000;
	/*font-weight:		normal;*/
	text-decoration:    underline;
}

a.current
{
	text-decoration: underline;
}

/*---- classes ----*/
.title
{
	/*font-size:			2em;*/
	font-weight:		normal;
	color:              #FF6600;
	border-bottom:		0px solid #888;
	margin:             10px 0 0 0;
	line-height:        1.2em;
}

.shorttext
{
}

.fulltext
{
}

.paragraph
{
	display:            inline;
	color:              #FF9900;
	font-size:          1.5em;
}

.payoff
{
	font-size:			.75em;
}

.article_date
{
	font-size:			.80em;
	padding-left:       16px;
}

.article_list_item
{
	padding: 4px 0 24px 0;
}

.article_list_item
{
	text-decoration: none;
}

.read_more 
{
	padding-left: 12px;
	padding-top: 12px;
}

.is_private
{
	width: 16px;
	height: 16px;
	background-image: url("../../images/locked.gif");
}

.infobox, .notebox
{
	padding: 18px 20px 20px 40px;
	margin: 4px 20px 4px 20px;
}
.notebox
{
	background: #FFFFCE	url("../../images/warning.gif") 20px 20px no-repeat;
	border: 1px solid #F0C000;
}
.infobox
{
	background: #D8E4F1	url("../../images/information.gif") 20px 20px no-repeat;
	border: 1px solid #3C78B5;
}

/* commenting */
.postcomment {
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
	padding: 12px;
	width: 658px;
}
.comment_wrapper
{

}
.comment_wrapper h4{
	padding: 8px;
	border-bottom: 2px solid #dedede;
}
.comment_entry {
	padding: 8px;
	border-bottom: 1px solid #dedede;
}
.comment_content {
	width: 440px;
	float: left;
}
.comment_meta {
	text-align: right;
	width: 200px;
	float: right;
}


/* --- related articles --- */
.related 
{
	background: #fff url("../../images/wideboxbottom.gif") bottom left no-repeat;
	font-size: 11px;
	width: 500px;
	margin: 10px 10px 30px 10px;
}
.related h3 
{
	background: #fff url("../../images/wideboxtop.gif") top left no-repeat; 
	color: #FFF; 
	font-size: 12px; 
	line-height: 13px;  
	padding: 5px 5px 4px 13px;
	margin-bottom: 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-transform: uppercase;
}
.related ul
{
	padding: 12px;
	margin: 0px;
	list-style: none;
}



.code
{
	border: 1px dashed #888; 
	background-color: #f0f0f0; 
	padding: 12px; 
	width: 538px;
	overflow: scroll;
	font-size: 1em;
}

ul.root { list-style-type: none; padding: 5px 20px 20px 0;}
  ul.root li { line-height: 1.2em; text-indent: 8px; }

ul.related
{}

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

ul.toc li
{
	margin: 0px 0px 0px -40px;
	*margin: 0px 0px 0px 0px; /* for IE only */
}

.toc_block
{
	background-color: #ffd;
	padding: 12px;
	border: 1px solid #ccc;
	font-size: .88em;
	line-height: 1.1em;
	width: 124px;
	float: right;
}

.separator
{
	height:             15px;
	/*border-width:       1px 0px 1px 0px;
	border-style:       solid;
	border-color:       #dedede;
	background-color:   #f0f0f0;*/
	margin:             4px 0px 4px 0px;
	background-image:   url("../../images/separator_matrix.png");
}

.private
{
	background-color:   #ffc;
}

.menucaption { font-family:arial,sans-serif; font-size:12px; font-weight: bold; text-decoration: underline; padding: 12px 0 0 0; margin: 0;}

/*---- id's ----*/
#page
{
	padding-left: 20px;
}

#frame
{
	text-align: center;
	width: 1028px;
	background: url("images/coco_bg.png") center repeat-y;
}

#header { padding: 12px; }

#leftmenu { font-size: 11px; font-family:arial,sans-serif; line-height: 10px; float: left; text-align: left; padding: 0 0 0 30px; }

#topmenu { font-family:arial,sans-serif; font-size:12px; line-height:14px; padding: 12px 20px 12px 20px; margin: 0 14px 0 14px; background-color: #dfdfdf; border-color: #c0c0c0; border-style: solid; border-width: 1px 0 1px 0; text-align: left;}
  #topmenu .item { display: inline; margin: 0 12px 0 0; }
  #topmenu .searchbox { float: right; }
.topmenuitem {  }

#content
{
	overflow: hidden;
	*height:             100%; /* for IE */
	text-align:         left;
	padding: 0 30px 0 28px;
}

#content a
{
	/*border-bottom:      1px solid #6cf;*/
}

#content .related a,
#content .toc_block a
{
	border-bottom:      none;
}

#header { }
#footer
{
	/*left:               180px;
	top:                158px;*/
	width:              100%;
	color:              #6796C5;
	padding:            16px;
}
.clearest
{
	clear: both;
}

/* syntax highlighting */
.quotation {color: #800;}
.comment   {color: #080;}
.keyword   {color: #008;}
.variable  {color: #a00;}