/*
This Stylesheet is part of a Habâri-theme called "Your Mom" from Markus Unterwaditzer based on Mzingi. It's for MY blog, not for your's!

CREDITS:
 1.) Font-Stacks from http://articles.sitepoint.com/article/eight-definitive-font-stacks/
 2.) More coming soon - certainly...
*/

/* STRUCTURE */
*{
	margin:0;
	padding:0;
	border:none;
}
body{
	background:#efefef url(img/body.png);
	font:13px/normal 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;
	color:#555;
}
article,section,nav,header,footer,aside,hgroup,figure,figcaption{display:block}
article,section,.content,header{zoom:1}
article:after,section:after,.content:after,header:after,aside:after{
	display:block;
	width:100%;
	height:0.1px;font-size:0.1px;
	visibility:hidden;
	clear:both;
	content:'.';
}

#header,article,section {max-width:550px;margin:0 auto}
#nav,#pagenav {
	line-height:35px;
}
#nav li {list-style:none;display:inline}
#header a{
	background:#333 url(img/banner.png) center bottom no-repeat;
	text-indent:-9999px;
	height:200px;
	display:block;
}
#header {max-width:200px}
#header,article {margin-bottom:60px}
#footer > * {padding-top:5px}


cite,.respond-button {display:block;text-align:right}

blockquote,#footer,
input:focus,textarea:focus,
.error,.success,.hidden,
input[type=button],input[type=submit],.alert
{background:#333;color:#FFF}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,h6,header {font-weight:normal;
font-family: "Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif;}
h1 {font-size:32px}

h3 {font-size: 25px}
h3,blockquote:before {text-shadow: #000 1px 1px;font-family: Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black",fantasy,sans-serif}
h4,h2  {font-size: 18px;margin-top:15px}

header,.aligncenter,#pagenav,.nothingfound,#nav,h1,h2,h3,h4,h5,h6 {text-align:center}
header {margin-bottom:15px}
header h3,header h4 {max-width:400px;margin-left:auto;margin-right:auto}
header .day {color:#333}

small,header .year,label,figcaption,pre,code,blockquote,hr,
.nothingfound,.alert,#header:before,.success,.error,sup,
input:hover,textarea:hover,
#footer,h2 {color:#888}
small,label,cite,sup,#header h2 {font-size:11px}

p,#header:before,.nothingfound,pre,input,textarea,li,#pagenav a,img,.readmore,.respond-button,figcaption,iframe,blockquote,.alert,.error,.success
{
	padding:8px;
	margin:5px;
}

/* Klickibunti */
@media all and (min-width:500px){
blockquote,pre,input,textarea,img,iframe,.success,.error,.alert
{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 3px #111;
	-moz-box-shadow: 0px 0px 3px #111;
	box-shadow: 0px 0px 3px #111;
}
}

abbr {border-bottom:1px dotted #ccc;cursor:help}

.alert,.error,.success,blockquote {font-size:16px;list-style:none}

blockquote{
	margin-left:-9000px;
	padding-left:9000px;
	font-style:italic;
}

blockquote:before {
	content:'”';
	display:block;
	font-size:80px;
	float:left;
	margin-left:-40px;
}

hr {border:none;color:#efefef;height:30px}

pre,code {font-size:13px;background:#FFF}
pre {overflow:auto}

/* ALIGN */
.aligncenter {margin:0 auto;display:block}
.alignleft {float:left;display:block;text-align:left}
.alignright {float:right;display:block;text-align:right}

@media all and (min-width:500px){
pre {overflow-x:scroll}
pre:hover {margin-left:-25%;width:150%}
}
.hidden {position:absolute;top:0;left:-9999px}
.hidden:focus {left:0;padding:5px} /* Hidden Anchors */

.content ul,.content ol{padding:5px 0 5px 25px}

/* LINKS */
a,a:visited,h3{color: #2277BB;text-decoration:none}
a:hover,a:focus{color: #85C2ED}
a:focus{outline:1px dashed}
a:active,.current-page,.unapproved {opacity:0.6}

/* FORMS */
textarea,input {
	background:#FFF;
	display:block;
	width:98%;
}
input[type=submit],input[type=button]{width:auto;margin:5px auto}


*:invalid:focus {background:#B81226}
.required {color:#B81226}



/* COMMENTS AND PINGS */
.comment {list-style:none;margin:0;padding:0}

/* PAGENAV */
#pagenav a {visibility:hidden}
#pagenav .next-page,#pagenav .prev-page,#pagenav:hover a {visibility:visible}

/* PRINT AND HANDHELD */
@media print{
	* {background:none !important;height:auto !important;max-width:100% !important}
	#respond,#comments,#pings,#footer,#nav,#pagenav{display:none}
	#header a {text-indent:0}
	#header:before {content:'Man, man, reinste Papierverschwendung. Traurig.'}
}
@media all and (max-width:500px){
* {height:auto !important;max-width:100% !important}
#about,img[alt=""],blockquote:before {display:none} /* img[alt=""] = All images, who are pure decoration */
blockquote{margin:0;padding:0}
}