@charset "utf-8";
/*
Theme Name: WordPress wmf-style
Theme URI: http://wordpress-themes.tagseoblog.de/wmf-style
Description: wmf-style - artistic blog design theme by Martin Missfeldt -> <a href="http://www.tagseoblog.de/">tagSeoBlog</a>.
Version: 2.0
Author: Martin Missfeldt
Author URI: http://www.tagseoblog.com
Based on the famous Kubrick theme
*/

body { margin:0; padding:0; font-size:100%; line-height:160%; font-family: 'Source Sans Pro', sans-serif; text-align:left; background-color:#fff; color:#221; }
h1 { font-size:250%; line-height:120%; margin:0; padding:8px 0 0 0; text-align:center; font-weight:normal; text-transform:uppercase; color:#fff; }
h2 { font-size:220%; line-height:120%; margin:0 0 8px 0; padding:5px 0 12px 0; color:#223; font-weight:normal; border-bottom:#ccc 1px dashed;  }
h3 { font-size:120%; margin:0; padding:3px 0 8px 0; color:#d65100; }
h4 { font-size:110%; margin:0; padding:8px 0 8px 0; }
h2 a { color:#332; text-decoration:none; }
h2 a:hover, h3 a:hover, h4 a:hover { color:#06c; text-decoration:none; }
a { color:#02f; text-decoration:none; }
a:hover { color:#02f; text-decoration:underline; }
img { border:0; }
p { padding:3px 0 11px 0; margin:0; }
table { padding:0; margin:0; }

strong { color:#554; font-weight:bold; }
hr { clear:both; display:none; }
code { font:1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size:0.9em; letter-spacing:.07em; }
span { padding:0; margin:0; }
ol li, #sidebar ul ol li { list-style:decimal outside; }
select { width:130px; }
acronym, abbr, span.caps { cursor:help; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:5px 40px; padding:0 0 0 25px; color:#069; background:#f7f7f7 url('http://www.webmasterfriday.de/images/cite.png') no-repeat; font-size:90%; }
blockquote cite { margin:5px 0 0; display:block;  }
code { margin:5px 30px 0 30px; padding:3px 8px; background:#ffc; color:#060; font:"Courier New", monospace, Courier; font-size:90%; }
pre { padding:5px 0 10px 10px; margin:0; font:"Courier New", monospace, Courier; }
.clear    { clear:both; }
.clear15  { clear:both; height:15px; }
.clear30  { clear:both; height:30px; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.img_right { float:right; margin:0 0 20px 20px; }

.page { margin:0 auto; padding:0; width:100%; max-width:1010px; }
#header { background-color:#d85100; min-height:64px; }
.logo { margin:0; padding:0; float:left; }
.social_buttons { margin:0; padding:0; float:right; display:inline; }

.navigation    { margin:10px 0; padding:10px 0; font-size:110%; background-color:#fc0; text-align:center; border-radius:24px; }
.navigation li { display:inline;}
.navigation li a { background-color:#fff; color:#02f; margin:16px; padding:6px 12px; border-radius:16px;  }
.navigation li a:hover { background-color:#d85100; color:#fff; }

#content { margin:0 0 8px 0; padding:10px 20px 0 20px; background-color:#fff; } 
#content table { margin:0; padding:0; text-align:left; background:#f3f5f7; }
#content ul { text-align:left; padding:3px 20px 10px 20px; margin:0; }
#content ol { text-align:left; padding:3px 00px 10px 10px; margin:0; list-style-image:none; }

.post       { padding:0; margin:0 0 40px 0; border:0; display:block; }
.post_date  { padding:2px 5px 0 0; margin:0; text-transform:uppercase; font-size:80%; }
.postmetadata { padding:6px 10px 4px 10px; margin:0; text-align:right; background:#f8f8f5; border-top:#ddd 1px dashed; }

.blog-reaction      { padding:0; margin:0; border:2px #fc0 solid; width:45%; min-width:360px; }
.blog-reaction h3   { color:#111; padding:10px 15px 8px 15px; }
.blog-reaction h3 a { color:#d65100; text-transform:uppercase; }
.blog-reaction p    { padding:0 15px 20px 15px; }
.blog_reaction_num  { text-align:center; float:right; background:#d65100; color:#fff; font-size:200%; font-weight:bold; padding:3px 5px; }

#commentform { margin:5px 10px 0 0; }
#commentform input { width:250px; padding:2px; margin:1px 0; background:#eee; border:#bbb 1px solid; }
#commentform textarea { width:550px; padding:5px; margin:2px 0 0 0; background:#eee; border-top:#bbb 1px solid; border-bottom:#bbb 1px solid; border-left:0; border-right:0; }
#commentform #submit { background:#fef729;padding:2px; margin:2px; border:#981d00 1px solid; color:#345; font-weight:bold; color:981d00; }

#tag_cloud { padding:0 0 0 20px; }
#sidebar ul .widget_tag_cloud  h2 { margin:0 0 0 -20px; }
.textwidget { padding:0 0 0 20px; }

#footer { background:#dadace; padding:20px 0 0 0; margin:20px 0 0 0; }
.designed_by { width:300px; background:#333; padding:15px 20px 20px 20px; margin:0; border-right:#444 4px solid; float:left; color:#999; }
.footer_links { width:600px; padding:16px 20px 20px 0; margin:0; border:0; float:right; }

#respond { margin:0; padding:0; }
#respond h2 { }

.right  { float:right; }
.left   { float:left; }
.center { text-align:center; }
.hidden { display:none; }

.textfeld          { width:60%; padding:5px; }
.beschreibung      { width:60%; padding:5px; }
.teilnahme         { margin:0 0 20px 20px; padding:10px; float:right; border:#fc0 3px solid; background-color:#f3f5f7; }
.textfeld_kurz     { width:250px; padding:2px; }
.beschreibung_kurz { width:250px; padding:2px; }

.commentlist { margin:0; padding:0; list-style-image:none; }
.commentlist ul { padding:0; margin:0; }
.commentlist li { padding:0; margin:6px; border:2px #fc0 solid; width:48%; list-style-type:none; float:left; }
.commentlist li .avatar {  float:right; border:1px solid #eee; padding:0; background:#fff; }
.commentlist cite, .commentlist cite a { }
.commentlist li div p { padding:5px 10px 12px 10px; margin:0;  }
.vcard { margin:5px 10px 3px 10px; padding:0;  }
.comment-meta { padding:2px 10px 4px 10px; font-size:80%; line-height:130%; color:#777; }
.comment-meta a, .comment-meta a:hover { color:#777; }

.wp-caption { border:0 none; text-align:center; padding:0; }
.wp-caption img { border:#aaa 1px solid;  }
.wp-caption-text { padding:1px; margin:1px; font-size:11px; line-height:15px; }
#content .wp-caption p { padding:1px; margin:1px; font-size:11px; line-height:15px; }

#searchform { padding:0; margin:0; width:250px; height:65px; text-align:center; }
#searchform form div { padding:0; margin:0; }
#searchform #s { width:130px; height:19px; padding:2px; margin:20px 0 0 0; color:#006; font-weight:bold; 
border-top:#000 1px solid; border-left:#000 1px solid; border-bottom:#bef 1px solid; border-right:#bef 1px solid;  }
#searchsubmit { width:74px; height:25px; display:inline-block; vertical-align:bottom; padding:0; margin:0; background:#00f; color:#aef; font-weight:bold; 
border-top:#99f 1px solid; border-left:#99f 1px solid; border-bottom:#000 1px solid; border-right:#000 1px solid; }
.archivblock { width:27%; float:left; list-style-type:none; }
.archivliste { list-style-type:none; }

@media only screen and (max-width:1000px) {
	h1    { margin:0 10px; font-size:150%;  }
	p     { padding:6px 10px; margin:0; }
	.page { width:100%; margin:0; float:none; }
	#content { padding:10px; }
   .blog-reaction { margin:6px; padding:10px 20px; border:2px #fc0 solid; width:90%; }
	.commentlist li { margin:6px; padding:10px 20px; border:2px #fc0 solid; width:90%; }
	.right  { float:none; }
	.left   { float:none; }
	.teilnahme { margin:0 5%; width:90%; float:none; }
	.navigation    { margin:10px 0; padding:10px 0; font-size:110%; background-color:#fc0; text-align:center; border-radius:0; }
	.navigation li a { background-color:#fff; color:#02f; margin:16px; padding:6px 12px; border-radius:0; display:block;  }
}
@media only screen and (max-width:720px) {
	h1    { margin:0 0 0 5px; font-size:120%; }
	.page { width:100%; margin:0; float:none; }
   .blog-reaction { margin:6px; padding:10px 20px; border:2px #fc0 solid; width:90%; float:none; }
	.right  { float:none; }
	.left   { float:none; }
}

.datenschutzhinweis { background-color:#111; color:#ddd; padding:5px 10px; }
.datenschutzhinweis a, a:hover { color:#4af; }
.close-button       { float:right; margin:8px 10px; }