/* CSS Document */

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	background-color:#FFF;
	background-color:#EBEBEB;
}

td, th {
	color: #000000;
}

h1 {
	margin-top:0px;
	margin-bottom:0.5em;
	
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.5em;
	font-weight:bold;
	
	padding:20px;
	margin-top:-10px;
	margin-left:-10px;

	display:block;
	width:calc(100% - 20px);
	background-color:#252599;
	color:#FFF;
	text-shadow: -1px -1px #000033;
}

h2 {
	margin-top:0px;
	margin-bottom:20px;
	font:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:25px;
	font-weight:bold;
	color:#666666;
	margin-top:20px;
	margin-bottom:10px;
}

h3, h4 {
	color:#3399FF;
}

h5, h6 {
	color:#3399FF;
}

hr{
	border:none;
	display:block;
	width:calc(100% + 20px);
	
	height:1px;
	background-color:#EBEBEB;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:-10px;
	margin-right:-10px;
}

p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

a {
	color: #252599;
	font-weight:bold;
}

#main_content_wrapper{	
	text-align:center;
	margin:0px;	
	background-color:#FFF;
	background-color:#EBEBEB;
}
	

	
#main_content {
	width:auto;
	max-width:600px;
	margin:auto;
	padding:10px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	background-color:#FFFFFF;
}

#footer {
	display:block;
	width:calc(100% - 2em);
	padding:1em;
	text-align:center;
	color:#999999;
	font-size:13px;
	
	margin:0px;
	text-shadow:1px 1px #FFF;
}


#main_content .article_list {
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
#main_content .article_list li {
	margin-top:20px;
	line-height:20px;
	text-indent:0px;
}

#main_content .article_list li .title a:link, #main_content .article_list li .title a:visited{
	font-weight:bold;
	color:#252599;
	text-decoration:underline;
	display:block;
}

#main_content .article_list li .description{
	clear:both;
	line-height:12px;
}


.red_text{
	color:#F00;
}

/* code is better for inline code, does not preserve new lines */
code{
	background-color:#EBEBEB;
	color:#000;
	font-family: "Courier New", monospace;
	padding:0.5em;
	padding-bottom:2px;
	padding-top:2px;
}


/* use a PRE and it will not need the code-looking font family anymore: <pre class="code_sample"> */
.code_sample {
	background-color:#F5F5F5;
	padding:10px;
	font-family: "Courier New", monospace;
	font-size:13px;
	border-left:3px solid #096;
	overflow:auto; /* show scroll bar if needed */
}
/* white on black */
.code_sample_ssh{
	padding:5px;
	padding-left:10px;
	color:#FFF;
	background-color:#000;
}



a:link, a:visited {
	color:#225599;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color:#0000ff;
	text-decoration:underline;
	font-weight:bold;
}



.breadcrumb {
	color:#999999;
	font-size:12px;
	line-height:1.5em;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:lowercase;
	
	padding:10px;
	padding-left:20px;
	
	width:calc(100% - 10px);
	display:block;
	
	background-color:#FAFAFA;
	border-bottom:1px dotted #DDEEFF;
	text-shadow:1px 1px #FFF;
	
	margin-left:-10px;
	margin-top:-10px;
}
.breadcrumb a:link, .breadcrumb a:visited{
	color:#225599;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
.breadcrumb a:hover{
	text-decoration:underline;
}

.note {
	background-color:#FFFFCC;
	border:1px solid #993300;
	padding:4px;
	color:#993300;
}
	
.ratings {
	/*
	margin-top:10px;
	border-top:1px dotted #EEEEEE;
	*/
	font-size:10px;
	color:#999999;
}