@charset "utf-8";
/* CSS Document */

body, input, select, textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

}

.clearing {
clear: both;
}

input, select, textarea {

	color: #333;

	background: #fff;

}



* {
	margin: 0;
	padding: 0;
}



hr {

	display: none;

}



acronym {

	cursor: help;

}



.error {

	color: red;

	background: #fff;

}



.alert {

    color: red;

    background: #fff;

}



pre.code {

    background: #fff url(../images/pre.gif) no-repeat;

    padding: 0 0 3px 35px;

    font-family: "Courier New", Courier, monospace;

    color: #666;

    margin-bottom: 10px;

}



/*	=CONTAINER

-----------------------------------------------------*/



#container {

	width: 840px;

	margin: 0 auto;

	padding: 30px;

}



/*	=HEAD

-----------------------------------------------------*/



#container #head {

	color: #333;

	background: #fff url(images/bg.gif) repeat-x bottom;

	height: 88px;

}



#container #head h1 a {

	display: block;

	text-decoration: none;

	color: #333;
	width: 265px;

	padding: 62px 0 0 0;

	overflow: hidden;

	background: #fff url(images/title.gif) no-repeat;

	height: 0px !important; /* for most browsers */

    height /**/:62px; /* for IE5.5's bad box model */

}



#container #head ul {

	list-style: none;

	position: absolute;

	top: 78px;

	margin-left: 240px;

	width: 600px;
}



html>body #container #head ul {

	margin-left: 240px;

}



#container #head ul li {

	float: right;

	margin: 0px 0px 0px 20px;

}



/*	=NAVIGATION

-----------------------------------------------------*/



#container #head ul li a {

	display: block;

	padding: 14px 0 1px 0;

	overflow: hidden;

	height: 0px !important; /* for most browsers */

    height /**/:15px; /* for IE5.5's bad box model */

}



#container #head ul li a:hover,  #container #head ul li.selected a{

	border-bottom: 2px solid #444;
	border-bottom: 2px solid #009900;

}



#about_us a {

	width: 63px;

	color: #333;

	background: #fff url(images/o_nama_link.gif) no-repeat;
	background-position: 0px 0px;
}



#jamstvena_link a {

	width: 124px;

	color: #333;
	background: #fff url(images/jamstvena_shema_link.gif) no-repeat;
}



#kontakt_link a {

	width: 48px;
	color: #333;
	background: #fff url(images/kontakt_link.gif) no-repeat;

}

#javni_poziv_link a {
	width: 74px;
	color: #333;
	background: #fff url(images/javni_poziv_link.gif) no-repeat;

}

#zahtjev_link a {

	width: 123px;
	color: #333;
	background: #fff url(images/zahtjev_link.gif) no-repeat;

}

#projekti_link a {

	width: 47px;
	color: #333;
	background: #fff url(images/projekti_link.gif) no-repeat;

}




/*	=CONTENT

-----------------------------------------------------*/

#content {
float: left;
	width: 450px;

	color: #333;

	background: #fff;

	line-height: 1.4em;

}



#content h2, #content h3 {

	color: #000;

	background: #fff;

	font-weight: normal;

	letter-spacing: -1px;

}



#content h2 {

	font-size: 210%;

	padding: 24px 0;

	border-bottom: 2px solid #333;

	line-height: 0.9em;

}



#content h3 {

	font-size: 150%;

	letter-spacing: 0;
	line-height: 120%;

	padding: 5px 0 10px 0;

}



#content h3 a {

	color: #027bd1;
	color: #009900;
	background: #fff;

	text-decoration: none;

	border-bottom: 1px dotted #027bd1;
	border-bottom: 1px dotted #009900;

	padding-bottom: 2px;

}



#content h3 a:hover {

	border-bottom-style: solid;

}



#content p {

	margin-bottom: 10px;

	text-align: justify;
}

#content p.center_aligned {

	margin-bottom: 10px;

	text-align: center;
}


#content ul {

	list-style-image: url(../images/icons/ibullet.gif);

	margin-bottom: 20px;

	padding-left: 30px;

	text-align: justify;

}



#content p a, #content blockquote a, #content ul li a, #worth_a_look dt a, #comments dd a {

	color: #027bd1;
	color: #009900;
	background-color: #fff;

	text-decoration: none;

	border-bottom: 1px dotted #027bd1;
	border-bottom: 1px dotted #009900;
}



#content p a:hover, #content blockquote a:hover, #content ul li a:hover, #worth_a_look dt a:hover, #comments dd a:hover {

	border-bottom: 1px solid #027bd1;
	border-bottom: 1px solid #009900;
}



#content blockquote {

	padding: 0 40px 20px 40px;

	color: #777;

	background: #fff url(../images/blockquote.gif) no-repeat;

}



#content a.external {

    padding-left: 15px;

    background: #fff url(../images/icons/external.gif) no-repeat 0 3px;

}

#content table {
float: left;
display: inline;
width: 450px;
margin: 10px 0px 0px 0px;
padding: 0px;
border: 1px solid left;
border-collapse:collapse;
}

#content table th, #content table td {
width: 150px;
margin: 0px;
padding: 0px;
border: 1px solid #e1e1e1;
padding: 3px 2px;
}

#content #project_table td {
width: 225px;
text-align: left;
}




/*	=ENTRIE_DETAILS

-----------------------------------------------------*/

#content ul.entrie_details, #content ul.details {

	font-size: 90%;

	padding: 6px 0;

	border-bottom: 1px solid #e1e1e1;

	list-style: none;

	color: #666;

	background-color: #fff;

	float: left;

	margin-bottom: 10px;

	width: 450px;

}



#content .entrie_details a, #content .details a {

	color: #666;

	background: #fff;

	text-decoration: none;

	border-bottom: 0;

}



#content .entrie_details a:hover, #content .details a:hover {

	color: #333;

	background: #fff;

	border-bottom: 0;

}



#content .entrie_details li.date_link, #content .details li.left {

	float: left;

}



#content .entrie_details li.comments, #content .details li.right {

	float: right;

	color: #666;

	background-color: #fff;

}



#content .entrie_details li.comments a {

	color: #666;

	background: #fff url(../images/icons/speech_bubble.gif) no-repeat;

	padding-left: 20px;

}



#content .entrie_details li.comments a:hover {

	color: #333;

	background: #fff url(../images/icons/speech_bubble.gif) no-repeat;

}



#content .details li.left a {

    background: #fff url(../images/previous.gif) no-repeat 0 50%;

    padding-left: 10px;

}



#content .details li.right a {

    background: #fff url(../images/next.gif) no-repeat right center;

    padding-right: 10px;

}



#content p.tags {

	color: #666;

	background: #fff;

}



#content p.tags a {

	color: #666;

	background: #fff;

	text-decoration: none;

	border-bottom: 1px dotted #666;

	padding: 1px 0;

}



#content p.tags a:hover {

	color: #333;

	background: #fff;

	border-bottom: 1px solid #333;

}



#content img {

	border: 3px solid #e1e1e1;

	margin: 0px 10px 10px 0px

}



#content img.simple {

	border: 0px none;

}



/*	=FOOTER

-----------------------------------------------------*/

#footer {
	position: relative;
	float: left;
	width: 450px;
	border-top: 1px solid #e1e1e1;
	margin-top: 50px;
	margin-bottom: 20px;
	margin: 50px 0px 20px 0px;
	padding: 15px 0px;
	
}



#footer #cc {

	display: block;

	text-decoration: none;

	width: 145px;

	padding: 35px 0 0 0;

	overflow: hidden;

	color: #666;

	background: #fff url(../images/cc.gif) no-repeat;

	height: 0px !important; /* for most browsers */

    height /**/:35px; /* for IE5.5's bad box model */

}



#footer p {

	color: #666;

	background: #fff;

	font-size: 80%;

	float: left;
	margin: 0px 0px 20px 0px;

	width: 450px;

	line-height: 1.4em;

}



#footer p a {

	color: #666;

	background: #fff;

	text-decoration: none;

	border-bottom: 1px dotted #666;

}



#footer p a:hover {

	color: #333;

	background: #fff;

	border-bottom: 1px solid #333;

}



/*	=SIDEBAR

-----------------------------------------------------*/

#first_batch {
	float: left;
	display: inline;
	width: 160px;
	margin: 40px 0px 0px 40px;

/*	position: absolute;

	top: 158px;

	margin-left: 490px;*/

}



#second_batch {
float: left;
	display: inline;
	width: 160px;
	margin: 40px 0px 0px 30px;
	/*width: 160px;

	position: absolute;

	top: 158px;

	margin-left: 680px;*/

}



#recent_projects {

	width: 350px;

	position: absolute;

	top: 610px;

	margin-left: 490px;

}





#second_batch img, #recent_projects img, #flickr img {

	border: 3px solid #e1e1e1;

}



#second_batch img:hover, #recent_projects img:hover, #flickr img:hover {

	border-color: #ccc;

}



#first_batch ul, #second_batch ul, #recent_projects ul, #flickr ul {

	list-style: none;

}



#first_batch ul li, #second_batch ul li {

	padding: 0 0 9px 19px;

	font-size: 90%;

}




#first_batch ul li a, #second_batch ul li a {

	color: #333;

	background-color: #fff;

	text-decoration: none;

}



#first_batch ul li a:hover, #second_batch ul li a:hover {

	text-decoration: underline;

}



#recent li {

	color: #333;

	background: #fff url(images/file.gif) no-repeat 0 1px;

}



#star li {

	color: #333;

	background: #fff url(images/file_txt.gif) no-repeat 0 1px;

}



#worth li {

	color: #333;

	background: #fff url(images/in_out.gif) no-repeat 0 1px;

}



#first_batch ul li.subscribe, #second_batch ul li.subscribe {

	color: #333;

	background: #fff url(../images/icons/subscribe.gif) no-repeat 0 2px;

}



#first_batch ul li.subscribe a, #second_batch ul li.subscribe a {

	border-bottom: 1px dotted #333;

}



#first_batch ul li.subscribe a:hover, #second_batch ul li.subscribe a:hover {

	border-bottom: 1px solid #333;

	text-decoration: none;

}



#first_batch h3, #second_batch h3, #recent_projects h3, #flickr h3 {

	font-size: 120%;

	border-bottom: 1px solid #000;

	margin: 15px 0 8px 0;

	padding-bottom: 3px;

}



#h3_recent, #h3_useful_links, #h3_star, #h3_worth, #h3_projects, #h3_flickr {

    display: block;

	color: #333;

	padding: 15px 0 0 0;

	overflow: hidden;

	background-color: #fff;

	height: 0px !important; /* for most browsers */

    height /**/:15px; /* for IE5.5's bad box model */

}



#first_batch #h3_recent {

	background: url(images/documents_title.gif) no-repeat;

}

#first_batch #h3_projects {

	background: url(images/projekti_title.gif) no-repeat;

}


#first_batch #h3_star {

	background: url(../images/h3_star.gif) no-repeat;

}



#second_batch #h3_useful_links {

	background: url(images/useful_links_title.gif) no-repeat;

}



#second_batch #h3_worth {

	background: url(../images/h3_worth.gif) no-repeat;

}



#recent_projects #h3_projects {

	background: url(../images/h3_projects.gif) no-repeat;

}



#flickr #h3_flickr {

	background: url(../images/h3_flickr.gif) no-repeat;

}



#reading {

	display: block;

	height: 192px;

}



#recent_projects ul li {

    float: left;

    margin-right: 10px;

}



#flickr a {

    float: left;

    margin-right: 6px;

}



#recent_projects ul li.last {

    margin-right: 0;

}



#adddd {

    width: 160px;

	position: absolute;

	top: 890px;

	margin-left: 490px;

}



#adddd img {

    border: 0;

}



/*	=COMMENTS

-----------------------------------------------------*/

#comments {

	font-size: 90%;

	width: 450px;

	color: #444;

	background: #fff;

	line-height: 1.4em;

}



#comments dt a {

	color: #333;

	background: #fff;

	text-decoration: none;

	border-bottom: 1px dotted #333;

}



#comments dt a:hover {

	color: #000;

	background: #fff;

	border-bottom: 1px solid #000;

}



#comments dt {

	color: #333;

	padding-bottom: 8px;

	background: #fff url(../images/icons/speech_bubble.gif) no-repeat 0 9px;

	padding-left: 20px;

	border-top: 1px solid #e1e1e1;

	padding-top: 8px;

	clear: right;

}



#comments dd {

	padding-bottom: 25px;

	padding-left: 20px;

}



#comments dt.me {

	border-top: 1px solid red;

}



#comments dd img {

	float: right;

	margin: 0 0 10px 10px;

	border: 3px solid #e1e1e1;

}



#post_comment, #comment_form {

	color: #333;

	background: #fff;

	width: 450px;

}



#post_comment input, #post_comment textarea, #comment_form input, #comment_form textarea {

	padding: 3px;

	border: 1px solid #e1e1e1;

	margin-bottom: 8px;

	font-size: 90%;

}



#post_comment input, #comment_form input {

	width: 200px;

}



#post_comment input.narrow, #comment_form input.narrow {

	width: auto;

	padding: 0;

	margin-bottom: 1px;

	margin-right: 5px;

	border: 0 none;

}



#post_comment input.button, #comment_form input.button {

	width: auto;

}



#post_comment textarea, #comment_form textarea {


	width: 450px;

	height: 200px;

}



#h3_post_comment {

	display: block;

	padding: 15px 0 2px 0;

	overflow: hidden;

	color: #000;

	background: #fff url(../images/h3_post_comment.gif) no-repeat;

	border-bottom: 1px solid #333;

	height: 0px !important; /* for most browsers */

    height /**/:15px; /* for IE5.5's bad box model */

}



#post_comment #form_fields {

	padding: 10px 0;

	border-top: 1px solid #ccc;

}



#post_comment #form_fields a {

    color: #027bd1;

	background: #fff;

	text-decoration: none;

	border-bottom: 1px dotted #027bd1;

}



#post_comment #form_fields a:hover {

	border-bottom-style: solid;

}



/*	=READING_LIST

-----------------------------------------------------*/

#reading_list {

	margin: 10px 0;

}



#reading_list dt {

	clear: left;

	width: 170px;

	float: left;

}



#reading_list dt img {

	margin: 0;

	padding: 0;

}



#reading_list dd {

	float: left;

	width: 280px;

}



#content p.list_link {

	clear: both;

	padding: 15px 0;

}



/*	=WORTH_A_LOOK

-----------------------------------------------------*/

#worth_a_look {

	margin: 10px 0;

}



#worth_a_look dt {

	margin-bottom: 5px;

}



/*	=FEED_LIST

-----------------------------------------------------*/

ul#feed_list {

	margin-left: 10px;

	list-style-image: url(../images/icons/subscribe_big.gif);

}



/*	=AGGREGATOR_LIST

-----------------------------------------------------*/

ul#aggregator_list {

	margin: 0;

	list-style: none;

}



ul#aggregator_list li {

    display: inline;

    padding: 0;

    margin: 0;

}



ul#aggregator_list li a, ul#aggregator_list li a:hover {

    padding: 0;

    margin: 0;

    border-bottom: 0;

}



ul#aggregator_list li a img {

    border: 0;

    padding: 0;

}



/*	=CLASSIC

-----------------------------------------------------*/

#classic {
	margin-top: 10px;
}



/*	=ENTRIES

-----------------------------------------------------*/

#entries {
	margin-top: 10px;
	margin-left: -13px;
}



#entries li {

	margin-bottom: 10px;

	list-style: none;

}



#entries li a {

	font-size: 120%;

}



#entries li p {

	margin-top: 5px;

}



#entries li p.posted {

	font-size: 90%;

	color: #666;

	background: #fff;

}



/*	=ARCHIVE_LIST

-----------------------------------------------------*/

#archive_list dt {

	clear: left;

	padding-top: 10px;

}



#archive_list dd {

	float: left;

	margin-right: 5px;

}



#archive_list dd a {

	color: #027bd1;

	background-color: #fff;

	text-decoration: none;

	border-bottom: 1px dotted #027bd1;

}



#archive_list dd a:hover {

	border-bottom-style: solid;

}



/*	=TAG_CLOUD

-----------------------------------------------------*/

#tag_cloud {

	margin-top: 10px;

	text-align: justify;

}



#tag_cloud a {

	margin: 0px 4px;

	text-decoration: none;

	float: left;

	color: #027bd1;

	background-color: #fff;

}



#tag_cloud a:hover {

	background-color: #027bd1;

	color: #fff;

}



#content #h3_tag_cloud {

	display: block;

	padding: 15px 0 2px 0;

	overflow: hidden;

	color: #000;

	background: #fff url(../images/h3_tag_cloud.gif) no-repeat;

	border-bottom: 1px solid #333;

	height: 0px !important; /* for most browsers */

    height /**/:15px; /* for IE5.5's bad box model */

}



/*	=READING_THUMBS

-----------------------------------------------------*/

#reading_thumbs li {

    float: left;

    width: 105px;

    list-style: none;

}



#content #reading_thumbs a, #content #reading_thumbs a:hover {

    border-bottom: 0;

}



/*	=GOOGLE & TEXT LINK ADS

-----------------------------------------------------*/

div.google_ads, div.text_ads {

    margin: 0 0 20px 0;

    padding: 15px 0 0 0;

    background: url(../images/ads_delimiter.gif) no-repeat;

    clear: both;

}



div.text_ads {

    background: url(../images/text_ads_delimiter.gif) no-repeat;

}



div.text_ads ul {

    list-style: none;

}



div.text_ads a { font-size: 10px; color: #333333; }



#ads_side {

    margin: 30px 0 20px 0;

    width: 350px;

    position: absolute;

	top: 725px;

	margin-left: 490px;

}



* html #ads_side {

    top: 745px;

}



ul#links61471 { width: 100%; list-style: none; overflow: hidden; margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; } 

ul#links61471 li { display: inline; float: left; clear: none; width: 100%; padding: 0px; margin: 0px; } 

ul#links61471 li span { display: block; width: 100%; padding: 3px; margin: 0px; font-size: 10px; color: #000000; } 

ul#links61471 li span a { font-size: 10px; color: #333333; } 



/*	=AMAZON

-----------------------------------------------------*/

#amazon {

    clear: both;

    padding: 10px 0 0 0;

    text-align: center;

}



/*	=BOOKMARK/SUBMIT

-----------------------------------------------------*/

#h4_bookmark {

    font-size: 100%;

    font-weight: normal;

    color: #666;

    margin-bottom: 10px;

}



#content #bookmark {

    padding: 0;

    position: relative;

    float: left;

}



#content #bookmark li {

    float: left;

    background: none;

    list-style: none;

    margin-right: 10px;

    width: 16px;

}



#content #bookmark li a {

    display: block;

	padding: 16px 0 1px 0;

	width: 16px;

	overflow: hidden;

	height: 0px !important; /* for most browsers */

    height /**/:16px; /* for IE5.5's bad box model */

    border-bottom: 0 none;

}



#delicious {

    background: #fff url(../images/icons/delicious.gif) no-repeat;

}



#digg {

    background: #fff url(../images/icons/digg.gif) no-repeat;

}



#reddit {

    background: #fff url(../images/icons/reddit.gif) no-repeat;

}



#newsvine {

    background: #fff url(../images/icons/newsvine.gif) no-repeat;

}



#google {

    background: #fff url(../images/icons/google.gif) no-repeat;

}



#yahoo {

    background: #fff url(../images/icons/yahoo.gif) no-repeat;

}



#technorati {

    background: #fff url(../images/icons/technorati.gif) no-repeat;

}



#magnolia {

    background: #fff url(../images/icons/magnolia.gif) no-repeat;

}



/*	=WORK

-----------------------------------------------------*/

#content #work {

    padding-left: 0;

}



#content #work li {

    list-style: none;

    margin-bottom: 30px;

}



#work dt {

    clear: left;

    float: left;

    width: 70px;

    color: #999;

}



#work dd {

    padding: 0 0 5px 70px;

}



#content #work a {

    border-bottom-width: 0;

}



#content #work dd a {

    border-bottom-width: 1px;

}



#content #work a:hover img {

    border-color: #ccc;

}



/*	=PULLQUOTES

-----------------------------------------------------*/

#content blockquote.pullquote {

    float: left;

    width: 150px;

    margin: 0.25em 0.75em 0.25em 0;

    padding: 0.5em;

    border-width: 3px 0;

    color: #333;

    background: #fff;

    font: italic 1.3em/1.3 Georgia, "Times New Roman", Times, sans-serif;

}

#content blockquote.alt {

    float:right;

    margin:0.25em 0 0.25em 0.75em;

}

#content .pullquote p {

    margin:0;

    text-align:center;

}