/*
Theme Name: HDKA
Description: HDKA 1st theme
Author: max0op@gmail.com
Version: 1
*/
/* -------------------------------------------------------------- */
/* show left srollbar to prevent left/right shift */
html{ overflow-y : scroll; }
/* ------------------------- body -----------------------------  */
body{
	vertical-align: top;
	margin: 0px;
	font-family: Verdana, Helvetica, Georgia, Sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	color: #3B3B3A;
}
/* ------------------------ header ----------------------------  */
#header{
	display:block;
	width: 960px;
	height: 135px;
	margin: auto;
	border-bottom: #c5d600 solid 4px;
}
/* sadržaj headera-a */
#header-content{
	width: 960px;
	height: 135px;
	margin: 0px auto;
}
/* header image */
#header-img{
	display: block;
	float: left;
	width: 400px;
	height: 75px;
	margin: 47px 0 0 0;
	background-position: right bottom;
	background:url('images/logo_header.png') no-repeat;
}
/* ------------------------ wrapper ----------------------------  */
#wrapper{
	float: relative;
	margin: 30px auto 30px auto;
	width: 960px;
	height: auto !important;
}
/* ----------- all pages content = wrapper - sidebar ----------- */
#content{
	float: left;
	width: 720px;
	min-height: 600px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
/* sivi crtkani box */
.postpr{
	display: block;
	float: left;
	position: relative;
	width: 690px;
	height: auto !important;
	padding: 0px 5px 5px 5px;
	margin: 10px 15px;
	border: 1px dotted #999;
}
/* wrapper za pojedinačni post umjesto sivog crtkanog - da naslovi ne skaču */
.post-single{
	display: block;
	float: left;
	position: relative;
	width: 690px;
	height: auto !important;
	padding: 0px 5px;
	margin: 10px 15px;
	border: 1px solid #FFF;
}
/* tablica naslova, datuma i kategorije */
table.postnfo{
	position; absolute;
	width: 690px;
	padding: 10px 5px;
	border-bottom: 1px dotted #c5d600;
}
/* vertikalno poravnanje sadržaja tablice */
table.postnfo td{
	vertical-align: top;
}
/* stil naslova posta */
.title{
	width:auto;
	height: auto;
	vertical-align: top;
	text-align:left;
	line-height: normal;
	font-weight: 100;
color: #3B3B3A
}
.title a, .title a:visited{
	color:#3B3B3A !important;
	text-decoration: none;
	font-size:16px;
}
/* stil datuma i kategorije */
.postmeta {
	text-align: right;
	font-weight:normal;
	font-size: none;
}
/* stil sažetka */
.entry{
	display: block;
	position:relative;
	width:auto;
	height: auto !important ;
	padding: 10px;
	text-align: justify;
	margin-bottom: 40px;
}
.list-entry{
	display: block;
	position:relative;
	width:auto;
	height: auto !important ;
	padding: 10px;
	text-align: justify;
}
/* thumbnail box */
.thumbnail{
	float:left;
	left: 0px;
	width: 225px;
	height: auto;
	margin: 15px 15px 15px 0;
	text-align: center;
	vertical-align: bottom;
	z-index: inherit;
}
/* sažetak - tekst */
.thumbnail-entry{
	position: relative;
	width: auto ;
	height: auto !important ;
	padding: 0;
}
.more-link {
	display: block;
	margin: 11px 0 0 0;
}
.share{
	position: relative;
	bottom: 30px;
	left: 350px;
}
.share-single{
	position: absolute;
	right: 15px;
	bottom: 15px;
	margin: 0px 0;
}
.no-posts {
	margin: 10px;
	text-align: center;
}
/* -------------------------- sidebar -------------------------- */
#sidebar{
	float: right;
	width: 220px;
	margin: 10px 0 0 0;
	padding: 0px;
	text-align: left;
	border-top: 1px dotted #999;
}
#sidebar ul{
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
#sidebar ul li{
	float: left;
	width: 215px;
	margin-bottom: 5px;
	padding: 5px 0 20px 5px;
	border-bottom: 1px dotted #999;
}
#sidebar ul li ul {
	text-align: center;
}
#sidebar ul li ul li{
	margin-bottom: 5px;
	padding: 0 0 0 5px;
	text-align: left;
	border-bottom: none;
}

#sidebar h3 {
	float: left;
	margin-top: 10px;
}
/* ----------------------- archive menu ------------------------ */
.year, .year_current {
	float: left;
	width: 35px;
	height: auto;
}
.month, .month_current {
	float: left;
	width: 17px;
	height: auto;
	text-align: center;
}
.year_current, .month_current {
	text-decoration: underline;
}
/* ------------------------ searchform ------------------------- */
#searchform {
	float:right;
	margin: 100px 0 0 0;
}
#s{
	width: 225px;
	height: 15px;
	padding: 3px;
	border: dotted thin #3B3B3A;
	font-size: 12px;
}
#btn{
	width:23px;
	height:20px;
	padding: -5px 0 0 0;
	border: none;
	background:  url('images/search_butt.png');
}
/* ------------------------ searchresult ------------------------- */
.serachfor{
	float: left;
	width: 690px;
	height: auto;
	padding: 5px 5px;
	margin: 10px 15px;
	font-size: 12px;
	border-bottom: 1px dotted #c5d600;
}
table.search-nfo{
	position; absolute;
	width: 690px;
	padding: 10px 5px;
	border-bottom: 1px dotted #c5d600;
}
/* vertikalno poravnanje sadržaja tablice */
table.serach-nfo td{
	vertical-align: middle;
}
/* stil naslova posta */
.serach-title{
	height: auto;
	vertical-align: middle;
	line-height: normal;
}
.serach-title a, .serach-title a:visited{
	color:#3B3B3A !important;
	text-decoration: none;
	text-transform: lowercase;
	font-size:11px;
	font-weight: bold;
}
.search-thumb{
	float:left;
	left: 0px;
	width: 100px;
	height: auto;
	margin: 15px;
	text-align: center;
	vertical-align: bottom;
}
.search-entry{
	display: block;
	position:relative;
	width:auto;
	height: auto !important ;
	padding: 0 10px;
	text-align: justify;
}
.search-highlight {
	color: #696800;
}
/* ----------------------- footer styling ---------------------- */
#footer{
	clear: both;
	float: left;
	width: 960px;
	height: 30px;
	margin: 20px auto;
	padding: 0px 40px 5px 0px;
	background-color: #3B3B3A;
	line-height: 12px;
	text-align: right;
	color: #c5d600;
}
/* ---------------------------------------------------------------- comment form */
#comments-block {
	display: block;
	float: left;
	width: 650px;
	height: auto !important;
	padding: 0px 20px;
	margin: 5px 15px;
	border: 1px solid #FFF;
}
.single-comment {
	float: left;
	width: 600px;
	margin: 0 0 0 50px;
}
.single-comment .odd, .single-comment .even {
	float: left;
	width: 620px;
	margin: 10px 0;
}
.comment-meta {
	float: left;
}
.comment-text {
	float: right;
	width: 500px;
}
#comments-form {
	display: block;
	float: left;
	width: 660px;
	height: auto;
	margin: 15px 0;
}
#comments-form ul, #comments-form li {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

h4.comments-header {
	float: left;
	width: 660px;
	margin: 14px 0 0 0;
	padding: 0 0 14px 0;
	font-size: 11px;
	text-align: left;
	border-bottom: 1px dotted #C5D600;
}
.comments-form-left {
	float: left;
	width: 150px;
	margin: 15px 20px 10px 0;
	text-align: right;
	line-height: 16px;
}
#commentform {
	width: 490px;
	float: right;	
}
#author, #email, #url {
	float: left;
	height: 13px;
	border: none;
	margin: 1px 0 1px 0;
	background-color: #F2F2F2;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	
}
#commentform p, #comments-form-left p{
	padding: 0 0 2px 0;
}
#email {
	
}
#url {
	
}
#comment {
	float: left;
	width: 488px;
	margin: 15px 0;
	border: #DDD solid 0.5px;
}
#sub {
	float: right;
	border: none;
    background-color: #F2F2F2;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	
}
/* -------------------------- heading -------------------------- */
h1{
	font-size: 16px;
}
h2 {
	font-size:14px;
}
h3 {
	font-size: 12px;
}
/* -------------------------- links -------------------------- */
/* text link */
A:link, A:visited, A:active, A:hover{
	text-decoration: none;
	color: #696800;
}
/* image link */
a img {border: none; }
/* -------------------- poravnanje slika --------------------- */
	
img.alignright {display: inline; float:right; margin:0 0 1em 1em;}
img.alignleft {display: inline; float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {display: inline; float:right; margin:0 0 1em 1em;}
a img.alignleft {display: inline; float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* --------------------------- Menu -------------------------- */
#navbar_container {
	width: 960px;
	height: 71px;
	margin: 4px 0 0px 0;
	float: left;
}
#navbar {
	width: 960px;
	height: 30px;
	padding: 0;
	float: left;
	background-color: #3B3B3A;
}
.menu_lr {
	width: 1px;
	height: 30px;
	float: left;
}
ul#navcatlist {
	position: relative;
	left: -20px;
	width: 100%;
	display: block;
	list-style: none;
	margin: 0px;
	text-transform: lowercase !important;
	font-weight: ;
	font-size: 11px;
}
ul#navcatlist li {
	float: left;
	list-style: none;
}
ul#navcatlist li ul {
	width: 958px;
	height: auto;
	z-index: 999;
	left: -999em;
	position: absolute;
}
ul#navcatlist li li {
	width: auto;
}
/* linija kategorija */
ul#navcatlist li a {
	height: 30px;
	margin: 0px 0 0 0;
	padding: 0 10px 0 10px;
	display: block;
	color: #FFF;
	line-height: 30px;
}
/* kategorija hover */
ul#navcatlist li a:hover {
	text-decoration: none;
	background-image: url(images/underline.png);
	background-repeat:no-repeat;
	background-position:left; 
}
/* kategorija aktivne podkategorije */
ul#navcatlist li.current-menu-parent {
	padding: 0 0 0 0px;
	background-color: none;
}
/* kategorija aktivne podkategorije */
ul#navcatlist li.current-menu-parent a {
	height: 30px;
	margin: 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
	line-height: 30px;
	color: #FFF;
	background-image: url(images/underline.png);
	background-repeat:no-repeat;
	background-position:left; 
}
/* aktivna podkategorija */
ul#navcatlist li.current-menu-parent li.current-menu-item {
	padding: 0;
}
/* aktivna podkategorija */
ul#navcatlist li.current-menu-parent li.current-menu-item a {
	color: #3B3B3A ;
	text-decoration: none;
	background: none;
	background-image: url(images/underline.png);
	background-repeat:no-repeat;
	background-position:left; 
}
/* aktivna kategorija horizontalni pomak */
ul#navcatlist li.current-menu-item {
	padding: 0 0 0 0px;
		background-image: url(images/underline.png);
	background-repeat:no-repeat;
	background-position:left; 
}
ul#navcatlist li.home {
	margin: 0 0 0 0px;
	padding: 0;
	background: none;
	background-image: url(images/underline.png);
	background-repeat:no-repeat;
	background-position:left; 
}
/* aktivna kategorija vertikalni pomak */
ul#navcatlist li.current-menu-item a {
	height: 30px;
	margin: 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
	line-height: 30px;
}
/* ostale podkategorije aktivne kategorije */
ul#navcatlist li.current-menu-parent li a {
	width: auto;
	height: 29px;
	margin: 0;
	padding: 0 10px 0 10px;
	background: none;
	float: none;
	color: #3B3B3A;
	line-height: 29px;
}
/* podkategorije trenutne kategorije */
ul#navcatlist li.current-menu-item li a {
	width: auto;
	height: 29px;
	margin: 0;
	padding: 0 10px 0 10px;
	background: none;
	float: none;
	color: #3B3B3A;
	line-height: 29px;
}
/* sub on parent hover */
ul#navcatlist li li a {
	width: auto;
	height: 29px;
	margin: 0;
	padding: 0 10px 0 10px;
	background: #FFF;
	float: none;
	color: #000;
	line-height: 29px;
}
/* podkategorija on mouse over */
ul#navcatlist li li a:hover, ul#navcatlist li li a:active {
	color: #3B3B3A;
	text-decoration: none;
	background-image: url(images/underline.png);
	background-repeat:no-repeat;
	background-position:left; 
}
/* blok aktivnih podkategorija */
ul#navcatlist li:hover ul, ul#navcatlist li.sfhover ul, ul#navcatlist li.current-menu-item ul, ul#navcatlist li.current-menu-parent ul {
	left: 0px;
	display: block;
	background: #FFF;
	border-top: none;
	text-transform: lowercase;
}
ul#navcatlist li:hover ul {
	z-index: 9999;
	padding: 0 0 10px 40px; /* padding bottom za lakše hvatanje lijevo - desno */
}
/* ------------------------------------------ photospace styling -------------------- */
.photospace{
	float: right;
}