body {
width:100%;
max-width:100%;
color:#000;
font-size:100%;
font-family:"DejaVu Sans Condensed", "Bitstream Vera Sans", Arial, sans-serif;
background:#fff url(header.png) no-repeat;
background-position:top center;
margin:0;
}

#m {
width:50%;
max-width:50%;
padding:0 25%;
}

#c {
position:relative;
float:left;
width:100%;
text-align:center;
padding:0;
}

#l {
position:relative;
float:left;
width:49%;
max-width:15em;
right:50%;
margin-left:-100%;
text-align:left;
padding-top:91px;
padding-bottom:211px;
}

#r {
position:relative;
float:right;
width:49%;
max-width:150px;
margin-right:-50%;
text-align:right;
padding-top:110px;
}

#ads {
width:120px;
margin:0 auto;
}

#header,#footer {
clear:both;
width:100%;
}

#cookieconsent {
position:fixed;
bottom:0;
left:0;
right:0;
height:2.5em;
background-color:#FCC;
text-align:center;
font-size:small;
margin:2px 1em;
}

#cookieclose {
float:right;
background:#F99;
border-radius:4px;
border:#F66 solid 1px;
box-shadow:3px 3px 3px grey;
color:#000;
text-decoration:none;
margin:2px 1em;
padding:2px;
}

#bg1 {
position:relative;
clear:both;
margin-left:-50%;
width:1px;
height:1px;
}

#bg1p {
position:absolute;
top:-211px;
width:200px;
height:211px;
background:url(phoenix.png) no-repeat;
background-position:bottom left;
}

#r div {
text-align:left;
}

div#cont {
width:auto;
max-width:38em;
margin:0 auto;
}

#title {
text-align:center;
font-family:"Trebuchet MS", "DejaVu Sans Condensed", "Bitstream Vera Sans", Arial, sans-serif;
font-size:60px;
overflow:visible;
padding:20px;
}

div.divider {
margin-left:2em;
margin-right:2em;
border-top:2px dashed #f90;
clear:both;
}

div#menubox ul {
list-style:none;
border:none;
display:block;
margin:0;
padding:0;
}

div#menubox ul.menu {
padding-left:10px;
}

div#menubox ul#menutop {
font-size:small;
}

div#menubox li {
border-top:1px dashed silver;
display:block;
}

div#menubox a,div#menubox span.this,div#menubox span.passive {
display:block;
text-decoration:none;
border-bottom:none;
width:auto;
padding:5px 5px 5px .5em;
}

div#menubox span.passive {
color:#666;
}

div#menubox a:hover {
color:#06b;
background-color:#fff7cf;
}

h1 {
font-size:60px;
letter-spacing:.15em;
font-family:"Trebuchet MS", "DejaVu Sans Condensed", "Bitstream Vera Sans", Arial, sans-serif;
margin:0;
}

div.p,li {
max-width:33em;
}

div.p,div.p div {
padding-bottom:.7ex;
}

ul {
padding-left:1em;
margin:0;
}

a,a:visited,a:link {
color:#06b;
text-decoration:none;
border-bottom:dotted 1px #06b;
}

a:active {
color:#f90;
border-bottom:dashed 1px #f90;
}

.boxt a,.boxt a:active,.boxt a:visited {
color:#f60;
border-bottom:none;
}

#breadcrumbs {
clear:both;
margin-top:.5ex;
margin-bottom:0;
height:20px;
text-align:center;
color:#333;
font-size:12px;
}

#breadcrumbs a {
color:#33c;
}

#copyright {
clear:both;
margin-top:.5ex;
margin-bottom:0;
height:20px;
text-align:center;
color:#999;
font-size:12px;
}

#copyright a {
color:#88c;
}

div.box,#menubox {
position:relative;
font-size:100%;
text-align:left;
width:auto;
max-width:35em;
clear:both;
margin:1ex auto;
padding:5px;
}

.boxt,.menut {
margin-top:.5ex;
margin-bottom:1em;
font-size:120%;
border-top:1px dashed silver;
border-bottom:1px dashed silver;
color:#f60;
font-family:"Trebuchet MS", "DejaVu Sans Condensed", "Bitstream Vera Sans", Arial, sans-serif;
padding:.5ex;
}

div.boxc {
margin:0;
padding:0;
}

.cc {
font-size:x-small;
text-align:center;
}

div.languages {
margin-top:1ex;
font-size:x-small;
text-align:center;
}

#menubox .languages a {
display:inline;
background:none;
border:none;
}

pre {
overflow:auto;
}

.blogmeta {
font-size:small;
color:#666;
}

div#menubox span.this,dt {
font-weight:700;
}

a:hover,#breadcrumbs a:hover,#copyright a:hover {
border-bottom:solid 1px #f90;
color:#f90;
}

a.img,a.img:hover,a.img:active,.cc a {
border-bottom:none;
}

a.img img,#menubox .languages a:hover {
border:none;
}

@media max-width 760px {
#m {
width:100%;
max-width:100%;
padding:0;
}

#c {
float:none;
}
}