/*
Theme Name: Gssjd theme
Theme URI: http://www.netlex.hr/
Description: Gimnazija i strukovna skola Jurja Dobrile.
Version: 1.0
Author: Augustin Ravnic
*/


*{ 
	margin: 0; padding: 0;
	outline:none;
} 

html{ 
	font-size: 62.5%; /* 16px x 62.5% = 10px */ 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color:#444444;
	height:100%;
	background:url(images/bg_global.png) repeat-x;
}

p, td{ 
	font-size: 1.2em; 
	line-height: 1.8em; 
}

a{
	color:#1c6ea7;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.left, .alignleft{
	float:left;
}

.right, .alignright{
	float:right;
}

.clear{
	clear:both;
}


.black10bold{
	font-size:10px;
	font-weight:bold;
	color:#000000;
}

.white10reg{
	font-size:10px;
	color:#FFFFFF;
}

.upcase{
	text-transform:uppercase;
}

.upcase_orange{
	text-transform:uppercase;
	color:#ea7c30;
}

#ienote{
	position:absolute; 
	top:0; 
	left:0; 
	background:url(images/sadsmiley.gif) no-repeat; 
	color:#FFFFFF; 
	height:35px; 
	width: 140px;
	padding-left:35px;
	font-size:11px;
	line-height:15px;
	font-weight:bold;

}

#ienote a:hover{
	text-decoration:underline;
}

#header {
	background:url(images/bg_header.png) no-repeat;
	width:998px;
	height:281px;
	margin: 0 auto;
}

#headerleft{
	float:left;
	width:600px;
}

#header ul#toplinks {
	margin-left:190px;
	border-bottom:1px solid #C9C9C9;
	padding-top:3px;
	height:18px;
	width:382px;
}

#header ul#toplinks li{
	color:1c6ea7;
	text-decoration:none;
	font-size:1.1em;
	background:url(images/dot_black.gif) no-repeat 0px 4px;
	margin-right:18px;
	text-indent:11px;
	list-style:none;
	display:block;
	float:left;
}

#header ul#toplinks li a{
	text-decoration:none;
}

#header ul#toplinks li a:hover{
	text-decoration:underline;
}


#header #logo{
	margin-top:13px;
	margin-left:8px;
}

#header #logotext{
	margin-top:15px;
	margin-left:6px;	
}

#header #rss{
	background:url(images/bg_rss.png) no-repeat;
	width:120px;
	height:20px;
	float:left;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:10px;
	_margin-left:5px;
	line-height:20px;
	text-indent:20px;
}

#header #rss a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

#header #rss a:hover{
	text-decoration:underline;
}

#header #style{
	background:url(images/bg_style.png) no-repeat;
	width:267px;
	height:20px;
	float:left;
	margin-left:176px;
	_margin-left:136px;
	margin-top:30px;
	margin-bottom:10px;
	line-height:20px;
	text-indent:5px;
	font-size:10px;
}

#header #search{
	background:url(images/bg_search.png) no-repeat;
	width:563px;
	height:42px;
	margin-left:10px;
	clear:both;
	line-height:42px;
	text-indent:10px;
	font-size:12px;
	font-weight:bold;
}

#header #search #s{
	width:374px;
	height:23px;
	margin:9px 0 0 8px;
	padding:0;
	border:1px solid #666666;
	float:left;
	font-size:14px;
}


#header #search #searchsubmit{
	float:left;
	margin:9px 0 0 0;
}

#header #imagerotator{
	background:url(images/imagerotator.png) no-repeat;
	width:388px;
	height:272px;
	float:left;
}

#header #imagerotator embed{
	margin-top:29px;
	margin-left:34px;
}

#navigation{
	width:998px;
	margin:0 auto;
	background:url(images/bg_top_mainlinks.png) no-repeat;
	height:40px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}


/*
#navigation ul li{
	float:left;
	list-style:none;
	margin-left:20px;
}
*/

#blockabout{
	width:998px;
	margin:0 auto;
	height:166px;
	background:url(images/bg_blockabout.png) top repeat-x #f4f4f4;
}

#blockaboutleft{
	width:556px;
	height:106px;
	background:url(images/separator.png) right no-repeat;
	float:left;
	padding:30px;
}

#blockaboutleft h1{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background:url(images/video.gif) no-repeat;
	font-size:18px;
	text-indent:30px;	
	line-height:33px;
	font-weight:normal;
}


#blockaboutleft p{
	width:335px;
}

#blockaboutleft img{
	border:1px solid #DDDDDD;
	background:#FFFFFF;
	padding:2px;
}

#blockaboutright{
	width:160px;
	float:left;
	padding:30px 0 0 30px;
}


#blockaboutright h1{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background:url(images/lock.gif) no-repeat;
	font-size:18px;
	text-indent:30px;	
	line-height:33px;
	font-weight:normal;	
}

#blockaboutright h1{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background:url(images/lock.gif) no-repeat;
	font-size:18px;
	text-indent:30px;	
	line-height:33px;
	font-weight:normal;	
}

#blockabout p{
	margin:14px 0 14px 0;
	font-size:11px;
}

#blocklogin{
	width:140px;
	float:left;
	padding:35px 0 0 20px;
}

a.odjava{
	background:url(images/odjava.gif) no-repeat;
	padding:5px 6px 4px 5px;
	color:#FFFFFF;
	font-weight:bold;

}

a:hover.odjava {
	background:url(images/odjava_hover.gif);
	text-decoration:none;
}










/* NAVIGACIJA     */







#nav {
	float: left;
	width: 925px;
	margin: 0 0 0 0;
	padding: 7px 0 0 22px;
	list-style: none;
	
}
#nav li {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	line-height: normal;
	text-transform:uppercase;
}
#nav li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 4px 10px 9px 10px;
	font-weight: bold;
	text-decoration: none;
}





/* Hovers & Current Tab: sfhover class added with JS (for old IE)
--------------------------------------------------------------- */
#nav li:hover, #nav li.sfhover, #nav li.current_page_parent, #nav li.current_page_item {
	background: #fff url(images/nav_on_left.gif) no-repeat left top;
	
}
#nav li:hover a, #nav li.sfhover a {
	color:#003366;
	background: url(images/nav_on_right.gif) no-repeat right top;
}

#nav li.current_page_parent a,  #nav li.current_page_item a{
	color:#666666;
	background: url(images/nav_on_right.gif) no-repeat right top;
}


/* Dropdowns 
--------------------------------------------------------------- */
#nav li ul {
	position: absolute;
	padding: 0;
	margin: 0 0 0 -1px;
	list-style: none;
	left: -999em; /* using left because display:none isn't read by screen readers */
	background: #fff;

}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul li {
	margin: 0;
	padding: 0;
	text-transform:none;
	font-weight: bold;
}
#nav li:hover ul li a, #nav li.sfhover ul li a, #nav li.current ul li a {
	margin: 0;
	padding: 5px 10px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #f4f4f4;
	border-top: none;
	border-bottom-color: #dddddd;
	font-size: 1em;
	color: #1c6ea7;
}

#nav li ul li.last a, #nav li.current ul li.last a {
	border-bottom-color: #a5be0e;
}
#nav li ul li a:hover, #nav li.current ul li a:hover {
	color: #fff;
	background: #1c6ea7;
}
#nav li ul li.current a {
	font-weight: bold;
}

/* Width of DropDowns */
#nav li ul,
#nav li ul li,
#nav li:hover ul li a, 
#nav li.sfhover ul li a, 
#nav li.current ul li a {
	width: 15em;
}

/* Make Last Tab's DropDown Less Wide */
#nav li#last_tab ul,
#nav li#last_tab ul li,
#nav li#last_tab:hover ul li a, 
#nav li#last_tab.sfhover ul li a, 
#nav li#last_tab.current ul li a {
	width: 12.7em;
}
/* IE7 Sticky Menu Fix */
#nav li:hover, #nav li.hover {
    position: static;
}

/* -----[ Support for the "iehover-fix.js" ]----- */ 
* html ul#nav iframe, * html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* -----[ End Support for the "iehover-fix.js" ]----- */

/* ------------------------------------------------------------
	Left Nav
--------------------------------------------------------------- */
#leftnav {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;	
}
#leftnav li {
	margin: 10px 0;
	line-height: normal;
}
#leftnav li a:link, #leftnav li a:visited {
	color: #333;
}
#leftnav li a:hover, #leftnav li a:active {
	color: #91B011;
}
#leftnav li.current {
	color: #c60;
}
#leftnav ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
#leftnav ul li {
	margin: 6px 0;
	line-height: normal;
}























#breadcrumb{
	width:998px;
	margin:0 auto;
	height:33px;
	line-height:33px;
	background:url(images/bg_blockabout.png) top repeat-x #f4f4f4;
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	text-indent:10px;
}

#container{
	width:998px;
	margin:0 auto;
	background:url(images/bg_content.png) repeat-y left;	
}

#content{
	width:576px;
	padding:20px;
	float:left; 

	overflow:hidden; /*IE hack*/
}

h1.storytitle{
	font-size:24px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}

.post{
	margin-bottom:50px;
}

div.imageframe{
	float:left;margin-right:15px;
}

div.storycontent p{
	margin-bottom:10px;
}

div.storycontent table{
	border: 1px solid #ddd;
	margin-bottom:20px;
}


div.storycontent table tbody, div.storycontent table tbody tr td{
	padding:2px;
	border: 1px solid #ddd;
	font-size:11px;
}


div.storycontent ul, div.storycontent ol{
	margin-left:50px;
	font-size:12px;
	line-height: 1.8em;
	margin-bottom:10px; 
}

.podlinkovi_page {
	border-left: 15px solid #eee;
}

.podlinkovi_page .current_page_item a{
	color: #ccc;
}

.post img.alignleft, .post div.alignleft img{
	border:1px solid #DDDDDD;
	padding:2px;
	margin-right:10px;	
	margin-top:5px;	
	margin-bottom:5px;	
}

.post div.alignleft{
	margin-right:15px;
}


.post img.alignright, .post div.alignright img{
	border:1px solid #DDDDDD;
	padding:2px;
	margin-left:5px;	
	margin-top:5px;	
	margin-bottom:5px;	
}

.post div.alignright{
	margin-right:10px;
}

.meta{
	background:url(images/icon_time.png) no-repeat;
	text-indent:20px;
	line-height:15px;
	margin:16px 0 16px 0;
	color:#bbbbbb;
	font-size:11px;
}

.feedback{
	clear:both;
	text-align:right;
	margin-top:10px;
	margin-right:10px;
	font-size:11px;
}

.feedback a{
	background:url(images/dot_black.gif) no-repeat 0px 4px; padding-left:12px; 
}

#comments {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#333333;
	margin:0 0 20px 0;
	padding:0;
}

#commentlist {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}

.commentcount{
	background:url(images/commentcount.gif) no-repeat;
	width:41px;
	height:20px;
	line-height:20px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	margin-left:5px;
}

.commenttop{
	background:url(images/commenttop.gif) no-repeat;
	width:554px;
	height:7px;
	font-size:0px;
}

.commenttext{
	background:#f5f5f5;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;	
	width:532px;
	padding: 0 10px 0 10px;
}

.commenttext p{
	font-size:11px;
	color:#000000;
}

.commentbottom{
	background:url(images/commentbottom.gif) no-repeat;
	width:554px;
	height:42px;
	padding-left:65px;
	padding-top:20px;
}

#postcomment{
	margin: 20px 0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}


#sidebar{
	float:left;
	width:382px;
	_overflow:hidden;
	position:relative;

}

#sidebar ul{
	list-style:none;
}

#sidebar div h4{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:368px;
	height:32px;
	text-indent:10px;
	line-height:32px;
	margin:8px;
}

#sidebar div.cat_posts ul li a{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:14px;
}

#sidebar div.cat_posts ul li p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:8px 14px 0 14px;
	padding-bottom:10px;
}

#sidebar div.widget_archive ul{
	padding-bottom:10px;
}

#sidebar div.widget_archive ul li {
	background:url(images/dot_black.gif) no-repeat 0px 4px; padding-left:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	margin:7px 10px 5px 32px;
	width:300px;
	padding-bottom:4px;
}

#sidebar div.widget_archive ul li a{
	border-bottom:1px solid #cccccc;
}

#sidebar div.bbld_widget ul{
	padding-bottom:10px;
}

#sidebar div.bbld_widget ul li{
	background:url(images/dot_black.gif) no-repeat 0px 4px; padding-left:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:7px 10px 5px 32px;
	width:300px;
	padding-bottom:4px;
	border-bottom:1px solid #cccccc;
}	

#sidebar div.bbld_widget ul li a{
	text-transform:uppercase;
}	

#sidebar div.bbld_widget ul li small{
	font-size:11px;
}	


#sidebar div.flexipages_widget ul{
	padding-bottom:10px;
}

#sidebar div.flexipages_widget ul li{
	background:url(images/dot_black.gif) no-repeat 0px 4px; padding-left:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	margin:7px 10px 5px 32px;
	width:300px;
	padding-bottom:4px;
}

#sidebar div.flexipages_widget ul li ul li{
	width:260px;
	margin-left:20px;
}


#sidebar div.widget_calendar #wp-calendar{
	margin:14px;
	width:350px;
}

#sidebar div.widget_calendar #wp-calendar caption{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin:2px 0 0 2px;
}

#sidebar div.widget_calendar #wp-calendar thead tr th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#eeeeee;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:4px 0 4px 0;
	text-align:center;
}

#sidebar div.widget_calendar #wp-calendar tbody tr td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff;
	border:1px solid #eeeeee;
	color:#999999;
	font-size:11px;
	padding:3px 0 3px 0;
	text-align:center;
}

#sidebar div.widget_calendar #wp-calendar tbody tr td a{
	font-size:12px;
	font-weight:bold;
}

#sidebar div.widget_calendar #wp-calendar tfoot tr td{
	font-size:12px;
	padding-top:6px;
}

#sidebar div.widget_calendar #wp-calendar tfoot tr td#next{
	text-align:right;
}

#sidebar div.cat_posts h4{
	background:url(images/bg_obavijest.png) no-repeat;
	color:#FFFFFF;
}	

#sidebar div.widget_archive h4{
	background:url(images/bg_vijestipo.png) no-repeat;
	color:#666666;
}	

#sidebar div.bbld_widget h4{
	background:url(images/bg_forum.png) no-repeat;
	color:#FFFFFF;
}	

#sidebar div.flexipages_widget h4{
	background:url(images/bg_podlinkovi.png) no-repeat;
	color:#FFFFFF;
}	

#sidebar div.widget_calendar h4{
	background:url(images/bg_kalendar.png) no-repeat;
	color:#666666;
}

#sidebar div.widget_polls h4{
	background:url(images/bg_anketa.png) no-repeat;
	color:#FFFFFF;
}

.wp-polls{
	margin: 0 auto;
	width:350px;
}

.wp-polls p{
	font-size:16px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.wp-polls ul{
	margin-left:40px;
	margin-right:10px;	
}

.wp-polls ul li{
	font-size:12px;
	margin-top:8px;
}

.wp-polls-loading ul li{
	text-align:center;
	width:350px;
}

#alert{
	position:absolute;
	left:252px;
	top:-24px;
	width:100px;
	height:139px;
	z-index:100;
	background:url(images/alert.png) no-repeat;
}

#sitemap{
	margin:15px 0 10px 10px;
}

#sitemap h2{
	margin-top:30px;
}

#sitemap ul{
	margin:15px 0 10px 10px;
	list-style:none;
}

#sitemap ul li{
	background:url(images/dot_black.gif) no-repeat 0px 4px; padding-left:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	margin:15px 0 10px 10px;
	font-weight:bold;
}

#sitemap ul li li{
	list-style:disc;
	margin:10px 0 10px 10px;
	font-weight:normal;
	padding-left:0px;
	background:none;
}

#sitemap ul.capitalize li{

	text-transform:inherit;
}

#footer {
	width:100%;
	margin:0 auto;
	background:url(images/bg_footer.gif) bottom repeat-x;
	padding-bottom:8px;	
}

#footer p{
	padding-top:7px;
	text-align:center;
	font-size:11px;
}


#infooter {
	width:998px;
	background:url(images/bg_infooter.gif) no-repeat #e4e4e4;
	margin:0 auto;
}

#infooter #fotleft, #infooter #fotcenter{
	width:280px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:20px;	
}

 #infooter #fotcenter{
	width:260px;
}

#infooter #fotleft h3, #infooter #fotcenter h3{
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#infooter #fotleft ul, #infooter #fotcenter ul{
	font-size:11px;
	margin-left:10px;
}

#infooter #fotleft ul li, #infooter #fotcenter ul li{
	background:url(images/dot_black.gif) no-repeat 0px 4px;
	margin-top:8px;
	margin-right:18px;
	text-indent:11px;
	list-style:none;
	font-size:11px;
}

#infooter #fotright{
	background:url(images/bg_footer_contact.png) no-repeat;
	width:361px;
	height:185px;
	float:right;
	margin-top:12px;
	margin-left:12px;	
	padding-top:12px;
	padding-left:12px;
}

#infooter #fotright h3{
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ea7c30;
}

#infooter #fotright p{
	text-align:left;
	margin-left:20px;
}