/*
l. blue #DFEDF7
d. blue #00375C
*/

* {margin: 0; padding: 0;}
/*---- html elements ----*/
body
{
	background:         #DFEDF7;
	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:				#00375C;
}

h1
{
	font-size: 1.8em;
}

h2.paragraph
{
	display: inline;
	font-weight: normal;
}

img.content
{
	border: 1px solid #ccc;
	padding: 6px;
	margin: 4px;
}

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

/*---- links ----*/
* a {text-decoration:	none;}
a img {border: 0;}

a:link
{
	color:              #00375C;
	text-decoration:	none;
	font-weight:		normal;
}

a:visited
{
    color:              #2075AD;
	font-weight:		normal;
	text-decoration:	none;
}

a:hover
{
	color:              #ff6b4a;
	font-weight:		normal;
	text-decoration:    underline;

}

/*---- classes ----*/
.title
{
	/*font-size:			2em;*/
	font-weight:		normal;
	margin:             0;
	line-height:        1.2em;
}

.shorttext
{
}

.fulltext
{
	padding: 12px 0 12px 0;
}

.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;
}

.loginbox
{
	width: 128px;
	float: right;
}

/* commenting */
.postcomment {
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
	padding: 12px;
	width: 478px;
}
.comment_wrapper h4{
	padding: 8px;
	border-bottom: 2px solid #dedede;
}
.comment_entry {
	padding: 8px;
	border-bottom: 1px solid #dedede;
}
.comment_content {
	width: 318px;
	float: left;
}
.comment_meta {
	text-align: right;
	width: 160px;
	float: right;
}

/* icons */
.digg_icons {
	width: 99%;
	text-align: center;
	font-size: 10px;
	border-style: solid;
	border-color: #dedede;
	border-width: 1px 0 1px 0;
	margin: 12px 0 12px 0;
	padding: 4px 0 0 0;
}

/* --- related articles --- */
.related 
{
}
.related h3 
{
	padding-top: 12px;
}
.related ul
{
	margin: 0px;
	list-style: none;
}
.related li
{
	padding-left: 12px;
}

/* --- menu --- */
.mainmenuitem
{}
.submenuitem
{}
a.current
{
	font-weight: bold;
}

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

ul.root
{
	list-style-type:    none;
	margin-left:        10px;
}

ul.root li
{
	line-height:        2em;
}

ul.related
{}

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

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

#toc
{
	background-color: #ffd;
	padding: 12px;
	border: 1px solid #ccc;
	font-size: .88em;
	line-height: 1.1em;
	width: 168px;
	float: right;
	margin-top: 24px;
}

.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;
}

/*---- id's ----*/
#page
{
}

#frame
{
	width:              818px;
	background:         url("../../images/paper_middle.png") center repeat-y;

}
#frame_header
{
	background:         url("../../images/paper_top.png") center repeat-y;
	height:             14px;
}
#frame_footer
{
	width:              818px;
	height:             65px;
	background:         url("../../images/paper_bottom.png") center no-repeat;
}

#header
{
	text-align:			center;
	width:              818px;
	height:             130px;
	color:              #00375C;
	padding-top:        6px;
	padding-bottom:     40px;
}
#header h1
{
	font-weight: normal;
	font-size: 2.4em;
	padding: 4px;
}

#menu
{
	width:				142px;
	text-align:			right;
	margin:             24px 42px 4px 16px;
}

#right
{
	width: 0px;
}
#stage
{
	width: 505px;
	overflow: hidden;
	text-align: justify;
}

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

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

#content
{
	*height:             100%; /* for IE */
	text-align:         left;
	
}

#footer
{
	width:              100%;
	padding:            30px 0 0 0;
	color:              #00375C;
}
.clearest
{
	clear: both;
}

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