/*
Theme Name: WordPress KLJP

*/

@font-face {  
	  font-family: "Lucida Sans Unicode";  
	  src: url(fonts/Lucida_Sans_Unicode.eot); /* IE */  
	  src: local("Lucida Sans Unicode"), url(fonts/Lucida_Sans_Unicode.ttf) format("truetype"); /* non-IE */  
	}  

* {
	margin:0;
	padding:0;
	border:0;
}

div {
	overflow: hidden;
}




body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	background-color: #fff;	
}

a {
	color: #000;
}


/* =structure
-------------------------- */


#header-top, #header-info, #header-links, #content, #footer {
	width: 960px;
	height: 100%;	
	margin: 0 auto;
}

#header-info {
	height: 242px;
}

#c-header-top {
	background-color: #F7C912;
	height: 100px;
	width: 100%;
}

#c-header-links, #header-links, #navigation  {
	overflow: visible;
}

#header-top {
	position: relative;	
}

#c-header-links, #c-footer {
	background-color: #E5A224;
	
}

#header-links {
	height: 50px;
}

#logo_container {
	margin-left: 20px;
	background-color: red;
	position: relative;
	background: transparent url("images/logo.png") center left no-repeat;	
	height: 100%;
}

#logo {
	color: #5C4A55;	
	bottom: 15px;
	padding-left: 100px;
	position: absolute;
}

#language_changer {
	position: absolute;
	bottom: 13px;
	right: 15px;
	font-size: 0.75em;
	line-height: 1em;
}

#language_changer ul {
	list-style-type: none;
}

#language_changer li {
	float:left;
	margin-left: 10px;
}

#language_changer li img {
	display: none;
}

#beta {
	position: absolute;
	bottom: 13px;
	left: 534px;
	font-size: 0.60em;
	line-height: 1em;
}

#highlight_container {
	float: left;
	width: 500px;
	height: 212px;
	margin: 15px 10px;
	overflow: hidden;
	position: relative;
}

.highlight {
	background-position: top left;
	background-repeat: no-repeat;
	position:absolute;
	width: 100%;
	height: 100%;
}

.info {
	background-color: #fff;
	position: absolute;
	bottom: 0;
	width: 290px;
	padding: 10px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
} 

#buttons {
	position: absolute;
	bottom: 2px;
	right: 216px;
}

#buttons_temp {
	position: absolute;
	bottom: 2px;
	right: 216px;
	display: none;
}

.button {
	height: 8px;
	width: 8px;
	background: url("images/gumbici_8x16.png") top left no-repeat;
	float: left;
	margin-left: 4px;
	margin-bottom: 2px;
	cursor: pointer;
	
}

#next-events_container {
	float: right;
	width: 325px;
	margin: 15px 10px;
	height: 212px;
	background-color: #F7C912;
	background: #F7C912 url("images/sljedeca-dogadjanja.png") top left no-repeat;
	padding-left: 75px;
}

#next-events {
	position: relative;
	background-color: #fff;
	height: 208px;
	width: 323px;
	margin-top: 2px;
}


.event {
	height: 52px;	
	width: 100%;
}

#up, #down, #left, #right {
	height: 22px;
	width: 22px;
	position: absolute;
	background-image: url("images/sliders_44x44.png");
	background-repeat: no-repeat;
	cursor: pointer;
}

#up:hover, #down:hover, #left:hover, #right:hover {
}

#up {
	top: 2px;
	right: 2px;
	background-position: top left;
}

#down {
	bottom: 2px;
	right: 2px;
	background-position: bottom left;
}

#left {
	top: 75px;
	left: 2px;
	background-position: -22px 0;
}

#right {
	top: 75px;
	right: 2px;
	background-position: -22px -22px;
}

.event-date {
	width: 65px;
	float: left;
	padding: 10px 0 0 10px;
	line-height: 21px;
	font-size: 16px;
}

* html .event-date
{
  width: 65px;
  w\idth: 65px;
}

.event-text {
	width: 208px;
	padding: 7px 40px 7px 0;
	text-align: right;
	line-height: 21px;
	font-size: 16px;
    height:38px;
}

* html .event-text
{
  width: 208px;
  w\idth: 200px;
}

#navigation {
	margin: 0 0 0 10px;
	width: 710px;
	float: left;	
}

#navigation ul {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 50px;
}

#navigation li ul {
	text-transform: none;
	font-size: 0.9em;	line-height: 50px;
	position: absolute;
	width: 250px;
	left: 0;
	top: 1.4em;
	padding: 1.2em;
	display: none;
	background-color: #E5A224;
	z-index: 100;
	
	
}

#navigation li {
	display: inline;
	position: relative;
	
}

#navigation li:hover ul { 
	display: block; 
}

#navigation li li {
	display: block;
	line-height: 1.8em;
}

#navigation li a {
	padding: 0 10px;
	color: #000;
}

#search {
	float: right;
	margin-right: 16px;
	background: url("images/search_204x27.png") no-repeat center left;
	width: 204px;
	height: 50px;
}

#main {
	float: left;
	width: 500px;
	position: relative;
	overflow: hidden;
}

#main-a {
	margin-bottom: 35px;
}

#single a {
	color:#E5780C;
	text-decoration: underline;
}

#single a:hover {
	color:#E5780C;
	text-decoration: none;
}

#main ul {
	list-style-type: disc;
	margin-left: 2em;
}

#main ol {
	list-style-type: decimal;
	margin-left: 2em;
}

#main-a h3 {
	border-bottom: 2px solid #aaa;
	width: 282px;
	float: left;
	line-height: 1.25em;
}

#main p {
	font-size:0.9em;
	line-height: 1.2em;
	margin: 5px 0;
}	

#main .main-b p {
	margin: 0;
}

#main-a img {
	float: left;
	margin: 0 10px 0 0;
}

#main .clear {
	margin-bottom: 15px;
}

#main #single .clear {
	margin:0;
	height: 0;
}

.main-b {
	float: left;
	width: 232px;
	margin: 0 18px 25px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #aaa;
	height: 100px;
}

.main-b img {
	float: left;
	margin: 0 5px 0 0;
}

#sidebar {
	float: right;
	width: 400px;
	margin: 23px 10px;	
}

#social {
	float: right;
}

#social a {
	display: block;
	float: left;
	height: 45px;
	width: 63px;
}

a#newsletter {
	background: url("images/social_icons_243x90.png") top left no-repeat;
}

a#newsletter:hover {
	background: url("images/social_icons_243x90.png") 0px -45px no-repeat;	
}

a#twitter {
	background: url("images/social_icons_243x90.png") -63px 0px no-repeat;
}

a#twitter:hover {
	background: url("images/social_icons_243x90.png") -63px -45px no-repeat;
}

a#facebook {
	background: url("images/social_icons_243x90.png") -126px 0px no-repeat;
}

a#facebook:hover {
	background: url("images/social_icons_243x90.png") -126px -45px no-repeat;
}

a#rss {
	background: url("images/social_icons_243x90.png") -189px 0px no-repeat;
	width: 40px;
}

a#rss:hover {
	background: url("images/social_icons_243x90.png") -189px -45px no-repeat;
}

#actions_container {
	width: 100%;
	background-color: #F7C912;
	background: #F7C912 url("images/poziv-na-djelovanje.png") top left no-repeat;
	height: 280px;	
	margin-top: 12px;
}

#actions {
	margin: 50px 2px 2px 2px;
	padding: 30px 21px;
	height: 168px;
	background: #fff url("images/separator.png") top center no-repeat;
	position: relative;
	width:354px;
}

* html #actions
{
  width: 396px;
  w\idth: 354px;
}


#all_actions {
	width: 1500px;
}

.action {
	width:138px;
	float: left;
	height: 155px;
	font-size: 16px;
	line-height: 22px;
	margin: 20px;
	display: inline;
}

#supporters {
	position: relative;
}

#footer {
	padding-top: 50px;
}

#footer h4 {
	border-bottom: 1px solid #666;
	font-size: 0.92em;
	margin-bottom: 1em;
	line-height: 1.1em;
}

#sitemap {
	width: 185px;
	float: left;
	margin-right: 40px;
}

#footer ul {
	font-size: 0.8em;
}

#footer p {
	font-size: 0.8em;
}

#footer table {
	font-size: 0.8em;
}

#sitemap ul ul {
	padding-left: 2em;
	list-style-type: none;
	font-size: 0.9em;
}

#members {
	width: 240px;
	float: left;
	margin-right: 40px;	
}

#members img {
	margin: 0 5px 5px 0;
}

#members a {
	display: block;
	float: left;
	width: 100px;
	height: 50px;
	margin: 0 5px 5px 0;
	background: url(/wp-content/themes/kljp/images/banner_100x50.png) top left no-repeat;
}

#members a.more {
	display: inline;
	background: none;
	width: auto;
	height: auto;
}

#members a:hover {
	background-position: bottom left;
}

#contact {
	width: 190px;
	float: left;
	margin-right: 40px;
}

#calendar {
	width: 190px;
	float: left;
}

#footer p.more {
	padding-top: 20px;
}

#footer ul#links {
	float: right;
	list-style-type: none;
}

#footer ul#links li {
	float: left;	
	margin: 5px 10px 30px 10px;
}

/* =tags 
--------------------------- */
h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
}

h4 {
	font-size: 0.9em;
	line-height: 1em;
	font-weight: normal;
}

h2 {
	font-size: 1.1em;
	line-height: 1em;
	font-weight: normal;
	border-bottom: #F7C912 2px solid;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* =specific tags 
--------------------------- */

#logo a {
	display: block;
	text-decoration: none;
	color: #5C4A55;
	width: 100%;
	height: 100%;
}

#language_changer a {
	color: #000;
	text-decoration: none;
}

#language_changer a:hover, li.current_language_item {
	color: #5C4A55;
	text-decoration: none;
}

#single input {
	padding: 5px;
	font-size: 14px;
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 380px;
}

#single textarea {
	padding: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 380px;
}

#single input[type="submit"] {
	width: auto;
}

input#s {
	display: inline;
	width: 160px;
	margin: 17px 0 0 10px;
	font-size: 14px;
	background-color: transparent;
}

input#submit-search {
	height: 20px;
	width: 24px;
	background-color: transparent;
	cursor: pointer;
}

#supporters h2 {
	background: url("images/podrzavatelji.png") bottom left no-repeat;
	height: 40px;
	margin: 50px 0 20px 0;
	padding: 0 0 0 10px;
}

#main h2 {
	background: url("images/vijesti.png") bottom left no-repeat;
	height: 40px;
	margin: 40px 0 20px 0;
	padding: 0 0 0 10px;
}

#single h2 {
	background-image: none;
	height: 40px;
	margin: 40px 0 20px 0;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	position: relative;
}

#single h2 .single-title {
	position: absolute;
	bottom: 0;
	padding-bottom: 5px;
}

#single {
	margin-bottom: 20px;
}

#single img {
	float: left;
	clear: both;
	margin-bottom: 25px;
}

#single img.alignleft {
	float: left;
	clear: none;
	margin: 0 15px 10px 0;
}

#single_social {
	float: left;
    margin: 8px 10px 15px 0;
}

#single_social img {
		float: none;
		clear: both;
}

#single div.abb {
	font-size: 1.1em;
	margin: 1em 0;
}

#single small {
	float: right;
	display: block;
	border-bottom: 1px solid #bbb;
	color: #666;
	font-size: 0.7em;
	padding-left: 10px;
	line-height: 1.05em;
	margin-bottom: 1em;
}

#single .small {
	font-size: 0.7em;
}

#single p, #single ul, #single ol {
	padding-bottom: 1.25em;
	line-height: 1.25em;
	font-size: 0.87em;
	text-align: justify;
}


img.left {
	float: left;
	margin-right: 1em;
}

img.right {
	float: right;
	margin-left: 1em;
}


#supporters img.banner {
	width: 120px;
	height: 60px;
	margin: 0 14px 6px 0;
}

#similar_container {
	width: 100%;
	background-color: #F7C912;
	background: #F7C912 url("images/vezani_tekstovi.png") top left no-repeat;
	margin-top: 12px;
}

#similar {
	margin: 50px 2px 2px 2px;
	padding: 0px 20px 20px 20px;
	position: relative;
	background-color: #fff;
}

#similar ul {
	list-style-type: none;
	font-size: 0.8em;
	line-height: 1.05em;
}

#similar li {
	border-bottom: 1px solid #999;
	padding: 20px 0;
}

#similar small {
	display: block;
	float: right;
}

#sponzors {
	margin-top: 50px;
}

#sponzors img {
	margin: 0 0 33px 33px;
	float: right;
}

/* =common_classes 
----------------------------- */
.clear {
	clear: both;
}
.sivi {
	background-color: #EAEAE8;
}
a.rss {
	position: absolute;
	display: block;
	bottom: 2px;
	left: 2px;
	width: 37px;
	height: 20px;
	background: url("images/rss_37x40.png") top left no-repeat;
}
a.rss:hover {
	background-position: bottom left;
}

.all_articles {
	position: absolute;
	display: block;
	bottom: 2px;
	right: 2px;
	font-size: 14px;
	line-height: 14px;
	color: #555;
}

.retweet_button {
    margin-bottom: 4px;
}

.wp-caption {
	position: relative;
}

#single p.wp-caption-text {
    font-size: 0.7em;
    text-align: right;
	padding-right: 10px;
	line-height: 0.7em;
	margin: 0 0 10px 0;
	position: absolute;
	right: 0;
	bottom: 0;
} 


#single textarea {
	border: solid 1px #ccc;
	font-size: 13px;
	padding: 4px;
	width: 384px;
	height: 150px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.clear {
	clear: both;
}

#main ul.nabrajanje {
	
}

#main ul.nabrajanje li {
	margin-bottom: 0.5em;
}

#main ul.nabrajanje a {
	text-decoration: none;
}

#main ul.nabrajanje a:hover {
	text-decoration: underline;
}


#single img.ajax-loader {
border:medium none;
vertical-align:middle;
float:none;
}


// events calendar

.ec3_eventday a {
	color: #999;
}

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; margin-top: 50px; }
#wp125adwrap_2c .wp125ad { width:150px; height:150px; float: left; padding:10px; }


#sponzors img {
	margin: 0 0 33px 33px;
	float: right;
}