/*
Theme Name: PSSBK Default
Theme URI: http://urosevic.net/
Description: WordPress theme for Serbian political movement „<a href="http://www.snagasrbije.com">Pokret SNAGA SRBIJE - Bogoljub Karić</a>“
Version: 1.0
Author: Aleksandar Urošević
Author URI: http://urosevic.net/
Tags: blue, politics, corporate, fixed width, two columns, widgets
Text Domain: pssbk

	PSSBK v1.0
	http://urosevic.net/wordpress/pssbk/

	This theme was designed and built by Aleksandar Urošević,
	whose blog you will find at http://blog.urosevic.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

crvena: D8241B xDA251E
plava: 062C53
plava tamna: 07203A

*/

@import url("960/960.css");
@import url("960/reset.css");
/*@import url("960/text.css");*/

@import url("dropdown.limited.css");
@import url("default.css");

* { margin: 0; padding: 0; }
html {
   font-size: 62.5%;
   /* 16px x 62.5% = 10px */ }
body {
	color: #333;
	font-family: Verdana, Arial, Helvetica, "Lucida Sans Unicode", "Lucida Gradne", sans-serif;
	font-size: 1.2em; /* 1.2em; */
	/* 10px (reset) x 1.2em = 12px */
	line-height: 1.5em;
	/* 1.2em x 1.5 = 18px */
	margin-bottom: 1.7em; /*5em; 20px*/
	/* 12px x 1.5 = 18px = line-height */
	background: #00408A; }
h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	color: #062C53; }
p {
	font: inherit;
	line-height: 1.5em;
	margin: 0 0 10px 0; /*1.5em; */ }
ul, ol {
	margin: 0 0 10px 0; /*1.5em;*/ }
ul li ul, ol li ol, li {
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 0; }
ol li {
	margin-left: 1.5em; }
a:link, a:visited {
	color: #062C53;
	text-decoration: none; }
a:hover, a:active {
	/*color: #D8241B;*/
	text-decoration: underline; }

#top {
	background: transparent url(header_bg.png) no-repeat 0 0;
	height: 220px; }
#main {
	background: #fff url(page_bg.gif) repeat-y 0 0; }
#bottom {
	background: #585757;
	margin-bottom: 50px; }
#jezik {
	position: relative;
	display: block;
	clear: both;
	height: 20px;
	width: 400px;
	margin-right: 20px;
	float: right;
	text-align: right;
	font-size: 0.9em;
	z-index: 5; }
#jezik,
#jezik a { color: #fff; }
#header {
	height: 184px; }
#header #logo { /* logo */
	margin-top: 30px;
	margin-left: 15px;
	height: 102px; /*100px;*/
	width: 150px; /*146px;*/
	float: left; }
#header #pravi_ljudi { /* govor */
	width: 15px;
	height: 15px;
	display: block;
	position: relative;
	clear: right;
	top: 10px;
	float: right;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: url(speaker.gif) 0 0 no-repeat;
}
#header #pravi_ljudi:hover {
	background: url(speaker.gif) -15px 0 no-repeat;
}

/* Top Menu */
#topmenu {
	padding: 0;
	margin: 0 0 0 9px;
	height: 36px; }
#topmenu .current_page_item {
	background: #07203A url(topmenu_bg_on2.gif) repeat-x 0 0; }
#topmenu ul li:hover {
	background: #07203A url(topmenu_bg_hover2.gif) repeat-x 0 0; }

/* Search form */
fieldset { padding: 0; margin: 0;}
#searchform {
	position: relative;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 30px; }
#searchform input {
	float: right;
	position: relative;
	font-size: 1.0em; }
#searchform #s {
	border: 1px solid #00408A;
	background: #062C53;
	color: #fff;
	margin-top: 8px;
	padding: 2px 5px;
	width: 150px; }
#searchform input.search {
	margin: 7px 0 5px 5px;
	border: 1px solid #07203A;
	background: #062C53; /* url(topmenu_bg_on2.gif) repeat-x 0 0;*/
	color: #fff;
	padding: 2px 5px; }
#searchform input.search:hover {
	background: #062C53 url(topmenu_bg_hover2.gif) repeat-x 0 0;
	border: none;
	padding: 3px 6px; }

.page #searchform {
	float: none;
	text-align: center;
	position: relative;
	margin: 0 auto;
	height: auto; }
.page #searchform input {
	margin-top: 0; }

/* Page content */
#content {
	padding: 0;
	background: #fff; }
#content h2 {
	font-size: 1.6em;
	margin: 0 0 10px 0;
	width: 100%; }
#content h2.pagetitle {
	font-size: 1.2em;
	background: #062C53;
	width: 600px;
	margin: 10px 0 0 0;
	padding: 10px;
	color: #fff; }
#content .page h2 {
	border-bottom: 1px solid #e5e5e5; }
#content h3 {
	font-size: 1.4em;
/*	margin: 0 0 10px 0;*/
	margin: 20px 0 0 0;
	width: 100%; }
#content h4 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	width: 580px;
	background: #062C53;
	padding: 5px 10px;
	color: #fff; }
#content h5 {
	font-size: 1.0em;
	margin: 0 0 10px 0;
	width: 100%; }
#content > div.attachment { margin-top: 10px; }
#content > div.attachment h2 { font-size: 1.2em !important; }
/* Recent posts */
.post,
.page {
	padding: 10px;
	border-bottom: 1px solid #e5e5e5; }
.post:nth-child(1),
.page:nth-child(1) {
	margin-top: 10px; }

.jedini, .prvi, .izumedju, .zadnji, .lista, .lista2 { border: 1px solid #e5e5e5; margin: 10px 0; }
.prvi { border-bottom: 0; margin-bottom: 0; }
.izmedju {
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	margin: 0; }
.zadnji { border-top: 0; margin-top: 0; }
.lista { margin-top: 0; margin-bottom: 0; border-top: 0; padding-top: 0; padding-bottom: 0; }
.lista h4 a { color: #fff; }
.lista2 ul { margin-bottom: 0; }

.thumb img {
	float: left;
	position: relative;
	margin-right: 10px;
	display: block; }
#content .rubrika {
	width: 100%; }
#content .dalje {
	margin: 0;
 	text-align: right;
	float: right;
	width: 100%;
	clear: both;
	display: block;
	height: 20px; }
#content .dalje a,
.widget .dalje {
	color: #062C53;
	font-size: 0.9em; }
#content ul {
	list-style: none; }
#content ul li {
	padding-left: 12px;
	margin: 0;
	background: url(darr.gif) no-repeat 0 0; }
#content .edit {
	width: 100%;
	float: right;
	text-align: right; }
#content .navigation {
	display: block;
	padding: 10px;
	background: #062C53;
	color: #fff;
	min-height: 20px;
	margin-bottom: 10px; }
#content .navigation a:link,
#content .navigation a:visited {
	color: #fff;
	font-size: 0.9em;
	text-shadow: #07203A 0 1px 0; }
.latest_pc h4 { width: 600px !important; }
.latest_pc h4 a { color: #fff; }

/* Featured post */
#featured {
	margin-top: 10px;
	background: #062C53 url(featured_bg.gif) repeat-x 0 0;
	color: #fff;
	border: 1px solid #062C53; }
#featured h2 { font-size: 1.4em; }
#featured a, #featured .dalje a {
	color: #fff; }

/* Comments */
h3#comments { margin-bottom: 10px; }
.commentlist { list-style: none; margin-bottom: 10px; }
.commentlist li { border-bottom: 1px solid #e5e5e5; padding: 10px; margin: 0; }
.commentlist li:nth-child(1) { border-top: 1px solid #e5e5e5; }
.comment-author-admin { background: #f3f3f3; }
.comment-body p:nth-last-child(n-1) { margin-bottom: 0; }
.comment-meta, .comment-body p { margin-left: 35px; }
.comment-meta { font-size: 0.9em; border-bottom: 1px dotted #e5e5e5; }

#respond {
	background: #e5e5e5;
	border: 1px solid transparent;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px; }
#respond h3 { margin: 0 0 10px 0; }
#commentform p { margin: 0 0 10px 0; }

/* formular za kontakt i pristupnicu */
.entry .wpcf7 { /*margin-top: 10px; background: #e5e5e5; padding: 10px; */}
.form-area { background: #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; position: relative; display: block; clear: both; }
.form-area p { padding: 0 10px; width: 580px; }
.form-area textarea, .form-area input { width: 80%; }
.form-area p.hf { width: 45%; position: relative; float: left; }
.form-area .hf input, .form-area .hf textarea { width: 95%; }
.form-area .req strong:after { content: "*"; color: red; }
.wpcf7 textarea, .wpcf7 input[type=text] { border: 1px solid #ddd; }

/* sidebar */
/*#sidebar-left .widget, #sidebar-right .widget { border: 1px solid #e5e5e5; }*/
#sidebar {
	margin-top: 10px; }
#sidebar .widget, #sidebar-left .widget, #sidebar-right .widget {
	margin-bottom: 10px;
	background-color: #ffffff; }
#sidebar .widget .widgettitle,
#sidebar .widget h2:nth-child(1),
#sidebar-left .widget .widgettitle,
#sidebar-right .widget .widgettitle {
	padding: 10px;
	margin-bottom: 10px;
	background: #062C53;
	/*border-left: 10px solid #07203A;*/
	color: #fff;
	text-shadow: #07203A 0 1px 0;
	font-size: 1.2em; }
.widget ul,
.widget ol,
.widget div {
	padding: 0 10px 10px 10px;
	margin: 0;
	list-style: none; }
.widget #subpage { padding: 0; }
.widget .clear {
	margin: 0;
	padding: 0; }
.widget li {
	font-weight: normal;
	padding-left: 12px;
	margin: 0;
	background: url(darr.gif) no-repeat 0 0; }
.widget a:link, .widget a:visited {
	color: #062C53;
	text-decoration: none; }
.widget a:hover, .widget a:active {
	text-decoration: underline; }
.widgettitle a:link, .widgettitle a:visited {
	color: #fff; }
.widgettitle a:hover, .widgettitle a:active {
	color: #fff; }
.textwidget ul, .textwidget ol {
	padding: 0; }

/* Podstrane widget */
.widget #subpage .current_page_item { font-weight: bold; background: url(barr.gif) no-repeat 0 0; }

/* Single widget */
.widget .single {
	padding: 0 !important;
}
.widget .akta {
	background: #082B53;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: block;
}
.widget .akta a {
	color: #fff;
	padding: 30px 0;
	position: relative;
	display: block;
}
/* bottom-bar */
#bottom-bar { margin-top: 10px; margin-bottom: 0; }
#bottom-bar #sidebar { margin-top: 0; }
#bottom-bar .widget h2 {
width: auto;
}
/* Foto dana */
.widget #fotodana,
.widget #aktuelno {
	display: block;
	position: relative; }
#fotodana strong,
#aktuelno strong {
	font-size: 1.1em; }
.widget #fotodana p,
.widget #aktuelno p {
	padding: 0;
	margin: 10px 0 0 0;
}
#fotodana .dalje,
#aktuelno .dalje,
.widget .dalje {
	text-align: right;
	float: right;
	width: 280px;
	clear: both;
	display: inline;
	height: 20px;
	padding: 0;
	margin-top: 10px; }
.fotodana p:nth-child(1) em { width: 100%; display: block; margin-top: 5px; text-align: center; }

/* YouTube */
.widget #youtube object {
	margin: 0;
	padding: 0;
	height: 232px; }
.widget #youtube p {
	margin-bottom: 10px;
	text-align: right;
	font-size: 0.9em; }
.widget #youtube p:nth-last-child(1) {
	margin-bottom: 0; }

/* Facebook */
.widget #facebook { padding-bottom: 4px; }

/* Twitter */
.widget #twitter,
.twtr-doc div { padding: 0; margin: 0; }
.twtr-doc .twtr-hd { margin: 10px 0; }
.twtr-doc .twtr-ft div { padding-bottom: 0; }

/* Google Groups */
.widget #googlegroups p {
	margin-bottom: 0;
	text-align: right; }
.widget #googlegroups p.description {
	text-align: left;
	margin-bottom: 10px; }
.widget #googlegroups fieldset {
	margin-bottom: 0; }
#googlegroups .ggemail { width: 180px; }

/* RSS widget */
.rsswidget img {
	float: right;
	margin-top: 3px;
	background: transparent !important; }

/* kontakt */
.wpcf7-checkbox { text-align: left; padding: 0; margin: 0; }
.wpcf7-checkbox input { width: auto; padding: 0; margin: 0; }

/* Pristupnica */
.widget .pristupnica { width: 280px; height: 170px; display: block; position: relative;}
.widget .pristupnica object { overflow: hidden; }

/* Progon */
.progon_add {
	display: block;
	position: relative;
	top: 10px !important;
	margin-bottom: 10px !important;
	/*border: 1px solid #e5e5e5 !important;*/
	text-align: center; }
.progon_br {
	font-size: 2.4em;
	line-height: 1.0em;
	font-weight: bold;
	clear: both;
	display: block; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%; }
img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both; }

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline; }

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline; }

.alignright {
	float: right; }

.alignleft {
	float: left; }
.alignright img { margin-left: 10px; }
body { margin-bottom: 0; }

/* rich content */
#tag_cloud {
	background: #e5e5e5;
	margin-bottom: 10px;
	padding: 10px;
}

/* kutija za rubrike na naslovnoj */

#rubrike { margin-top: 10px !important; }
#rubrika-dugmad {
	display: block;
	position: relative;
	width: 100%;
	clear: both;
	/*border: 1px solid transparent;*/
	height: 30px;
	margin: 0; /*10px 0 0 0;*/
background: #062C53; }
#rubrika-dugmad div {
	cursor: pointer;
	background: #062C53;
	color: white;
	padding: 5px 10px;
	font-size: 1.0em;
	font-weight: bold;
	position: relative;
	float: left; }
#rubrika-dugmad div:hover {
	background: url(topmenu_bg_hover2.gif) repeat-x 0 0 !important; }
#rubrika-3, #rubrika-4, #rubrika-5, #rubrika-6, #rubrika-7, #rubrika-8,
#naslovi-3, #naslovi-4, #naslovi-5, #naslovi-6, #naslovi-7, #naslovi-8 {
	clear: both;
}

/* navigaciona traka ispod rubrike */
.jos {
	position: relative;
	display: block;
	background: #062C53;
	padding: 5px 10px;
	margin-top: 10px;
}
.jos input, .jos select { border: 1px solid #07203A; background: #062C53; color: #fff; font-size: 1.0em;}
.jos .arhiva-stariji input:hover { text-decoration: underline !important; cursor: pointer; }
.jos a, .jos span { color: #fff; }
.jos .arhiva-show { display: block; min-height: 15px;}
.jos .arhiva-mesec, .jos .arhiva-godina, .jos .arhiva-show { position: relative; float: right; margin-left: 5px; }
.archive h3 {
	margin: 0 0 10px 0 !important; }
#smart-archives-fancy .year-list li,
#smart-archives-fancy .month-list li { background: transparent; }

/* kalendar */
#wp-calendar { width: 100%; margin-bottom: 0; }
#wp-calendar caption { margin-bottom: 10px; }
#wp-calendar tr { height: 20px; }
#wp-calendar thead { border: 1px solid #e5e5e5; border-bottom: 0; background: #e5e5e5; }
#wp-calendar tbody { border: 1px solid #e5e5e5; border-top: 0; color: #ccc; }
#wp-calendar thead th,
#wp-calendar tbody td {
	text-align: right;
	padding-right: 10px;
}

/* === Rotator ================================ */
#rotator {
	width: 620px;
	height: 400px;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
	background: #000; }
	#rotator a { text-decoration: none !important; }
.rotator {
	 width: 620px;
	 height: 400px;
	 padding: 0;
	 margin: 0; }
.rotator img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0; }
.rotator .data {
	position: relative;
	z-index: 5;
	padding: 20px;
	height: 60px;
	background: url(transbg.png);
	margin-top: 300px;
	text-align: left;
	color: #fff;
	text-shadow: 0 1px 3px #000; }
.rotator .data h3 {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
	color: #fff;
    font-size: 1.6em;
    line-height: 1em; }
.rotator .data p {
	font-size: 1.1em;
	line-height: 1.2em; }
#rotator #rotator_navi {
	 position: absolute;
	 top: 358px;
	 right: 10px;
	 z-index: 10;
	 float: right;
	 width: auto;
	 height: 30px; }
#rotator_navi ul li {
    position: relative;
    float: right;
    margin: 0 0 0 5px;
    padding: 5px 10px;
    border: 1px solid #555;
    background: transparent;
    color: #555;
    cursor: pointer; }
#rotator_navi ul li:hover {
	color: #bbb;
	border-color: #bbb; }
#rotator_navi ul li.active {
	color: #fff;
	border-color: #fff; }
.font_zoom { text-align: right; float: right; position: relative; display: block; clear: right; margin-left: 20px; }
.font_size { display: inline; cursor: pointer; position: relative; text-align: center; width: 14px; height: 14px; top: 3px; border: 1px solid #e5e5e5; }
.increaseFont { border-left: none; }
.font_size:hover { background: #ccc; border-color: #ccc; }
#wpstats { z-index: -2000; float: right; position: relative; }


/* Footer */
#footer {
	margin: 20px 10px 20px 10px;
	color: #CDCECE;
	font-size: 0.9em; }
#footer p:nth-last-child(n-1),
#footer p {
	margin-bottom: 0!important; }
#footer a {
	color: #fff; }

/* Bilteni */
.bilten {
	padding: 5px 0!important;
	border-bottom: 1px solid #e5e5e5; /*efefef;*/
	margin: 5px 0!important;
	height: 85px;
	display: block;
}
.bilten:last-child {
	border-bottom: 0!important;
	padding-bottom: 0!important;
	margin-bottom: 0!important;
}
.bilten img {
	width: 60px;
	height: 80px;
	position: relative;
	float: left;
	margin-right: 10px;
}
.bilten span {
	position: lreative;
	float: left;
	clear: right;
}
