/*
Theme Name: TapTap
Theme URI: http://www.taptap.cz
Description: The TapTap theme.
Tags: experimental, flash header, fixed width, two columns
*/
html, body, div, p, h1, h2, h3, h4, table, form, ul, ol, li { margin: 0 0 0 0; padding: 0 0 0 0; }
body {
    font-size: 10pt; /* Resets 1em to 10px */
    font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; text-align: center; background: #556035; }

/*hr { position: absolute; top: -100721px; width: 100px; }*/
hr { display: none;}
br.clear { clear: left; }
br.both { clear: both; }

#page {	background: #fff; margin: 0 auto; padding: 0 0 0 0; width: 1100px; position: relative; text-align: left;  }
#header {	width: 1100px; height: 245px; position: relative;  z-index: 1; }
#page.home #header { height: 550px; }
#head {	width: 1100px; height: 245px; position: absolute; top: 0; left: 0; z-index: 100; }
#page.home #head { height: 550px; }

h1, h2, h3 { font-family: 'Arial', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 { font-size: 23pt; color: #A7524A; text-transform: uppercase;}
h2 { font-size: 18pt; color: #A7524A; }
h3 { font-size: 12pt; color: #A7524A; }

a:link, a:visited { color: #ce7184; }
a:active, a:hover { color: #000; }

h2 a:link, h2 a:visited { color: #A7524A; }
h2 a:active, h2 a:hover { color: #000; }

h3 a:link, h3 a:visited { color: #A7524A; }
h3 a:active, h3 a:hover { color: #000; }

#content { background: url('gfx/bg-content.gif') 0 0 repeat-y #6D7A44; }
h2.pagetitle { margin-bottom: 20px; }

#paper { width: 739px; background: #E5E5C5; float: right; position: relative; right: 104px; }
#page.home #paper { width: 1100px; right: 0; }
#paper .post { width: 579px; position: relative; left: 60px; }

#side { width: 250px; float: left; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; position: relative; }
#side #pultik {
    width: 220px; height: auto;
    background: url('gfx/pultik.gif') 0 0 repeat-y #6D7A44;
    /*background-color:red;*/
    padding: 50px 0 0 0;  margin: 243px 0 0 0; z-index: 300; position: relative; top: 18px;
}
#side #pultik h1 { text-align: center; padding: 0 20px 5px 0; font: 18pt 'Impact'; font-weight: normal;}
#side #pultik ul, #side #pultik div.menu { width: 220px; height: auto; background: url('gfx/bg-pultik.gif') 0% 0% repeat-y #6D7A44;   }
#side #pultik ul li { width: 120px; list-style-type: disc; position: relative; left: 50px; font-size: 10pt; }
#side #pultik ul li h2 { color: #A7524A; position: relative; bottom: 20px; }
#side ul li a:link, #side ul li a:visited { color: #524949; }
#side ul li a:active, #side ul li a:hover { color: #6D7A44; }
#side #pultik ul li ul { background: none; width: 120px; }
#side #pultik ul li ul li { left: 0; padding: 0 0 5px 0; }
#side #pultik .bottom { display: block; width: 220px; height: 100px; background: url('gfx/pultik.gif') 100% 100% no-repeat #6D7A44;  }

#side span.character { display: block; width: 212px; height: 243px; background: url('gfx/character1.gif') 0% 0% repeat-y #6D7A44; position: absolute; left: 87px;  top: 18px; }

#side span.character#foto { background: url('gfx/character1.gif') 0% 0% no-repeat #6D7A44; }
#side span.character#video { background: url('gfx/character2.gif') 0% 0% no-repeat #6D7A44; }
#side span.character#e-shop { background: url('gfx/charakter3.gif') 0% 0% no-repeat #6D7A44; }
#side span.character#odkazy { background: url('gfx/charakter4.gif') 0% 0% no-repeat #6D7A44; }
#side span.character#koncerty { background: url('gfx/charakter5.gif') 0% 0% no-repeat #6D7A44; }
#side span.character#stahnisi { background: url('gfx/charakter6.gif') 0% 0% no-repeat #6D7A44; }

span#oponal { display: block; width: 47px; height: 251px; background: url('gfx/opona-l.gif') 0% 0% no-repeat; position: absolute; top: 230px; left: 0; z-index: 200; }
span#oponar { display: block; width: 37px; height: 252px; background: url('gfx/opona-r.gif') 0% 0% no-repeat; position: absolute; top: 228px; right: 0; z-index: 200; }

#footer {  background: url('gfx/bg-footer.gif') 0% 0% no-repeat #6D7A44; height: 110px; }
#footer p { padding: 50px 25px; color: #B7C193; line-height: 1.8em; text-align: right; }
#footer p a:link, #footer p a:visited { color: #B7C193 }
#footer p a:active, #footer p a:hover { color: #fff }
#footer.home { background: none; height: auto;}
#footer.home p { padding: 0 25px; }

ul.albums { list-style: none; padding: 0;}
ul.albums li { cursor: pointer; float: left; color: #556035; width:170px; height:210px; overflow: hidden; margin:0 20px 10px 0; background-color:#A7B577; position:relative; left:5px; top:5px; }
ul.albums li:hover { background-color: #6D7A44; }
ul.albums li img { display:block; position:relative; left:5px; top:5px; border: 1px solid #556035;}
ul.albums li span { display:block; padding:5px 5px 0 5px; text-align:center; margin:-1em 0 0; color: #000; }

table.photos { border:0; width:650px; }
table.photos td { text-align:center; vertical-align:middle; padding:10px 0; }
table.photos td a img { padding:3px; border:1px solid #ccc; background: #fff; }
table.photos td a:hover img { background-color:#6D7A44; }

span.map_bubble, span.map_bubble a, span.map_bubble a.hover { color: black; }

span.map_blue_legend { display: block; width: 40px; height: 32px; background: url(img/blue-dot-check.png) no-repeat left top; }
span.map_red_legend { display: block; width: 40px; height: 32px; background: url(img/red-dot-check.png) no-repeat left top; }
span.map_gray_legend { display: block; width: 40px; height: 32px; background: url(img/gray-dot-check.png) no-repeat left top; }

.map_legend_wrapper { width: 100%; }
.map_legend_wrapper, .map_legend { border: none; }

.map_legend_wrapper a, .map_legend_wrapper a:hover { text-decoration: none; cursor: pointer; }

#picasa { margin: 0;}
#picasa a { margin-left: 40px; display: block; height: 40px; width: 110px; background: #fff url(img/picasa_logo.gif) 3px 3px no-repeat; }
#picasa a span { display: none; }

#calendar { margin: 0;}
#calendar a { margin-left: 40px; display: block; height: 44px; width: 110px; background: #fff url(img/calendar_logo.gif) 0px 0px no-repeat; }
#calendar a span { display: none; }

span.point {
    background: url(img/point.png) 0 5px no-repeat;
    width: 8px;
    height: 16px;
    display: inline-block;
}

.comments .commentlist li { padding:0 0 2em; background: #ddddbf; padding:10px; margin:0 0 5px; }
.comments .commentlist .comment-meta { float:right; padding:0 0 .5em; font-size:.9em; }
.comments .commentlist .comment-author { position:relative; float:left; padding:0 0 .5em; padding:0 0 0 40px; }
.comments .commentlist .comment-author img { position:absolute; left:0; top:0; }
.comments .commentlist p { clear:both; padding:0 0 0 40px !important; }

#commentform p { margin-bottom: 8px; }

#home-news { padding: 10px 15px 0 15px; font-size: 11pt;}
#home-news .item { width: 330px; padding: 0 10px 0 10px; }

#home-footer { background-color: #556035; text-align: right; color: #B7C193;}

/*#commentform label { display:block; width:200px; float:left; }*/
/*#commentform input { display:block; width:200px; float:left; }*/
/*#commentform textarea { display:block; width:400px; height:200px; }*/
/*#commentform input#submit { margin:0 0 0 200px; float:none; }*/

.entry p { padding-bottom: 10px;}

div.perfor {
    background: transparent url(gfx/perforace.gif) repeat-x;
    display: block;
    height: 3px;
}