/* info
--------------------------------------------------------
	Start:	09.09.2009.
	Author:	BozooArt, www.bozooart.com
	Name: 	CMS - www.cms.hr
*/

/* Colors
----------------------------------------------- 
#ff7a01 = orange
#fbf3d4 = light yellow
#d5f2f9 = light blue
#636363 = gray
----------------------------------------------- */

/* 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-size: 100%; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { 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; }
input, textarea,  select { font: 1em  Arial,Helvetica,sans-serif;  color: #494627;  }
img { margin: 0; padding: 0; }

/* General
----------------------------------------------- */
body 	{ font: 62.5%/1.4  Arial,Helvetica,sans-serif; background: url(img/bg.jpg); color: #000; }
a 		{ text-decoration: none; color: #000; }
a:hover { border: none; }
*:focus { outline: none; }

blockquote { margin: 0 0 30px 50px; }
.clr { clear: both; }
.left { float: left; }
.center { text-align: center; }
.hide { display: none; }

#black_line { border-top: 2px solid #000; }
#container { width: 1009px; margin: 0 auto; }
#left_col { width: 201px; float: left; font-size: 1.2em;  }
#content_wrap { float: left; width: 615px;  background: url(img/header.jpg) no-repeat; font-size: 1.1em; color: #7c7872; }
#sidebar { width: 192px; float: left; }
#footer { clear: both; }

#nav_wrap { background: url(img/nav_bg.jpg);  padding-top: 15px }
#nav_top { background: url(img/nav_top.jpg) no-repeat;  margin-top: 2px; padding-top: 8px; }
#nav_bottom { background: url(img/nav_bottom.jpg) no-repeat; width: 202px; height: 11px; overflow: hidden }
h1#logo a { width: 140; height: 97px; margin: 0 0 15px 27px; text-indent: -9999em; display: block; background: url(img/logo.gif) no-repeat; }

#left_col h3 { margin: 0 0 0 5px;  }
  #left_col h3 a { display: block; padding: 6px 0 5px 0; color: #fff; text-transform: uppercase;  text-indent: -9999em; background: url(img/nav_titles.gif) no-repeat 0 0; width: 191px;  }  
  #left_col h3#nav2 a { background-position: 0 -28px; }
  #left_col h3#nav3 a { background-position: 0 -56px; }  
  #left_col h3#nav1 a:hover { background-position: right 0; }
  #left_col h3#nav2 a:hover { background-position: right -28px; }
  #left_col h3#nav3 a:hover { background-position: right -56px; } 
  #left_col ul { padding: 10px 0 15px 0; }
  #left_col ul li { display: block; border-bottom: 1px solid #e0e0e0; padding: 4px 10px 4px 10px;   }
  #left_col ul li strong { font-weight: normal; color: #636363; } /* cursor: pointer; */
  #left_col ul li.more { background: url(img/nav_arrow.gif) no-repeat 0 8px; }
  #left_col ul li.more.ghost { background: none; }
  #left_col ul li.last { border-bottom: none; }
  #left_col ul li a { color: #636363; }
  #left_col ul li a:hover,
  #left_col ul li.active a { color: #ff7a01 }
  #left_col ul li.more span { position: relative;  }
  #left_col ul ul { padding: 0 0 0; font-size: .9em; margin: 5px 0;  }
  #left_col ul ul li { border-bottom: none; padding: 4px 0 3px 10px; background: url(img/sublink.gif) no-repeat 0 10px }

dl#contact_info { background: url(img/contact_bg.jpg) no-repeat; height: 165px; width: 205px; padding: 19px 0 0 35px; line-height: 1.6em; color: #636363; margin: 10px 0 0 0; }
dl#contact_info dt { margin: 2px 0 2px 0; }
  dl#contact_info dd.address { margin-bottom: 7px; }
  dl#contact_info dd a { text-decoration: underline; color: #636363;  }
  dl#contact_info dd a:hover { text-decoration: none; color: #ff7a01 }
dl#contact_info dt strong { color: #000;}

#sec_nav { margin: 6px 0 0 200px; padding-bottom: 90px }
  #sec_nav li { float: left; display: inline; margin-right: 15px;  }
  #sec_nav li a { color: #332212; }
  #sec_nav li a:hover { text-decoration: underline; }

#home_boxes { background: url(img/home_boxes.jpg) no-repeat; height: 231px;   }
#activity { margin: 0 0 0 255px; padding: 60px 0 0 0; }
	#activity ul { width: 315px; }
  #activity li { margin-bottom: 7px; }
  #activity li .act_date {  font-weight: bold; color: #ff7a01 }
  #activity li a { color: #7b7771;  }
  #activity li a:hover { text-decoration: underline;  }
  #activity li .act_title a:hover { color: #ff7a01 }

#content_top { background: url(img/content_top.jpg) no-repeat; width: 614px; height: 18px; margin-top: 5px; }
#content_main { background: url(img/content_bg.jpg) repeat-y; padding: 25px 20px 60px; font-size: 1.1em; }

#content_main h1#cat_name { color: #ff7a01; font-weight: bold; text-transform: uppercase; font: 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: 1px solid #e0e0e0; padding: 0 20px;  }

#breadcrumbs { border-bottom: 1px solid #e0e0e0; padding: 0 20px 10px 20px; font-size: .9em;  }
  #breadcrumbs a { color: #636363; }
  #breadcrumbs a:hover { text-decoration: underline; }
  #breadcrumbs span { padding: 0 10px; }

/* post stuff */
.post { padding: 20px 20px 20px; border-top: 1px solid #e0e0e0;}
  .post.search { padding: 10px 20px 10px; border-top: 1px solid #e0e0e0;}
  .post h2 {  margin-bottom: 0; padding-bottom: 10px; }
  .post h2 a { font: 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif; }
  .post h2 a:hover { color: #ff7a01; }
  .post_mark { font-size: .9em; margin-bottom: 10px;  }
  .post_mark .date { font-weight: bold; color: #ff7a01;  }
  .post_mark .post_cat a { padding: 0; background: none; text-decoration: underline;  margin-left: 5px; color: #636363; } 
  .post_mark .post_cat a:hover { text-decoration: none; color: #ff7a01 }
  .post_text a { color: #636363; padding: 1px 3px; background: #d4f0f6;}
  .post_text a:hover  { background: #ff7a01; color: #fff;  }
  .post_text div,
  .post_text p,
  .post_text br { clear: both; }
  
  .post_text .txt,  
  .post_text .xls,
  .post_text .pdf,
  .post_text .doc { margin-top: 20px;  }
  
  .post_text .txt a { padding-left: 25px; background: #fbf3d4 url(img/txt.gif) 3px 1px no-repeat; }
  .post_text .xls a { padding-left: 25px; background: #fbf3d4 url(img/xls.gif) 3px 1px no-repeat; } 
  .post_text .pdf a { padding-left: 25px; background: #fbf3d4 url(img/pdf.gif) 3px 1px no-repeat; }
  .post_text .doc a { padding-left: 25px; background: #fbf3d4 url(img/doc.gif) 3px 1px no-repeat; }
  .post_text .html a { padding-left: 22px; background: #fbf3d4 url(img/all_tags.gif) 3px 3px no-repeat; }
  
  .post_text .txt a:hover { background: #d4f0f6 url(img/txt.gif) 3px 1px no-repeat; color: #636363;  } 
  .post_text .xls a:hover { background: #d4f0f6 url(img/xls.gif) 3px 1px no-repeat; color: #636363;  }
  .post_text .pdf a:hover { background: #d4f0f6 url(img/pdf.gif) 3px 1px no-repeat; color: #636363;  }
  .post_text .doc a:hover { background: #d4f0f6 url(img/doc.gif) 3px 1px no-repeat; color: #636363; }
  .post_text .html a:hover { background: #d4f0f6 url(img/all_tags.gif) 3px 3px no-repeat; color: #636363; }    
  
  .post_text ul { margin: 10px 30px 30px 10px }
  .post_text li { margin: 0 0 10px 0; background: url(img/sublink.gif) no-repeat 0 7px; padding: 0 0 0 20px;   }
  
  #single.post h1 { font: 1.8em "Trebuchet MS", Arial, Verdana, Sans-serif; margin-bottom: 20px; color: #000; clear: both;  }
  #single.post { padding: 20px 20px 20px; }
  
  #single.post .post_mark { margin-bottom: 30px;  }
  #single.post .post_mark span { font-size: 1em; width: 60px; display: block; float: left; font-size: 1.1em;  }
  #single.post.static .post_mark span { visibility: hidden;  }
  #single.post p { margin-bottom: 20px; }
  
  #single.post .important { background: #fffcce; padding: 20px; }
  
  #single.post .post_mark ul { float: right; width: 51px; margin: -8px 0 0 0; }
  #single.post .post_mark ul li { float: left; }   
    
	#single.post .post_mark ul li.print a { width: 16px; height: 16px; background: url(img/ps.gif) no-repeat 100% 0; text-indent: -9999em; float: left;    }
 	#single.post .post_mark ul li.send a  { width: 16px; height: 13px; background: url(img/ps.gif) no-repeat 0 0; text-indent: -9999em; float: left; margin: 3px 13px 0 0 }
 	#single.post .post_mark ul li.print a:hover { background-position: 100% 100% }
 	#single.post .post_mark ul li.send a:hover  { background-position: 0 -16px }
    
  
  #single.post img { border: 1px solid #ccc; padding: 5px; background: #fff; }
  #single.post .intro { font-weight: bold; }
  
  .post .img { width: 99px; height: 74px; float: left; margin: 3px 20px 10px 0; border: none; border: 1px solid #ccc; padding: 3px; }
  .post a.small { background: none; }

#content_main.category  .post {  padding-top: 20px; }
#content_main.category p { margin-bottom: 20px; }

#content_bottom { width: 615px; height: 11px; background: url(img/content_bottom.jpg) no-repeat; }

#footer ul { margin: 0 0 0 220px; padding: 10px 0 20px; font-size: 1.1em  }
  #footer ul li { display: inline; margin-right: 10px;  }
  #footer ul li.codemaster { margin-left: 100px; }
  #footer ul li a { padding: 1px 0; color: #655f54; }
  #footer ul li a:hover { color: #000; border-bottom: 1px dashed #655f54 }


/* side content */
#sidebar { font-size: 1.1em; }

#lang { margin: 1px 0 0 42px; }
  #lang li { display: inline; color: #dadada;  }
  #lang li.eng { margin-right: 12px; }
  #lang li a { color: #dadada; }
  #lang li a:hover { color: #ff7a01 }

#search { margin: 20px 0 40px 0; }
  #search fieldset { background: url(img/searchfield_bg.jpg) no-repeat; height: 29px }
  #search label { display: none; }
  #search .input_text { background: none; border: none; margin: 5px 0 0 5px; color: #4d4d4d; padding: 2px 0; font-weight: bold; width: 145px  }
  #search .btn { background: url(img/button.png) no-repeat; width: 40px; height: 40px; cursor: pointer; border: none; position: absolute; margin: -8px 0 0 0px; // margin: -8px 0 0 2px; //  }
  #search .btn:hover {  margin: -6px 0 0 0px; // margin: -6px 0 0 2px; //  }
  #search dt { position: static; }

  #contact_info dt { position: static; margin: 0 0 0 0px;  }

.post-it { margin-left: 15px; }
  .post-it a { width: 131px; height: 107px; background: url(img/post-it.jpg) no-repeat; text-align: center; padding: 20px 20px 0 20px; display: block; margin-bottom: 20px;   }
  .post-it a strong { padding-bottom: 5px; margin-bottom: 5px; font-weight: bold !important;  font: 1.4em Arial, Helvetica, sans-serif; line-height: 1.1em;  color: #1f7284; display: block;  }
  .post-it a:hover strong { border-bottom: 1px dotted #aedbe6 }
  .post-it a em { color: #5f5f5f; font-weight: bold; font-style: normal; }
  .post-it a:hover { background-position: right 0; }
  
  #bnr2.post-it a { background: url(img/post-it.jpg) no-repeat right 0; }
  #bnr2.post-it a:hover { background-position: left 0; }

#popular dt { background: url(img/popular.gif) no-repeat 3px 0; text-indent: -9999em; padding-bottom: 10px; border-bottom: 1px solid #a68d61; margin-bottom: 10px;    }
  #popular dd { padding-left: 20px; margin-bottom: 3px; font-size: 1.1em;  } 
  #popular dd a { color: #655f54; }
  #popular dd a:hover { color: #000; border-bottom: 1px dashed #655f54 }

#tags { margin: 40px 0 0 20px; width: 192px }
  #tags dt { background: url(img/tags.gif) no-repeat 3px 0;  padding-bottom: 10px; border-bottom: 1px solid #a68d61; margin: 0 0 10px -20px;  height: 15px; }
  #tags dt strong { display: none;  }
  #tags dt a.all { text-indent: -9999em; background: url(img/all_tags.gif) no-repeat 50% 50%; display: block; width: 15px; height: 15px; position: absolute; margin:  0px 0 0 165px;  }
  #tags dd { display: inline; margin: 0 10px 0 0;    }
  #tags dd a { color: #655f54; }
  #tags dd a:hover { color: #000; border-bottom: 1px dashed #655f54 }

  #tag_container a.s { font-size: 1em !important; }
  #tag_container a.m { font-size: 1.2em !important; }
  #tag_container a.l { font-size: 1.4em !important; }
  #tag_container a.xl { font-size: 1.6em !important; }
  #tag_container a.xxl { font-size: 1.8em !important; }
  #tag_container a.xxxl { font-size: 2em !important; }


#soc_links { margin: 25px 0 0 20px; }
  #soc_links li { float: left; }
  #soc_links li a { display: block; width: 26px; height: 26px; text-indent: -9999em; background: url(img/social.gif) no-repeat; margin-right: 25px;  }
  #soc_links li.rss a {  }
  #soc_links li.facebook a { background-position: -78px 0  }
  #soc_links li.delicious a { background-position: -151px 0; margin-right: 0; }
    #soc_links li.rss a:hover       { background-position: 0 100%  }
    #soc_links li.facebook a:hover  { background-position: -78px 100%  }
    #soc_links li.delicious a:hover { background-position: -151px 100%; }

.clips { background: url(img/clips.png) no-repeat; width: 34px; height: 55px; position: absolute; margin: -65px 0 0 0;  }
#right_cl.clips { margin: -65px 0 0 540px; }

#pagination { padding: 20px 0 0; border-top: 1px solid #e0e0e0; font-size: .9em;  text-align: right }
  #pagination a { color: #636363; margin-right: 5px;  border-bottom: 1px dashed #ccc; padding: 1px 5px;  }
  #pagination a:hover { background: #ff7a01; color: #fff; }
  #pagination .prev { margin-right: 10px; }
  #pagination .next { margin-left: 10px; }
  #pagination .current { margin-right: 5px; font-weight: bold;  }

#search_results { padding: 10px 20px;  border-top: 1px solid #e0e0e0; }
  #search_results em { color: #ff7a01; font-style: normal;  }

#tag_container { padding: 20px;  border-top: 1px solid #e0e0e0; }
  #tag_container a { color: #636363; margin-right: 10px; padding: 0 5px; }
  #tag_container a:hover { background: #d4f0f6; }
#post_social { border-top: 1px solid #E0E0E0; padding-top: 20px;  }
#post_social li { display: inline; float: left; margin: 0; padding: 0; background: none; }
#post_social li a { display: block; background: url(img/post_social.gif) no-repeat 0 bottom; width: 16px; height: 16px; text-indent: -9999em; padding: 0; margin-left: 15px;  }
#post_social li.first_child a { margin: 0; } 

#post_social li.facebook a { background-position: 0 bottom } 
#post_social li.twitter a { background-position: -31px bottom } 
#post_social li.delicious a { background-position: -62px bottom } 
#post_social li.digg a { background-position: -93px bottom } 
#post_social li.stumbleupon a { background-position: -124px bottom } 
#post_social li.bookmark a { background-position: -155px bottom } 


#post_social li.facebook a:hover { background-position: 0 0 } 
#post_social li.twitter a:hover  { background-position: -31px 0 } 
#post_social li.delicious a:hover  { background-position: -62px 0 } 
#post_social li.digg a:hover  { background-position: -93px bottom } 
#post_social li.stumbleupon a:hover  { background-position: -124px 0 } 
#post_social li.bookmark a:hover  { background-position: -155px 0 } 

div.press               { margin-bottom: 15px; }
div.press a             { background-color: #fbf3d4; color: #636363; }
div.press a:hover       { background-color: #d4f0f6; color: #636363; }
.citanka            { text-decoration: underline; margin-left: 310px; }
.citanka:hover      { text-decoration: none; color: #ff7a01 }