/**
 * About my CSS style
 * ==================
 * I'm all for minification, in fact, I super pack the Eric Meyer reset. It doesn't
 * need explaining in my opinion, not even in comments.
 *
 * But I don't bother with the rest, I try and keep most element styles on one line
 * with no spacing. The reason for this is most editors have syntax highlighters
 * which make most things pretty obvious. Large amounts of properties are set over
 * multiple lines.
 * 
 * I'm probably using up the bytes I could have used for spacing here anyways.
 *
 * Oh I forgot to mention this stylesheet started out as Andy Clarke's IE6 universal
 * stylesheet. That's about how old it is.
 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
article,header,footer,section{display:block;}
html,body{height:100%;}
body {
	width: 90%;
	min-width: 200px;
	max-width: 480px;
	margin: 0 auto;
	padding: 0;
	background: #0d0d0d url("/img/tile.png") left top repeat fixed;
	font: 88%/1.5 Georgia, Times, serif;
	color: #bbb;
}
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
	body{width:100%;max-width:auto;}
}
@media screen and (min-width: 1000px)  {
	body{max-width:800px;}
}
body:before,body:after{display:block;height:40px;width:100%;background: url("/img/pattern.png") left top repeat;content:"";}
article{background:#060606;background:rgba(0,0,0, 0.5);padding:40px 40px 2em 40px;min-height:100%;border-top:5px solid #000;border-bottom:5px solid #000;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{margin:.5em 0;font-size:3em;}
h2{margin:.2em 0;font-size:2em}
h3{margin:.2em 0;font-size:1.5em;}
p{margin:0 0 2em}
a{color:#4f5175;/*background-color:#000;*/text-decoration:none;border-bottom:1px dashed #4f5175}
a:active,a:hover,a:focus{color:#eee;border-color:#eee}
blockquote,abbr,acronym,pre,tt,dl,dd,fieldset,.branding,.article,.article.related ul.links li ul li,.site-information{border-color:#262626}
blockquote{padding-left:1.5em;border-left:1px solid #666;font:italic 1.2em "Times New Roman", Times, serif;margin:1.5em 1.5em 1.5em -1.5em}
pre,code{font:1em 'consolas', 'andale mono', 'lucida console', monospace;background-color:#000}
pre{padding-left:1.5em;border-left:1px dotted #262626;line-height:1.5;margin:1.5em 1.5em 1.5em -1.5em}
pre{white-space:pre}
li ul,li ol{list-style-type:circle;margin:0 1.5em .75em}
ul,ol{margin:0 1.5em 1.5em 0}
ul{list-style-type:disc}
ol{list-style-type:decimal}
fieldset{border:1px solid #262626;margin:0 0 1.5em;padding:1.4em 1.4em 0}
legend{font-size:1.2em;font-weight:700}
textarea{width:390px;height:250px;padding:5px}
header{border-bottom:3px double #262626;padding-bottom:2em;overflow:hidden}
a.logo{display:block;float:left;border:none;padding-bottom:.5em}
a.logo:hover,a.logo:focus{opacity:0.5;}
a.logo:focus{outline:1px dotted #4f5175;}
a.logo img{max-width:100%;}
.details{float:right;padding-top:2px;text-align:right;margin:0;}
.details strong{border-bottom:2px solid #262626;padding-bottom:2px;}
.details abbr.timezone{font-style:normal;font-weight:700;font-size:.8em;padding-bottom:2px;border-bottom:2px solid #4f5175}
/*.details a.validate{display:block;float:right;text-align:center;width:45px;text-decoration:none;background-color:#111;color:#fff;font-size:.8em;border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;margin:.6em 0 .2em 2%;padding:.2em 0 .1em}*/
.article{width:57%;float:left;border-top:3px double #ddd;padding-top:.5em}
.article.main,.article.previous,.article.additional{margin-right:1%;padding-right:2%}
.article.main.dominant{float:none;width:auto;margin:0}
.article.related{float:right;width:37%;padding-left:2%}
.article.related.important{position:fixed;top:122px;margin-left:57%}
.article.related h3{margin-bottom:.5em}
.article.related ul.links{margin:0}
.article.related ul.links li{list-style:none;margin:0}
.article.related ul.links li ul{margin:0 0 2em}
.article.related ul.links li ul li{border-bottom:1px solid #ddd;padding:.1em 0}
.article.related ul.links li ul li a{display:block;text-decoration:none;background-color:transparent;border-bottom:2px solid transparent;padding:.2em .5em}
.article.related ul.links li ul li a:hover{border-bottom:2px solid #4f5175;color:#eee}
.article .meta{font-size:1.2em;line-height:1.5em;color:#666}
footer{clear:both;border-top:3px double #999;padding-top:2em}
footer p{margin:0}
/* Someone tell me why there are so many fonts below? */
.vcard .tel .value{font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif}

/**
 * Currently unused style that soon will be used, there are also styles above
 * that are not implemented but they are there for generic reasons.
 */
h2.errornumber{font-size:15em;line-height:.5em;margin-bottom:.4em}
.button{font-family:Georgia, Times, serif;background:#222 url(/img/gradf-overlay.png) repeat-x;display:inline-block;color:#fff;text-decoration:none;font-weight:700;line-height:1;border:0;position:relative;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);margin:0 2px 2px 0;padding:5px 10px 6px}
input.button{overflow:visible;padding:4px 10px}
a.button:link,a.button:visited,a.link:hover,a.link:active{color:#fff}
.button:hover{margin:1px}
.button:active{margin:2px 0 0 2px}
.button.red{background-color:#e33100}
a.button:visited{color:#fff;background-color:#222}
a.button.red:visited{background-color:#e00}
.cape{background-color:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.6)}
ul.navigation.primary li a:hover{background-color:rgba(255,255,255,0.4)}
strong,dfn,label{font-weight:700}
em,dfn,.vcard .adr{font-style:italic}
.details a.validate:hover,.button.blue,a.button.blue:visited{background-color:#4f5175}
.button.magenta,a.button.magenta:visited{background-color:#a9014b}
.button.orange,a.button.orange:visited{background-color:#ff5c00}
.button.yellow,a.button.yellow:visited{background-color:#ffb515}