/* CSS Document */

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	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{
	font-size:14px;
	font-weight:bold;
	color:#000;
}

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;
	/* 728px seems to fit the max wide google ad width */
	max-width:728px;
	margin:auto;
	padding:10px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.8em;
	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;
}


.red_text{
	color:#F00;
}

.green_text{
	color:#009009;
}

/* 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 */
/* use a PRE and it will not need the code-looking font family anymore: <pre class="code_sample"> */
.code_sample_ssh{
	padding:5px;
	padding-left:10px;
	color:#FFF;
	background-color:#000;
}

.inline_code{
	font-family: "Courier New", monospace;
	font-size:13px;
	background-color:#F5F5F5;
	padding-left:0.5em;
	padding-right:0.5em;
}

.inline_code_ssh{
	font-family: "Courier New", monospace;
	font-size:13px;
	padding-left:0.5em;
	padding-right:0.5em;
	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;
}


li{
	margin-top:0.5em;
}

/* this is an image that can go maximum 100% of the page content */
img.post_image{
	border:1px solid #CCC;
	padding:10px;
	/* decrease padding and border */
	box-sizing:border-box;
	max-width:100%;
}



a.liquid_button:link, a.liquid_button:visited, .liquid_button{

	-webkit-appearance: none;	
	
	padding:0.5em;
	padding-left:1em;
	padding-right:1em;

	text-decoration:none;
	font-size:16px;
	border-radius:3px;
	
	background-color:#006688;
	border:1px solid #004466;
	color:#FFF;
	box-shadow: inset 1px 1px 1px #80b3c4;
}

a.liquid_button:hover, .liquid_button:hover{
	background-color:#0088aa;
	border:1px solid #006688;
	box-shadow: inset 1px 1px 1px #80c4d5;
}




.link_form{
	display:inline-block;
	
	margin-top:1em; 
	margin-bottom:0em; 
	
	padding:1em; 
	background-color:#EBEBEB; 
	border:1px solid #CCC; 
	border-radius:4px;
	box-sizing:border-box;
	
	width:100%;
	max-width:500px;
}

.link_form input[type=text], .link_form input[type=url]{
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	padding:0.5em;
}