/*  
Theme Name: LDP
Theme URI: 
Description: Za LDP Zvezdara web sajt, maj 2008
Version: 1.0
Author: Aleksandar Vacic
Author URI: http://aleck.aplus.co.yu/

	Theme is (c) LDP Zvezdara & Aleksandar Vacic, 2008-present day.
	All rights reserved
*/

/* --- Yahoo UI reset --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

abbr,acronym {
	border:0;
}
small, big {
	font-size: 1em;
}

/* --- basic styles, mostly typography "SkodaSans",  --- */


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 85%;		/* default is 16px = 1em. this 75% makes 1em = 12px */
	color: #333;
	background-color: #eee;
}

input, select, textarea {
	font-family: inherit;
	font-size: 1em;
}

tt, code, pre {
	font-size: .9em;
	font-family: Consolas, "Panic Sans", "Andale Mono", monospace;
	color: #000;
}

acronym, abbr, span.caps {
	font-size: 0.88em;
	letter-spacing: .07em;
}

acronym, abbr {
	border-bottom: 1px dashed #ccc;
}

h1 span.amp, h2 span.amp, h3 span.amp, h4 span.amp, h5 span.amp, h6 span.amp {	/* use the best possible ampersands fonts can offer */
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
	font-style: italic; 
	font-size: 110%;
}

ul, ol {
	list-style-position: outside;	/* place the bullet in the left padding */
}

p, ul, ol, dl {
	line-height: 1.5;
	margin: 0 0 1.5em;
}

h1 {
	font-size: 2em;
	line-height: 1.5;
	margin-top: .75em;
	margin-bottom: .75em;
}

h2 {
	font-size: 1.5em;
	line-height: 1;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

h4 {
	font-size: 1.1667em;
	line-height: 1.286;
	margin-top: 1.286em;
	margin-bottom: 1.286em;
}

h5, h6 {
	font-size: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h6 {
	font-style: italic;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: #c3001e;
}

a:hover {
	color: #000;
}

small {
	color: #666;
}

big {
	color: #000;
}

sup {
	font-weight: bold;
	line-height: 0;
}

i, em, cite {
	font-weight: inherit;
	font-style: italic;
}

b, strong {
	font-weight: bold;
	font-style: inherit;
}

blockquote, q {
	font-style: italic;
}

blockquote {
	color: #69c;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote p:before, blockquote:after, blockquote[cite] p:last-child:after {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
	font-style: italic; 
	font-size: 3em;
	display: block;
	margin: 0;
}

blockquote p:before {
	content: "“ ";
	margin-left: -.6em;
	margin-bottom: -1em;
	line-height: 1;
}

blockquote p + p:before {
	color: #aaa;
}

blockquote:after, blockquote[cite] p:last-child:after {
	content: " ”";
	text-align: right;
	margin-right: -.4em;
	margin-top: -1.05em;
	line-height: 1.1;
}

blockquote[cite] p:last-child:after {
	margin-top: -.5em;
	margin-bottom: -.6em;
}

blockquote[cite]:after {
	content: attr(cite);
	font-size: 1em;
	line-height: 1.5;
	font-family: inherit;
	font-style: normal;
	margin-top: -1px;
	margin-bottom: 1.5em;
	border-top: 1px dotted #ccc;
	display: block;
	color: #999;
}

.dquo {
	margin-left: -.38em;
}

hr {
	text-align: center;
	margin: 1.5em 0;
	border: 0 dotted #666;
	height: 1px;
}

hr.footnote-sep {
	border-style: solid;
	border-width: 1px 0 0;
	margin-top: 3em;
	width: 8em;
}

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

.menu {
	position: relative;
}

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(images/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */

.menu {
	margin: 0 auto;
	width: 1000px;
}

.menu li li {
	width: 15em;
}

.mainnav {
	margin: 0;
	border: 1px solid #eee;
	border-width: 1px 0;
}

.mainnav, .mainnav li {
	color: #fff;
	background-color: #c3001e;
}

.mainnav a {
	display: block;
	padding: .4em 20px .3em;
}

.mainnav li li a {
	padding: .2em 20px .1em;
}

.mainnav a:link, .mainnav a:visited {
	color: #fff;
}

.mainnav a:hover, .mainnav li:hover>a:link, .mainnav li:hover>a:visited {
	color: #e799a5 !important;
}

.mainnav li {
	background-image: url(images/vertical-dots.png);
	background-position: left;
	background-repeat: no-repeat;
}

.mainnav li.first, .mainnav li.last, .mainnav li li {
	background-image: none;
}

.mainnav li li {
	border-bottom: 1px solid #e799a5;
}

.mainnav li li:last-child {
	border-bottom: 0;
}

.mainnav li.other {
	float: right;
}

/* layout */

body {
	background-image: url(images/zvezdara-flag-down.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0;
}

.masthead {
	margin: 0 auto;
	padding: 20px;
	width: 960px;
}

.blogname {
	margin: 0;
	float: left;
	width: 300px;
}

.blogname img {
	display: block;
}

.blogdesc {
	position: absolute;
	visibility: hidden;
}

.randomquote {
	width: 600px;
	float: right;
}

.quotemeta {
	margin-top: -1.5em;
}

.quotemeta, .quotenext {
	text-align: right;
	margin: 0;
}

.c, .masthead {
	min-height: 0; /* IE7 f/c */
}

.c:after, .masthead:after {
	content: ".";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}

.c {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

.cmain, .cside, .csub, .csingle {
	padding: 20px;
	float: left;
}

.cheadline, .csingle {
	background: #fff;
	margin-left: 220px;
	margin-bottom: 20px;
	padding: 0;
	width: 780px;
}

.cmain {
	margin-left: 220px;
	margin-right: 280px;
	padding: 0;
	width: 500px;
}

.homeb .cmain {
	margin-left: 0;
}

.csub {
	margin-left: -100%;
	width: 160px;
}

.homeb .csub {
	margin-left: 0;
	margin-right: 20px;
}

.cside {
	margin-left: -260px;
	width: 220px;
}

.cfooter {
	width: 960px;
	margin: 0 auto;
	padding: 60px 60px 20px 0;
}

.copyright, .adminstuff {
	text-align: center;
	color: #ccc;
	margin: 0;
}

.adminstuff {
	list-style: none;
	margin: .8em 0 0;
}

.adminstuff li {
	border-top: 1px dotted #ccc;
	display: inline;
	padding: .5em 1em 0;
}

.adminstuff a:link, .adminstuff a:visited {
	color: #999;
}

.ccontent {
	background: #fff;
	padding: 20px 20px 20px 40px;
	width: 438px;
	border: 1px solid #c6c6c6;
}

.ccontent ul, .ccontent ol, .post ol, .post ul {
	list-style-position: outside;
}

.ccontent ul, .post ul {
	list-style-type: disc;
}

.ccontent ol, .post ol, .comments ol {
	list-style-type: decimal;
}

.adminedit {
	text-align: right;
}

.ccontent h2 .postedit {
	font-size: .6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.postedit {
	color: #999;
	margin-left: 2em;
}


/* post */

.post, .comments, .homeb .cheadline .post {
	background: #fff;
	padding: 20px 20px 20px 40px;
	border: 1px solid #c6c6c6;
	overflow: hidden;
}

.homeb .post {
	background: none;
	border: 0;
}

.homeb .post + .post {
	border-top: 1px dotted #ccc;
}

.csingle {
	width: 778px;
	border: 1px solid #666;
}

.csingle .post, .comments {
	border: 0;
}

.post h3, post h1, .ccontent h2, .csingle h1, .comments h3 {
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 0;
}

.cheadline h3 {
	font-size: 2em;
}

.postdate {
	font-size: .9em;
	color: #000;
	margin-top: 0;
	margin-bottom: 0;
}

.cheadline .postdate, .csingle .postdate {
	font-size: 1em;
}

.metadata {
	text-transform: uppercase;
	text-align: right;
	font-size: .8em;
	color: #666;
}

.metadata p {
	margin: 0;
}

.post blockquote {
	margin-left: 60px;
	margin-right: 60px;
}


.comments li {
	margin-bottom: 1.5em;
}

.comments .metadata {
	text-align: left;
	color: #999;
	margin-top: -1em;
	padding-top: 10px;
	padding-left: 20px;
	border-top: 1px dotted #ccc;
}

#comment {
	width: 99%;
}

.comments .note {
	font-size: .88em;
	font-variant: small-caps;
	color: #ccc;
	margin: 20px 0 0 40px;
}

/* sub column */


.csub .links h3, .csub .categ h3, .searchform legend, .csub .feeds h3 {
	font-size: .88em;
	font-weight: 800;
	text-transform: uppercase;
	color: #006fa8;
	margin: 0 0 1.5em;
}

.csub .links li ul, .csub .categ ul, .csub .feeds ul {
	margin-top: 0;
	color: #c6c6c6;
	list-style-position: outside;
	list-style-type: disc;
}

.csub a:link, .csub a:visited {
	color: #123;
}

.csub a:hover {
	color: #c3001e;
}

.csub a:hover:after {
	content: "→";
}

.searchform {
	margin-bottom: 1.5em;
}

.searchform label {
	position: absolute;
	visibility: hidden;
}

.searchform div {
	display: inline;
}

#s {
	width: 120px;
}

#searchsubmit {
	font-weight: 900;
	line-height: 1;
	width: 20px;
}

.searchform input {
	border: 1px solid #c6c6c6;
	padding: 3px;
}

/* Linkovi */

.linkovi ul {
	list-style: none;
}

.linkovi li ul {
	list-style: disc;
}

/* side column */

.cside {
	padding: 20px 0;
	width: 260px;
}

.widget, .events, .polls {
	background: #f5f5f5;
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #e5e5e5;
}

.widget h2, .events h2, .polls h2 {
	background: #e5e5e5;
	margin: -20px -20px 0;
	padding: 5px 20px;
}

.events h4 {
	color: #006fa8;
	margin-bottom: 0;
}

.events .startend {
	font-size: .9em;
	color: #950000;
	margin-top: 0;
}

/* forma */

.bl legend {
	font-size: 1.3em;
	margin: 0 0 1em;
	display: block;
}

.bl label {
	display: block;
}

.bl input, .bl textarea {
	width: 416px;
}

.bl .buttons {
	text-align: center;
	margin: 1em;
}

.bl .buttons input {
	font-weight: bold;
	width: auto;
}

.badinput {
	color: #f00;
	background: #ffd1c8;
	padding: .5em 10px 1.5em;
}

.badinput label {
	font-weight: bold;
}

.badinput input, .badinput textarea {
	width: 396px;
}

.error {
	font-weight: bold;
	color: #f00;
}

.info {
	color: #00f;
}