/* CSS Document 
Udruga za promicanje znanosti Prototipus [www.prototipus.hr]
*/

/* GLOBAL WHITE SPACE RESET */
*{
	margin:0px;
	padding:0px;
}
/* BODY */
body{
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	background:url(../img/bg-body-x.png) repeat-x center top;
}
/* Main definitions */
h2, h3, p, .natuknice, #content ul {
	margin-bottom:20px;
}
h2, h3 {
	font-size:2em;
	font-weight:normal;
	color:#3c9cd7;
}
h3 {
	font-size:1.6em;
	color:#666;
}
p {
	font-size:1.2em;
	line-height:1.8em;
}
a {	
	color:#3c9cd7;
	border-bottom:1px solid #d7eaf5;
	text-decoration:none;
}
a:hover {
	border-bottom:1px solid #6caed6;
	text-decoration:none;
}
strong { font-weight:bold; }
em {
	color:#555;
	font-style:italic;
	background-color:#f5f5f5;
	border-bottom:1px solid #eee;
	padding:0 4px;
}
.clear { clear:both; }
#clanak ul { font-size:1.2em; line-height:1.8em; list-style:disc inside; padding:0 0 0 20px; }
#clanak ul li {  }
/* Head */
#head {
	height:250px;
	width:900px;
	margin:0 auto;
	text-align:left;
	background:url(../img/bg-head.png) no-repeat center top;
	position:relative;
}
/* Container */
#container {
	width:900px;
	margin:0 auto;
	text-align:left;
}
/* Content */
#content {
	width:450px;
	float:left;
	display:inline;
}
/* Sidebar */
#sidebar {
	width:450px;
	float:right;
	display:inline;
}
/* Footer */
#footer {}
#footer p {
	text-align:left;
	font-size:1.1em;
	color:#666;
	padding:10px 20px;
}
/* Head, Navigation */
#navigation {
	width:520px;
	height:50px;
	position:absolute;
	top:200px;
	left:0;
	text-indent:-8000px;
}
#navigation li {
	float:left;	
}
#navigation li a {
	width:130px;
	height:50px;
	display:block;
	background:url(../img/bg-nav.png) no-repeat 0 0;
	border-bottom:none;
}

#navigation li a#nav-naslovna { background-position:0 0; }
#navigation li a#nav-udruga { background-position:-130px 0; }
#navigation li a#nav-novosti { background-position:-260px 0; }
#navigation li a#nav-kontakt { background-position:-390px 0; }
#navigation li a#nav-naslovna:hover, #navigation li a#nav-naslovna.selected { background-position:0 -50px; }
#navigation li a#nav-udruga:hover, #navigation li a#nav-udruga.selected { background-position:-130px -50px; }
#navigation li a#nav-novosti:hover, #navigation li a#nav-novosti.selected { background-position:-260px -50px; }
#navigation li a#nav-kontakt:hover, #navigation li a#nav-kontakt.selected { background-position:-390px -50px; }
/* Head, H1, Logo */
h1 {
	height:150px;
	width:130px;
	text-indent:-8000px;
	position:absolute;
	top:50px;
	left:0;
}
h1 a {
	display:block;
	width:130px;
	height:150px;
}
h1 a:hover { text-decoration:none; }
/* Head, H2 */
#head h2 {
	color:#666;
	font-size:1.6em;
	line-height:2em;
	position:absolute;
	top:75px;
	left:155px;
	width:500px;
}
#head h2 strong {
	color:#aaa;
	font-weight:normal;
}
/* Content, Novosti */
#novosti h2 { padding:0 20px; margin:20px 0; }
#novosti p { padding:0 20px; }
/* Content, Clanak */
#clanak {}
#clanak h2 { padding:20px 20px 0 20px; }
#clanak h3 { padding:0 20px 0 20px; }
#clanak p { padding:0 20px; }
#clanak .slika {}
#clanak a.thickbox {
	border-bottom:none;
	/*
	border:1px solid #666;
	*/
}
#clanak .left { float:left; margin:0 15px 15px 0; }
#clanak .right { float:right; margin:0 0 15px 15px; }
/* Content, Form */
form ul {
	background-color:#f5f5f5;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	margin:0 20px;
	list-style:none!important;
	padding-left:0!important;
}
form ul li {
	padding:10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #e5e5e5;
	clear:both;
	font-size:1.1em;
	line-height:2em;
}
form ul li label {
	font-size:1.09em;
	color:#999;
	float:left;
	display:block;
	width:100px;
}
input { 
	width:160px;
	border:1px solid #ddd;
	padding:4px;
}
textarea {
	width:250px;
	height:160px;
	border:1px solid #ddd;
	padding:4px;
}
input.sendbutton {
	color:#000;
	border:none;
	background:url(../img/input-button.png) repeat-x center top;
	width:130px;
	height:40px;
	margin-left:100px;
	text-indent:-8000px;
}
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
input:focus, textarea:focus { border:1px solid #ccc; }
#contactforminfo { font-weight:bold; }
/* Content, Meta */
#content p.meta {
	background:url(../img/bg-novosti-read-more.png) no-repeat center top;
	display:block;
	padding:10px 20px 10px 20px;
	text-align:right;
	color:#aaa;
	margin-bottom:0;
}
#content p.meta a {
	float:left;
	color:#555;
	border-bottom:none;
}
#content p.meta a:hover {
	color:#000;
}
/* Sidebar, Section */
#section { padding:20px 0 0 20px; }
#section h2 {
	color:#666;
}
#section #postani-clan { background:#3a9ad6 url(../img/bg-section-clan.png) no-repeat left top; }
#section #astronomske-veceri { background:#3a9ad6 url(../img/bg-section-astronomske-veceri.png) no-repeat left top; }
#section li.istaknuto h2 { display:none; }
#section li.istaknuto p {
	color:#bae0f7;
	padding:45px 20px 20px 20px;
}
#section .istaknuto a {
	color:#fff;
	border-bottom:none;
}
#section .istaknuto a:hover { border-bottom:1px solid #90cff6; }
#section .rss, #section .facebook, #section .twitter {
	padding:20px 0 20px 60px;
	display:block;
	border:1px solid #ddd;
	font-weight:bold;
	color:#666;
}
#section .rss { background:url(../img/social/rss.png) no-repeat 5px center; }
#section .facebook { background:url(../img/social/facebook.png) no-repeat 5px center; }
#section .twitter { background:url(../img/social/twitter.png) no-repeat 5px center; }
#section .rss:hover, #section .facebook:hover, #section .twitter:hover { border:1px solid #aaa; }
#section .social-button p { font-size:1.4em; }
/*
#section .rss {
	background:#f5f5f5 url(../img/icon/rss.png) no-repeat 10px center;
}
* html #section .rss { background:#f5f5f5 url(../img/icon/rss.gif) no-repeat 10px center; }
#section .rss:hover {
	border:1px solid #e4b48f;
	background-color:#f6d1b5;
	color:#000;
}
*/
/* Sidebar, Natuknice */
.natuknice {
	font-size:1.2em;
	line-height:2.2em;
	border-top:1px solid #eee;
	display:block;
}
.natuknice li {
	border-bottom:1px solid #eee;
	clear:both;
}
.natuknice li span { 
	font-weight:bold; 
	width:110px;
	display:block;
	margin-right:10px;
	float:left;
}
/* Sidebar, Twitter */
#twitter_div {
	border:1px solid #ddd;
	padding:20px 20px 10px 20px;
}
#twitter_update_list { 
	font-size:1.1em;
	border-top:1px solid #eee;
	margin-bottom:20px;
}
#twitter_update_list li { 
	padding:5px 10px;
	border-bottom:1px solid #eee;
}
#twitter-link { 
	font-weight:bold;
	font-size:0.92em;
	border-bottom:none;
	padding:5px 10px;
	border:1px solid #eee;
	background-color:#e8e8e8;
	color:#666;
}
#twitter-link:hover { 
	color:#fff;
	background-color:#3c9cd7;
	border:1px solid #3c9cd7;
}
/* Sidebar, Arhiva novosti */
#section #arhiva-novosti .datum-novosti {
	width:70px;
	font-weight:bold;
	display:block;
	float:left;
	text-align:center;
}
#section #arhiva-novosti .naziv-novosti { 
	width:349px; 
	display:block;
	float:left; 
	padding-left:10px;
	border-left:1px dotted #ddd;
}