body{
	font-family: Cantarell, Comfortaa, "DejaVu Sans", "Trebuchet MS", Tahoma, Helvetica, sans-serif;	
	color:#000;
	margin:0;
	padding:0;
	height:100%;
}

sub{
	font-size:60%;
	font-weight:bold;
	position:relative;
	left:-0.3em;
	top:-0.3em;
}

p sup{
	font-size:60%;
	font-weight:bold;
	position:relative;
	left:0.1em;
	top:0;
}

p sub{
	font-size:60%;
	font-weight:bold;
	position:relative;
	left:-0.1em;
	top:-0.2em;
}

sup{
	font-size:60%;
	font-weight:bold;
	position:relative;
	left:0.3em;
	top:0;
}

/* ODKAZY */

a{
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}


p a,
div.odkazy a{
	font-weight:normal;
}

/* NADPISY */

h1{
	font-weight:bold;
	font-size:120%;
	display:inline-block;
	color:#fff;
	width:auto;
	text-align:center;
	padding:0 2%;
	height:38px;
	line-height:38px;
	margin:1em 0 0.3em;
}

h2{
	font-size:120%;	
	font-weight:bold;
	margin:1.2em 0 0.4em;
}

h3{	
	font-size:100%;	
	font-weight:bold;
	margin:0.6em 0 0.2em;
}

div.text h3 a{	
	color:#000;
}

h4{
	font-family: Cantarell, "DejaVu Sans", "Trebuchet MS", Tahoma, Helvetica, sans-serif;	
	font-size:80%;	
	font-weight:bold;
	margin:0.5em 0 0.3em;
}

/* ODSTAVEC */
p{
	font-family: "Forum", "Crimson Text", "Junicode",  "Palatino Linotype", Garamond, Georgia, serif;
	text-align:justify;
	margin:0.3em 0 0.5em 0;
}

/* OBSAH STRANKY */

div.highlights{
	display:block;
	width:94%;
	margin:0;
	padding:0 3%;
}


div.highlights ul,
div.highlights ul.ul2{
	font-weight:bold;	
	text-align:left;
	color:#000;
	margin:0;
	padding:0;
	list-style: none;
}

div.highlights ul.ul2{
	font-family: Cantarell, "DejaVu Sans", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-size:80%;
	width:98%;
	display:block;
}

div.highlights li{
	font-weight:bold;
	text-indent:-1em;	
}

div.highlights li:before{
	content: "\2023 \0020";
}

div.highlights ul.ul2 a{
	font-weight:normal;
	color:#000;	
}

/* seznam receptu */

div.recipe_list{
	margin:0;
	width:70%;
	float:left;
}

div.thumbs{
	margin:0;
	width:30%;
	float:left;
	
} 

ul.content > li{
	display:inline-block;
	vertical-align:top;
	float:left;
	padding:0.5%;
	margin:0.7em;
}
div.recipe_list ul.content > li{
	width:29%;
}
div.highlights > ul.content > li{
	width:13%;
}

ul.content li:before{
	content:none;
}

ul.content ul.ul2 li{
	text-indent:-1em;
	float:none;
}

ul.content ul.ul2 li:before{
	content:"\2023 \0020";
}

/* RECEPTY a POSTUPY */


body.color3 p{
	font-size:100%;
}


div.recipe_ingred,
div.postup_ingred{
	margin:1% 0;
	padding:0 1% 1%;
	width:15%;
	float:left;
	border:solid 2px #c90;
}
div.recipe_ingred{
	width:15%;
}
div.postup_ingred{
	width:22%;
}

div.recipe_ingred ul,
div.postup_ingred ul{
	font-family: Cantarell, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-size:80%;
}

div.recipe_proced,
div.postup_proced{
	margin:1% 1%;

	float:left;
	padding:0 2% 0;
	font-weight:normal;
}
div.recipe_proced{
	width:45%;
}
div.postup_proced{
	width:38%;
}

div.recipe_proced p,
div.postup_proced p{
	font-size: 95%;
}

div.recipe_proced p.ital,
div.postup_proced p.ital{
	font-style:italic;
}

div.recipe_imgs,
div.postup_imgs{
	margin:1% 0;
	width:30%;
	float:right;
}

span.inghead{
	font-weight:bold;
	display:inline-block;
	margin-top:0.5em;
	width:100%;
}

/* ODRAZKY A CISLOVANI */

li.a,
li.current{
	list-style-type:none;
}

li.current{
	color:#fff;
}


/* odrazky a cislovani v textu */

div.text ol,
div.recipe_proced ol,
div.postup_proced ol{
	font-family: "Forum", "Crimson Text", "Junicode",  "Palatino Linotype", Garamond, Georgia, serif;
	padding:0;
	margin:0 1.5em;
}

div.text ol li,
div.recipe_proced ol li,
div.postup_proced ol li{
	font-family: Cantarell, Comfortaa, "DejaVu Sans", "Trebuchet MS", Tahoma, Helvetica, sans-serif;	
	font-size: 90%;
	font-weight:normal;
	padding-left: 0; 
	text-indent: 0;
}

div.text ol li:before,
div.recipe_proced ol li:before,
div.postup_proced ol li:before{
	content:none;
}

div.text ul,
div.odkazy ul,
div.recipe_ingred ul,
div.postup_ingred ul,
div.recipe_proced ul{
	list-style: none;
	padding:0;
	margin:0;
}

div.text ul{
	margin-bottom:1.5em;
	font-size:95%;
}

div.text li,
div.recipe_ingred li,
div.postup_ingred li,
div.recipe_proced li{ 
	padding-left: 1em; 
	text-indent: -1em;
}

div.odkazy ul{
	padding-left: 3em;
}
div.odkazy li{
	padding-left: 1em; 
	text-indent: -1em;
}

div.text li:before,
div.odkazy li:before,
div.recipe_ingred li:before,
div.postup_ingred li:before,
div.recipe_proced li:before,
div.postup_proced li:before{
	content: "\2023 \0020";
}

div.recipe_proced ul{
	font-family: "Forum", "Crimson Text", "Junicode", "Palatino Linotype", Garamond, Georgia, serif;
	font-size:95%;
}

div.recipe_proced li,
div.odkazy li,
div.recipe_ingred li{
	font-weight:normal;
}


/* BARVY */

/* barva menu, nadpisu 1 */

body.color1 h1,
#menu li.color1 div.menu,
#menu li.color1 ul{
	background:#95c;
}

body.color2 h1,
#menu li.color2 div.menu,
#menu li.color2 ul{
	background:#2b2;
}

body.color3 h1,
#menu li.color3 div.menu,
#menu li.color3 ul{
	background:#fd0;
}

body.color4 h1,
#menu li.color4 div.menu,
#menu li.color4 ul{
	background:#0ce;
}

body.color5 h1,
#menu li.color5 div.menu,
#menu li.color5 ul{
	background:#f90;
}

h1.error{
	background:#000;
}


/* barva odkazu, odrazek, nadpisu 2 */

body.color1 a,
body.color1 div.text li:before,
body.color1 div.highlights ul.ul2 li:before,
body.color1 h2{
	color:#80a;
}

body.color2 a,
body.color2 h2,
body.color2 div.text li:before,
body.color2 div.highlights ul.ul2 li:before,
body.color1 a.color2{
	color:#0a0;
}

body.color3 a,
body.color3 h2,
body.color3 div.text li:before,
body.color3 div.highlights ul.ul2 li:before,
div.recipe_ingred li:before,
div.postup_ingred li:before,
span.inghead,
div.recipe_proced li:before,
body.color1 a.color3{
	color:#c90;
}

body.color4 a,
body.color4 h2,
body.color4 div.text li:before,
body.color4 div.highlights ul.ul2 li:before,
body.color1 a.color4{
	color:#08a;
}

body.color5 a,
body.color5 h2,
body.color5 div.text li:before,
body.color5 div.odkazy li:before,
body.color5 div.highlights ul.ul2 li:before,
body.color1 a.color5{
	color:#f60;
}

#container {
	min-height:100%;
	width:100%;
	background:#fff;
	position:absolute;
}

#header {
	padding:0px;
}

#body {
	padding:0px;
	padding-bottom:32px;
}

#footer{
	background:#777;	
	width:96%;	
	height:32px;
	padding:0 2%;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	text-align:right;
	color:#fff;
	line-height:32px;
	font-size:80%;	
}

#page{
	margin:0 auto 0;
	padding:0;
	padding-bottom:32px;
}

body.color1{
	background:#fff;	
}

#main{
	padding:0;
}

#menu{
	width:100%;
	background:#999;
	height:46px;
	padding:0;
}

div.menu{
	display:block;
	font-size:120%;
}

li.menu a{
	color:#000;
}

div.menu a{
	padding:0 20px 0;
	height:46px;
	line-height: 46px;
}

div.menucurrent{
	padding:0 20px 0;	
	height:46px;
	line-height: 46px;
}

li.menu a:hover{
	color:#fff;
	text-decoration:none;
}

#menu ul.menu{
	display:block;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

#menu ul.menu li.menu{
	display:block;
	float:left;
	width:auto;
	text-align:center;
	font-weight:bold;
	border-style:solid;
	border-width:0 0.3em 0 0;
	border-color:#fff;
}

#menu a{
	display:block;
}

#menu ul.submenu{
	display:block;
	width:100%;
	float:left;
	padding:0 0 0.3em 0;
}
#menu ul.submenu li{
	display:block;
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
}

div.section{
	padding:1% 3%;
	width:94%;
	display:block;
}

div.text{
	float:left;
	width:62%;
	padding:0 4% 0 2%;
}

div.imgs{
	float:left;
	width:30%;
	padding:0 0 0 2%;
}

div.textpic{
	float:left;
	width:32%;
	padding:0 4% 0 2%;
}

div.pics{
	float:left;
	width:60%;
	padding:0 0 0 2%;
}

img.foto{
	width:100%;
} 
img.small_foto{
	width:49%;
	margin:0.5%;
	float:left;
} 

.ital{
	font-style:italic;
	font-weight:normal;
	font-size:95%;
}
.usual{
	font-family: Cantarell, "DejaVu Sans", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-weight:normal;
	font-size:90%;
}
.bold{
	font-weight:bold;
}

.thumb{
	float:left;
	width:24%;
	height:24%;
	margin:0.5%;
}

.hide{
	visibility:hidden;
}

.clearer{
	clear:both;
}


/* KOMENTARE */

div.commenting{
	width:50%;
	padding:1%;
	padding-bottom:2em;
}

/* odesilani komentare*/
div.comment{
	background:#888;
	padding:2%;
	color:#fff;
}

.compulsory{
	font-weight:bold;
}

form label{
	display:inline-block;
	width:4em;
	padding-right:0.4em;
	text-align:right;
	margin-top:0.4em;
}

input[type=text],
#comment_body{
	font-family: Cantarell, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	background-color: #fff;
	border:solid 1px #000;
	color: #000;
	height: 1.5em;
	font-weight:bold;
}

input[type=text]{
	width: 80%;
	padding-left: 0.4em;
}

#comment_body{
	width:97%;
	height:6em;
	padding: 0.4em;
	margin-top:1em;
	color:#888;

}

div.button{
	text-align:right;
}

/* vypis komentaru */

div.comments{
	font-family: Cantarell, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

div.commentbox{	
	display:block;	
	width:100%;
	color:#fff;
	padding:0;
	margin:2% 0;
}

div.commenthead{
	width:auto;
	background:#888;
	padding:0 1%;
	height:2em;
	line-height:2em;
}

div.authorinfo{
	font-family: Cantarell, Comfortaa, "DejaVu Sans", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	float:left;
	font-weight:bold;
}

div.authorinfo a{
	color:#fff;
}

div.time{	
	font-size:85%;
	text-align:right;
	float:right;
}


div.commenttext{
	font-size:85%;	
	background: #fff;
	color:#000;
	padding:1%;
	width:auto;
	font-weight:bold;
	border:solid 1px #000;
}