/* 
Theme Name: maja
Description: WP Theme <a href="http://w3w.cz/wp-theme" title="WordPress Theme maja" target="_blank">maja</a>
Based on: Korouhev Theme by Michal Franek and WPtheme by Sadish
Version: 1.1
Author: Michal Franek
Author URI: http://w3w.cz
*/

@import url(editor.css);
/* Universal
================================================*/
* {margin:0; padding:0;}

html, body {
    height: 100%;
    }
body {
    font-size:small;
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    background:#b10101 url(http://maja-jm.com/wp-content/themes/maja/_images/bcgr.gif) center 0 repeat-y;
    font-size:76%;
    }
body>#container {
    height: auto;
    }
#container {
    position:relative;
    height: 100%; min-height: 100%;
    margin: 0px auto;
    width:780px;
    color: #333;
    }
abbr {cursor:help;}    
blockquote {
    margin:1em;
    padding-left:10px;
    border-left:#666 2px solid;    
    }
.hidden, .nocomments {display: none;}
.invisible {visibility: hidden;}
a {color: #b10101;}
a:link, a:visited {color:#b10101;}
a:hover {color:#000;}

p {
    line-height:1.5em;
    margin: 5px 0 10px 0;
    }
h1,h2,h3,h4,h5,h6 {
    text-align: left;
    color: #b10101;
    }
h1 {
    font-size:180%;
    font-weight:normal;
    }    
h2, h3 {
    font-size:160%;    
    margin:0.5em 0;
    font-weight:normal;    
    }
.cleaner {
    clear: both;
    height: 0.1px; line-height: 0.1px;
    /*content: ' ';*/
    overflow: hidden;
    visibility: hidden;
    }
h3 {font-size:125%;}
fieldset {border:none;}
img.left {
    float: left;
    margin: 0px 14px 3px 0px;
    }
img.right {
    float: left;
    margin: 0px 14px 3px 0px;
    }
ul {text-align: left;}
/* Header
================================================*/
#header {
    width: 824px;
    margin: 0 -22px 0 -21.5px;
    height: 223px;
    background:#b10101 url(http://maja-jm.com/wp-content/themes/maja/_images/bcgr-header.jpg) repeat-x;
    color:#FFF;
    position:relative;
    }
#header h1 a, #header h1 a span {
    position: absolute;
    display: block;
    width: 150px;
    height: 161px;
    color: #000;
    border: none;
    }
#header h1 a span {
    top: 0px; left: 0px;
    background: transparent url(http://maja-jm.com/wp-content/themes/maja/_images/logo.gif) no-repeat 0 3px;
    }
#header h1 a:hover span {background-position: 0 -176px}
#header h1 a {top: 31px; left: 105px;}
#header h1 a:hover, #header h1 a:active {color:#000;}

ul#motto {
    color: #b10101;
    font-size: 100%;
    font-weight: bold;
    border-bottom: 1px solid;
    float:right;
    width: 99.9%; /*IE6*/
    list-style: none;
    background: #FFF;
    overflow: hidden;
    }
ul#motto li {
    float:left;
    margin: 4px 7.7px;
    }
ul#comp-info li {float:left; margin: 0 15px; visibility: hidden;}

/* Content
================================================*/
#content {
    float:right;
    width:540px;
    margin:0;
    padding: 0 10px 3em 10px;
    text-align: justify;
    background:#FFF;
    /*border: 1px solid;*/
    }
#content h4, h3 {
    margin: 1em 0;
    font-weight: bold;
    }
#content h4 {margin: 0 0 -0.7em 0;}
#content ul {margin: 0 0 1em;}
#content li {margin: 0 0 0 3em;}
#content img {margin: 10px 11px;}
#content img.nomargin {margin: 0;}
.item {
    background:#111;
    margin:1em 0em;
    padding: 1em 1em 0;
    border: solid 1px #222;
    }
.item h5 {font-size: 96%;}
#intro {
    margin:1em 0.5em;
    padding: 0em 0;
    border-bottom: 1px solid #DDD;
    }
#intro .profile {
    margin: 0 1em 0 0;
    }
#intro b {font-size: 110%;}
#intro em.feed {
    background:url(http://maja-jm.com/wp-content/themes/maja/_images/icon_feed.gif) no-repeat left center;
    padding:2px 0 2px 16px;
    font-style:normal;
    }
ul.literatura li {
    list-style-type: disc !important;
    padding: 2px 0;
    font-size: 90%;
    }
.citat {
    font-style: italic;
    text-align: center;
    }
.page-title {
    margin:0.5em;
    padding:0.5em;    
    }
.post {
    margin:0.2em 5px 1em 5px;
    padding:7px;
    }
.post h4 {
    font-size:1em;
    font-weight:normal;
    margin:0;
    padding:0.5em 0;
    }
.post h4 em {
    font-style:normal;
    float:right;
    font-weight:normal;
    }
.post-title {
    text-align: center;
    font-size:160%;    
    border:none;
    margin:0;
    padding:0 0 15px 0;;
    background: url(http://maja-jm.com/wp-content/themes/maja/_images/wave.gif) no-repeat center bottom;
    }
.post-title a:link, .post-title a:visited {
    text-decoration: none;    
    }
.post-title a:hover, .post-title a:active {
    color:#000;
    border-bottom:none;
    }
.post-date {
    margin: 0; padding:0;
    color:#777;
    font-size: 80%;
    text-align: right;
    }
.post-info {
    color:#444;
    margin:0;
    padding:3px 0;    
    border-top: 0px solid #EEE;
    clear:both;
    font-size:0.9em;
    text-align: right;    
    }
.post-info span {
    color:#FFF;
    font-style:normal;
    padding:2px 0 2px 12px;
    }
.post-info span.edit {background:url(http://maja-jm.com/wp-content/themes/maja/_images/edit.gif) no-repeat left center;}
.post-info span.user {background:url(http://maja-jm.com/wp-content/themes/maja/_images/user.gif) no-repeat left center;}
.post-info span.cat {background:url(http://maja-jm.com/wp-content/themes/maja/_images/star.gif) no-repeat left center;}
.post-info a:link, .post-info a:visited {
    }
.post-info a:hover, .post-info a:active {
    text-decoration: none;
    }
.post-content {
    margin:0;
    padding:0.2em 0 0.7em 0;
    }
.post-comments {
   float:left;
    }
.post-comments a {
   background: url(http://maja-jm.com/wp-content/themes/maja/_images/comments-small.gif) no-repeat left center;
   padding-left:12px;
    }
/* Gallery
================================================*/
.gallery {
    width: 550px;
    height: auto;
    margin: 1em 0;
    clear: both;
    float: left;
    }
.gallery a {
    float: left;
    display: block;
    overflow: hidden;
    margin: 2.4px;
    }
.gallery img {margin:0 !important;}
.thickbox {
    /* must be before .gallery */
    float: right;
    margin: 0 0 0 1.5em;
    border-bottom: none;
    }
a:hover.thickbox {border-bottom: none;}
.thickbox img{border: 5px solid #b8b3ab;}
a:hover.thickbox img{border-color: #39301f;}
.thickbox small{
    width: 250px;
    display: block;
    line-height: 1.3em;
    }
/* Sidebar
================================================*/
#sidebar {
    color: #FFF;
    float: left;
    width: 170px;
    margin: 0px 0 0 3px;
    padding: 15px 0 0 15px;
    background:#FFF;
    }
#sidebar a:hover, #sidebar a:hover {color: #000;}
/* Navigation
================================================*/
ul#menu, #submenu ul {
    font-size: 105%;
/*    line-height:1.2em;*/
    list-style-type: none;
    overflow: hidden;
    }
#menu li, #submenu ul li {
    padding: 4px 0 4px 30px;
    background: url(http://maja-jm.com/wp-content/themes/maja/_images/rednose.gif) no-repeat left center;
    }    
ul#menu li a, #submenu ul li a {
    text-decoration: none;   
    }    
ul#menu li a:hover, ul#navigation li a:active
    {}
.current_page_item a, .current_page_parent a {text-decoration: underline !important;}
#submenu {
    margin: 0 auto;
    display: block;
    width: 28em;
    }
.prev-next {text-align: center;}
.prev-next a {border: 1px solid; padding: 2px 5px;}
/* Footer
================================================*/
#footer {
    overflow: hidden;
    position: absolute;
    width: 99.9%; /*IE6*/
    bottom: 0; right: 0;
    clear:both;
    font-size: 80%;
    border-top: 1px solid;
    color: #AAA;
    height:3em;
    padding: 6px 0px;
    background: #FFF;
    }
#footer p {
    margin: -3px 0 3px; padding: 0 10px 3px;
    border-bottom: 1px solid;
    text-align: center;
    font-weight: bold;
    }
#footer a {
    color: #888;
    border: none;
    }
#footer a:hover{
    background-color: transparent;
    text-decoration: none;
    color: #CCC;
    }
#w3w {position: relative;}
#w3w:hover {border: none !important;}
#w3w span {
    display: block;
    position: absolute;
    z-index: 50;
    left: 0; top: 0;
    background: transparent url(http://shared.w3w.cz/images/w3w-hover-28x38-nt.gif) no-repeat 0 0;
    }
a:hover#w3w span {background-position: 0px -14px;}
#w3w, #w3w span {
    width: 38px;
    height:14px;
    }
#copy-info, #controller {margin: 0 10px;}
#controller {float: right;}

/* Comments
================================================*/
#comments, #respond{
    margin: 2em 0 0 5px;
    }
.commentlist {
    margin:10px;
    padding:10px 20px;
    }
#commentform {
    margin:10px;
    padding:10px;
    }
#submit, #btnSearch {
    cursor: hand; cursor: pointer;
    border-color: #e87d48;
    background: #e87d48;
    color: #000;
    }
#submit:hover, #btnSearch:hover {
    color: #FFF;
    }
#commentform #submit {
    float: right;
    width: 10em;
    }
.commentlist {
    margin: 0;
    padding: 0;
    }
.commentlist li 
{
    list-style:none;
    margin: 10px 0;
    padding: 1em;
    background:#fafafa;
    border: solid 1px #DDD;
    border-top: 0px solid;
    font-size: 90%;
    }
.commentlist li .cmtinfo 
{
    font-size:1em;    
    }
.commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
    }
.commentlist li .cmtinfo em 
{
    margin:0;
    padding:0;    
    font-style:normal;
    font-size:0.9em;
    color:#666;
    }
.commentlist .alt {
    background:#f3f3f3;
    border: solid 1px #CCC;
    }
/* Text Elements
================================================*/
textarea, input.textbox {background: #FFF;}
.error {
    background: #FFF;
    border-color: #e87d48;
    }
textarea {width:100%;} 

textarea:focus, input.textbox:focus {}
dl dt 
{
    font-weight:bold;
    margin:5px 0;
    }
dl dd 
{
    padding-left:20px;
    display:inline;
    }
#content ul.asides 
{
    margin:0 1em;
    padding:0;
    list-style:none;
    }
#content ul.asides li 
{
    margin:1em 0;
    padding:0 15px;
    }
#content, #sidebar, .widget, #footer 
{
    overflow:hidden;
    }
.message {
    border: 1px solid;
    padding: 5px; margin: 1em 0;
    text-align: center;
    font-weight: bold;
    }