/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


html {
  background: #313131;
}

body {
  font-size: 14px;
  font-family: Arial, sans-serif;
}

strong {
  font-weight: bold;
}

#main {
  background: url(images/background.png);
  background-repeat: repeat-y;
  width: 820px;
/*  border: solid 2px red;*/
}

#main img {
  padding:0;margin:0;
}

#master {
  width: 770px;
}

#content {
  color:        #333;
  font-size:    14px;
  line-height:  20px;
  
  padding-left:   35px;  
  padding-right:  35px;  
  width:          550px;
}

#content p {
  margin-top: 20px;
}

#content h3 {
  color:       #222;
  font-size:   20px;
  font-weight: normal;
  line-height: 20px;
  margin-top:  20px;
}

/* Date */
#content h2 {
  color:       #222;
  font-size:   20px;
  font-weight: bold;
  line-height: 20px;
  margin-top:  20px;
  margin-left: 2px;
}

/* Story Title */
#content .storytitle {
  font-size:    40px;
  font-weight:  bold;
  line-height:  40px;
  margin-bottom: 20px;
}
#content .storytitle a {
  color: #222;
}

/* Story Content */
#content .storycontent {
  font-size:    16px;
/*  letter-spacing: 0.07em;*/
  line-height:  24px;
}

/* Comments */
#content .comment {
}
#commentlist .comment {
	margin-bottom: 20px;
	
	padding: 10px;
	
	width: 440px;
	background: #DDD;
	border: solid 1px #AAA;
}
#commentlist .comment h2 {
	/* Commenter's Name */
	

	padding: 0px;
	margin: 0px;
	
	margin-bottom: 8px;
	
	font-size: 16px;
	font-weight: normal;	
	color: #666;	
}	
#commentlist .comment h3 {
	/* Comment's creation time */
	padding: 0px;
	margin: 0px;

	margin-top: 5px;

	font-size: 11px;
	font-weight: normal;	
	color: #999;
	
	text-align: right;	
}
#comments { margin-bottom: 20px; }


/* Post */
#content .post {
  border-bottom:  dashed 2px #888;
  padding-bottom: 20px;
  margin-bottom:  20px;
}
#content a {
  color: #444;
  font-weight: bold;
}
#content a:hover {
  color: #111;
}


/* Feedback */
.feedback {
  text-align: right;
  margin-top: 20px;
}


/* Right Sided Menu */
#side {
/*  border: solid 2px green;*/
}

#side .content {
  color: #232323;
  
  font-size: 16px;
  line-height: 20px;
  
/*  margin: 18px;*/
/*  margin-left: 10px;*/
  margin-right: 15px;
  
  width: 180px
}

#side .content .foto {
  border:         solid 2px #333; 
  border-bottom:  solid 10px #333;
  border-top:     solid 5px #333; 
  margin-left:    8px;
  margin-top:     20px;
  margin-bottom:  10px;
}

#side .content p {
  margin-top: 40px;
  text-align: left;
}

#side .content p .ruby {
  color: #B11;
}

#side .content a {
/*  font-family: georgia;*/
  color: #050505;
}

#side .content a:hover {
  color: #B11;
}





/* CODE */
/* 	
	importet from the syntax-highlighting plugin
	not following the conventions !

	-- still its slightly changed
*/
.dp-highlighter
{
	font-family: "Monaco", "Courier New", Courier, mono, serif;
	font-size: 12px;
	background-color: #E7E5DC;
	border: solid 1px #DDD;
	width: 470px;
	overflow: hidden;
	margin-bottom: 0px;
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 0px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 40px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 2px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 20px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 2px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 3px;
	border-left: 0px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }