/* Theme Name: Mondrian Style */
body { margin:0; padding:0; font-size:96%; line-height:160%; color:#221; font-family:Arial, Sans-Serif, 'Lucida Grande'; text-align:left; background-color:#fff; background:url(images/bg-new.jpg) repeat-x; }
h1   { font-family: 'Oswald', sans-serif; font-size:200%; line-height:180%; font-weight:normal; padding:12px 0 0 28px; margin:0; }
h2   { font-family: 'Oswald', sans-serif; font-size:160%; line-height:150%; font-weight:normal; margin:20px 0 10px 0; }
h3   { font-family: 'Oswald', sans-serif; font-size:140%; line-height:150%; font-weight:normal; padding:10px 0 0 0; margin:0; color:#e20000 }
h4   { font-family: 'Oswald', sans-serif; font-size:120%; line-height:130%; font-weight:normal; padding:10px 0 0 0; margin:0; }
h1 a { color:#333; text-decoration:none; }
h2 a { color:#e20000; text-decoration:none; }
h2 a:hover { color:#ff6; text-decoration:none; }
a       { color:#00f; text-decoration:none; }
a:hover { color:#c00; text-decoration:underline; }
ol, ul  { margin:0 40px 5px 100px; padding:0;}
small   { padding:0 20px 16px 0; margin:0; font-size:74%; line-height:130%; color:#e20000; text-align:right; display:block; }
ol li, #sidebar ul ol li { list-style:decimal outside; }
blockquote { margin:5px 40px; padding:0 0 0 25px; color:#069; background:#f7f7f7 url('https://www.kuenstlerbedarf-blog.de/images/cite.png') no-repeat; font-size:90%; }
img       { max-width:100%; height:auto; border:0; }
iframe    { max-width:100%; max-height:auto; border:#666 1px solid; }

#page         { width:100%; max-width:1020px; margin:0 auto; padding:0; }
#header       { margin:0; padding:0; background-color:#fef729; }
#searchbox    { width:320px; height:auto; padding:0; margin:0; background:#C00; color:#fff; float:right; }
#searchform   { padding:32px 20px; margin:0; }
#head-ad      { padding:5px 0 0 0; margin:0; }

#content      { max-width:640px; padding:0; margin:0; float:left; } 
#content p    { padding:3px 0 10px 0; margin:0; }
#content h2   { color:#e20000; margin:50px 0 10px 0; }

.post         { padding:0; margin:0 0 30px 0; }
.postmetadata { padding:9px 22px 7px 22px; margin:0; font-size:89%; line-height:100%; background:#e9e5ec; }

#sidebar      { max-width:300px; font-size:90%; line-height:140%; padding:0; float:right; }
#sidebar p    { padding:0;}
#sidebar h3   { padding:0;}
#sidebar ul, #sidebar ul ol { margin:0; padding:0; }
#sidebar ul li { list-style-type:none; list-style-image:none; margin:0; }
#sidebar ul #search { margin:0 0 33px 0; }
#sidebar ul p, #sidebar ul select { margin:3px 0 8px 0; }
#sidebar ul ul, #sidebar ul ol { margin:1px 0 0 0; }
#sidebar ul ul ul, #sidebar ul ol { margin:0; }
#sidebar ul ul li, #sidebar ul ol li { margin:3px 0; padding:0; }

@media (max-width:1020px) {
	body     { font-size:110%; line-height:160%; }
    #page    { width:98%; max-width:98%; margin:8px auto; padding:0; background-color:#fff; }
	.post    { border-right:none; }
	h1       { font-size:150%; line-height:150%; }
	#content { width:100%; max-width:100%; float:none; margin:0 auto; }
	#sidebar { width:94%; max-width:900px; float:none; margin:0 auto; } 
	#content p { padding:0; margin:0; }
}
@media (max-width:700px) {
	body     { font-size:130%; line-height:170%; }
    #page    { width:98%; max-width:98%; margin:8px auto; padding:0; background-color:#fff; }
	.post    { border-right:none; }
	h1       { font-size:130%; line-height:130%; }
	#content { width:100%; max-width:100%; maxfloat:none; margin:0 auto; }
	#sidebar { width:90%; max-width:600px; float:none; margin:0 auto; }
    #searchbox { visibility:hidden; height:1px; }
}
@media (max-width:500px) {
	body     { font-size:150%; line-height:180%; }
	h1       { font-size:110%; line-height:120%; }
	#content { width:100%; max-width:100%; float:none; margin:0 auto; }
	#sidebar { width:90%; max-width:450px; float:none; margin:0 auto; }
    #searchbox { visibility:hidden; height:1px; }
}

#footer      { background:#fff; padding:0; margin:0; color:#777; }
#respond     { margin:0; padding:0; }
#respond h2  { }

.aligncenter, div.aligncenter { display:block; margin:0 auto; }
.alignright  { float:right; margin:10px 62px 8px 24px; }
.alignleft   { float:left; margin:10px 24px 8px 62px; }
.center      { text-align:center; }
.hidden      { display:none; }
.clear       { clear:both; line-height:0; }
.float_right { float:right; }
.footer-text { margin:0; padding:20px; background-color:#f21; color:#fff; }
.footer-text a { color:#ff6; }

#comment       { width:100%; }
#commentform   { margin:5px 0 20px 0; text-align:right;  }
#commentform p { margin:5px 0; }
#commentform input     { padding:2px; margin:0; background:#f88; border:0; }
#commentform textfield { width:100%; padding:0 3px;   margin:0; border:0; background:#dae0ff;  }
#commentform textarea  { padding:0; margin:0; background:#dae0ff; border:0; }
#commentform #submit   { background:#ff1; padding:5px; margin:0; color:#111; font-weight:bold; font-size:120%; }

.commentsbox          { margin:0; padding:0; }
.commentlist          { margin:0; padding:20px 10px; }
.commentlist li       { margin:0; padding:0; list-style-type:none; }
.commentlist li ul li { font-size:1em; }
.commentlist li .avatar {  float:right; border:1px solid #eee; padding:0; background:#fff; }
.comment-meta { padding:0 0 0 2px; font-size:74%; line-height:130%; color:#777; }
.comment-meta a, .comment-meta a:hover { color:#777; }

.wp-caption { border:0 none; text-align:center; padding:0; max-width:100%; }
.wp-caption img { border:0; max-width:100%; }
.wp-caption-text { padding:1px; margin:1px; font-size:90%; line-height:140%; }
#content .wp-caption p { padding:1px; margin:1px; font-size:11px; line-height:15px; }