* { margin: 0; padding: 0; }

body { background-color: #323232; }

div#container { background-color: #323232; }


/*-----------------
Navigation bar
------------------- */

div#nav {
    margin-left: 145px; /* 135px; */
}

div#nav ul {
    list-style-type: none;
}

div#nav ul li {
    float: left;
    margin-right: 10px;
    background-color: #EFEFEF;
    font: 0.9em/1.4em Verdana, Geneva, sans-serif;
}

div#nav ul li:hover {
    background-color: #E0E0E0;
}

div#nav ul li a {
    text-decoration: none;
    color: black;
    padding: 0 7px;
}

div#nav ul li a:hover {
    background-color: #E0E0E0;
}

div#nav ul li.navother {
    margin-left: 23px;
}

div#nav ul li.lefttouch {
    margin-left: -10px;
}

/* --------------------------------------
<txp:krl_geshiSyntaxHighlight>
--------------------------------------- */

div.krl_highlighted_code {
  margin: 5px 20px 20px 10px;
}
div.krl_highlighted_code div.header {
  margin: 0 0 2px;
  font-weight: bold;
}
div.krl_highlighted_code div.codeblock {
  width: 95%;
  margin: 0;
  padding: 6px;
  padding-bottom: 0px;
  border: 1px solid #666;
  font-size: 1.3em;
}
/*div.krl_highlighted_code ol {
  padding: 0 0 0 -40px;
}*/

/* --------------------------
Accessibility Menu
-------------------------- */

#accessibility {
	text-align: right;
	background: #ededed;
	font: 0.6em/1.6em Verdana, Arial, sans-serif;
	padding: 0.3em 0;
	}
	
#accessibility a {
	color: #999;
	text-decoration: none;
	padding-right: 1em;
	}


/* --------------------------
Head
-------------------------- */

#head {
	/*margin: 20px 185px 20px 135px;*/
	}
	
#head h1 {
	font: 2em/1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	border-bottom: 1px solid #B9B9B9;
	padding: 0 15px;
	}
	
#head h1 a {
	color: #E6E6E6;
	text-decoration: none;
	}
	
#head h2 {
	color: #E6E6E6;
	font: bold 0.9em/1.3em Georgia, serif;
	letter-spacing: 0.1em;
	text-align: right;
	text-transform: uppercase;
	padding: 0 15px;
	}


/* --------------------------
Sidebars
-------------------------- */
	
#sidebar-1, #sidebar-2 {
	font: 0.7em/1.4em Verdana, Geneva, sans-serif;
	color: #E6E6E6;
	padding: 10px 0 0 0;
	}
	
#sidebar-1 a, #sidebar-2 a { color: #E6E6E6; }
#sidebar-1 a:hover, #sidebar-2 a:hover { color: #FFF; }
	
#sidebar-1 {
	float: left;
	width: 120px;
	text-align: right;
	}
	
#sidebar-2 {
	float: right;
	width: 170px;
	}
	
#sidebar-2 form, #sidebar-2 p {
	margin-bottom: 1em;
	}


/* --------------------------
Content
-------------------------- */

pre { overflow: scroll; }

#content p { text-align: justify; }
#content {
	background: #efefef;
	margin: 0 185px 0 135px;
	padding: 10px 0;
	}

#content * {
	margin: 0 15px;
	}

#content * * {
	margin: 0;
	}
	
#content h3 {
	font: 1.3em/1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-bottom: 0.7em;
	color: #9fb0bc;
	}

#content h3.articletitle {
        margin-bottom: 0.2em;
        }
	
#content h3 a {
	color: #363636;
	}

#content h4 {
	font: 1em/1.6em Arial, Helvetica, sans-serif;
	color: #597a92;
	margin-top: 1.2em;
	}

#content h5 {
	font: bold 0.75em/1.5em Georgia, serif;
	}
	
#content p, #content li, #content dd, #content td {
	font: 0.75em/1.5em Georgia, serif;
	}
	
#content p, #content ul, #content ol, #content dl, #content h4, #content h5 {
	margin-bottom: 0.7em;
	}
	
#content ul, #content ol {
	margin-left: 3em;
	}

#content a {
	color: #363636;
	}
	
#content a:hover {
	color: #7fa23a;
	}

#content blockquote {
	padding: 0.7em 0.7em 0.1em 0.7em;
	background: #fff;
	margin-bottom: 0.7em;
	}

#content blockquote p {
	color: #597a92;
	}
	
#content .divider {
	margin-top: 20px;
	margin-bottom: 30px;
	}

#content code {
        font-size: 1.3em;
        }
	
/* --- Comments --- */

#content .comments {
	margin-left: 15px;
	}

#content .comments li {
	font-family: Verdana, Arial, sans-serif;
	color: #597a92;
	border-bottom: 1px solid #fff;
	padding: 1em 0;
	margin-left: 3em;
	}
	
#content .comments li p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	}

#content .comments li a { color: #597a92;	}
#content .comments li a:hover { color: #7fa23a; }

#content form#txpCommentInputForm table {
	margin-bottom: 2em;
	}

#content form#txpCommentInputForm table td {
	padding: 0.2em 0.3em;
	color: #597a92;
	}
	
#content form#txpCommentInputForm table td a { color: #597a92;	}
#content form#txpCommentInputForm table td a:hover { color: #7fa23a; }

#content p#txpCommentInputForm {
	background: #fff;
	padding: 0.4em 0.5em;
	border: 1px solid #7fa23a;
	}

/* --------------------------
Footer
-------------------------- */

#foot {
	clear: both;
	margin: 0 0 0 135px;
	font: 0.75em/50px Georgia, serif;
	color: #9fb0bc;
	}

#foot a {
	color: #9fb0bc;
	}

#foot a:hover {
	color: #000;
	}