/*
Theme Name: Mondrian Style
Theme URI: http://wordpress-themes.tagseoblog.de/bity-shark
Description: Mondrian Style - artistic blog design theme by Martin Missfeldt -> <a href="http://www.tagseoblog.de/">tagSeoBlog</a>.
Version: 1.0
Author: Martin Missfeldt
Author URI: http://www.tagseoblog.com/
Tags: light, white, two-columns, right-sidebar, fixed-width

 Mondrian Style Version 1.0  http://wordpress-themes.tagseoblog.de/mondrian-style/
 Based on the famous Kubrick theme
 
 This theme was designed and built by Martin Missfeldt, whose blog you will find at http://www.tagseoblog.com/
 The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php

*/

body { margin:0; padding:0; font-family:Arial, Sans-Serif, 'Lucida Grande'; text-align:left; }
body { background:#1c4b70 url('images/bg-main.png'); color:#221; }

h1, h2, h3 { font-weight:normal; }
h4, h5, h6 { font-weight:bold; }
h1 { font-size:150%; line-height:150%; padding:15px 0 0 20px; margin:0; float:left;  }
h2 { font-size:150%; line-height:150%; padding:0 20px; margin:0 0 10px 0; background:#e9e5ec; }
h3 { font-size:130%; line-height:140%; padding:10px 20px 0 20px; margin:0; color:#e20000 }
h4 { font-size:110%; line-height:130%; padding:10px 20px 0 20px; margin:0; }
h1 a { color:#333; text-decoration:none; }
h2 a { color:#fff; text-decoration:none; }
h2 a:hover, h3 a:hover, h4 a:hover { color:#06c; text-decoration:none; }
a { color:#00f; text-decoration:none; }
a:hover { color:#147; text-decoration:underline; }
a img { border:#aaa 1px solid; }
ol, ul { margin:0 40px 5px 80px; padding:0;}

strong { color:#554; font-weight:bold; }
small { padding:0 20px 16px 0; margin:0; font-size:74%; line-height:130%; color:#e20000; text-align:right; display:block; }
hr { clear:both; display:none; }
#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color:#777; }
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('images/cite.png') no-repeat; font-family:Georgia, "Times New Roman", Times, serif; 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; }

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; }

#page { margin:20px auto; padding:0; width:990px; background:#fff url('images/bg-page.png'); border:#444 4px solid; }
#header { margin:0; padding:0; height:130px; background:#fef729 url('images/bg-header-2.jpg'); border-bottom:#444 4px solid; }
#header p { padding:20px; margin:0; }
#head_slogan { padding:0; margin:0; width:300px; height:130px; float:right; background:#fff; border-left:#444 4px solid; border-left:#444 4px solid; }
#searchform { padding:0; margin:0; width:300px; height:65px; background:#46f; border-bottom:#444 4px solid; text-align:center; }
#searchform form div { padding:0; margin:0; }
#searchform #s { width:130px; height:19px; padding:2px; margin:20px 0 0 0; background:#8cf; 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; }

#content { padding:0; margin:0; width:686px; float:left; font-size:89%; line-height:140%; } 
#content p { padding:3px 50px 10px 40px; margin:0; }
#content h2 { background:#e20000; color:#fff; }

.post { padding:0; margin:65px 0 0 0; border-top:#444 4px solid; border-bottom:#444 4px solid; }
.postmetadata { padding:9px 22px 7px 22px; margin:24px 0 0 0; font-size:74%; line-height:100%; background:#e9e5ec; }

#sidebar { font-size:75%; line-height:130%; padding:0 0 10px 0; margin:0 0 0 690px; width:300px; }
#sidebar p { padding:10px 0 0 0;}
#sidebar form { margin:0; padding:0; }
#sidebar ul, #sidebar ul ol { margin:0; padding:0; }
#sidebar ul li { list-style-type:none; list-style-image:none; margin:0 0 24px 0; }
#sidebar ul #search { margin:0 0 33px 0; }
#sidebar ul p, #sidebar ul select { margin:3px 20px 8px 20px; }
#sidebar ul ul, #sidebar ul ol { margin:3px 20px 0 0; }
#sidebar ul ul ul, #sidebar ul ol { margin:0 20px 0 0; }
#sidebar ul ul li, #sidebar ul ol li { margin:1px 20px 9px 20px; padding:0; }

#commentform { margin:5px 10px 0 0; }
#commentform p { margin:5px 0; }
#commentform input { width:250px; padding:2px; margin:1px 0; background:#f9cccc; border:#bbb 1px solid; }
#commentform textarea { width:604px; padding:2px; margin:1px 0; background:#dae0ff; border:#bbb 1px solid; }
#commentform #submit { background:#fef729;padding:2px; margin:1px 0; border:#777 1px solid; color:#345; font-weight:bold; }

#wp-calendar { empty-cells:show; margin:10px 0 0 20px; width:200px; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar a { text-decoration:none; display:block; background:#fef729; font-weight:bold; }
#wp-calendar caption { text-align:center; width:100%; font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center; }
#wp-calendar td { margin:2px 4px; padding:0; text-align:center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff; }
#wp-calendar #prev a, #wp-calendar #next a { font-size:9pt; }
#wp-calendar th { font-style:normal; text-transform:capitalize; }

#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:#fff; padding:0; margin:0; border-top:#444 4px solid; color:#777; font-size:84%; line-height:140%; }
#footer p { margin:0; padding:0 }
.designed_by { width:300px; background:#333; padding:15px 20px 20px 20px; margin:0; border-right:#444 4px solid; float:left; color:#999; }
.designed_by a { color:#79f; }
.footer_links { width:600px; padding:16px 20px 20px 0; margin:0; border:0; float:right; }

#respond { margin:0; padding:0; }
#respond h2 { background:#46f; }

.aligncenter, div.aligncenter { display:block; margin:0 auto; }
.alignright { float:right; margin:10px 40px 8px 24px; }
.alignleft { float:left; margin:10px 24px 8px 40px; }
.center { text-align:center; }
.hidden { display:none; }
.clear { clear:both; line-height:0; }
.float_right { float:right; }

.commentlist { margin:0; padding:3px 40px 10px 40px; border-bottom:#444 4px solid; }
.commentlist li { margin:0; padding:0; }
.commentlist li ul li { font-size:1em; }
.commentlist li .avatar {  float:right; border:1px solid #eee; padding:0; background:#fff; }
.commentlist cite, .commentlist cite a { }
.commentlist li div p { padding:0; margin:0;  }
.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; }
.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; }