/*
Theme Name: HTML 5
Theme URI: 
Description: CSS sablona pre HTML 5.
Version: 1.0
Author: Vladimír Bystriasnký
Author URI: http://korculiar.sk/
Tags: html5
font-family:Georgia,"Times New Roman",Times,serif;
*/

/* ------- ZAKLAD ------- */

header, footer, section, article, aside, nav {
	display: block;
/*border:1px solid red;*/
	}
body {
	margin: 0 auto;
	width: 984px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	line-height: 1.5em;

	}
body>section {
margin-bottom:-40px;
margin-left:10px;
}
.front {
background:#F7F6E8 url(./images/arsback.png) top center no-repeat;
}
.other {
background:#F7F6E8 url(./images/arsback2.png) top center no-repeat;
}
.size-thumbnail, .none, .size-medium {
display:none;
}


a:active, a:focus {outline:0;}

a, h1 {
text-decoration:none;
color:#a55d32;
}
a:hover {
text-decoration:underline;
color:#bd6d3e;
}


/* -------- HEADER --------- */
img {
border: 0;
}
body>header {
	color: #ccc;
height:85px;
	}
	body>header h1 {
		margin: 20px 0 0 20px;
		float: left;
		width:230px;
border:0;
		}



		
header .basic {
float:right;
width:450px;/*450 povodne s linkami*/
text-align:left;
clear:none;
/*margin-top: -12px;*/
}

header .basic ul{
padding-left:45x;
padding-top:4px;
margin:0;
}
header .basic ul li {
display: inline-block;
margin: 0 10px;
text-decoration:none;
text-transform: uppercase;
line-height: 28px;
list-style:none;
vertical-align: middle;
}
header .basic ul li a{font-size: .8em; text-transform: uppercase; line-height: 29px; height: 29px;}

header fieldset{position: relative; }

header .basic li.search,header .basic li.search form,header .basic li.search fieldset{
display: inline-block;
height:28px;
}
input.s {
border: 0; 
background: url("./images/search-input.png") no-repeat top left; 
padding: 6px 14px 6px 7px;
width: 120px; 
margin:0;
}
.submit{
vertical-align: middle; 
position: relative;
}

fieldset {
margin:0;
padding:0;
border:0;
}
/* ----- NAVIGATION ------ */

.main, .main ul { /* all lists */
	line-height: 7px;
	clear: both; 
	height: 30px;
	list-style: none;
padding:0;
margin-left:5px;
}
.main ul li { /* all list items */
	display:inline;
	width: auto; /* width needed or else Opera goes nuts */
text-transform: capitalize;
font-weight:bold;
font-size:120%;
margin:0 15px 0 10px;
font-family:Helvetica,Helvetica Neue,Interstate,Arial;
}
.main ul li a {
color:#8b2114;
}
.main ul li a:hover {
color:#B65F54;
}

.next a{
color:#8B2114;
}
/* ==---------- POSTS -----------== */

article[id*=post-] {
	padding:  0;
	}
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding-top: 10px;
	line-height:1.1em;
font-size:15px;


	}

/* ------ Single clanok ------ */
.other>section {
width:720px;
float:left;
}
.single h1 {
color:#8b2114;
text-align:right;
margin-right:45px;
font-family:Arial,Helvetica,Helvetica Neue;
font-weight:bold;
}
section .size-large {
/*float:left;*/
border:1px solid #C99F7E;
box-shadow: -1px 1px 3px #C99F7E;
-webkit-box-shadow: -1px 1px 3px #C99F7E;
-moz-box-shadow: -1px 1px 3px #C99F7E;
margin:-70px 25px 0 10px;
padding:8px;
background-color:transparent;
}
.single ol {
margin:0 0 0 280px;
}
.single .parametre {
margin:0 0 0 280px;
color:#a55d32;
}
.single strong {
display:block;
margin-right:20px;
text-align:right;
font-size:1.7em;
color:#AD2919;
}
.single .logo {
float:right;
margin-right:20px;
}
.single p span{
display:block;
text-align:right;
margin:5px 20px;
color:#AD2919;
}
.single p em {
color:#AD2919;
}

.bigpic img[height="350"] {
height:300px !important;
width:300px !important;
}
.skryma {
display:none;
}
.bigpic, .kola {
float:left;
}
.bigpic .znacky {
text-align:center;
margin: 5px 25px 0 10px;
width:315px;
}
.bigpic .znacky img {
padding:5px;
}
.tagy {
text-align:right;
margin:0 20px;
}
.korcule, .boty, .viazko {
width:360px;
float:right;
}
.kolieska {
width:400px;
float:right;
}
.boty ol, .viazko ol, .korcule ol, .kolieska ol, .korcule .parametre, .boty .parametre, .viazko .parametre, .kolieska .parametre {
margin:0;
}

.kola .size-full {
border:1px solid #C99F7E;
box-shadow: -1px 1px 3px #C99F7E;
-webkit-box-shadow: -1px 1px 3px #C99F7E;
-moz-box-shadow: -1px 1px 3px #C99F7E;
margin:-70px 25px 0 30px;
padding:8px;
background-color:transparent;
}

/* ----------- Clanky v Kategorii ------------*/
.category {
float:left;
margin:5px 10px;
padding:5px;
}
nav.clear {
clear:both;
text-align:center;
}
nav.clear p {
margin:0;
}
/* ======--------- SIDEBAR -------====== */

aside {
	min-height:500px;
	overflow: hidden;
	width: 240px;
	float: right;
	clear: none;
	/*border:1px solid blue;*/
	}
aside>ul {
margin:0;
padding:0;
}

	aside ul li {
		list-style: none;
		}
/*aside>ul>li>ul>.cat-item:before {
		content: "» ";

		}*/
aside ul li a {
display:block;
padding-left:10px;
margin-right:11px;
background-color:#F3EEDF;
border-bottom:1px solid #E3D0BB;
}
aside ul li a:hover {background-color:#F7F6E8;}

.children li a {
padding-left:25px;

}
aside ul li ul {
margin:0; padding:0;
margin-left:25px;
}
aside .cat-item {
line-height:2em;
}

.widkontakt {
background-color:#F3EEDF;
/*border:1px solid #E3D0BB;*/
margin: 0 10px 0 25px;
}

.widkontakt li{
border-bottom:1px solid #E3D0BB;
color:#333/*#8b2114*/;
padding-left:10px;
line-height:2em;
}

aside ul li ul li ul li {
list-style: none;
font-weight:normal;
margin-left: -5px;
}

.widgettitle {
clear:both;
margin:25px 11px 5px 25px; padding:0;
color:#8B2114;
}

.current-cat {
font-weight:bold;
}
.current-cat a {
background-color:#F7F6E8;
}
.children {
margin:0; padding:0;
}
.children .cat-item {
margin:0; padding:0;
}
.viewed_posts {
margin:0;
padding:0;
}
.viewed_posts li {
list-style-type:none;
padding:0;
margin:0 0 0 25px;
display: block;

height:31px;
overflow:hidden;
text-align:left;
border-bottom:1px solid #E3D0BB;
position:relative;
background-color:none;
}

.viewed_posts li img {
postion:absolute;
top:0;
left:0;
max-width:30px;
height:30px;
margin:0;
padding:0;
float:left;
}
.viewed_posts li p{
position:absolute;
left:35px;
top:0;
z-index:-1;
padding:0;
margin:0;
font-size:0.8em;
line-height:1.1em;
}
.viewed_posts li a{
padding:0;
margin:0;
display:block;
width:204px;
height:30px;
background:transparent;
}
.viewed_posts li a:hover {
/*background:transparent;*/
}

#last-viewed-posts-copy-1 h2, #last-viewed-posts h2 {
font-size:1.1em;
}
.advanced-random-posts, .popular-week {margin:0; padding:0;}
.advanced-random-posts li, .popular-week li {
margin:0;
padding:2px;
width:110px;
display: block;
float:left;
font-size:0.8em;
text-align:center;
}

.advanced-random-posts li a:hover {
text-decoration:none;
}
.random-posts-thumb, .popular-thumb {
max-height:110px;
margin:0;
padding:0;
}

/* ------------ FOOTER ---------- */

body>footer {
	/*padding-top: 100px;*/
	text-align: center;
	overflow: hidden;
	width: 100%;
height:140px;
	clear: both;
background:#F7F6E8 url(./images/arspata.png) top center no-repeat;
/*border:1px solid green;*/

	}

footer div {
margin-top:65px;
overflow:hidden;
}
.malinke {
font-size:0.7em;
text-align:right;
margin-top:25px;
color:#D7B79A;
}
footer img{
vertical-align:middle;
}
.leftpaty {
float:left;
margin:0 0 0 30px;
text-align:left;
width:320px;
}
.stredpaty{
width:280px;
float:left;
margin:0;
}
.social {
width:320px;
float:left;
text-align:right;
margin:0;
}

.navrhy {
clear:both;
position:relative;
padding-left:10px;
}
.navrhy div {margin:0;}
.navrhy ul {margin-top:20px;border:1px solid #E3D0BB; padding:10px; overflow:hidden;
}
.navrhy img {display:block; margin:0 auto;}
.navrhy h2 {
position:absolute;
font-size:0.9em;
color: #A55D32;
font-style:italic;
display:block;
top:-3px;
left:25px;
background-color:#F7F6E8;
padding:2px 5px;
}

.advanced-random-posts li strong {display:block;}
/* ---------- PAGE akoze STRANKY bez vyznamu O NAS Linky a tak -------*/

.uvodakcie img{margin-bottom:10px; }

.page .alignleft {
float:left;
margin: 0 15px 5px 0px;
}
h1, .page p{
margin-left:10px;
}
h1 {
font-family:Helvetica,Helvetica Neue,Arial;
/*margin: 10px 0;*/
}
.page .wp-caption {
border:1px solid #C99F7E;
text-align:center;
}
.wp-caption p{
margin:0;
padding:0;
font-style:italic;
}
.wp-caption img {
margin:5px 5px 0 5px;
}
.blok {
float:left;
margin: 0 5px 5px 5px;
width:230px;
}
.blok img { margin:0 5px 0 0; }
.spodok {
clear:both;
}
.spodok a img{
border: 1px solid #C99F7E;
margin:0 8px 0 0;
padding:5px;
}
.page .right {
float:right;
width:300px;
}
.right iframe {
border:1px solid #C99F7E;
padding:5px;
}
.page .formleft {
width:370px;
float:left;
}
.chyba {
height:400px;
}
.reklamy h2 {
dispaly:none;
}

.reklamy ul, .reklamy ul li {margin:0; padding:0}
/* ------------ PODSTRANKY myslene na Category ------------*/
.category div {
text-align:center;
}
.category div p, .step .panel p, .step2 .panel2 p {
margin:0;
}

#post-7 .sekcia img, #post-8 .sekcia img {
margin-right:5px;
}




/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* ------------- Hladanie ---------- */
#hladanie ol li {
display:block;
max-width:150px;
float:left;
text-align:center;
margin:5px 10px;
/*border:1px solid red;*/
}

/* ------- UVODNY KOLOTOC MUSI OSTAT NA KONCI :) -------*/
.step, .step2{
position: relative; /*leave this value alone*/
border: 1px solid #C99F7E;
overflow: scroll; /*leave this value alone*/
width: 962px;
height: 300px; /*Height should enough to fit largest content's height*/
margin: 17px 0;
}
.step2 {
height: 210px;
}


.belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.panel, .panel2{
text-align:center;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 8px; /*margin around each panel*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel2 {
width: 150px;
}