.CodeRay {
  background-color: #f8f8f8;
  border: 1px solid silver;
  font-family: 'Courier New', 'Terminal', monospace;
  color: #100;
}
.CodeRay pre { margin: 0px }

div.CodeRay { }

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers, .CodeRay .no {
  background-color: #def;
  color: gray;
  text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold }
.CodeRay .no { padding: 0px 4px }
.CodeRay .code { width: 100% }

ol.CodeRay { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }

.CodeRay .debug { color:white ! important; background:blue ! important; }

.CodeRay .af { color:#00C }
.CodeRay .an { color:#007 }
.CodeRay .at { color:#f08 }
.CodeRay .av { color:#700 }
.CodeRay .aw { color:#C00 }
.CodeRay .bi { color:#509; font-weight:bold }
.CodeRay .c  { color:#666; }

.CodeRay .ch { color:#04D }
.CodeRay .ch .k { color:#04D }
.CodeRay .ch .dl { color:#039 }

.CodeRay .cl { color:#B06; font-weight:bold }
.CodeRay .co { color:#036; font-weight:bold }
.CodeRay .cr { color:#0A0 }
.CodeRay .cv { color:#369 }
.CodeRay .df { color:#099; font-weight:bold }
.CodeRay .di { color:#088; font-weight:bold }
.CodeRay .dl { color:black }
.CodeRay .do { color:#970 }
.CodeRay .ds { color:#D42; font-weight:bold }
.CodeRay .e  { color:#666; font-weight:bold }
.CodeRay .en { color:#800; font-weight:bold }
.CodeRay .er { color:#F00; background-color:#FAA }
.CodeRay .ex { color:#F00; font-weight:bold }
.CodeRay .fl { color:#60E; font-weight:bold }
.CodeRay .fu { color:#06B; font-weight:bold }
.CodeRay .gv { color:#d70; font-weight:bold }
.CodeRay .hx { color:#058; font-weight:bold }
.CodeRay .i  { color:#00D; font-weight:bold }
.CodeRay .ic { color:#B44; font-weight:bold }

.CodeRay .il { background: #eee }
.CodeRay .il .il { background: #ddd }
.CodeRay .il .il .il { background: #ccc }
.CodeRay .il .idl { font-weight: bold; color: #888 }

.CodeRay .im { color:#f00; }
.CodeRay .in { color:#B2B; font-weight:bold }
.CodeRay .iv { color:#33B }
.CodeRay .la { color:#970; font-weight:bold }
.CodeRay .lv { color:#963 }
.CodeRay .oc { color:#40E; font-weight:bold }
.CodeRay .of { color:#000; font-weight:bold }
.CodeRay .op { }
.CodeRay .pc { color:#038; font-weight:bold }
.CodeRay .pd { color:#369; font-weight:bold }
.CodeRay .pp { color:#579; }
.CodeRay .ps { color:#00C; font-weight: bold; }
.CodeRay .pt { color:#339; font-weight:bold }
.CodeRay .r, .kw  { color:#080; font-weight:bold }

.CodeRay .ke { color: #808; }
.CodeRay .ke .dl { color: #606; }
.CodeRay .ke .ch { color: #80f; }
.CodeRay .vl { color: #088; }

.CodeRay .rx { background-color:#fff0ff }
.CodeRay .rx .k { color:#808 }
.CodeRay .rx .dl { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }

.CodeRay .s { background-color:#fff0f0 }
.CodeRay .s .s { background-color:#ffe0e0 }
.CodeRay .s .s  .s { background-color:#ffd0d0 }
.CodeRay .s .k { color: #D20; }
.CodeRay .s .ch { color: #b0b; }
.CodeRay .s .dl { color: #710; }

.CodeRay .sh { background-color:#f0fff0 }
.CodeRay .sh .k { color:#2B2 }
.CodeRay .sh .dl { color:#161 }

.CodeRay .sy { color:#A60 }
.CodeRay .sy .k { color:#A60 }
.CodeRay .sy .dl { color:#630 }

.CodeRay .ta { color:#070 }
.CodeRay .tf { color:#070; font-weight:bold }
.CodeRay .ts { color:#D70; font-weight:bold }
.CodeRay .ty { color:#339; font-weight:bold }
.CodeRay .v  { color:#036 }
.CodeRay .xt { color:#444 }

.CodeRay .ins { background: #afa; }
.CodeRay .del { background: #faa; }
.CodeRay .chg { color: #aaf; background: #007; }
.CodeRay .head { color: #f8f; background: #505 }

.CodeRay .ins .ins { color: #080; font-weight:bold }
.CodeRay .del .del { color: #800; font-weight:bold }
.CodeRay .chg .chg { color: #66f; }
.CodeRay .head .head { color: #f4f; }




table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* ------------------------------------------------------------------ 
SITEWIDE
--------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body
{
	height: 100%;
	padding: 2.0em 0.0em;
}

html {
	height: 100%;
}

p
{
  line-height: 1.5em;
	margin: 0 0 1.0em 1.0em;
}

ul, ol 
{
	margin: 1.0em;
}

li 
{
	margin-left: 1.0em;
	padding: 0.15em;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear {
	clear: both;
}

/* ------------------------------------------------------------------ 
PAGE STRUCTURE
--------------------------------------------------------------------- */

div#container
{
	height: auto;
	margin: 0 auto;
	width: 75.0em;
}

/* ------------------------------------------------------------------ 
HEADER
--------------------------------------------------------------------- */

div#header
{
	padding: 3.0em 0 1.0em 2.0em;
}

div#banner img
{
	border-top: 0.25em solid #fff;
	height: 12.0em;
	width: 75.0em;
}

/* ------------------------------------------------------------------ 
MENU
--------------------------------------------------------------------- */

div#menu
{
	border-bottom: 0.5em solid #fff;
	height: 3.5em;
}

div#menu img {
	height: 3.5em;
	width: 75.0em;
	z-index: 0;
}

div#menu ul
{
	padding:1em 0 0 0;
	margin:0;
	z-index: 2;
}

div#menu li
{
	display: inline;
	padding:0;
	margin:0;
}

div#menu a
{
	border: none;
	padding: 0.5em 1.0em 0.9em 1.0em;
}

/* ------------------------------------------------------------------ 
CONTENT
--------------------------------------------------------------------- */

div#content
{
	padding: 2.0em;
}

/* ------------------------------------------------------------------ 
NEWS
--------------------------------------------------------------------- */

div#news {
  width: 55em;
}

div#sidebar {
  width: 14em;
}

div#sidebar img {
  margin-left: 1.0em;
}

div#sidebar img.rss {
  margin: 0;
  border: 0;
  vertical-align: middle;
}

/* ------------------------------------------------------------------ 
FOOTER
--------------------------------------------------------------------- */

#footer
{
	clear: both;
	height: 2.0em;
	padding: 3.0em 1.0em 0 1.0em;
}


/* ------------------------------------------------------------------ 
SITEWIDE
--------------------------------------------------------------------- */

html {
	background-color: #333;
}

body {
	background-color: #333333;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 0.8em;
}

a
{
	border-bottom:#B96D00 1px dashed;
	color: #B96D00;
	cursor: pointer;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	border-bottom:#B96D00 1px solid;
}

*.hidden {
	display: none;
}

img.framed {
	border: 2px solid #323232;
	padding: 1px;
}

div#container {
	background: #fff;
	border: solid 0.5em #fff;
}

/* ------------------------------------------------------------------ 
HEADER
--------------------------------------------------------------------- */

div#header
{
	background: #2b2b2b url(/images/topbg.gif) repeat-x;
}

div#header h1 {
	font-size: 2.5em;
}

div#header h1 a
{
	color: #FFF95F;
	text-decoration:none;
	border:none;
}


div#header h2
{
	color: #fff;
	font-size: 1.0em;
}

/* ------------------------------------------------------------------ 
MENU
--------------------------------------------------------------------- */

div#menu {
	background: #333;
	color: #DF6900;
}

div#menu a:link, div#menu a:visited
{
	color: #fff;
	text-decoration: none;	
}

div#menu a:hover, div#menu a:active
{
	color: #FFF95F;
	text-decoration: none;
}


/* ------------------------------------------------------------------ 
CONTENT
--------------------------------------------------------------------- */

div#content {
	color: #333333;
}

div#content h1 {
	
}

div#content h2 {
	color: #444;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#content h3 {
	color: #444;
	font-size: 1.0em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

div#content table {
	width: 100%;
	border: 1px solid #ccc;
}

div#content th {
 background-image: url('/images/topbg.gif');
 color: #fff;
}

div#content ul li 
{
	list-style-image: url(/images/db3.gif);
}

div#content img.left
{
	margin: 0em 1.8em 1.4em 0em;
}

div#content img.right
{
	margin: 0em 0em 1.8em 1.8em;
}

div.post
{
	border: 1px dashed #ccc;
	padding: 1.0em;
	margin-bottom: 1.0em;
}

div.post span.date
{	
	background:url(/images/date.gif) no-repeat left top;
	color: #787878;	
  float: right;
	font-size: 0.86em;
	padding: 0 0 1.0em 2.0em;
}

div.post span.title
{
  font-size: 1.5em;
}

div.post p.body {
  margin-top: 1em;
}

/* ------------------------------------------------------------------ 
FOOTER
--------------------------------------------------------------------- */

div#footer {
	background: #fff url(/images/border2.gif) repeat-x 0 2.5em;
	font-size: 0.86em;
}

/* ------------------------------------------------------------------ 
HOME
--------------------------------------------------------------------- */

img#photo {
	width: 10.0em;
	height: 12.969em;
}

/* ------------------------------------------------------------------ 
ABOUT
--------------------------------------------------------------------- */

img#plato {
	width: 12.0em;
	height: 15.947em;
}

/* ------------------------------------------------------------------ 
LISTS
--------------------------------------------------------------------- */

img#book {
	width: 25.0em;
	height: 25.0em;
}

/* ------------------------------------------------------------------ 
FINANCES
--------------------------------------------------------------------- */

div#content table#assets, div#content table#liabilities {
	width: 32.0em;
}

span.profit {
	color: #009900;
}

span.loss {
	color: #990000;
}

/* ------------------------------------------------------------------ 
RESUME
--------------------------------------------------------------------- */

div.resume div {
	margin-top: 10px;
}

div.resume p {
	margin: 0;
}

/* ------------------------------------------------------------------ 
CONTACT
--------------------------------------------------------------------- */

span.nickname {
	display: none;
}