/*
Theme Name: MedILS Theme - Basic
Theme URI: http://www.medils.org
Description: Theme developed for Meditteranean Institute For Life Sciences
Author: Filip Herceg
The CSS, XHTML and design is copyrighted.
*/


* { margin: 0; padding: 0; border: none }
body { background-color: #ffffff; font: .7em Verdana, "Tahoma", Helvetica, sans-serif; color: #12181F; margin: 0px 0px 0px 0px;	text-align: center; }
.clear_float { clear: both; }

/************************************************
*	Links and Headings									*
************************************************/

p { text-align: justify; margin: 0; font: 100% Verdana, "Tahoma", Verdana, Helvetica, sans-serif; }
ul { text-align: left; list-style: none; }
li { list-style: none; }
img {	border: 0px; }
object {	float: left; margin-right: 15px; margin-bottom: 15px; }

abbr { border: none; }
abbr[title] { border-bottom: #000 1px dotted; cursor: help; }

blockquote { padding: 10px 10px 5px 15px; background: #F6F8FB; color: #12181F; border: solid 1px #ddd; margin-top: 10px; margin-bottom: 10px; }

input { padding-top: .2em;	padding-bottom: .2em; padding-left: .3em;	padding-right: .3em;	font: 100% "Trebuchet MS", Verdana, sans-serif;	background: #fff;	border: #d8d8d8 1px solid; }
input:hover { border: #8fc80d 1px solid; }

h1 { font: bold 200% "Trebuchet MS", Verdana, sans-serif; color: #6799C4; margin-top: .5em; margin-bottom: .01em;	text-transform: lowercase; }
h2 { font: 150% "Trebuchet MS", Verdana, sans-serif; color: #6C7C8C; margin-bottom: 0.5em; }
h3 { font: bold 130% Verdana, "Tahoma", sans-serif; color: #6C7C8C; margin-bottom: 1em; text-align: left; clear: both; }
h4 { font: 95% "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #8A9DB7; padding-top: 0px; }
h5 { font: bold 110% "Tahoma", Verdana, sans-serif; color: #000; margin-bottom: 0.5em; margin-top: 0.5em; text-align: left; }
h6 { font: bold 110% "Tahoma", Verdana, sans-serif; color: #000; margin-bottom: 0.5em; margin-top: 1.5em; text-align: left; clear: both; }

hr { clear: both;	height: 1px; overflow: hidden; background-color: #d8d8d8; color: #d8d8d8; margin: 0px 0px 10px 0px !important; margin: 0px; }

a { color: #467FB0;	text-decoration: none; }
a:hover { color: #ee6600; text-decoration: none; }

a.lipdf { background: url(images/icon-pdf.gif) no-repeat left top; padding-left: 30px; display: block; line-height: 16px !important; line-height: 16px; min-height: 18px; padding-top: 2px; margin-bottom: 0px; padding-bottom: 0px !important; padding-bottom: 2px; overflow: hidden; }
a.lidoc { background: url(images/icon-doc.gif) no-repeat left top; padding-left: 30px; display: block; line-height: 16px !important; line-height: 16px; min-height: 18px; padding-top: 2px; margin-bottom: 0px; padding-bottom: 0px !important; padding-bottom: 2px; overflow: hidden; }
a.lizip { background: url(images/icon-zip.gif) no-repeat left top; padding-left: 30px; display: block; line-height: 16px !important; line-height: 16px; min-height: 18px; padding-top: 2px; margin-bottom: 0px; padding-bottom: 0px !important; padding-bottom: 2px; overflow: hidden; }

/************************************************
*	Main layout								            *
************************************************/

#pictures {	clear: both; background: #FBFCFD url(images/top.jpg) no-repeat center; width: 100%; height: 121px; margin: auto; border-top: #d8d8d8 1px solid;	border-bottom: #d8d8d8 1px solid; }
#container { margin: auto; background: #fff; width: 980px; }

/************************************************
*	Header, Headings, etc.								*
************************************************/

#header { margin: auto;	background: #fff;	width: 980px;	height: 130px;	padding-top: 0px;	padding-bottom: 4px; }
#headerleft { width: 128px; float: left; background: #fff url(images/logo.gif); margin-top: 5px; height: 125px; overflow: hidden; cursor: pointer; }
#headerright {	width:842px; float:left; background: #fff; text-align: right; padding-right: 10px; }

/************************************************
*	Footer													*
************************************************/

#footer { clear: both; margin: auto; background: #ffffff; width: 980px; border-top: #d8d8d8 1px solid; padding-right: 5px; padding-left: 5px; color: #ccc; }
#footerleft { width: 400px; float: left; background: #fff; text-align: left; padding-bottom: 5px; }
#footerright {	width: 570px; float: left;	background: #fff;	text-align: right; padding-top: 2px; padding-bottom: 5px; }
#footer p {	text-align: right; color: #383F4C; font: 0.8em Verdana, sans-serif; }

/************************************************
*	Left sidebar											*
************************************************/
/* ocistiti ovaj kod od nepotrebnih ponavljanja! */

#mainleft {	width: 200px; float:left; background: transparent; text-align: left; padding: 0px 5px 10px 0px; }
#mainleft div.naslov { padding-left: 10px; border-bottom: 3px solid #0086b3; margin-bottom: 0px; text-align: left; }

#mainleft ul.menu { font: bold 1em Verdana, sans-serif; list-style: none; text-align: left; margin: 0 auto;	padding-top: -5px; }

#mainleft ul.menu li { text-align: left; background: none; text-indent: 0px;	line-height: 22px; color: #4a5160; display: block; }
#mainleft ul.menu li a { padding-left: 10px; background: none; height: 25px; line-height: 25px; color: #4a5160; display: block; text-decoration: none; border-bottom: #d8d8d8 1px solid; font-weight: bold; }
#mainleft ul.menu li a:hover { color: #ee6600; background-color: #F6F8FB; border-bottom: #d8d8d8 1px solid; }

#mainleft ul.menu li.menu { text-align: left; background: transparent url(images/arrow-orange.gif) no-repeat right top; text-indent: 0px;	line-height: 22px; color: #4a5160; display: block; }
#mainleft ul.menu li.menu span {	padding-left: 10px; height: 22px; line-height: 22px; color: #4a5160;	display: block; text-decoration: none;	border-bottom: #d8d8d8 1px solid; cursor: pointer; }
#mainleft ul.menu li.menu a {	padding-left: 10px; height: 28px; line-height: 28px; color: #4a5160; display: block; text-decoration: none;	background-color: #fff;	border-bottom: #d8d8d8 1px solid; background: transparent url(images/arrow-orange.gif) no-repeat right top;	font-weight: bold; }
#mainleft ul.menu li.menu a:hover { color: #ee6600; background-color: #F6F8FB; border-bottom: #d8d8d8 1px solid; }

#mainleft ul.menu li.menu1 a { padding-left: 10px;	height: 28px; line-height: 28px;	color: #4a5160; display: block; text-decoration: none; background-color: #fff; border-bottom: #d8d8d8 1px solid; font-weight: bold; }
#mainleft ul.menu li.menu1 a:hover { color: #ee6600; background-color: #F6F8FB; border-bottom: #d8d8d8 1px solid; }

/*
#mainleft ul.menu li.menu:hover ul.info, #menu li.over ul.info {display: block;} 
#mainleft ul.menu li.menu ul.info { display: none; }
*/

#mainleft ul.menu li.menu ul.info li a { text-indent: 15px;	font-weight: 100;	height: 22px; line-height: 22px;	background: url(images/arrow-gray.gif) no-repeat 5px; }
#mainleft ul.menu li.menu ul.info li a:hover { text-indent: 15px;	font-weight: 100;	background: #F6F8FB url(images/arrow-gray.gif) no-repeat 5px; }

/************************************************
*	Center													*
************************************************/

#maincenter { width:480px;	float:left;	background: #fff;	text-align: left;	padding: 0px 5px 10px 5px; }
#maincenter div.content { padding: 5px 5px 5px 5px; }
#maincenter div.content a { color: #6799C4; text-decoration: none; }
#maincenter div.content a:hover { color: #ee6600; text-decoration: none; }
#maincenter div.content p a { color: #467FB0; text-decoration: none; }
#maincenter div.content p a:hover { color: #ee6600; text-decoration: underline; }

#maincenter div.separator { clear: both; height: 1px;	overflow: hidden;	background-color: #d8d8d8;	margin: 10px 0px 2px 0px; }
#maincenter div.main_naslov {	padding-left: 5px; border-bottom: 3px solid #FFCC00; margin-bottom: 5px; background: #fff url(images/rss.gif) no-repeat center right; }
#maincenter div.main_naslov_no_rss {	padding-left: 5px; border-bottom: 3px solid #FFCC00; margin-bottom: 5px; background: #fff; }
#maincenter div.naslov { padding-left: 5px;	border-bottom: 3px solid #FFCC00; margin-bottom: 5px; }

#maincenter div.sep { clear: both; height: 1px;	overflow: hidden;	margin: 10px 0px 0px 0px; }

#maincenter p { line-height: 135%; text-decoration: none; text-align: justify; padding-bottom: 10px; }
#maincenter img { border: 1px solid #999; background: #fff; font-size: .9em;	padding: 2px 2px 2px 2px; float: left;	margin: 3px 5px 10px 0px; }
#maincenter a:hover img { border: 1px solid #222; }

#maincenter hr { clear: both;	height: 1px; overflow: hidden; background-color: #d8d8d8; color: #d8d8d8; margin: 10px 0px 10px 0px !important; margin: 0px; }

#maincenter h2 { font: bold 110% Verdana, "Tahoma", sans-serif; color: #6C738B; margin-top: 0.5em; margin-bottom: 0em; text-align: left; clear: both; }
#maincenter h3 { font: bold 110% Verdana, "Tahoma", sans-serif; color: #4C5C66; margin-bottom: 0.5em; text-align: left; clear: both; }
#maincenter h3 a { font: bold 100% Verdana, "Tahoma", sans-serif; margin-bottom: 0.5em; text-align: left; clear: both; }
#maincenter h3 p { padding-bottom: 0px; }


/************************************************
*	Center without right sidebar						*
************************************************/

#maincenter2 {	width: 760px; float:left; background: #fff; text-align: left; padding: 0px 5px 10px 5px; }
#maincenter2 div.content { padding: 5px 5px 0px 5px; }
#maincenter2 div.content a { color: #6799C4; text-decoration: underline; }
#maincenter2 div.content a:hover { color: #ee6600; text-decoration: none; }
#maincenter2 div.content p a { color: #6799C4; text-decoration: underline; }
#maincenter2 div.content p a:hover { color: #ee6600; text-decoration: none; }

#maincenter2 div.separator { clear: both;	height: 1px; overflow: hidden; text-indent: -100em; background-color: #d8d8d8; margin: 2px 0px 2px 0px; }
#maincenter2 div.separator2 { clear: both; height: 1px; overflow: hidden; text-indent: -100em; background-color: #d8d8d8; margin: 15px 0px 10px 0px; }
#maincenter2 div.main_naslov { padding-left: 5px; border-bottom: 3px solid #FFCC00; margin-bottom: 5px; background: #fff url(images/rss.gif) no-repeat center right; }
#maincenter2 div.naslov { padding-left: 5px;	border-bottom: 3px solid #FFCC00; margin-bottom: 5px; }

#maincenter2 p { line-height: 135%; text-decoration: none; text-align: justify; padding-bottom: 10px; }
#maincenter2 img { border: 1px solid #999; background: #fff; font-size: .9em;	padding: 2px 2px 2px 2px; float: left;	margin: 3px 5px 3px 0px; }
#maincenter2 a:hover img { border: 1px solid #222; }

#maincenter2 h3 { font: bold 125% "Tahoma", Verdana, sans-serif; color: #6C7C8C; margin-bottom: 0.2em; text-align: left; clear: both; }

#maincenter2 table.donators img { float: none; }
#maincenter2 span { float: left; }
#maincenter2 div.float { float: left; padding-right: 20px; }

/*
#maincenter2 td { padding: 15px; }
#maincenter2 td img { text-align: center; float: none; }
*/

/************************************************
*	Right sidebar											*
************************************************/

#mainright { width:270px; float:left; text-align: left; padding: 0px 10px 10px 5px; }
#mainright div.naslov { padding-left: 5px; border-bottom: 3px solid #8fc80d; margin-bottom: 0px; }

#mainright ul.events { list-style: none; margin: 0px 0px 20px 0; }
#mainright ul.events li { background: #fff; }
#mainright ul.events li a { color: #467FB0; background: #fafafa  url(images/events-arrow.gif) no-repeat left top; text-decoration: none; display: block; padding: 9px 10px 10px 25px; border-bottom: 1px #efefef solid; font-weight: bold; font-size: 90%; height: 100%; }
#mainright ul.events li a:hover { background: #fff url(images/events-arrow.gif) no-repeat left top; color: #ee6600; }
#mainright ul.events li h4 { padding-top: 0.4em; }

#mainright ul.news { list-style: none; margin: 0px 0px 20px 0; }
#mainright ul.news li { background: url(images/news-arrow.gif) no-reper left top #fff; }
#mainright ul.news li a { color:#666; background: #fafafa url(images/news-arrow.gif) no-repeat left top; text-decoration: none; display: block; padding: 9px 10px 10px 25px; border-bottom: 1px #efefef solid; font-weight: bold; font-size: 90%; height: 100%; }
#mainright ul.news li a:hover { background: #fff url(images/news-arrow.gif) no-repeat left top; color: #ee6600; }
#mainright ul.news li h4 { padding-top: 0.4em; }

#mainright ul.archives { list-style: none; margin: 0px 0px 20px 0; }
#mainright ul.archives li { background: #fff; }
#mainright ul.archives li a { color:#666; background: #fafafa; text-decoration: none; display: block; padding: 10px 10px 10px 10px; border-bottom: 1px #efefef solid; font-weight: bold; font-size: 90%; height: 100%; }
#mainright ul.archives li a:hover { background: #fff; color: #ee6600; }
#mainright ul.archives li h4 { padding-top: 0.4em; }

#mainright ul.sublinks { list-style: none; margin: 0px 0px 20px 0; }
#mainright ul.sublinks li { background: #fff; }
#mainright ul.sublinks li a { color:#666; background: #fafafa; text-decoration: none; display: block; padding: 10px 10px 10px 10px; border-bottom: 1px #efefef solid; font-weight: bold; font-size: 90%; height: 100%; }
#mainright ul.sublinks li a:hover { background: #fff; color: #ee6600; }
#mainright ul.sublinks li h4 { padding-top: 0.4em; }

/************************************************
*	Domtabs													*
************************************************/
	
div.domtab { background: #fff; text-align: right; padding-left: 570px !important; padding-left: 569px; }
ul.domtabs { width: 100%; margin: 0px; }
ul.domtabs li { float: left; margin-left: 1px; }
ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active { width: 67px; padding-top: 1px; display: block; color: #fff; height: 17px; font-size: 10px; font-weight: bold; text-decoration: none; text-align: center; }
ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active { color: #fff; }
ul.domtabs a:hover { color: #467FB0; }

div.domtab div.hidden { background: #fff; padding-left: 35px; }

#searchform { text-align: left; }
#searchform input.input { width: 200px; margin-top: 25px; }

#loginform input.button { border: none; font-weight: bold; color: #467FB0; background: url(images/arrow-black.gif) right no-repeat; float: right; margin-right: 30px; padding-right: 10px; margin-top: 0px; }
#loginform input.button:hover { cursor: pointer; color: #ee6600; }

#searchform input.button { text-align: right; border: none; font-weight: bold; color: #467FB0; background: url(images/arrow-black.gif) right no-repeat; float: right; margin-right: 30px; padding-right: 10px; margin-top: 0px; }
#searchform input.button:hover { cursor: pointer; color: #ee6600; }

#loginform { text-align: left; }
#loginform input { margin-top: 25px; }
#loginform input.input2 { margin-top: 5px; }