/* --------------------------------------------------- body ---------------- */

body {
	background-color: #FFFFFF;
	background-image: url(../img/naslov.jpg);
	background-repeat: no-repeat;
	}

h1, h2, h3 {
	font-family: garamond, serif;
	}

p, pre, ul, h4, label {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 70%;
	line-height: 170%;
	}

a:link {
	padding: 0px 0px 1px 0px;
	color: #A52A2A;
	text-decoration: none;
	border-bottom: 1px dotted #DCDCDC;
	font-weight: normal;
	}

a:visited {
	padding: 0px 0px 1px 0px;
	color: #A52A2A;
	text-decoration: none;
	border-bottom: 1px dotted #DCDCDC;
	font-weight: normal;
	}

a:hover {
	padding: 0px 0px 1px 0px;
	color: #A52A2A;
	text-decoration: none;
	border-bottom: 1px solid #A52A2A;
	font-weight: normal;
	}

table {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	}

img {
	margin: 0px;
	border: 0px;
	}

hr {
	margin: 0px 0px 15px 0px;
	height: 1px;
	color: #BC8F8F;
	}

/* --------------------------------------------------- kontejner ----------- */

#container {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	width: 750px;
	}

/* --------------------------------------------------- zaglavlje ----------- */

#header {
	margin: 0px 20px 50px 20px;
	padding: 0px;
	height: 100px;
	text-align: right;
	}

#header a:link {
	padding: 0px;
	color: #BC8F8F;
	text-decoration: none;
	border: 0px;
	}
	
#header a:visited {
	padding: 0px;
	color: #BC8F8F;
	text-decoration: none;
	border: 0px;
	}

#header a:hover {
	padding: 0px;
	color: #BC8F8F;
	text-decoration: none;
	border: 0px;
	}

#header span {
	font-family: garamond, serif;
	font-size: 40px;
	color: #BC8F8F;
	font-weight: normal;
	}

/* --------------------------------------------------- orijentacija -------- */

#orientation {
	margin: 0px 20px 20px 0px;
	padding: 0px;
	}

#orientation p {
	margin: 0px;
	padding: 0px;
	color: gray;
	text-align: left;
	}

#orientation a:link {
	padding: 0px 0px 1px 0px;
	color: gray;
	text-decoration: none;
	border-bottom: 1px dotted #DCDCDC;
	}

#orientation a:visited {
	padding: 0px 0px 1px 0px;
	color: gray;
	text-decoration: none;
	border-bottom: 1px dotted #DCDCDC;
	}

#orientation a:hover {
	padding: 0px 0px 1px 0px;
	color: gray;
	text-decoration: none;
	border-bottom: 1px solid gray;
	}

/* --------------------------------------------------- uspravna traka ------ */

#navBar {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 200px;
	}

#navBar h2 {
	margin: 15px 10px 10px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../img/bg-navbar-h2.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	color: #FFFFFF;
	Xborder-bottom: 1px dotted #C0c0c0;
	}

#navBar h3 {
	margin: 0px 20px 0px 15px;
	padding: 0px;
	color: #C0C0C0;
	}

#navBar span.gray {
	color: #808080;
	}

#navBar p {
	margin: 10px 20px 15px 10px;
	padding: 0px;
	}

#navBar p.yellow {
	margin: 10px 20px 10px 0px;
	padding: 5px;
	background: #FAFAD2;
	}

#navBar table{
	font-size: 70%;
	}

/* --------------------------------------------------- navigacija ---------- */

#navigation {
	margin: 0px;
	padding: 0px;
	}

#navigation ul {
	margin: 0px 0px 15px 30px;
	padding: 0px;
	}

#navigation li {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-image: url(../img/lista-simbol-prazni.gif);
	}

#navigation li.selected {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-image: url(../img/lista-simbol-puni.gif);
	}

/* --------------------------------------------------- content ---------------- */

#content {
	margin: 0px 0px 0px 220px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 520px;
	}

#content span.form-row-label {
	padding: 0px 0px 0px 0px;
	width: 100px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	text-align: right;
	}

#content span.gray {
	color: #A0A0A0;
	}

#content span.red {
	color: #A52A2A;
	}

#content span.smallgray {
	font-size: 90%;
	font-weight: normal;
	color: #A0A0A0;
	}

#content span.yellow-bg {
	background-color: #FFFFE0;
	}

#content span.poetry {
	color: #A0522D;
	font-weight: bold;
	}

#content h1 {
	margin: 0px 0px 20px 0px;
	color: #A0522D;
	}
	
#content h2 {
	margin: 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	font-size: 140%;
	color: #A0522D;
	}

#content h2.smallbottommargin {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 140%;
	color: #A0522D;
	}

#content h2.lineunder {
	margin: 0px 0px 20px 0px;
	font-size: 140%;
	color: #A0522D;
	border-bottom: 1px solid #eee;
	}

#content h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 110%;
	color: #A0522D;
	}

#content h3.lineunder {
	Xmargin: 0px 0px 10px 0px;
	Xpadding: 0px 0px 5px 0px;
	font-size: 110%;
	color: #A0522D;
	}

#content h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	}

#content p {
	margin: 0px 0px 20px 0px;
	}

#content p.smallmargins {
	margin: 0px 0px 5px 0px;
	}

#content ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	list-style-image: url(../img/lista-simbol-prazni.gif);
	}

#content ul.errors {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	color: #A0A0A0;
	list-style-image: none;
	}

#content ul.none {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	list-style-image: none;
	}

#content li.listwithdescription {
	margin: 0px 0px 15px 0px;
	}

#content li.morespaceunder {
	margin: 0px 0px 20px 0px;
	}

#content li.morespaceleft {
	margin: 0px 0px 0px 140px;
	}

#content div.arrows {
	margin: 0px;
	text-align: right;
	color: #336699;
	}

#content div.yellow {
	margin: 0px 0px 20px 0px;
	padding: 10px 15px 1px 15px;
	background: #FAFAD2;
	}

#content div.center {
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 15px;
	text-align: center;
	}

#content div.form-row {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#content div.form-row-left-margin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	}

#content div.links {
	margin: 0px;
	padding: 0px;
	height: 80px;
	}

#content img.right {
	float: right;
	margin: 10px 0px 10px 10px;
	border: 0px;
	}

#content img.left {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 0px;
	}

#content img.links-thumb {
	margin: 0px 10px 10px 0px;
	float: left;
	border: 1px solid silver;
	}

#content table {
	margin: 0px 0px 20px 0px;
	font-size: 70%;
	}

#content table.noformat {
	font-size: 100%;
	margin: 0px 0px 20px 0px;
	}

#content table.intro {
	font-size: 100%;
	}

#content table.tests {
	font-size: 70%;
	}

#content table.form {
	font-size: 70%;
	}

#content table.categorys {
	margin: 0px;
	font-size: 70%;
	Xline-height: 170%;
	}

#content td {
	padding: 3px 0px 3px 0px;
	vertical-align: top;
	}

#content tr.orangebg {
	padding: 3px 0px 3px 0px;
	background: #FDF5E6;
	}

/*--------------------- banner ------*/

#content p.banner {
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	color: #D2B48C;
	font-size: 13px;
	line-height: 18px;
	}

#content span.banner {
	font-size: 24px;
	}

#content a.banner {
	color: #D2B48C;
	text-decoration: none;
	}

#content a.banner:visited {
	color: #D2B48C;
	text-decoration: none;
	}

#content a.banner:hover {
	color: #6699CC;
	text-decoration: none;
	}

/* --------------------------------------------------- dole ---------------- */

#footer {
	clear: both;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	text-align: left;
	line-height: 120%;
	}

#footer p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 170%;
	}

/* --------------------------------------------------- admin ---------------- */

#content-admin {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

#content-admin h1 {
	margin: 0px 0px 20px 0px;
	font-size: 140%;
	color: #A0522D;
	}

#content-admin h2 {
	margin: 0px 0px 20px 0px;
	font-size: 120%;
	color: #A0522D;
	}

#content-admin span {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	}

#content-admin span.gray {
	font-size: 100%;
	color: #A0A0A0;
	}

#content-admin p {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 60%;
	Xline-height: 14px;
	}

#content-admin ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	list-style-image: url(../img/lista-simbol-prazni.gif);
	}

#content-admin table.stats {
	margin: 0px 0px 0px 0px;
	font-size: 70%;
	}

#content-admin table.showarticle {
	margin: 0px 0px 20px 0px;
	font-size: 70%;
	width: 700px;
	}

#content-admin hr {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 700px;
	}