/* CSS Document */

body {
	background-color:#fcfcf7;
	margin:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222;
	
	/* OPTIONAL BACKGROUND IMAGE
	
	/*background-image:url(images/backgrounds/main.jpg);*/
	background-position:center;
	background-repeat:repeat-y;
	
	*/
}

a {
	color:#777799;
}

a:hover {
	text-decoration:none;
        background:#ececf8;
        color:#555577;
}

textarea,input,submit {
        font-size:11px;
	background-color:#eeeeee;
	color:#333;
	padding:5px;
	border:none;
	margin:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

submit {
        color: #333;
}

textarea:focus,input:focus,submit:hover,submit:focus {
        color: #000;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
	color:#000000;
	font-weight:normal;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:130%;
	color:#000000;
	font-weight:normal;
}

a img {
       border: 0px;
}
#title h1 a {
       color:#000000;
       text-decoration: none;
}

code { overflow: auto }
pre { overflow: auto }

/* THE AREA THAT CONTAINS THE STONE IMAGE AND THE WEBSITE TITLE */

#title {
	margin:0 auto 0 auto;
	text-align:center;
	margin-bottom:25px;
}

#title p {
	font-variant:small-caps;
	letter-spacing:2px;
}

/* PROPERTIES OF THE HEADER IMAGE */

#title img {
	border:none;
}

/* THE AREA THAT CONTAINS ALL THE CONTENT OF THE WEBSITE */

#container {
	margin:0;
	width:600px;
        text-align:left;
}

/* THE SIDEBAR WITHIN THE CONTAINER */

#sidebar {
	width:140px;
	float:left;
}

#sidebar h1 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:right;
	font-size:200%;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
}

#sidebar p {
	line-height:19px;
}

#sidebar h1 {
  font-size:130%;
  margin-top:20px;
}
#title_box {
  text-align: right;
}

#about {
  margin-top:15px;
  text-align: right; }

#search {
  text-align: right;
  margin-top:15px; }

/* THE MENU */

#menu {
	text-align:right;
}

#menu a {
	color:#999999;
	/*background-image:url(images/backgrounds/a.jpg);*/
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px;
	line-height:15px;
	text-decoration:none;
}

#menu a:hover {
	color:#cccccc;
	/*background-image:url(images/backgrounds/a_hover.jpg);*/
}

#internets ul, #projects ul {
        list-style-type: none;
}
#internets ul li, #projects ul li {
        text-align: right;
}

/* THE AREA NEXT TO THE SIDEBAR */

#content {
        clear:none;
	margin-left:160px;
	padding-left:20px;
	border-left:1px solid #cccccc;
	/*background-image:url(images/backgrounds/content.jpg);*/
	background-position:right;
	background-repeat:repeat-y;
}

#content h1 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:left;
	font-size:200%;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px !important;
	padding-top:0;
	/*background-image:url(images/stone.gif);*/
	background-position:top right;
	background-repeat:no-repeat;
}

#content h2 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:left;
	font-size:160%;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px !important;
	padding-top:0;
	/*background-image:url(images/stone.gif);*/
	background-position:top right;
	background-repeat:no-repeat;
}

#content h3 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:left;
	font-size:130%;
	color:#222;

	padding-top:0;
}

#content h1 a {
  text-decoration:none; }

#content p {
	line-height:19px;
	/*text-indent:15px;*/
        margin-bottom: 14px;
}

#content ol,ul {
	line-height:25px;
}

#content li {
	/*list-style-image:url(images/backgrounds/li.gif);*/
}

#content .entrybody img {
  border: 1px solid #d0d0d0;
}

.greybox {
	background:#666;
	padding:5px;
	border: 1px solid #777;
}
.greybox img {
	border: 1px solid #777;
	margin:5px;
}

.externals {
        padding-top: 16px;
        padding-bottom: 8px;
}

.externals hr {
        margin-top:8px;
        margin-bottom:8px;
        border:0px;
        border-top:1px #d0d0d0 solid;
}

ol.commentlist {
        margin-left:0;
        padding-left:0;
        list-style-type: none;
}

ol.commentlist li {
	line-height:19px;
        padding:2px 5px 7px;
        background: #fbfbfb;
}

ol.commentlist li.alt {
        background: #f4f4f4;
}

ol.commentlist li cite {
        font-weight: bold;
        font-style: normal;
}

/* THE FOOTER */

#footer {
        color: #777;
	width:580px;
	margin:0;
        margin-top:30px;
	padding:10px;
	text-align:center;
	border-top:1px dashed #cccccc;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/********************
 +Coderay
*********************/

.CodeRay {
  
  width:580px;
  background-color: #f8f8f8;
  border: 1px solid silver;
  font-family: monospace;
  font-size: 11px;
  line-height: 14px;
  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: 4px 6px; vertical-align: top }

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

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

.CodeRay .code pre { overflow: visible }

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

.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 .dl { font-weight: bold ! important; color: #888 ! important }

.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 .on { 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 .pt { color:#339; font-weight:bold }
.CodeRay .r  { color:#080; font-weight:bold }

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