/*
Theme Name: 960Base Theme SIMPLE
Theme URI: http://960basetheme.kiuz.it/
Description: Wordpress theme based on 960 Grid System. SIMPLE
Version: 1.0.0
Author: Domenico Monaco
Tags:

960 Base Theme, Version 1.0.0, 2009-06-29
Created by Domenico Monaco. See the official site for more info: http://kiuz.it
http://960basetheme.kiuz.it/
Under GPL/MIT License
Based on Fluid 960 Grid System
Use Moo Javascript tools

*/

/*
+----------------------------------------------------+
| 960 Base Theme created by Domenico Monaco          |
| This project is free be used and modified under    |
| GPL and Mit License, please read more              | 
| This note remain intact                            |
| ____________________________________________       |
| 960 Base Theme | http://960basetheme.kiuz.it       |
+----------------------------------------------------+
*/

/* Import Css of Framwork, Fluid 960 Grid System */
/*
 * 
 *
 */


/* css files of Grid System, if you want to use Fluid Grid System change:
 * @import url("css/960.css"); >>> to  >>> @import url("css/960.css");
 * note: @import url("css/960.css"); is cratede by Sthepen Bau and is included in Fluid 960 Grid System
 */
@import url("css/reset.css");

@import url("css/960.css");

@import url("css/text.css");


/* Fluid Grid System Navigation and color styling */
@import url("css/layout.css");

@import url("css/nav.css");

/* All of css files of Fluid 960 Grid System & 960 Grid System, you can copy/past this for you prject*/
/*
@import url("css/reset.css");
@import url("css/960.css");
@import url("css/text.css");
@import url("css/grid.css"); 
@import url("css/layout.css");
@import url("css/nav.css");
*/

/* Css by Domenico Monaco, this adding color and Styling to standard layout.css*/
/*
@import url("css/l-color.css");
*/


/* 960 Base Theme basic classes & ids */

#header {
	height: 94px;
}
.rss-head a:hover{text-decoration:underline;background:#fff;color:#000;}
.rss-head a {display:block;
text-align:right;color:#fff;margin-bottom:5px;padding:2px 3px;}

/* Several classes for aligning images and block elements (DIV, P, TABLE etc.) were introduced in WordPress 2.5  */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* Several classes for wordpress */
.categories {}
.cat-item {}
.current-cat {}
.current-cat-parent {}
.pagenav{}
.page_item {}
.current_page_item {}
.current_page_parent {}
.widget { background: url(img/side_bg.jpg) repeat-x top left; }
.widget_text {}
.blogroll {}
.linkcat{}

#img-head a { color: white; line-height: 29px; font-size: 35px; padding-top: 30px; display: block; text-shadow: 1px 1px 1px #a6a6a6;
filter: dropshadow(color=#a6a6a6, offx=1, offy=1);}
#img-head a small { display: block; font-size: 12pt; color: #66ccff}
#searchform { padding-top: 6px;}
#searchform #s { width: 200px}
#r-sidebar p { margin: 0; padding: 10px 0  0 0}
#content_bar { padding-top: 20px}
#site_info {
	border-top: 3px solid #f36f21;
	background: url(img/footer.jpg) no-repeat top left;
	height: 88px;
}
#site_info a img { margin: 15px 5px 0 5px}
#site_info small { font-size: 7pt; white-space: nowrap; display: block; text-align: center; margin-top: 30px; color: gray}


#vijesti_aktuelno { position:relative; margin: 0; padding: 0; height: 265px; border-bottom: 1px solid white}
#vijesti_aktuelno dd { display:block; position:absolute; top:0; left:0; z-index:1; margin:0; height: 254px; padding: 0;  overflow: hidden; width:700px;}
#vijesti_aktuelno dt { display:block; z-index:100; margin: 0 0 0; padding: 0; position: relative; top: 215px; text-align: left; padding-left: 5px; width: 700px;}
#vijesti_aktuelno dt a { display: block; float: right; width: 24px; height: 24px; line-height: 24px; text-align: left;  color: white; font-size: 8pt; margin-left: 5px; font-weight: normal; text-indent: -1000px; background: url(frontal/bullets.png?b) no-repeat top left; }
#vijesti_aktuelno dt a.selected { background-position: bottom left; }
#vijesti_aktuelno p {  font-size: 8.6pt; margin: 0; padding: 0; display: inline-table; 	background: black; 
	background: rgba(0,0,0, 0.4); padding: 10px}

#vijesti_aktuelno div.element { 
	display: inline-table;
	width: 400px; height: 80px !important; overflow: hidden;
	position: absolute;
	color: white;
	top: 130px;
	left:0px;
	}
#vijesti_aktuelno span { display: none; }
#vijesti_aktuelno dd a { display: inline-table; font-size: 13pt; line-height: 16pt; font-weight: bold; color: #f36f21; text-shadow: 1px 1px 1px black; display: inline-table; 	background: white; background: rgba(255,255,255, 0.4); padding: 5px 10px}

table, td, th { vertical-align: middle;}
#novonasajtu p { margin: 0; padding: 5px 10px 3px 10px}
#novonasajtu span { color: gray}
table.prava { border-collapse: separate !important; border-spacing: 2px;}
table.prava th, table.prava td { padding: 5px; vertical-align: top; background: #fcfcfc; border: 1px solid #f7f7f7; margin: 2px;  border-collapse: separate !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
table.prava th { background: #f7f7f7; }
form table.prava th { width: 120px; text-align: right}
form table.prava td input[type=text], form table.prava td textarea { padding: 5px; width: 80%; border: 1px solid #1396fe; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
form table.prava td input[type=text]:focus, form table.prava td textarea:focus {border: 1px solid #ec591a; }
form table.prava td textarea { height: 300px}
#menu-nav { margin-top: -1px}

img.alignleft { border: 1px solid #f7f7f7; margin: 0px 15px 15px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
blockquote img { width: 100%}

.potpis img { margin: 0px 10px 0 0}

#commentlist { clear: both; margin-top: 10px}
#commentlist .comment, #commentlist div.avatar { margin-bottom: 15px}
#commentlist div.avatar { width: 150px; text-align: right; float: left}
#commentlist div.avatar img { float: right; margin: 2px 0 5px 5px}
#commentlist .comment { text-align: left; float: left; width: 510px; background: #eef2ff url(img/comment.gif) no-repeat top left; padding: 10px 10px 5px 20px; margin-left: 10px; }

.wp-paginate { clear: both; list-style: none; text-align: center}
.wp-paginate .title { display: none}
.wp-paginate li { list-style: none; float: none; margin: 0; padding: 0; display: inline-table}

#commentform { background: #f8f8f8; padding: 10px; margin: 20px 0; }
#commentform label { width: 150px; float: left}
#commentform #author, #email, #url, #comment { width: 60%; padding: 4px; margin: 2px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; border: 1px solid gray; font-size: 10px; font-family: sans-serif}

#photoGallery { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: rgba(0, 0, 0, 0.8); background-position: center center; background-repeat: no-repeat; cursor: pointer}
table td { vertical-align: top}
address { padding: 10px; background: url(img/bg.jpg); color: white; font-weight: bold; font-style: normal}

a.FB { background: url(img/fb.jpg) no-repeat left center; display: inline-table; padding-left: 20px; line-height: 20px; margin-right: 10px}