/* This CSS applies to all browsers */
body {
 margin: 0;
 padding: 0;
 color: #99958a;
 background: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: medium;
}
img { border: none; }
em, b, strong { font-style: normal; font-weight: bold; }
ul { list-style: circle; }
div#header {
 position: relative;
 z-index: 1;
 height: 141px;
 width: 770px;
 margin: 0;  /* later if JS is available it aligns to margin: 0 auto 0 auto; */
 /* top margin must be 0 for firefox and opera or it triggers vertical scroll in the size of the set margin */
 overflow: hidden; /* wrap fix */
 background: #fff;
}
#header h1 {
	margin: 1em 0 0 0; /* ie6: bottom margin causes aditional space in the bottom of head*/
	display: none;
}
#header .tagline { display: none; }

div#main {
 position: relative;
 z-index: 1;
 margin: 25px 0 0 0; /* later if JS is available it aligns to margin: 0 auto 0 auto; */
 width: 770px;
 overflow: hidden; /* wrap fix */
 background: #fff;
}
div#footer {
 position: relative;
 z-index: 1;
 margin: 0; /* later if JS is available it aligns to margin: 0 auto 0 auto; */
 padding: 3em 0 1em 0;
 width: 770px;
}
#footer p {
	width: 420px;
	margin: 0 auto 0 auto;
	padding: 0.5em 0 0 0;
	text-align: center;
	font-size: 0.6em;
	border-top: 1px dotted #99958a;
}
#footer a { color: #99958a!important; }

div#content {
	width: 420px;
	float: left;
	margin: 0 15px 0 175px; /* see ie_ut6.css */
	font-size: 0.75em;
	line-height: 1.3em;
	/*tmp*/
	background: #fff;	
}

/*
div#content a,
div#content a:hover {
	text-decoration: underline;
}*/
div#content a {
	color: #442801;
}

div#side_a {
	width: 160px;
  float: left;
	margin: 1em 0 0 -610px; /* see ie_ut6.css */
}

div#side_b {
	width: 160px;
	float: left;
	margin: 1em 0 0 0;
}

/* SECTION: sides */
#side_a h3,
#side_b h3 {
	margin: 0;
	font-size: 1.125em;
}
#side_a h4 {
	margin: 1.3em 0 0 0;
	font-size: 0.75em;
	font-weight: bold;
	padding: 0 0 0 14px; /* make room for bullet  */
	background: url(img/arrow_bullet_ico.png) 0 3px no-repeat;
}
#side_a p {
	margin: 0.5em 5px 0 5px;
	font-size: 0.75em;
	line-height: 1.3em;
}
#side_a p.arhiv {
	margin: 1.3em 5px 0 5px;
	text-align: right;
}
#side_a a,
#side_b a {
	text-decoration: none;
	font-weight: bold;
}
#side_a a:hover,
#side_b a:hover {
	text-decoration: underline;
}

#naslovna #side_a h3,
#naslovna #side_b h3,
#naslovna #side_a h4,
#naslovna #side_b h4,
#muska #side_a h3,
#muska #side_b h3,
#muska #side_a h4,
#muska #side_b h4 {
	font-weight: bold;
	color: #442801;
}

#dejavnosti #side_a h3,
#dejavnosti #side_b h3,
#dejavnosti #side_a h4,
#dejavnosti #side_b h4 {
	font-weight: bold;
	color: #91C721;
}

#oglasi #side_a h3,
#oglasi #side_b h3,
#oglasi #side_a h4,
#oglasi #side_b h4 {
	font-weight: bold;
	color: #dd127b;
}
#gradiva #side_a h3,
#gradiva #side_b h3,
#gradiva #side_a h4,
#gradiva #side_b h4 {
	font-weight: bold;
	color: #19b1c6;
}
#o_nas #side_a h3,
#o_nas #side_b h3,
#o_nas #side_a h4,
#o_nas #side_b h4 {
	font-weight: bold;
	color: #f8c702 ;
}

#side_a a,
#side_b a {
	color: #442801;
}
#naslovna #side_b #nav_dogodki ul h4 a,
#muska #side_b #nav_dogodki ul h4 a { color: #91C721; }
#dejavnosti #side_b #nav_dogodki ul a.vec { color: #91C721; }
#oglasi #side_b #nav_dogodki ul a.vec { color: #DD127B; }
#gradiva #side_b #nav_dogodki ul a.vec { color: #19B1C6; }
#o_nas #side_b #nav_dogodki ul a.vec { color: #F8C702; }

#dejavnosti #side_b h3,
#dejavnosti #side_b h3 a,
#dejavnosti #side_a h3 a { color: #91C721; }
#oglasi #side_b h3,
#oglasi #side_b h3 a,
#oglasi #side_a h3 a { color: #dd127b; }
#gradiva #side_b h3,
#gradiva #side_b h3 a,
#gradiva #side_a h3 a { color: #19b1c6; }
#o_nas #side_b h3,
#o_nas #side_b h3 a,
#o_nas #side_a h3 a { color: #f8c702; }

/* SECTION: mailing list form */
form#mailing {
	margin: 1.3em 0 0 0;
	padding: 0;
} 
#mailing fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#mailing input { 
	margin: 0;
	padding: 0;
	border: 1px solid #b2b2b2;
	background: #fff;
}
#mailing input.txt {
	width: 125px;
	height: 20px;
	float: left;
	color: #99958a;
}
#mailing input.button {
	display: block;
	height: 21px;
	width: 28px;
	margin: 0;
	padding: 0;
	border:none;
}
#naslovna #mailing input.button,
#muska #mailing input.button,
#dejavnosti #mailing input.button {
	background: url(img/ok_ico_a.png) top right no-repeat;
}
#oglasi #mailing input.button {
	background: url(img/ok_ico_b.png) top right no-repeat;
}
#gradiva #mailing input.button {
	background: url(img/ok_ico_c.png) top right no-repeat;
}
#o_nas #mailing input.button {
	background: url(img/ok_ico_d.png) top right no-repeat;
}
#mailing p {
	margin: 0.7em 0 1em 0;
	font-size: x-small;
}
#mailing p span.mail_ico {
	display: block;
	float: left; 
	height: 21px;
	width: 40px;
}
#naslovna #mailing p span.mail_ico,
#muska #mailing p span.mail_ico,
#dejavnosti #mailing p span.mail_ico {
	background: url(img/mail_ico_a.png) 0 0 no-repeat;
}
#oglasi #mailing p span.mail_ico {
	background: url(img/mail_ico_b.png) 0 0 no-repeat;
}
#gradiva #mailing p span.mail_ico {
	background: url(img/mail_ico_c.png) 0 0 no-repeat;
}
#o_nas #mailing p span.mail_ico {
	background: url(img/mail_ico_d.png) 0 0 no-repeat;
}

/* SECTION: forum button */
h3#forum {
	display: block;
	margin: 1.3em 0 0 0;
	text-align: right;
}
#forum a {
	display: block;
	width: 130px;
	height: 25px;
	margin: 0 auto 0 auto;
	padding: 35px 10px 0 0;
	color: #442801!important;
}
#naslovna #forum a,
#muska #forum a,
#dejavnosti #forum a { background: url(img/forum_ico_a.png) 10px 5px no-repeat; }
#oglasi #forum a { background: url(img/forum_ico_b.png) 10px 5px no-repeat; }
#gradiva #forum a { background: url(img/forum_ico_c.png) 10px 5px no-repeat; }
#o_nas #forum a { background: url(img/forum_ico_d.png) 10px 5px no-repeat; }

/* SECTION: navigation dogodki */
ul#nav_dogodki,
ul#nav_dogodki ul,
ul#nav_dogodki li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav_dogodki li { /* Dates of dogodki */
	margin: 1.3em 0 0 0 !important;
}
#nav_dogodki li a { /* Dates of dogodki */
	display: block;
	padding: 0.3em 5px 0.3em 5px; /* see ie_ut6.css & ie_7.css */
	font-size: 0.75em;
	font-weight: normal;
}
#naslovna #nav_dogodki li a,
#muska #nav_dogodki li a {	background: #e3dfd9; }
#dejavnosti #nav_dogodki li a {	background: #ecf9d2; }
#oglasi #nav_dogodki li a {	background: #fce7f2; }
#gradiva #nav_dogodki li a {	background: #dbf2f7; }
#o_nas #nav_dogodki li a {	background: #f9e48f; }

#nav_dogodki ul a { 
	display: inline; /* negate from "#nav_dogodki li a"  */
	padding: 0;
	background: #fff!important;
	font-weight: bold;
}
#nav_dogodki ul li { /* Items of dogodki */
	margin: 0em 0 0 0 !important;
}
#nav_dogodki h4 { /* Titles of dogodki items */
	margin: 0.5em 5px 0 5px; /* see ie_ut6.css & ie_7.css */
	font-weight: bold;
}
#nav_dogodki h4 a { /* Titles of dogodki items */	
	font-size: 0.75em;
}
#nav_dogodki p { /* Description of dogodki items */
	margin: 0 5px 0 5px;
	font-size: 0.75em;
	line-height: 1.3em;
}
#nav_dogodki p a { /* "Več" */
	font-weight: bold;
	font-size: 1em;
}
/*
#dejavnosti #nav_dogodki h4,
#dejavnosti #nav_dogodki h4 a,
#dejavnosti #nav_dogodki p a { color: #91C721; }
#oglasi #nav_dogodki h4,
#oglasi #nav_dogodki h4 a,
#oglasi #nav_dogodki p a { color: #dd127b; }
#gradiva #nav_dogodki h4,
#gradiva #nav_dogodki h4 a,
#gradiva #nav_dogodki p a { color: #19b1c6; }
#o_nas #nav_dogodki h4,
#o_nas #nav_dogodki h4 a,
#o_nas #nav_dogodki p a { color: #f8c702; }
*/

/* SECTION: koledar */
div#koledar {
	position: relative;
	width: 160px;
	height: 155px;
	margin: 55px 0 0 0;
	padding: 6px 0 0 0;
}
#naslovna #koledar,
#muska #koledar {
	background: url(img/calendar_bg_a.png) 0 0 no-repeat;
}
#dejavnosti #koledar {
	background: url(img/calendar_bg_b.png) 0 0 no-repeat;
}
#oglasi #koledar {
	background: url(img/calendar_bg_c.png) 0 0 no-repeat;
}
#gradiva #koledar {
	background: url(img/calendar_bg_d.png) 0 0 no-repeat;
}
#o_nas #koledar {
	background: url(img/calendar_bg_e.png) 0 0 no-repeat;
}
#koledar h3 {
	position: absolute;
	font-size: 0.9em;
	top: -25px;
}
#dejavnosti #koledar h3,
#dejavnosti #koledar h3 a { color: #91C721; }
#oglasi #koledar h3,
#oglasi #koledar h3 a { color: #dd127b; }
#naslovna #koledar h3 a.prev,
#naslovna #koledar h3 a.next,
#muska #koledar h3 a.prev,
#muska #koledar h3 a.next { color: #e3dfd9!important; }
#dejavnosti #koledar h3 a.prev,
#dejavnosti #koledar h3 a.next {	color: #deeebd!important; }
#oglasi #koledar h3 a.prev,
#oglasi #koledar h3 a.next {	color: #eed3e1!important; }
#gradiva #koledar h3 a.prev,
#gradiva #koledar h3 a.next {	color: #c7e5ec!important; }
#o_nas #koledar h3 a.prev,
#o_nas #koledar h3 a.next {	color: #ffe992!important; }
#koledar table {
	width: 150px;
	font-size: 0.6em;
	text-align: center;
	line-height: 17px;
	padding: 0; 
	margin: 0 0 0 6px;
	border-collapse: collapse;
	table-layout: fixed;
}
#koledar tbody tr {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#koledar tbody td {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin: 1px; /* see ie_ut6.css & ie_7.css */
	padding: 0;
	border: none;
	background: #fff;
}
#koledar tbody td.today { background: none; }
#koledar tbody th {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin: 1px;
	padding: 0;
	border: none;
	color: #442801;
	font-weight: bold;
}
#koledar tbody a {
	color: #442801;
	font-weight: bold;
}

/* SECTION: special navigation */
ul#nav_spec {
	position: absolute;
	top: 15px;
	right: 0; 
	display: block;
	width: 160px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: small;
}
#nav_spec li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
}
#nav_spec li.devider {
	padding: 0 0 0 14px; /* make room for devider icon */
	background:url(img/devider_ico.png) 5px 2px no-repeat;
}
#nav_spec li a { 
	text-decoration: none;
	color: #99958a;
}
#nav_spec li a:hover { text-decoration: underline; }

/* SECTION: main navigation */
ul#nav_main {
	position: absolute;
	bottom: 0;
	left: 0; 
	margin: 0;
	padding: 0;
	background: #fff;
}
#nav_main li {
	display: block;
	float: left; 
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 27px;
}

/* nav_main item not selected */
#nav_main li a { 
	display: block;
	height: 30px;
	text-decoration: none;
	color: #fff;
	background: url(img/nav_main.png) -770px 28px no-repeat;  /* line */
}
#nav_main .item1 a { /* dejavnosti */
	width: 160px;
	color: #99958a;
	background-color: #fff;
}
#nav_main .item2 a { /* dejavnosti */
	width: 113px;
	background-color: #a9d706;
}
#nav_main .item3 a { /* oglasi */
	width: 112px;
	background-color: #dd127b;
}
#nav_main .item4 a { /* gradiva */
	width: 112px;
	background-color: #19b1c6;
}
#nav_main .item5 a { /* o nas */
	width: 113px;
	background-color: #f8c702 /*ffd800*/;
}
#nav_main .item6 a { /* muska */
	width: 160px;
	color: #99958a;
	background-color: #fff;
}

/* nav_main item hovered, selected */
#nav_main li a:hover { 
 height: 41px;
}
#nav_main .item1 a:hover,
#nav_main .item1_selected { /* dejavnosti */
	background: #fff url(img/nav_main.png) 0px 28px no-repeat; 
}
#nav_main .item2 a:hover,
#nav_main .item2_selected { /* dejavnosti */
	background: #a9d706 url(img/nav_main.png) -160px 28px no-repeat; 
}
#nav_main .item3 a:hover,
#nav_main .item3_selected { /* oglasi */
	background: #dd127b url(img/nav_main.png) -273px 28px no-repeat; 
}
#nav_main .item4 a:hover,
#nav_main .item4_selected { /* gradiva */
	background: #19b1c6 url(img/nav_main.png) -385px 28px no-repeat; 
}
#nav_main .item5 a:hover,
#nav_main .item5_selected { /* o nas */
	background: #f8c702 url(img/nav_main.png) -497px 28px no-repeat; 
}
#nav_main .item6 a:hover,
#nav_main .item6_selected { /* muska */
	background: #fff url(img/nav_main.png) -610px 28px no-repeat; 
}
#nav_main .item1_selected,
#nav_main .item6_selected {
	width: 160px;
	height: 41px;
	color: #99958a;
}
#nav_main .item2_selected,
#nav_main .item5_selected {
	width: 113px;
	height: 41px;
}
#nav_main .item3_selected,
#nav_main .item4_selected {
	width: 112px;
	height: 41px;
}

/* SECTION: sub navigation */
ul#nav_sub,
#nav_sub ul {
	list-style: none;
	margin: 1.3em 0 0 0;
	padding: 0;
	font-size: 0.75em;
	font-weight: bold;
}
#dejavnosti #nav_sub,
#dejavnosti #nav_sub ul {
	color: #91C721;
}
#oglasi #nav_sub,
#oglasi #nav_sub ul {
	color: #dd127b;
}
#gradiva #nav_sub,
#gradiva #nav_sub ul {
	color: #19b1c6;
}
#o_nas #nav_sub,
#o_nas #nav_sub ul {
	color: #f8c702;
}
#nav_sub li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	line-height: 1.5em;
}
#naslovna #nav_sub li,
#muska #nav_sub li { background: #fff url(img/bullet_ico_a.png) 0 4px no-repeat; }
#dejavnosti #nav_sub li	{ background: #fff url(img/bullet_ico_b.png) 0 4px no-repeat; }
#oglasi #nav_sub li	{ background: #fff url(img/bullet_ico_c.png) 0 4px no-repeat; }
#gradiva #nav_sub li	{ background: #fff url(img/bullet_ico_d.png) 0 4px no-repeat; }
#o_nas #nav_sub li	{ background: #fff url(img/bullet_ico_e.png) 0 4px no-repeat; }
#nav_sub ul { 
	margin: 5px 0 1em 10px;
	font-size: 1em;
}

/* SECTION: dropdown navigation */
form#nav_dropdown,
#nav_dropdown fieldset {
	margin: 2em 0 3em 0;
	padding: 0em;
	border: none;
}
#nav_dropdown fieldset.second { margin: -2em 0 3em 0; }
#nav_dropdown input.button {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #fff;
	border: 1px solid #b2b2b2;
	width: 60px;
	height: 20px;
	text-align: center;
}
#nav_dropdown select {
	background: #fff;
	border: 1px solid #b2b2b2;
	margin: 0;
}
#oglasi #nav_dropdown input.button {
	display: block;
	margin: 1em 0 0 0;
}

/* SECTION: new_oglas, new_order */
form#new_oglas,
form#new_order,
#new_order fieldset,
#new_oglas fieldset {
	margin: 1em 0 0 0;
	padding: 0;
	border: none;
}
#new_oglas label,
#new_order label {
	display: block;
	margin: 1em 0 0 0;
	font-weight: bold;
}
#new_order label.form_row { float: left;  }
#new_order label.small { width: 210px; }
#new_oglas select,
#new_order select {
	background: #fff;
	border: 1px solid #b2b2b2;
	margin: 0.2em 0 0 0;
}
#new_oglas input,
#new_order input,
#new_oglas textarea,
#new_order textarea {
	display: block;
	width: 420px; /* see ie_ut6.css */
	background: #fff;
	border: 1px solid #b2b2b2;
	margin: 0.2em 0 0 0;	
}
#new_order .form_row input { float: left; }
#new_order .small input { width: 180px; }
#new_oglas textarea,
#new_order textarea {
	height: 9em;
}
#oglasi #new_oglas p,
#oglasi #new_oglas label { 	color: #dd127b; }
#dejavnosti #new_order p { float: left; display: block; margin: 1em 0 0 0; }
#dejavnosti #new_order label { 	color: #91C721; }
#new_oglas input.button,
#new_order input.button {
	display: block;
	margin: 1em auto 0 auto;
	padding: 0 0 0 0;
	background: #fff;
	border: 1px solid #b2b2b2;
	width: 60px;
	height: 20px;
	text-align: center;
}
#new_order input.button { clear: both;}



/* SECTION: logos */
span#gm_logo {
	position: absolute;
	top: -110px;
	left: 0;
	width: 160px;
	height: 120px;
	background: url(img/gm_logo.png) center 30px no-repeat;
}
span#muska_logo {
	position: absolute;
	top: -60px;
	right: 0;
	width: 160px;
	height: 60px;
	background: url(img/glasna_logo.png) center 15px no-repeat;
}

/* SECTION: buttons sub navigation */
div.row { /* for aligning the next nav_button line */
	float: left;
	width: 420px;
	margin: 0 0 1em 0;
}
div.nav_button {
	float: left;
	width: 205px;
}
.button_a, 
.button_c,
.button_e { /* gap between buttons */
	margin: 0 10px 0 0;
}
.nav_button ul {
	margin: 0;
	padding: 0;
}
.nav_button li {
	list-style: none;
	text-transform: lowercase;
}
#naslovna .nav_button li.button,
#dejavnosti .nav_button li.button {
	background: url(img/button_bottom_a.png) 0 100px no-repeat;
}
#oglasi .nav_button li.button {
	background: url(img/button_bottom_b.png) 0 100px no-repeat;
}
#gradiva .nav_button li.button {
	background: url(img/button_bottom_c.png) 0 100px no-repeat;
}
.nav_button ul ul li {
	margin: 0 25px 0 25px;
	padding: 0 0 0 15px; /* space for the "+" bullet */
	background: #fff url(img/bullet_ico_a.png) 0 4px no-repeat; /* color must be set or IE has problems displaying the bullet when line too long */
}
.nav_button .button a {
	display: block;
	width: 205px;
	height: 25px; /* compensated with padding */
	margin: 0 0 0.7em 0;
	padding: 106px 0 0 0;
	color: #fff!important;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
#naslovna .button_a .button a,
#dejavnosti .button_a .button a { background: url(img/button_top_simfonicne_matineje.jpg) 0 0 no-repeat; } /* button image for simfonicne matineje */
#naslovna .button_b .button a,
#dejavnosti .button_b .button a { background: url(img/button_top_gm_oder.jpg) 0 0 no-repeat; } /* button image for GM oder */
#naslovna .button_c .button a,
#dejavnosti .button_c .button a { background: url(img/button_top_program.jpg) 0 0 no-repeat; } /* button image for program + */
#naslovna .button_d .button a { background: url(img/button_top_glasna.jpg) 0 0 no-repeat; } /* button image for Glasna */
#dejavnosti .button_d .button a { background: url(img/button_top_koncert.jpg) 0 0 no-repeat; } /* button image for koncert ki pride */
#dejavnosti .button_e .button a { background: url(img/button_top_mednarodne.jpg) 0 0 no-repeat; } /* button image for mednarodne */
#dejavnosti .button_f .button a { background: url(img/button_top_koledar.jpg) 0 0 no-repeat; } /* button image for koledar dogodkov */
#oglasi .button_a .button a { background: url(img/button_top_oglasi.jpg) 0 0 no-repeat; } /* button image for oglasi */
#oglasi .button_b .button a { background: url(img/button_top_razpisi.jpg) 0 0 no-repeat; } /* button image for razpisi */
#gradiva .button_a .button a { background: url(img/button_top_racorodja.jpg) 0 0 no-repeat; } /* button image for rac orodja */
#gradiva .button_b .button a { background: url(img/button_top_fonoteka.jpg) 0 0 no-repeat; } /* button image for fonoteka */
#gradiva .button_c .button a { background: url(img/button_top_fotog.jpg) 0 0 no-repeat; } /* button image for fotogalerija */
#gradiva .button_d .button a { background: url(img/button_top_ucitelji.jpg) 0 0 no-repeat; } /* button image for za učitelje */
.nav_button .button ul a  { /* negate .button effect on child anchors */
	display: inline;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	background: none!important;
	text-decoration: underline;
	font-size: 1em;
	font-weight: bold;
}
.nav_button .button ul a,
.nav_button .button ul { color: #442801!important; /* negate .button effect on child anchors. set same color to ul without anchors */ }

/* SECTION: posts */
.post {
	float: left;
	width: 420px;
	margin: 0 0 1em 0;
}
.post h2 {
	margin: 0;
	font-size: 2em;
	line-height: 1em;
}
.post h3 { margin: 1em 0 0 0; font-size: 1.5em; line-height: 1.2em; }
#naslovna .post h2,
#naslovna .post h3,
#muska .post h2,
#muska .post h3 { color: #442801; }
#dejavnosti .post h2,
#dejavnosti .post h3, 
#dejavnosti .post ul em,
#dejavnosti .post ul b,
#dejavnosti .post ul strong { color: #91C721; }
#oglasi .post h2,
#oglasi .post h3, 
#oglasi .post ul em,
#oglasi .post ul b,
#oglasi .post ul strong { color: #dd127b; }
#gradiva .post h2,
#gradiva .post h3, 
#gradiva .post ul em,
#gradiva .post ul b,
#gradiva .post ul strong { color: #19b1c6; }
#o_nas .post h2,
#o_nas .post h3, 
#o_nas .post ul em,
#o_nas .post ul b,
#o_nas .post ul strong { color: #f8c702; }
.post a { text-decoration: none; } /* no text decoration for links with images */
.post p a,
.post ul a { text-decoration: underline; font-weight: bold; } /* reset for paragraph links */
#dejavnosti .post p a,
#dejavnosti .post ul a { color: #91C721; }
#oglasi .post p a,
#oglasi .post ul a { color: #dd127b; }
#gradiva .post p a,
#gradiva .post ul a { color: #19b1c6; }
#o_nas .post p a,
#o_nas .post ul a { color: #f8c702; }
.post img { display: block; margin: 1em auto 0 auto; }
.post .details { font-size: 0.8em; margin-top: 0.5em;  } 

/* SECTION: muska posts */
.post .col_text,
.post .col_images { /* columns in muska posts */
	float: left;
}
.post .col_images {
	width: 140px;
	margin: 0 10px 0 0;
	text-align: center;
}
.post .col_text {
	width: 270px;
}
#muska .post .row { margin: 1em 0 0 0; }
#muska .post .col_text ul { margin: 1em 0 0 0; padding: 0 0 0 1.5em; }
#muska .post .col_text li { margin: 0.5em 0 0 0; }
#muska .post h3 a { text-decoration: none; }
#muska .post h3 a:hover { text-decoration: underline; }

/* SECTION: special posts */
.index h3 {
	display: block;
	margin: 1em 0 0 0;
	padding: 0.3em 5px 0.3em 5px;
	color: #442801!important;
	font-size: 1.2em;
}
.index h3 a { color: #442801!important; }
.index h3 a:hover { text-decoration: underline; }
#naslovna .index h3,
#muska .index h3 {	background: #e3dfd9; }
#dejavnosti .index h3 { background: #ecf9d2; }
#dejavnosti .index h3.a { background: none; }
#oglasi .index h3 { background: #fce7f2; }
#gradiva .index h3 { background: #dbf2f7; }
#o_nas .index h3 { background: #f9e48f; }

div.index ul.index { /* list of dogodki in calendar */
	margin: 1em 0 0 0; 
	padding: 0;
}
div.index ul.index li {	/* list of dogodki in calendar */
	margin: 0 0 1em 0; 
	padding: 0;
	list-style: none;
}

/* SECTION: gallery */
ul#gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}
#gallery ul  { /* this acts like a row for alignment */
	margin: 2em 0 0 0;
	padding: 0;
	float: left;
	width: 420px;
	list-style: none;
}
#gallery.big ul li { /* big separate picture */
	display: inline;
	float: left;
	width: 205px;
	margin: 0 10px 0 0;
	text-align: center;
}
#gallery.small ul li { /* small separate picture */
	display: inline;
	float: left;
	width: 133px;
	margin: 0 10px 0 0;
	text-align: center;
}
#gallery ul li.last {
	margin: 0 0 0 0;
}
#gallery a { 
	text-decoration: none;
	font-weight: bold;
	color: #19b1c6!important;
}
#gallery a:hover { text-decoration: underline; }

div#content.photo { /* stretch the #content when viewing a single photo*/
	width: 770px;
	margin: 0 15px 0 0; /* see ie_ut6.css */
}
.photo .breadcrumbs {
	margin: 0 0 1em 0;
}
.photo .nav_pics {
	margin: 1em 0 0 0;
	width: 770px;
	text-align: center;
}
.photo .nav_pics .next {
	margin: 0 0 0 70px;
}
.photo a { /* for breadcrumbs and nav_pics */
	text-decoration: none;
	font-weight: bold;
	color: #19b1c6!important;
}
.photo a:hover {
	text-decoration: underline;
}
.photo .image {
	width: 770px;
	text-align: center;
}

/* SECTION: hideable advertisements */
#beyond800px { /* hidden area */
	position: absolute; /* place it to top of the window */
	z-index: 0;
	top: 0;
	min-height: 100%; /* vertical stretch over all visible area (not really necessary) */
	width: 100%;
	overflow: hidden; /* the only needed thing for modern browsers */
}
#reklame {
	position: relative; /* set to position; relative; so that it  triggers vertical scroll if reklame is bigger than the window */
	margin: 0 0 0 790px; /* align to left */ /* later if JS is available it aligns to left: 50%;	margin: 0 0 0 405px; */
	padding: 150px 0 0 0;
	width: 150px;
}

/* SECTION: generic */

.notxt { display: none!important; }
.centertext { text-align: center; }
a.vec { text-decoration: none!important; white-space: nowrap; }
a.vec:hover { text-decoration: underline!important; }