/* Main Styles fuer codecino */
body{
 font: 13px/1.4 Georgia, Verdana, sans-serif;
 padding-bottom:2em;
 position:relative;
}

.ie,
.ie6{
 background:yellow;
 border:1px solid #000;
 padding:0.3em;
 position:relative;
}

a{
 color:#552200;
 text-decoration:underline;
}

a:hover,
a:focus{
 color:#D03900;
 text-decoration:underline;
 outline:1px dotted #ccc;
}

sup{
 vertical-align:super;
 font-size:0.9em;
 font-family:arial,sans-serif;
 margin:0.1em;
}

abbr, acronym{
border-bottom:1px dotted;
cursor:help;
}

pre,code{
 font-family:monospace;
 border:1px dotted #ccc;
}

.wp_syntax,
.code{
 -moz-column-break-inside : avoid;
 -webkit-column-break-inside : avoid;
 column-break-inside : avoid;
}

pre{
 padding:.5em;
 margin:.5em 0;
 -moz-column-break-inside : avoid;
 -webkit-column-break-inside : avoid;
 column-break-inside : avoid;
 overflow-x:auto;
}

ol{
 padding-left:1.5em;
 list-style: decimal;
}

#content ul{
 list-style: disc;
 padding-left:1em;
}

dt{
 font-weight:bold;
}

dd{
 padding-left:1em;
}

strong{
 font-weight:bold;
}

em{
 font-style:italic;
}

h1,h2,h3,h4,h5{
 margin: 1em 0 .5em 0;
 font-style:italic;
 letter-spacing:2px;
 text-align:center;
}

h1{
 font-size: 3em;
}

h2{
 font-size: 2em;
 border-bottom:1px dotted #ccc;
}

h3{
 font-size: 1.5em;
}

h4{
 font-size: 1.2em;
}

h5{
 font-size: 1em;
}

h1 a,
h2 a{
 text-decoration:none;
}

p{
 margin:0.5em 0;
 -moz-column-break-inside : avoid;
 -webkit-column-break-inside : avoid;
 column-break-inside : avoid;
}

p.please-note{
 background:#f9f9f9;
 padding:.5em;
 margin:.5em;
 border:1px dotted #aaa;
}

p.sidenote{
 border-top:1px solid #aaa;
 border-bottom:1px solid #aaa;
}

p.update{
 border-top:1px solid #aaa;
 border-bottom:1px solid #aaa;
 column-span: all;
}

blockquote{
 padding:.5em;
 margin:.5em;
 border:1px dotted #aaa;

}

:target{
 background:yellow;
}

/*==Blocks==*/
#wrapper{
 margin:0 auto;
 width:50em;
 max-width:100%;
 position:relative;
}

#header #slogan{
 position:absolute;
 left:-999em;
}

#header #main-title a{
 display:block;
 height:170px;
 text-indent:-999em;
 background:url("./images/header.png") no-repeat center top;
}

#main-title a:hover,
#main-title a:focus{
 outline:none;
}

#main-title a:hover:after,
#main-title:focus a:after{
 content:"Go for it";
 display:block;
 position:fixed;
}

.metanav{
 position:absolute;
 top:0;
 z-index:3;
}

.metanav a{
 text-indent:-999em;
 float:left;
}

.metanav a:focus,
.metanav a:hover{
 text-indent:0;
}

.metanav a:focus,
.metanav a:hover{
 position:relative;
}

.entry-content > div{
 -moz-column-count:2;
 -moz-column-gap:25px;
 -webkit-column-count:2;
 -webkit-column-gap:25px;
 column-count:2;
 column-gap:25px;
 text-align:justify;
}

body .entry-content > pre,
body .entry-content > .wp_syntax,
body .entry-content > .code{
 -moz-column-count:1;
 -webkit-column-count:1;
 column-count:1;
}

body .entry-content:nth-child(2){
 -moz-column-count:1;
 -webkit-column-count:1;
 column-count:1;
}

.entry-content h2,
ol.footnotes{
 -moz-column-count:1;
 -webkit-column-count:1!important;
 column-count:1;
 text-align:left;
}

ol.footnotes,
h2{
 column-span: all;
}

ol.footnotes{
 border-top:1px solid #ddd;
 font-size:0.8em;
 color:#444;
 margin:1em 0;
 padding-top:0.5em;
}

/*==Navigation==*/
#nav{
 position:absolute;
 top:170px;
 text-align:center;
 width:100%;
 font-weight:bold;
}

#nav h1{
 position:absolute;
 left:-999em;
}

#nav li{
 display:inline
}

#nav a{
color:inherit;
text-decoration:none;
padding:0.5em;
}

ol.commentlist{
	list-style: none;
}

#comments dt{
	float:left;
	font-weight:normal;
	height:20px;
	margin:10px 0;
	padding-right:1%;
	text-align:right;
	width:49%;
}
#submit{
	clear:both;
	float:right;
	width:50%;
	border-color: #CCCCCC #777777 #777777 #CCCCCC;
	background: #fff;
	cursor:pointer;
}
#submit:hover{
	border-color:#777 #CCC #CCC #777;
}
#comments dd{
	float: left;
	line-height: 20px;
	margin: 10px 0;
	min-height: 20px;
	padding: 0;
	vertical-align: middle;
	width: 50%;
}
#comments dd p:first-child{
	margin-top: 0;
}

/* FORMS */
textarea,
input{
 border:1px solid #777;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius: 3px; 
border-radius:3px;
 width:100%;
}

textarea:focus,
textarea:hover,
input:focus,
input:hover{
 background:#f6f6f6;
}

fieldset{
 margin: 2em 0;
 border-top:1px solid #666;
 padding:1em;
}

legend{
 font-weight:bold;
 font-style:italic;
 font-size:1.1em;
}

#prev_next{
height:2em;
}

#prev_next .prev a,
#prev_next .next a{
  position:absolute;
  bottom:5px;
  left:5px;
  text-decoration: none;
}

#prev_next .next a{
  right:5px;
  left:auto;
}

/*files*/
.filelisting li{
  -moz-column-break-inside : avoid;
  -webkit-column-break-inside : avoid;
  column-break-inside : avoid;
}

 
.filelisting dd{
    padding:0;
}

.md5{
    font-size:0.8em;
    color: #333;
}

/*tables*/
table{
	border-collapse: collapse;
	margin:1em;
	font-size:0.9em;
}

thead th{
	background:#f0f0f0;
	text-align:center;
}

tbody th{
	background:#f0f0f0;
	text-align:left;
}

tr:nth-child(even){
	background:#f6f6f6;
}

tbody tr:hover{
	outline:1px solid #000;
	background:#f6f6f6;
}

td{
	padding:0.5em;
	vertical-align:middle;
}

td.fail{
	background:#d00;
}

td.succeed{
	background:#0f0;
}

table.compare{
 width:100%;
 border-collapse:separate;
 border-spacing:2px;
}
table.compare td{
 text-align:center;
}

#respond{
clear:both;
}