/*  
Theme Name: Crematorium [2006]
Theme URI: http://soundake.info/
Description: bla bla bla
Version: 0.1
Author: Lukáš Hroch
Author URI: http://soundake.info/

	Crematorium v0.1b
	 http://soundake.info/crematorium/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*- General settings -*/
html, body,
form,
h1, h2, h3, h4, h5,
p, ul, ol, li      { margin:0; padding:0; }

input, select	{ vertical-align:middle; }
input[type='radio']		{ margin:0 0 .3em; }

h1 { font-size:175%; font-weight:normal; color: #6E6E1E; margin: 0 0 25px; }
h2 { font-size:150%; font-weight:normal; }
h3 { font-size:130%; }
h4 { font-size:110%; }
h5 { font-size:100%; color: #666; }
h6 { font-size:90%; }

ul li { list-style: none; }

a img   { border:0; }
#header  a       { color: #fff; text-decoration: none !important; }
#header  a:hover { color: #FEFF45; text-decoration: none !important; }
#content a       { color: #6E6E1E; }
#content a:hover { color: #000 !important; text-decoration: underline !important; }
#sidebar a       { color: #CECF38; }
#sidebar a:hover { color: #FEFF45 !important; text-decoration: underline !important; }

body      { font:normal 62.8%/1.4 Verdana, "Geneva CE", lucida, sans-serif; background:#000 url('./images/bg-body-head.png') 50% 0 repeat-x; color:#000; }

#page    { font-size:120%; width:770px; margin:0 auto; }
#header  { height: 185px; position: relative; }
#main    { padding: 25px 0 0 0; }
#content { float:left; width:508px; margin: 0 0 0 1px; }
#sidebar { float:right; width:240px; margin: 0 10px 0 0; padding-bottom: 88px; font-family: Arial, lucida, sans-serif; color: #afafae; }

input,
select,
textarea { font-family: Arial, lucida, sans-serif; }

#header:after, #menu:after, #langmenu p:after,
.formbox:after, .navigation:after,.item:after,.post .gallery:after,
.clearfix:after { display:block; content:"."; clear:both; height:0; line-height: 0; visibility:hidden; overflow:hidden; }

#header, #menu, #langmenu p,
#main, .formbox, .navigation,.item,.post .gallery,
.clearfix { min-height:1px; }

#body1   { background: url('./images/bg-body.gif') 50% 0 repeat-y; }
#body2   { background: url('./images/bg-head.png') 50% 0 no-repeat; }
#body3   { background: url('./images/bg-footer.png') 50% 100% no-repeat; }
#page    { background: #fff url('./images/bg-body.gif') -60px 0 repeat-y; }
#page2   { background: url('./images/bg-head.png') -60px 0 no-repeat; }
#page3   { background: url('./images/bg-footer.png') -60px 100% no-repeat; }

pre {
    overflow: auto;
    border: 1px solid #CECF38;
    padding: 5px 3px;
    line-height: 1.6;
    font-size: 120%;
}
/*- head -*/
#logo    { position: absolute; top: 77px; left: 120px; height: 90px; width: 265px;}
#logo img, #logo a img    { display: block;}
#rss     { position: absolute; top: 9px; left:518px; }
#rss a   { display: block; height: 10px; width: 78px; overflow: hidden; position: relative; margin-bottom: 9px; cursor:pointer;cursor:hand; }
#rss a span  { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; overflow: hidden; font-size: 0; }
#rss a.rss-clanky { background: url('./images/btn-rss-clanky.gif') -78px 0 no-repeat; }
#rss a.rss-komentare { background: url('./images/btn-rss-komentare.gif') -78px 0 no-repeat; }
#rss a.rss-clanky span  { background: url('./images/btn-rss-clanky.gif') 0 0 no-repeat; }
#rss a.rss-komentare span  { background: url('./images/btn-rss-komentare.gif') 0 0 no-repeat; }
#rss a:hover span  { background-position: -78px 0; }
/**
#rss a:hover       { font-size: 0; }
#rss a:hover span  { background: transparent; }
/**/
#texy    { position: absolute; top: 10px; left:708px; }
#texy a    { display: block; height: 36px; width: 52px; overflow: hidden; position: relative; cursor:pointer;cursor:hand; background: url('./images/btn-texy.gif') -52px 0 no-repeat; }
#texy a span  { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; overflow: hidden; background: url('./images/btn-texy.gif') 0 0 no-repeat; }
#texy a:hover span  { background-position: -52px 0; }
/**
#texy a:hover       { font-size: 0; }
#texy a:hover span  { background: transparent; }
/**/
#qsearch    { position: absolute; top: 0; right:281px; height: 45px; line-height: 45px; }
#qsearch input    { border: 1px solid #6E6E1E; font-size: 1em; background: url('./images/bg-input.gif') 0 0 no-repeat; padding: auto 5px;}
#qsearch input#searchsubmit    { background: url('./images/bg-input-btn.gif') 0 50% repeat-x; padding: auto; }
#linkbox {padding: 13px 0 0 22px; float: left;}
#menu { position: absolute; top: 79px; left:603px; height: 72px; width: 158px; line-height: 24px; }
#menu a       { display: block; background: url('./images/menu.png') -158px 0 no-repeat; height: 24px; width: 100%; overflow: hidden; position: relative; cursor:pointer;cursor:hand; text-align: right; }
#menu a span  { position: absolute; background: url('./images/menu.png') 0 0 no-repeat; top: 0; left: 0; display: block; height: 100%; width: 100%; overflow: hidden; font-size: 0; }
#menu a.mn-tops       {  }
#menu a.mn-tops span  {  }
#menu a.mn-about      { background-position: -158px -24px; }
#menu a.mn-about span { background-position: 0 -24px; }
#menu a.mn-ref        { background-position: -158px -48px; }
#menu a.mn-ref span   { background-position: 0 -48px; }
#menu a.mn-tops:hover span        { background-position: -158px 0; }
#menu a.mn-ref:hover span        { background-position: -158px -48px; }
#menu a.mn-about:hover span      { background-position: -158px -24px; }
/**
#menu a:hover       { font-size: 0; }
#menu a:hover span  { background: transparent; }

/*- footer -*/
#footer { clear:both; position: relative; height: 90px; padding: 20px 10px 10px 10px; color: #969696; font-size: .91em; margin: 0 10px 0 0; font-family: 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif; }
#footer .copyright { position: absolute; bottom: 10px; right: 0; width: 240px; text-align: center;}
#footer .orbiter   { position: absolute; top: -60px; right: 0; width: 240px; text-align: center;}
#footer a { color: #afafae; }
#footer a:hover { color: #fff; }
#footer li { margin-bottom: 3px; color: #afafae; }
#footer h6 { font-size: 100%; color: #CECF38; margin: 5px 0 0 0; padding: 0; }
#footer .box { width: 165px; float: left; }
#footer .box li { background: url('./images/ico-dot.gif') 0 50% no-repeat; padding-left: 7px; }
#blog_meta { position: absolute; top: 35px; right: 0; width: 240px; text-align: center; }


/*- public classes -*/
.left          { text-align:left !important; }
.right         { text-align:right !important; }
.center        { text-align:center !important; }

.fl            { float:left; }
.fr            { float:right; }
.hidden        { display:none; }

a.fr  { margin: 0 0 0 10px; }
a.fl  { margin: 0 10px 0 0; }

/*- post -*/
#content .post          { background: url('./images/divider.png') 0 100% no-repeat; padding: 0 20px 33px 28px; margin-bottom: 20px; }
#content .post h2       { background: url('./images/ico-h.gif') 0 .15em no-repeat; padding-left: 29px; margin-bottom: 20px; }
#content .post h2 em    { color: #6E6E1E; font-size: .91em; }
#content .post h2 a     { color: #000; text-decoration: none; }
#content .post h2 a:hover     { text-decoration: underline; }
#content .postmetadata  { color: #6E6E1E; font-size: .81em; text-align: right; margin-top: 15px; }
#content .entry         { line-height: 1.6; margin: 0 10px; }
#content .entry p       { text-indent: 19px; margin-bottom: 1em; }
#content .entry a img     { display: block; border: 1px solid #CECF38; background: #F6F6DB; padding: 5px; margin: 0 0 .5em; }
#content .entry a:hover img     { border: 1px solid #000; }

#content h2.pagetitle    { margin: 0 28px 0; color: #CECF38; }
#content h2.pagetitle strong    { color: #6E6E1E; font-weight: normal; text-transform: uppercase; }
.postlist h3    { font-size:150%; font-weight: normal; background: url('./images/ico-h.gif') 0 .15em no-repeat; padding-left: 29px; padding-bottom: 0 !important; }
.postlist .postmetadata    { padding-left: 30px; line-height: 1.6; }
.postlist h3 a     { color: #000 !important; text-decoration: none; }
.postlist h3 a:hover     { text-decoration: underline; }
.offset  { margin:  10px 0 20px; }

#content .formbox { background: url('./images/divider.png') 0 100% no-repeat; padding: 0 20px 33px 28px; margin-bottom: 20px; }
#content .formbox h2 { margin: 0 0 10px 0; color: #CECF38; }
#content .formbox form { margin: 0 0 10px 0; }
#content .formbox input      { border: 1px solid #6E6E1E; font-size: 1.1em; background: url('./images/bg-input.gif') 0 0 no-repeat; padding: auto 5px; }
#content .formbox input#searchsubmit    { background: url('./images/bg-input-btn.gif') 0 50% repeat-x; padding: auto; }


#content ul    { margin-bottom: 1em; }
#content ul li { background: url('./images/ico-li.gif') 0 .6em no-repeat; padding-left: 18px; }

#content .navigation { padding: 0 20px 1em; font-size: .91em; }
.single .navigation  { padding: 0 20px 2em !important;  }

.post .gallery {
    background: #F6F6DB;
    border: 1px solid #CECF38;
    margin: 0; padding: 0;
    font-size: 90%;
    color: #777;
    text-align: center;
}
.post .gallery a img {
    margin: 5px !important;
    background: #fff !important;
    padding: 2px;
    float: left;
}

#comments            {  }
#comments h3         { margin: 0 20px 5px; }
#comments h4         { margin-bottom: 5px; color: #6E6E1E; }
#comments .item      { margin-bottom: 10px; padding: 10px; }
#comments .alt       { background: #F6F6DB; }
#comments .text      {  }
#comments .gravatar  { width: 40px; float: right; margin: 0 0 7px 7px; border: 1px solid #CECF38; }
#comments .commentlist   { list-style: none; background: url('./images/divider.png') 0 100% no-repeat; padding: 0 20px 33px 20px; }
#comments input      { border: 1px solid #6E6E1E; font-size: 1.1em; background: url('./images/bg-input.gif') 0 0 no-repeat; padding: auto 5px; }
#comments input#submit    { background: url('./images/bg-input-btn.gif') 0 50% repeat-x; padding: auto; }
#comments textarea   { width: 466px; height: 9em; border: 1px solid #6E6E1E; font-size: 1.15em; line-height: 1.4; background: url('./images/bg-texy.gif') 0 0 no-repeat; }
#comments cite       { font-weight: bold; margin-bottom: 5px; display: block; color: #6e6e6e; }
#comments cite a       { color: #6e6e6e; }
#comments .commentmetadata      { font-size: .81em; text-align: right; clear: both; }
#comments .commentmetadata a      { color: #6e6e6e; }
#respond             { margin: 20px; }
#respond p           { margin-bottom: 3px; }

/*- sidebar  -*/
#sidebar h5    { margin: 0 0 5px 0; background: url('./images/ico-h5.gif') 0 .4em no-repeat; font-size: 110%; padding-left: 20px; position: relative; }
#sidebar ul    { margin: 0 0 25px 0; }
#sidebar ul li { background: url('./images/ico-li.gif') 0 .66em no-repeat; padding-left: 18px; line-height: 1.8; }

#sidebar h5 span  { position: absolute; width: 200px; height: 100%; left: 18px; top: 0; background: #25250A url('/') 0 .3em no-repeat; }
#sidebar h5.h-top10 span     { background-image: url('./images/h5-top10.gif'); }
#sidebar h5.h-random span    { background-image: url('./images/h5-nahodne.gif'); }
#sidebar h5.h-kalendar span  { background-image: url('./images/h5-kalendar.gif'); }
#sidebar h5.h-fotka span     { background-image: url('./images/h5-fotka.gif'); }
#sidebar h5.h-scrobbled span { background-image: url('./images/h5-scrobbled.gif'); }
#sidebar h5.h-related span   { background-image: url('./images/h5-related.gif'); } 

#sidebar .webButtons li	{ padding: 0; background: none; }

#randomimage   { margin: 0 0 20px 0; }
#randomimage img   { border: 1px solid #afafae; }
#randomimage p   { background:  #1A1A07; }
#randomimage p em   { display: block; padding: 5px; font-size: .91em; font-style: normal; }

#wp-calendar   { width: 100%; border-collapse: collapse; margin-bottom: 25px; }
#wp-calendar #next   { text-align: right; }
#wp-calendar #prev   { text-align: left; }
#wp-calendar caption    { padding: 0 0 5px 0; text-transform: uppercase; }
#wp-calendar thead th   { font-size: .91em; }
#wp-calendar tbody td   { text-align: center; border-top: 1px solid #1a1a07; padding: 2px; }
#wp-calendar tbody td:hover   { background: #1a1a07; color: #bdbdbc; }
#wp-calendar tbody td a   { display: block; }
#wp-calendar tbody td a:hover   { background: #1a1a07; }
#wp-calendar tfoot td  { font-size: .91em; }

#scrobbled    { margin-bottom: 25px; }
#scrobbled p  { padding-left: 18px; }
#scrobbled a.rss-scrobbled   { display: block; height: 10px; width: 100px; overflow: hidden; position: relative; cursor:pointer;cursor:hand; }
#scrobbled a.rss-scrobbled span  { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; overflow: hidden; font-size: 0; }
#scrobbled a.rss-scrobbled { background: url('./images/btn-rss-scrobbled.gif') -100px 0 no-repeat; }
#scrobbled a.rss-scrobbled span  { background: url('./images/btn-rss-scrobbled.gif') 0 0 no-repeat; }
#scrobbled a.rss-scrobbled:hover span { background-position: -100px 0; }
/**
#scrobbled a.rss-scrobbled:hover       { font-size: 0; }
#scrobbled a.rss-scrobbled:hover span  { background: transparent; }
/**/
#scrobbled ul { margin: 0 0 5px 0; }

/* Žebříčky */
#ladder    { list-style: none; }
#ladder li { background: none !important; padding: 0 !important; }
#ladder ol li { background: #def !important;  }
#ladder h2 { text-transform: uppercase; }

#ladder > ul, #ladder > ol { margin:0; padding: 0; }
#ladder > ul { list-style: none; }
#ladder .next { font-style: italic; font-size: .91em; list-style: none; margin: 5px 9px; color: #6E6E1E; background: none !important; }
#ladder ol li { margin-left: 11px; background: url('./images/ico-li.gif') 0 .6em no-repeat !important; padding-left: 18px !important; }
#ladder ol    { margin-bottom: 20px; }
#ladder h2    { background-position: 0 .25em !important; }
/* Reference */
#reference { }
#reference .item { margin: 0 0 25px 0; }
#reference img { border: none !important; margin: 0 0 10px 0; }
#reference h3 { display: block; font-weight: normal; clear: both; background: url('./images/ico-h.gif') 0 .3em no-repeat; padding:  0 0 0 29px; margin: 10px 0 5px; font-size: 150%; }
#reference h3 a { text-decoration: none; color: #000; }

.me { float: left; margin: .4em 15px 15px 0; }
.me img{ margin: 0 !important; }
                                   
.toplist	{ height: 1px; overflow: hidden; }