/* info
--------------------------------------------------------
	Start:	26.08.2007.
	Name: 	HMD - Hrvatsko muzejsko drustvo
	URL: 	www.hrmud.hr
	Author:	BozooArt, www.bozooart.com
	CMS: 	EmuSoft, www.emusoft.org
*/

/* Colors
----------------------------------------------- 
#f9f6f2 = white coffee
#5a5958 = dark gray
#8e673c = brown
#f88c18 = orange
#7c9061 = army green
#c62b36 = dark red
#23698f = dark blue
#879fa9 = gray-blue
#86cdeb = light blue

*//* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font: 100% Arial, Helvetica, sans-serif; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { font-size: inherit; border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }

/* Styles
----------------------------------------------- */
.clr { clear: both; }
.hide { display: none; }
.small { font-size: 90%; font-weight: normal; }
.smaller { font-size: 80%; }
.block { display: block; }
.inline { display: inline; }
.no-border { border: none; }
.light_blue { background: #86cdeb; }
/*xml*/
.azzuro { background: #dff4fd; }
.orange { color: #ff4000; }
.white { color: #fff; }
.blue { color: #23698f; }
::-moz-selection { background: #b3dff3; }
a.selected_style { background: #fef6be; }

/* General
----------------------------------------------- */
* { margin: 0; }
html { font: 62.5%/1.2em "Tahoma", Arial, Helvetica, sans-serif; height: 100%; background: #2a2a2a; text-align: center; }
body { height: 100%; }

a:focus { outline: none; }

input,
textarea, 
select { font: 100% "Tahoma", Arial, Helvetica, sans-serif;  }

#container { width: 938px; color: #5a5958; margin: 0 auto; background: #fff url(../images/container-bg.jpg) repeat-y; text-align: left; }
h1 { height: 117px; background: url(../images/header.jpg) no-repeat; }
h1 span { position: absolute; left: -9999px;}

#left-bar { width: 204px; padding: 0 13px; float: left; margin-right: 5px; }
#left-bar h3 { background: url(../images/posljednja-publikacija.gif) no-repeat; width: 204px; height: 25px; text-indent: -9999px; margin: 22px 0 10px; }
#left-bar a { text-decoration: none; }

  ul#nav { margin-top: 20px; }
  ul#nav li { font-size: 120%; }
  ul#nav li a { color: #48341a; display: block; padding: 6px 0 6px 20px; background: url(../images/arrow.gif) no-repeat 2px center; border-bottom: 1px solid #d6e1eb;   }
  ul#nav li a:hover { background: #f1ece3 url(../images/arrow.gif) no-repeat 3px center; }
  ul#nav li.lang { border: none;}
  ul#nav li.lang a { font-weight: bold; color: #23698f; }
  ul#nav li.lang a:hover {  }


    ul#nav li ul li { font-size: 100%; }
    ul#nav li ul li a { background: #f1ece3 url(../images/arrow.gif) no-repeat 10px 9px; padding-left: 27px;  }
    ul#nav li ul li a:hover { background: #e2dbcf url(../images/arrow.gif) no-repeat 11px 9px;}

  #forum a { display: block; width: 205px; height: 61px; background: url(../images/forum.jpg) no-repeat 0 0; text-indent: -9999px; margin: 30px auto; }
  #forum a:hover { background-position: -205px 0; }
  
  #publikacija { border: 1px solid #4c4a4a; padding: 14px; background: #fff url(../images/zakovica.gif) no-repeat center 5px; width: 144px; margin: 0 auto; }
  #publikacija-info { font-size: 110%; }
  #publikacija img { border: 1px solid #dbdada; }
  
  dl#publikacija-info { margin-top: 15px; }
  dl#publikacija-info dt, dl#publikacija-info dd { margin-top: 4px; }
  dl#publikacija-info dd a { color: #23698f; background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 15px; }
  dl#publikacija-info dd a:hover { color: #23698f; text-decoration: underline; }

/* Content
----------------------------------------------- */
#content { float: left; padding: 4px 15px; font-size: 110%; width: 393px; margin: 0 5px 20px 0; }
#content h2 { font-weight: bold; color: #5a5958; font-size: 130%; }
#content h2 a { text-decoration: none; color: #5a5958; }
#content h2 a:hover { color: #23698f; border-bottom: 1px dotted #67b2d3; }

  #content .post.Obavijesti .info a { background: url(../images/green-arrow.gif) no-repeat 0 2px; }
  #content .post.Skupovi .info a { background: url(../images/orange-arrow.gif) no-repeat 0 2px; }
  #content .post.Tecaj .info  a { background: url(../images/red-arrow.gif) no-repeat 0 2px; }

  .teaser { margin: 5px 0 10px 0; }
  .teaser p { margin-bottom: 15px; }
  .teaser img, .title_img { padding: 4px; border: 1px solid #5a5958; width: 80px; height: 76px; float: left; margin: 3px 10px 0 0; }

  #text { margin-top: 20px; clear: both; }
  
  .post { margin-bottom: 20px; border-bottom: 1px solid #f7f3ee; padding-bottom: 10px; font: 110% Arial, Helvetica, sans-serif; }
  .post a { color: #23698f; }
  
  .info { margin-bottom: 5px; font-size: 90%; } 
  .info span.date { margin-left: 5px; }
  .post .info a { color: #23698f; background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 15px; margin-right: 5px; text-decoration: none; }
  .post .info a:hover { text-decoration: underline; }
  
  #article p { margin: 10px 0; }
  .main-img { padding: 4px; border: 1px solid #5a5958; width: 80px; height: 76px; float: left; margin: 3px 10px 0 0; }

  dl.search_results { margin-top: 30px; }
  dl.search_results dt a { color: #23698f; }
  dl.search_results dt a:hover { text-decoration: none; }
  dl.search_results dd { margin-bottom: 20px; }
  .search_result { color: #23698f; font-weight: bold; font-style: italic;  }  

/* Article
----------------------------------------------- */  
  .post.article h2 { font-size: 180%; font-weight: bold; color: #5a5958; padding-bottom: 10px; border-bottom: 1px solid #f7f3ee; margin-bottom: 10px; }
  .article h2#news { padding: 0 0 5px 0; margin: -3px 0 2px 0; }
  
  .article { font: 110% Arial, Helvetica, sans-serif; line-height: 1.6em; margin-top: 5px; }
  .article .info { margin-top: -8px; }
  .article a:hover { text-decoration: none; }
  .article ul, .article ol { padding: 0 15px; }
  .article ul li { margin-bottom: 15px; } 
  .article ul.normal { margin-top: 10px; } 
  .article ul.normal li { margin: 0; padding: 0; list-style-image: url(../images/plus.gif); }
  .article ul li ul { margin-left: 15px; padding-bottom: 10px; }
  .article ul li ul li { list-style-image: url(../images/check.gif); }
  .article p { margin: 20px 0;} 
  .article img.okvir { background: #fff; border: 1px solid #c1b9ad; padding: 10px; }
  
  .article h4 { font-size: 120%; font-weight: bold; }
  .article .line_divider { border-bottom: 1px solid #f7f3ee; margin: 10px 0; }
  
  .article a.pdf { background: url(../images/pdf.gif) no-repeat 100% 50%; padding-right: 20px; }
  .article a.word { background: url(../images/word.gif) no-repeat 100% 50%; padding-right: 20px; }
  .article a.web { background: url(../images/web.gif) no-repeat 100% 50%; padding-right: 20px; }  
  
  .article dl.dokumenti { margin: 10px 0; }  
  .article dl.dokumenti.pusher { padding: 10px 0 20px 0; margin-bottom: 20px; border-top: 1px solid #f7f3ee; border-bottom: 1px solid #f7f3ee; }  
  .article dl.dokumenti dt { padding-top: 10px; border-top: 1px solid #f7f3ee; margin-top: 10px; } 
  .article dl.dokumenti dt.first { margin: 0; border: 0; }
  .article dl.dokumenti dt strong.block { font-size: 120%; color: #ff4000; padding: 4px 4px 4px 12px; margin-bottom: 20px; display: block; background: #f9f6f2; border: 1px solid #f2ece5; }
  
  .article dl.dokumenti dd { background: url(../images/plus.gif) no-repeat 0 8px; margin-left: 15px; padding-left: 15px; }
  .article dl dd.indent { margin-top: 10px; }
  .article dl.dokumenti dd.nagrade { margin-bottom: 20px; }
  
  
/* Right Bar
----------------------------------------------- */
#right-bar { width: 245px; float: left; padding: 15px; font-size: 110%; margin-bottom: 20px; overflow: hidden; }
#right-bar a { text-decoration: none; color: #5a5958; }
  
  h3.trazilica { background: url(../images/trazilica.gif) no-repeat; width: 77px; height: 15px; text-indent: -9999px; margin-bottom: 20px; }
  h3.tagovi { background: url(../images/tagovi.gif) no-repeat; width: 53px; height: 11px; text-indent: -9999px; margin: 20px 0 10px; }
  h3.misija { background: url(../images/misija.gif) no-repeat; width: 44px; height: 14px; text-indent: -9999px; margin: 20px 0 10px; }

  #search .input { background: url(../images/searchfield.gif) no-repeat; border: none; width: 200px; height: 26px; font-size: 130%; font-weight: bold; padding: 5px 0 0 6px; color: #4f95b4;  }
  #search input.button { width: 32px; height: 26px; background: url(../images/go.gif) no-repeat 0 0; text-indent: -9999em; position: absolute; border: none; cursor: pointer;  }
  #search input.button:hover { background-position: -32px; }

  #tabs { background: url(../images/postit-top.jpg) no-repeat 0 top; margin-top: 30px; padding-top: 15px; }
  #postit-bottom { background: url(../images/postit-bottom.jpg) center bottom; height: 29px; }
  
  #switch-bar { color: #dcd0b8; line-height: 2em; font: 100% Arial, Helvetica, sans-serif;; padding: 5px 0 10px 5px; }
  #switch-bar span { font-size: 150%;  }
  #tabs #switch-bar strong, #tabs #switch-bar span { margin-right: 2px; }
  
  #tabs dl { background: url(../images/postit-bg.jpg); padding: 10px 10px 10px 10px; height: 100%; border-bottom: 1px dashed #dcd0b8;  }
  #tabs dl a { color: #5a5958; }
  #tabs dl a:hover { text-decoration: underline; }
  
  #tabs dt.title { margin: 3px 0; } 

  #tabs strong.predavanja, #tabs dl.predavanja a { color: #7c9061; }
  #tabs strong.skupovi, #tabs dl.skupovi a { color: #f88c18; }
  #tabs strong.tecajevi, #tabs dl.tecajevi a { color: #c62b36; }

  #tagovi a { margin-left: 5px; padding: 4px; font-weight: bold }
  #tagovi a:hover { background: #f3ede5; }
  
#footer { clear: both; background: #2a2a2a url(../images/footer.jpg) no-repeat; height: 25px; text-align: center; font-size: 110%; padding: 0 37px 10px 0; margin-top: 30px;}
#footer a { margin-right: 8px; color: #48341a; text-decoration: none; padding: 1px 4px 10px 4px; }
#footer a:hover { background: #2a2a2a; color: #fff; }

/* Table List
----------------------------------------------- */
#clanovi { width: 95%; text-align: center; font-size: 110%; border: 1px solid #5a5958; border-right: none; margin: 0 0 0 25px; background: #fff; }

  tr { border-bottom: 1px solid #5a5958;  }
  td { padding: 10px 0; border-right: 1px solid #5a5958; }
  thead { line-height: 3.5em; font-size: 130%; color: #fff; }
  
  tr.sivo { background: #f9f6f2; }

  td.rb { width: 5%; font-weight: bold; }
  td.id { width: 5%; padding: 0 3px; }  
  td.ime { width: 10%; text-align: left; padding: 0 10px;}
  td.status { width: 7%; color: #23698f; font-weight: bold; padding: 0 2px; }  
  td.ustanova { width: 40%; padding: 10px 0 10px 20px; text-align: left; }  
  td.grad { width: 10%; padding: 0 10px; }