1. *
  2.         { padding: 0; margin: 0; font-family: "Trebuchet MS", sans-serif; font-size: 1em; }
  3. br
  4.         { display: none; }
  5. a
  6.         { outline: none; color: #fff; text-decoration: none; font-weight: bold; }
  7. a:hover
  8.         { color: #ccc; }
  9. body
  10.         { background: #1f1f1f url('../../images/back3.gif') no-repeat center top; color: #ccc; }
  11. p,li
  12.         { font-size: .9em; line-height: 1.8em; }
  13. #site
  14.         { width: 995px; margin: 50px auto; background: transparent url("../../images/s.gif") repeat-y 300px 100px; }
  15.        
  16. /* header */
  17.  
  18. #header h1
  19.         { text-indent: -5000px; }
  20. #header a
  21.         { display: block; width: 999px; height: 101px; background: transparent url("../../images/l3.gif") no-repeat top left; margin: 0 0 15px 0; }
  22.        
  23. /* contents */
  24.  
  25. #contents
  26.         { padding: 0 25px 25px 325px; }
  27. #contents h2
  28.         { color: #fff; font-size: 1.6em; font-weight: normal; padding: 10px 0; }
  29. #contents h2 span
  30.         { color: #fff; font-size: .5em; font-weight: normal; }
  31.        
  32. /* sidebar */
  33.  
  34. #sidebar
  35.         { float: left; width: 275px; text-align: right; }
  36. #sidebar h2
  37.         { padding: 10px 0; }
  38. #sidebar ul
  39.         { list-style-type: none; }
  40. #sidebar li
  41.         { font-size: .9em; line-height: 1.4em; padding: 0 20px 0 0; background: transparent url("../../images/sidebar_li.gif") no-repeat center right; }
  42. #footer
  43.         { text-align: right; padding: 0 725px 0 0; }
  44.  
  45. /* links */
  46.  
  47. .no_link_container
  48.         { list-style-type: none; padding: 5px 0 10px 10px; }
  49. .no_link_container li
  50.         { padding: 0 0 0 20px; background: transparent url("../../images/content_li.gif") no-repeat center left; }
  51. .link_container
  52.         { list-style-type: none; overflow: auto; width: 100%; }
  53. .link_container li
  54.         { float: left; }
  55. .image_link_1
  56.         { width: 187px; height: 80px; display: block; margin: 10px 10px 10px 0; border: 1px solid #ccc; text-indent: -5000px; }
  57. .image_link_1:hover
  58.         { border: 1px solid #f90; }
  59. #link_tagafeed
  60.         { background: transparent url("../../images/tag.gif") no-repeat top left; }
  61. #link_xhtmlmagic
  62.         { background: transparent url("../../images/xhtml.gif") no-repeat top left; }
  63. #link_sklupc
  64.         { background: transparent url("../../images/sklu.gif") no-repeat top left; }
  65. #link_motozilla
  66.         { background: transparent url("../../images/motozilla.png") no-repeat top left; }
  67. #link_croatiabiz
  68.         { background: transparent url("../../images/p_croatiabiz.gif") no-repeat top left; }
  69. #link_iskrica
  70.         { background: transparent url("../../images/p_iskrica.gif") no-repeat top left; }
  71. #link_posao
  72.         { background: transparent url("../../images/p_posaohr.gif") no-repeat top left; }
  73. #link_diskont
  74.         { background: transparent url("../../images/p_diskont24.gif") no-repeat top left; }
  75. #link_edukacija
  76.         { background: transparent url("../../images/p_edukacija.gif") no-repeat top left; }
  77. #link_nadmetanja
  78.         { background: transparent url("../../images/p_nadmetanja.gif") no-repeat top left; }
  79. #link_softver
  80.         { background: transparent url("../../images/p_softver.gif") no-repeat top left; }
  81. #link_fotomaraton
  82.         { background: transparent url("../../images/pp_fotomaraton.gif") no-repeat top left; }
  83. #link_crozilla
  84.         { background: transparent url("../../images/pp_crozilla.gif") no-repeat top left; }
  85. #link_hamiltonprice
  86.         { background: transparent url("../../images/p_hamiltonprice.png") no-repeat top left; }
  87. #link_ballnutrition
  88.         { background: transparent url("../../images/p_ball-nutrition.png") no-repeat top left; }
  89. #link_poslovnikalendar
  90.         { background: transparent url("../../images/p_poslovnikalendar.png") no-repeat top left; }
  91. #link_sestar
  92.         { background: transparent url("../../images/p_sestar.png") no-repeat top left; }
  93. #link_mijenjamknjige
  94.         { background: transparent url("../../images/mijenjamknjige.png") no-repeat top left; }
  95.  
  96. /* contact form */
  97.  
  98. #contact_form
  99.         { margin: 10px 0 0 0; }
  100. #contact_form label
  101.         { display: block; font-size: .9em; }
  102. #contact_form label span
  103.         { color: #999; font-size: .8em; }
  104. #contact_form input
  105.         { margin: 2px 0 10px 0; padding: 2px; font-size: .9em; width: 300px; background: #ccc; }
  106. #contact_form select
  107.         { margin: 2px 0 10px 0; padding: 2px; font-size: .9em; width: 308px; background: #ccc; }
  108. #contact_form textarea
  109.         { margin: 2px 0 10px 0; padding: 2px; font-size: .9em; width: 600px; height: 150px; background: #ccc; }
  110. #contact_form #send
  111.         { width: 90px; height: 30px; display: block; margin: 10px 0 0 0; border: 0; padding: 0; text-indent: -5000px; cursor: pointer; }
  112. #contact_form .en_US
  113.         { background: transparent url("../../images/senden.gif") no-repeat left top; }
  114. #contact_form .hr_HR
  115.         { background: transparent url("../../images/sendhr.gif") no-repeat left top; }
  116. #contact_form .sending
  117.         { background: transparent url('../../images/ajax-loader.gif') no-repeat 100px 0px; color: #ccc; }
  118. #contact_form #contactFormResult
  119.         { padding: 10px; margin: 10px 0 0 0; font-weight: bold; }
  120. #contact_form #commentFormResult
  121.         { padding: 10px; margin: 10px 0 0 0; font-weight: bold; }
  122. #no_javascript_error
  123.         { margin: 10px 0 0 0; }
  124. #no_javascript_error p
  125.         { color: #f00; }
  126. #no_javascript_no_error
  127.         { margin: 10px 0 0 0; }
  128. #no_javascript_no_error p
  129.         { color: #0f0; }
  130.  
  131. /* blog */
  132.  
  133. p.comment_links
  134.         { padding: 10px 0 0 0; font-size: .8em; color: #fff; font-weight: bold; }
  135. p.comment_links a
  136.         { margin: 0 15px 0 0; }
  137. div.onecomment
  138.         { width: 100%; overflow: auto; margin: 10px 0; }
  139. div.commenttext
  140.         { width: 380px; padding: 10px 10px 10px 24px; float: left; font-size: .8em; background: #282828 url("../../images/content_li.gif") no-repeat 7px 17px; }
  141. div.commentauthor
  142.         { width: 180px; float: left; font-size: .8em; background: transparent url("../../images/sidebar_li.gif") no-repeat 7px 17px; padding: 10px 10px 10px 24px; }
  143. #blog
  144.         { width: 203px; height: 128px; background: transparent url("../../images/blog.gif") no-repeat left top; position: absolute; top: 50px; margin: 0 0 0 150px; }