/*
Theme Name: Cat and Dogs Theme
Theme URI: http://www.futureface.cz
Description: Future Face for Cat and Dogs
Version: 1.0
Author: Václav Jun
Author URI: http://futureface.cz

*/


body {font-size:90%;font-family:Calibri, 'Lucida Grande', Verdana, Arial, Sans-Serif;background: #6b584a url('images/bg.png') 50% 0 repeat;color:#cc9999;text-align:center}

a{color:#c4a085;text-decoration:underline}
a:hover {text-decoration:none}

body,h1,h2,h3,h4,h5,h6,p,table,fieldset,img,ul,li {border:0;margin:0;padding:0}

.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.fl  {float:left}
.fr {float:right}
.cl{clear:left}
.cr{clear:right}
.cb{clear:both}
.small{font-size:90%}
.b{font-weight: bold}
.hidd{display:none}



#page {background:#594739 url(images/bg-sidebar.png) repeat-y 100% 0;width:1002px;margin:0 auto;text-align:left}

#header {position:relative;background:transparent url('images/bg-header.png') 100% 0 no-repeat;margin:0;padding:0;height:207px;width:1002px}

#header #logo{position:absolute;left:0;top:0;width:639px;height:207px;margin:0;padding:0}
#header #logo a{display:block;background:transparent url('images/logo.png') 0 0 no-repeat;width:639px;height:207px;text-indent:-5000px;outline:0;overflow: hidden}
#language{position:absolute;right:99px;top:77px;width:147px;height:68px}
#language a{display:block;float:left;height:68px;text-indent:-5000px;outline:0}
#language .cs{background:url(images/flag-cz.jpg) 0 0 no-repeat;width:75px}
#language .en{background:url(images/flag-en.jpg) 0 0 no-repeat;width:72px}

ul#menuCat{list-style:none;height:54px}
ul#menuCat li{float:left;display:block}
ul#menuCat li a{display:block;text-indent:-5000px;height:54px;outline:0;overflow: hidden}
ul#menuCat li a.news{background:url(images/m-news.png) 0 0 no-repeat;width:121px}
ul#menuCat li a.news:hover{background:url(images/m-news.png) 0 -54px no-repeat}
ul#menuCat li a.concerts{background:url(images/m-concerts.png) 0 0 no-repeat;width:180px}
ul#menuCat li a.concerts:hover{background:url(images/m-concerts.png) 0 -54px no-repeat}
ul#menuCat li a.bands{background:url(images/m-bands.png) 0 0 no-repeat;width:131px}
ul#menuCat li a.bands:hover{background:url(images/m-bands.png) 0 -54px no-repeat}
ul#menuCat li a.foto{background:url(images/m-foto.png) 0 0 no-repeat;width:111px}
ul#menuCat li a.foto:hover{background:url(images/m-foto.png) 0 -54px no-repeat}
ul#menuCat li a.mp3{background:url(images/m-mp3.png) 0 0 no-repeat;width:147px}
ul#menuCat li a.mp3:hover{background:url(images/m-mp3.png) 0 -54px no-repeat}
ul#menuCat li a.phorum{background:url(images/m-phorum.png) 0 0 no-repeat;width:134px}
ul#menuCat li a.phorum:hover{background:url(images/m-phorum.png) 0 -54px no-repeat}
ul#menuCat li a.contacts{background:url(images/m-contacts.png) 0 0 no-repeat;width:178px}
ul#menuCat li a.contacts:hover{background:url(images/m-contacts.png) 0 -54px no-repeat}

#cdTop{background: url(images/top-cd.jpg) 0 0 no-repeat;height:184px}
#cdBott{background: url(images/bott-cd.jpg) 0 0 no-repeat;height:214px}
#cdBott .cdDesc{width:530px;height:100px;margin-left:50px}
#cdBott .cdDesc p{color:#cc9966;font-size:140%}
#cdBott .cdBtn{margin-left:79px}
#cdBott .cdBtn a{display:block;float:left;text-indent:-5000px;outline:0;height:72px;overflow:hidden}
#cdBott .cdBtn .listCd{background: url(images/btn-list.jpg) 0 0 no-repeat;width:249px;margin-right:21px}
#cdBott .cdBtn .buyCd{background: url(images/btn-buy.jpg) 0 0 no-repeat;width:169px}

#content {color:#cc9999}
#content .entry{font-size:120%;font-family:calibri,arial,sans-serif;padding:0 40px}
#content .entry p{line-height:1.5;padding:2px 0 10px 0}

#footer {background: #41332a url('images/brd.png') 0 0 repeat-x}

h1,h2{background: url(images/bg-title.png) -1px 0 repeat-y;padding:10px 15px 10px 0;margin:10px 40px}

h1, h1 a{font-size:220%;color:#ad693a;text-decoration: none}
h2, h2 a {font-size:150%;color:#ad693a;text-decoration: none}
h1 a:hover, h2 a:hover {color:#cc9999;text-decoration:none}

h3,h4{padding:15px 40px 8px 40px}

#respond{padding:15px 40px 0 40px}
#respond h3,#content .entry h3,#content .entry h2{padding:15px 40px 8px 0}
#content .entry h2{margin:0}
#respond h2{padding:15px 0 15px 0;margin:10px 0}
#content .entry h2{background:none }

.narrowcolumn {float:left;padding: 0 0 20px 0;width:637px}

.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px}

.post {margin:0;text-align:left}
.post strong{font-size: 110%;}

.post hr {display: block}

.narrowcolumn .postmetadata {padding-top: 5px}

.widecolumn .postmetadata {margin: 30px 0}

.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px}

.widecolumn .attachment {text-align: center;margin: 5px 0px}

.postmetadata {clear: both}

.clear {clear: both}

#footer {color:#cc9999;padding:0 35px;margin: 0 auto;clear:both}

#footer p {margin: 0;padding: 20px 0}



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar{font-size:110%;width:310px;float:left;margin-left:5px;padding:0 23px}
#sidebar h2{background:none;margin:0}
#sidebar img{background:#675446 none repeat scroll 0 0;border:1px solid #433424;padding:2px;margin:2px 2px 0 0}
#sidebar .linkImg{background:#594739;padding:10px;text-align:center;}
#sidebar form {
	margin: 0;
	}
#newsletterFormDiv input{border:0;font-family: calibri,sans-serif;font-size:110%;}
#newsletterFormDiv .newslleter{color:#CC9999;background:#675446;border:1px solid #433424;width:200px;padding:8px 3px;vertical-align: middle;}
#newsletterFormDiv .newsSub{color:#483b31;border:1px solid #433424;background:#ad693a url(images/bg-btn-send.png) 0 0 repeat-x;width:90px;padding:7px 3px;vertical-align: middle;margin-left:5px}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {color:#CC9999;background:#675446;width: 200px;border:1px solid #433424;padding: 5px;margin: 5px 5px 1px 0}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {color:#CC9999;background:#675446;border:1px solid #433424;width:95%;padding: 2px}
#respond:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
#commentform #submit {margin: 0 0 5px auto}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
font-size: 110%;
	padding: 10px ;
	margin:5px 20px;
	text-align: justify;
	}
.comment-page-numbers{padding:0 40px}


.commentlist .fn{font-size:140%;margin:0;padding:10px 0 0 10px}

.commentlist li {
background:#493b31;
border:1px solid #675446;
	margin:5px 0;
	padding:0;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.comment-body em{padding:0 0 0 10px}
.commentmetadata {margin:0;padding:0 0 0 10px;display:block}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
font-size:110%;
	display: block;
	padding:5px 40px
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */