/*  Theme Name: TotalImenik
	Theme URL:	totalimenik.com
	
	Author: 	Ivan Santic
	Version: 	1.0
	www: 		totalimenik.com
	Tags: 		Total Grupa, Total Hrvatska, Total Imenik, totalgrupa.com, totalhrvatska.com, totalimenik.com
*/

/* General Tags */
* {color:#555; margin:0; padding:0; border:none;}

body {font-size:10px; line-height:20px; font-family:Helvetica,Arial,Verdana,"Lucida Grande","Lucida Sans",sans-serif; color:#111; background:#fff;}

p {font-size:14px; color:#777;}
li {color:#777;}

a {color:#555; text-decoration:none;}

a:hover {color:#c60000;}
strong{color:inherit; font-weight:bold; margin:0; padding:0;}
small{margin-right:5px; font-size:9px;}

h1, h1 a {font-size: 16px; color: #ccc; font-weight:normal; /*margin-top: 10px;*/}
h2, h2 a {font-size: 22px; color: #555; margin:0 0 15px 2px; font-weight: normal; }
h3, h3 a {font-size: 17px; color: #999; /*margin:0 0 15px 0;*/ line-height: 25px; font-weight: normal;}
abbr, acronym {border-bottom:1px dotted blue; cursor:help;}
code, blockquote, blockquote p, pre {font-size:11px; font-style:italic; color:#555; background:#ffdcdc; padding:10px; margin-top: 10px; margin-bottom:15px;}
table {border-collapse: collapse; border-spacing: 0;}

/* Specific Tags */
#container-top {padding:0px;  width:100%; background:#c60000;}
#container-head {padding:0px; margin:0px; width:100%; background: #fff url("images/bg_content.png") top left repeat-x;}
#container {padding:0px; margin: 0 auto; width:930px;}

#logo_hrvatska {float:left;width:200px;}
#logo_hrvatska:hover h1, #logo_hrvatska:hover h1 a {color: #ffa301;}
#logo_hrvatska:hover #id_hrvatska a{background-position: right; }
#id_hrvatska {margin-top:-2px; margin-left:0px; float:left; width:40px;}
#id_hrvatska a  {margin-top:-2px; margin-left:0px; float:left; background-image: url(images/id_hrvatska.png); height:40px; width:40px; background-repeat:no-repeat;}
#name_hrvatska {float:left; margin-left: 20px;}

#logo_imenik {float:left;width:200px;}
#logo_imenik:hover h1, #logo_imenik:hover h1 a {color: #c60000;}
#logo_imenik:hover #id_imenik a{background-position: right; }
#id_imenik {margin-top:-2px; margin-left:0px; float:left; width:40px;}
#id_imenik a
{
	background-position: right;
	margin-top: -2px;
	margin-left: 0px;
	float: left;
	background-image: url(images/id_imenik.png);
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
}
#name_imenik {float:left; margin-left: 20px;}

#logo_locator {float:left;width:200px;}
#logo_locator:hover h1, #logo_locator:hover h1 a {color: #85bc00;}
#logo_locator:hover #id_locator a{background-position: right; }
#id_locator {margin-top:-2px; margin-left:0px; float:left; width:40px;}
#id_locator a  {margin-top:-2px; margin-left:0px; float:left; background-image: url(images/id_locator.png); height:40px; width:40px; background-repeat:no-repeat;}
#name_locator {float:left; margin-left: 20px;}

.description {font-size: 10px;}
	
#header {margin:0; padding-top:50px; margin-bottom:0px; width:100%;}

.video, .video:hover {background:#f5f5f5; width:930px; height:360px; margin:0px 0 30px 0px; border:1px solid #ddd; 		margin:0 auto;
		position:relative;}
.video img {margin:10px 0 0 10px;}

.loop {width:100%; margin-top:60px; margin-bottom:20px;}
.loop-front {margin-top:20px; width:930px;}
.loop-content {background: #f8f8f8; padding:0; width:100%; margin-top:0px;}
.content {padding-top: 35px;}

#column {padding:0px; float: right;}
.columns {padding-bottom:10px;padding-right:20px; float:left; width:250px;}
.columns h2{padding-top:5px;}
.columns p{padding-bottom:5px;}
.columns img, .archives img,.post-content img {display:block; padding:2px; border:1px solid #111;}
.columns img:hover, .archives img:hover,.post-content img:hover {padding:2px; border:1px solid #222;}

.columns blockquote p {font-size:10px; font-style:normal; color:#999; background:#f8f8f8; padding:0px; border:none;}
	
.postimg {background:url(images/noimage.png); width:254px;height:165px;}
.col {height:105px;}
.col-readmore {display:inline; float:right; margin-top:-20px; margin-right:10px;}

#top {width:200px; text-align: center; float:right;padding:0px 0px 0px 0; margin:0 0px 0px 0px;}
#top ul {padding-top:5px; text-align: center;}
#top li {position:relative; list-style:none; float:right; margin-right: 5px; }
#top li a {font-size:11px; margin-left:0px; margin-right:0px; text-decoration: none;}
#top li a:hover {text-decoration: underline; color: #c60000;}

div.spacer {clear:both; height:1px; font-size:1px; line-height:1px; }

.post { text-align:left; padding:0px 0 0px 0;}
.post p {margin-bottom: 10px;}
.post-content {display:block; float:right; margin-right:0px; width:550px; text-align:left;}
.post-content ul {padding: 15px; margin: 0px 0 15px 0; font-size: 12px;}
.post-content li {padding: 2px; }
.post-comment {text-align:left; padding:0;}
	
.meta {float: left; padding-left: 70px; width: 310px; height:200px;}
.meta ul {padding:10px; width: 200px; list-style: none; background: #eee}
.meta li {font-size:10px; }
.meta h2 {font-size: 18px; font-weight: bold; padding-bottom:10px;}
.meta h3 {font-size: 10px;}
	
.archives {display:block; float:right; width: 620px; text-align:left; padding-bottom:50px;}
.archive-left {float:left;width:300px;margin-left:0px;}
.archive-right {float:left;width:260px;margin-left:20px;}
.archive-left ul,.archive-right ul {padding-bottom:20px;list-style:none;}
	
.navlinks { margin-bottom:0px; width:100%; border-bottom: 1px solid #ccc;}
.navleft { margin-top:10px; float: left;}
.navright { margin-top:10px; float: right;}

.moretag  {padding-top:40px; width: 100px;}
.enter {margin-top:-20px; font-size:9px; float:right;}
.details {margin-top:35px; line-height:15px;}
.details p{padding-top:0px; margin-right:10px;}

/* Menu */
#menu {width: 930px; padding:10px 0 0 0; margin:0 auto; height: 30px;}
#pages {width:560px; height:30px; margin:0; float:right;}
#pages ul {list-style-type: none; padding:0;  width:100%;}
#pages ul li {border:none; float: left; display:block; height: 26px; padding:0px; margin:0 3px; text-transform:uppercase;}

#pages .home, #pages .current_page_item {background-image: url(images/button-left.gif); background-position: left; }
#pages .home a:link, #pages .home a:visited, #pages .current_page_item a:link, #pages .current_page_item a:visited {background-image: url(images/button-right.gif); background-position: right; background-repeat: no-repeat; color: #c60000; }

#pages ul li:hover {background-image: url(images/button-left.gif); background-position: left;}
#pages ul li a:link, #pages ul li a:visited, #pages ul li a:active {float: left; color: #fff ; font-size: 11px; font-weight:bold; display: block; height: 24px; padding: 2px 10px 0px 13px; margin: 0px;}
#pages ul li a:hover {background-image: url(images/button-right.gif); background-position: right; background-repeat: no-repeat; color: #555; height: 24px; text-decoration: none;}

#pages ul ul li {text-transform:capitalize; }

.nav li {float:left; position:relative; }
.nav li ul {position:absolute;}
.nav ul li{width: 100%;}

.nav li:hover ul,ul.nav li.sfHover ul {left:0px; top:30px;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:200px;top:0px;}
.nav li:hover ul,.nav li li:hover ul {top: -999em;}
.nav li li {padding: 0px; background-color: #ba0000; height: auto !important; }
.nav li ul {z-index:100; }

.nav li:hover a:link, .nav li:hover a:visited{background-image: url(images/button-right.gif); background-position: right; background-repeat: no-repeat; color:#aaa !important;}
.nav li li:hover {color: #fff !important; background-image: none !important; }

.nav li .current_page_item {color: #fff !important; background-image: none !important; }

.nav li li a:link, .nav li li a:visited {color: #aaa !important; width: 180px; padding: 5px 10px 5px 10px !important; margin:0px !important; height: auto !important; background-image: none !important; float: left;}
.nav li li a:hover { background: #c60000; background-image: none !important;}

#pages ul li ul {width: 200px;}

/* Forms */
fieldset {border: 0;}
label {/*display:block;*/clear:both}
legend {display:none;}
textarea {height: 200px; margin: 0; padding:0; width:540px;}
/*input {width:170px; }*/
select, option {border:1px solid #ccc; color: #555; background: #eee;}
input, textarea {padding:2px; border:1px solid #ccc; color: #555; background: #eee;}
input:hover, textarea:hover, select:hover, option:hover {border:1px solid #c60000; color:#060606; }
input:active, textarea:active, select:active, option:active {border:1px solid #c60000; background:#ffdcdc;}
input:focus ,textarea:focus, select:active, option:focus {border:1px solid #c60000; background:#ffdcdc; }
input#button, input.button {margin-top:10px; width:50px; font-size: 12px; font-weight:bold; border:0px; color: #999; background: none;}
input#button:hover, input.button:hover {border:none; color: #c60000; background: none;}

.form-submit .button {float:right; margin-top:-20px;}

#ec_subject, #url {margin-bottom:30px;}
#ec_message {margin-bottom:10px;}



/*Napredna pretraga*/
#advancedsearch {width:200px; float:right; margin-top: 0px;}
#advancedsearch input {float:left; width:170px; text-align:left;}
input#searchsubmitAdv {float:left;width:15px; height:15px; background:url(images/search.png) no-repeat; position:relative; margin:3px 0px 0px 10px; border:none; background-position: left;}
input#searchsubmitAdv:hover {background:url(images/search.png) no-repeat;  background-position: right;}
input#searchsubmitAdv:active {border:none;}


.formcontainer{clear: both; overflow: hidden; width: 100%; margin-bottom:30px;}

/* Sidebar*/
#sidebar h2, #sidebar h2 a {font-size: 12px; font-weight: bold;}
#sidebar {width:100%; }
#sidebar .current-cat{display:none;}
#sidebar ul {margin-bottom:30px; border-top:1px dotted #ccc; }
#sidebar li {list-style:none; border-bottom:1px dotted #ccc; line-height:20px; padding-top:2px; font-size:10px;}
#sidebar li:hover {background: #eee;}
#sidebar #about {width:170px; margin-right:20px; border-bottom:none;}
#sidebar #about p{margin-bottom:10px; font-size:11px; line-height:15px;}
#sidebar #sidebar-grupa {width:170px;margin-right:20px; }
#sidebar #sidebar-posts {width:170px; margin-right:20px; }
#sidebar #sidebar-archives {width: 170px; margin-right:20px; height:200px; }
#sidebar #sidebar-partners {width:170px;}

.block {float:left; padding-bottom: 0px; list-style:none;}
.block h2, .block h3 {font-size:10px; letter-spacing:1px; margin:0 0 10px 0;}

/* Sitemap */
.ddsg-wrapper h2 {padding-bottom:10px;}
.ddsg-wrapper ul {padding-left:30px; padding-bottom:10px;}

/* Footer */
.footer {background: #eee; width:100%; text-align: left; /*padding:0px 0px 20px 0; margin:0 0px 30px 0px;*/}
.footer:hover {background: #eee;}
.footer ul {border-top: 1px solid #ccc;/*padding:3px 0 3px 0;*/ margin:-10px 0px 0px 0px; }

.footer li {position:absolute; list-style:none; float:left;}
.footer li a {font-size:10px; margin-left:0px; margin-right:0px;}
#footer-copyright {margin-left:10px;}
#footer-top {margin-left:380px;}
#footer-rss {margin-left:570px;}
#footer-design {margin-left:760px;}





.ac_results
{
    border: 0px solid #dddddd;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    z-index: 99999;
    background-color: Transparent;
}

.ac_results ul {
	list-style-position: outside;
	list-style: none;
	padding: 0px;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: center;
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	line-height: 20px;*/
}

.ac_results li div
{
	background-position: top;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	background: url('images/tooltip_middle.png') repeat top;
}

.ac_results li.ac_odd div {}
.ac_results li.ac_even div {}

.ac_results li div#first 
{
	background: url('images/tooltip_top.png') no-repeat top;
	padding-top: 19px;
}

.ac_results li div#last
{
    background: url('images/tooltip_bottom.png') no-repeat bottom;
    padding-bottom: 10px;
}

.ac_results li div#first_and_last
{
    background: url('images/tooltip_full.png') no-repeat top;
    padding-top: 20px;
    height: 58px;
}

.ac_loading 
{
	background: white url('images/ajax-loader.gif') right center no-repeat;
}

.ac_results li.ac_over div
{
	cursor: pointer;
	font-weight: bold;
}