/*
Theme Name: Grandic Blog
Theme URI: http://grandic.com/
Description: WordPress theme for Grandic Blog <a href="http://www.grandic.com">Grandic</a>.
Version: 1.0
Author: Grandic Dragoslav
Author URI: http://www.grandic.com/

    000000000    0000000000000       000000000      0000000     000000 00000000000    000000    00000000
  0000000000000   0000000000000       0000000        0000000     0000   00000000000    0000   000000000000
 0000       0000  0000      0000     0000 0000       00000000    0000   0000    0000   0000  00000     0000
 0000             0000      0000    0000   0000      0000 0000   0000   0000     0000  0000  0000
 0000   000000    0000000000000    0000     0000     0000  0000  0000   0000     0000  0000  0000
 0000   0000000   000000000000    000000000000000    0000   0000 0000   0000     0000  0000  0000
 0000       0000  0000  0000     00000000000000000   0000    00000000   0000    0000   0000  00000     0000
  0000000000000   0000   0000    0000         0000   0000     0000000   00000000000    0000   000000000000
    000000000    000000  000000 000000       000000 000000     0000000 00000000000    000000    00000000

*/

/* ---------------------------------------------------------------------------------------------------*/
                                        /* POCINJE MOJ STYLE */
/* ---------------------------------------------------------------------------------------------------*/

/* ------------------------------------------ CSS RESET ----------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* ------------------------------------- GLOBAL DEFINITIONS ------------------------------------------*/
body  {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #CCCCCC;
	font-family: 'Trebuchet MS', Geneva, Helvetica, Arial, sans-serif;
	font-size:13px;  
	line-height:1.5em;
	letter-spacing: 0.050em;
	background: url(images/background_kocka.jpg) center;
	background-color: #000000;
}

/* Headings and Block Elements */
h1, h2, h3, h4, h5, h6 { 
  	font-family: 'rockwell', times, arial;
}
h1{ font-size:2.8em; line-height:1.25em; font-weight:bold; letter-spacing:-0.055em;}
h2 { font-size: 2.1em; line-height:1.25em; font-weight:bold; letter-spacing:-0.055em;}
h3 { font-size: 1.3em;}
h4 { font-size: 18px; font-weight: bold; }
h5 { font-size: 14px; font-weight: bold; }
h6 { font-size: 12px;  }

/* Links */
a{color:#00ccff; text-decoration:underline;}
a:hover{color:#FFF; cursor: pointer; }
a:visited{color:#0066CC;}

.group:after{content:"."; display:block; visibility:hidden; clear:both; height:0px;}


/* ---------------------------------------- CONTENT ---------------------------------------------*/

.grandic #container {
	width: 935px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:1;
} 

.grandic #home{
	margin: 0;
	padding:0;
}

.grandic #bg_about_me{
	margin: 0;
	padding:0;
	background: url(images/astronaut.png) no-repeat;
	background-position: 450px 0px;
} 
.grandic #contact_me{
	margin: 0;
	padding:0;
} 
.grandic #error_404{
	min-height:500px;
	margin-left:65px;
	margin-top:80px;
	padding:0;
	background: url(images/error404.png) no-repeat;
} 
.grandic #error_404 h2{
	padding:350px 0 0 0;
} 
.grandic #error_404 p{
	float:left;
	font: 'Trebuchet MS';
	font-size: 20px;
	text-shadow: 1px 1px 0 rgba(21,173,255,.35);
	margin:3px 0 0 0;
	display: inline;
	padding:180px 0 0 22px;
	line-height:1.25em;
}
.grandic #error_404 a{
	font-size: 20px;
	color:#00ccff; 
	text-decoration:none;
	cursor:pointer;
}
.grandic #error_404 a:hover{
	color:#FFF5CC; 
	text-decoration:underline;
}
.grandic #error_404_search{
	margin:3px 0 0 0;
	padding:90px 0 0 10px;
	float:left;
}
.grandic #error_404_search #searchform {
	margin: 10px auto;
	padding: 5px 3px 0 10px;
	text-align: left;
	width:300px;
	}
.grandic #error_404_search #searchform #s {
	width: 216px;
	padding: 4px;
	border: 1px solid #999;
	}
.grandic #error_404_search #searchform #s:hover{
	border: 1px solid #00ccff;
	}
	
.grandic #error_404_search #searchsubmit {
	padding: 1px;
	width:40px;
	height:31px;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	background: url(images/button_40.png) no-repeat 0px 1px;
	border:none;
	cursor: pointer;
	}
.grandic #error_404_search #searchsubmit:hover {
	background: url(images/button_40.png) no-repeat 0px -30px;
	border:none;
	}
.grandic #error_404_search #searchsubmit:active {
	background: url(images/button_40.png) no-repeat 0px -61px;
	border:none;
	}
	

/* -------------------------------------------- HEADER ----------------------------------------------*/

.grandic #header_all {
	padding:0;
	margin-top:40px;
} 
.grandic #header {
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding:0;
	width:928px;
	background-image: url(images/header_EN-2.jpg);
	background-repeat:no-repeat;
	background-color: #00121e;
	border-left:3px #1f3a40 solid;
	border-right:3px #1f3a40 solid;
} 
.grandic #header_hr {
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding:0;
	width:928px;
	background-image: url(images/header_HR-2.jpg);
	background-repeat:no-repeat;
	background-color: #00121e;
	border-left:3px #1f3a40 solid;
	border-right:3px #1f3a40 solid;
}

.grandic #header_gore {
	margin:50px 0 -10px 0 ;
	padding:0;
	width:935px;
	background-image: url(images/header_gore.png);
	background-repeat:no-repeat;
} 

/* #header_left{
	width:290px;
	float:left;
	padding:20px 0 40px 10px;
	margin-top:30px;
	float:left;
	background-image: url(../images/grandic_logo.png);
	background-repeat:no-repeat;
}*/
#searchform_header {
	margin: 0 auto;
	padding: 0 40px;
	text-align: left;
	width:190px;
	}
	
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	/* Safari-Opera css hack ovdje - zbog paddinga */
    #searchform_header {
	margin: 0 auto;
	padding: 10px 40px;
	text-align: left;
	width:190px;
	}
}

/*Search forma header*/
#searchform_header #s {
	width: 150px;
	height:10px;
	font-size:11px;
	padding: 4px;
	border: 1px solid #999;
	}
#searchform_header #s:hover{
	border: 1px solid #00ccff;
	}
#search_headersubmit {
	padding: 1px;
	vertical-align: middle;
	width:20px;
	height:20px;
	background: url(images/search.gif) no-repeat 0px 0px;
	border:none;
	}
#search_headersubmit:hover {
	background: url(images/search.gif) no-repeat 0px -20px;
	border:none;
	cursor: pointer;
	}
	
/*Popis jezika header*/
#footer_language_list{
  margin: 0 20px 0 20px;
  text-align: center;
}
#footer_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
  font-size:12px;
}
#footer_language_list ul li img{
  margin-right:5px;
  height:10px;
}
#footer_language_list ul li{
  display:inline;
  margin:0 5px 0 5px;
  padding:0;
}
#footer_language_list ul li a, #footer_language_list ul li a:visited{
  color: #00ccff;
}
#footer_language_list ul li a:hover, #footer_language_list ul li a:active{
  color: #fff;
}
	
#header_right{
	width:927px;
	float:right;
	padding:20px 4px;
	margin-top:83px;
	font-size:1.1em;
	color: #CCCCCC;
}
#header_right a{
	color: #00ccff;
	font-weight: normal;
	text-decoration:underline;
	font-size:1.1em;
}
#header_right a:hover{
	color: #FFFFFF;
	font-weight:normal;
}
#panelAboutMe {
	background: none;
	display: none;
	padding: 20px 70px 10px 302px;
	float:left;
	font-size:1.0em;
	font-weight: normal;
	background: url(images/grandic_logo.jpg) no-repeat 30px 70px;
}
#panelAboutMe  a{
	color: #00ccff;
	font-size:1em;
	text-decoration:none;
}
#panelAboutMe  a:hover{
	color: #FFF;
	text-decoration:underline;
}
.slideAboutMe {
	background:none;
	margin-left: 684px;
	padding: 21px 20px 20px 0;
	float:left;
	font-size:1.2em;
	color: #FFF5CC;
	font:'Trebuchet MS', Geneva, Helvetica, Arial, sans-serif;
	font-style: italic;
}
#btn-slideAboutMe{
font-weight:normal;
} 

.grandic #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


/* ----------------------------------------- GLAVNA NAVIGACIJA ------------------------------------*/

#navbar1{
	float:left;
	width:935px;
	height:95px;
	margin:0;
}
#navbar1 #slika_hr{
		float:left;
	width:935px;
	height:95px;
	margin:0;
	background:url(images/navbar_hr2.png);
}
#navbar1 #slika_en{
		float:left;
	width:935px;
	height:95px;
	margin:0;
	background:url(images/navbar_en2.png);
}
#navbar1 ul{
	float:left;
	width:760px;
	height:80px;
	margin-left:90px;
	color:#000000;
	background: url(images/nav_hover.png) no-repeat;
	background-position:1px 4px;
}

#navbar1 ul li{
	float:left;
	width:150px;
	margin:3px 0 0 0;
	height:80px;
	display: inline;
	text-align:right;
	padding:7px 0 0 0;
	cursor:pointer;
}
#navbar1 ul li a{
	text-decoration: none;
	color:#FFFFFF;
	font: Helvetica;
	font-size: 18px;
	text-shadow: 1px 1px 0 rgba(21,173,255,.75);
	margin-top:20px;
	padding-right:10px;
	padding-top:4px;
	width:140px;
	height:50px;
	display:inline-block;
}

.left{
float:left;
}


/* -------------------------------------------- SIDEBAR ----------------------------------------------*/

.grandic #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	display: block;
	padding: 20px 0 0 0;
}
	
.dialog {
 width:100%;
 margin:0px auto;
 min-width:10em;
 max-width:650px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}
.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:105px;
}
.dialog .ft .c {
 height:25px;
 }
.dialog .hd {
 background:transparent url(images/sidebar/gore_l_1.png) no-repeat 0px 0px;
 margin-right:22px; /* space for right corner */
}
.dialog .hd .c {
 background:transparent url(images/sidebar/gore_d.png) no-repeat right 0px;
 margin-right:-22px; /* pull right corner back over "empty" space (from above margin) */
}
.dialog .bd {
 background:transparent url(images/sidebar/sredina_l.png) repeat-y 0px 0px;
 margin-right:22px;
}
.dialog .bd .c {
 background:transparent url(images/sidebar/sredina_d.png) repeat-y right 0px;
 margin-right:-22px;
}
.dialog .bd .c .s {
 margin:0px 22px 0px 0px;
 padding:1em;
}
.dialog .bd .c .s table .t {
	width: 220px;
	height:100%;
	padding: 0 20px 0 50px;
	float: left;
}
.dialog .ft {
 background:transparent url(images/sidebar/dole_l.png) no-repeat 0px 0px;
 margin-right:22px;
}
.dialog .ft .c {
 background:transparent url(images/sidebar/dole_d.png) no-repeat right 0px;
 margin-right:-22px;
}
/* content-specific */
.dialog h1 {
 /* header */
text-align: center;
padding-top:40px;
font-size:30px;
}
.dialog h2 {
padding:10px;
}
.dialog p {
 margin:10px 0px 0px 20px;
 padding:0px;
 font:1em/1.5em 'Trebuchet MS', Geneva, Arial;
}
html>body .dialog pre {
 font-size:1.1em;
}


/* ---------------------------------------- MAIN CONTENT ---------------------------------------------*/

.grandic #mainContent {
	margin: 0 0 0 230px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.flash_container {
	width: 935px;
	padding: 0;
	margin: 0;
}

/* Zavrsava moj style */



/* ---------------------------------------------------------------------------------------------------*/
                                        /* POCINJE WORDPRESS */
/* ---------------------------------------------------------------------------------------------------*/

/* Begin Typography & Colors */


#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#content {
	font-size: 1em;
	}

.widecolumn .entry p {
	font-size: 1em;
	margin-bottom:25px;
	}
	
.widecolumn .entry h2 {
	font-size: 1.4em;
	border-bottom: 1px solid #777;
	margin: 5px 0 5px 20px;
	}
	
.widecolumn .entry .alsoAvailable {
	margin-top:40px;
	margin-bottom:20px;
	padding-top: 22px;
	height: 45px;
	}
		
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.4em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}


.dblog {
 width:100%;
 margin:0 auto;
 float:right;
 min-width:10em;
 max-width:670px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}
.dblog .hd .c,
.dblog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:23px;
}
.dblog .ft .c {
 height:25px;
}
.dblog .hd {
 background:transparent url(images/blog/gore_l.png) no-repeat 0px 0px;
 margin-right:22px; /* space for right corner */
}
.dblog .hd .c {
 background:transparent url(images/blog/gore_d.png) no-repeat right 0px;
 margin-right:-22px; /* pull right corner back over "empty" space (from above margin) */
}
.dblog .bd {
 background:transparent url(images/blog/sredina_l.png) repeat-y 0px 0px;
 margin-right:22px;
}
.dblog .bd .c {
 background:transparent url(images/blog/sredina_d.png) repeat-y right 0px;
 margin-right:-22px;
}
.dblog .bd .c .s {
 margin:0px 22px 0px 0px;
 padding:1em;
}
.dblog .bd .c .s table .t {
	width: 220px;
	height:100%;
	padding: 0 20px 0 50px;
	float: left;
}
.dblog .ft {
 background:transparent url(images/blog/dole_l.png) no-repeat 0px 0px;
 margin-right:22px;
}
.dblog .ft .c {
 background:transparent url(images/blog/dole_d.png) no-repeat right 0px;
 margin-right:-22px;
}
/* content-specific */
.dblog h1 {
text-align: center;
padding-top:40px;
font-size:30px;
}
.dblog h2 {
padding:0;
}
.dblog p {
 margin:10px 0px 0px 20px;
 padding:0px;
 font:1em/1.5em 'Trebuchet MS', Geneva, Arial;
}
.dblog  a {
	font-size:1em;
	color:#00ccff;
	}
.dblog  a:hover {
	color:#FFF5CC;
	}
html>body .dblog pre {
 font-size:1.1em;
}

/* tablice u postovima */
#post_table {
border:0;
margin:20px 20px 0 20px;
padding:0;
width:562px;
background: url(images/background_kocka.jpg);
border: 1px #445a62 solid;
}
#post_table th{
background-color: #333;
border-bottom: 1px #353535 solid;
padding:5px;
font-weight:bold;
}
#post_table td{
border-bottom: 1px #353535 solid;
padding:2px 5px;
}

/* ul liste u postovima */
.widecolumn .entry ul {
	margin:0 0 25px 15px;
	}
.widecolumn .entry ul li {
	list-style: disc;
	padding:0 10px 0 0;
	}

.widecolumn .entry strong {
	color:#FFF;
	font-weight:bold;
	background-color:#445a62;
	padding:0 5px;
	}
	
/* naslovi postova */
.naslov {
	height: 100%;
	width:100%;
	text-align:left;
}
	.naslov a{
		padding-left:20px ;
		position:relative;
		font-size:40px;
		line-height:1em;
		font-weight:lighter;	
		color:#00ccff;
		font-family: Georgia;
		display:block;
	}
	.naslov a:hover{	
		color:#00ccff;
	}
	.naslov a span{
		position:absolute;
		display:block;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url(images/grunge3.png);
	}
	.naslov p small{
		font-size:11px;
		color:#777;
		text-align:left;
	    border-top: 1px solid #353535;
		top:0;
		left:0;
	}
		
	.naslov h1{
		padding-left:20px ;
		position:relative;
		font-size:40px;
		line-height:1em;
		margin-bottom:10px;
		font-weight:lighter;	
		color:#00ccff;
		font-family: Georgia;
		text-align:left;
	}
	.naslov h1 span{
		position:absolute;
		display:block;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url(images/grunge3.png);
	}
	
	
/* post slika i datum sa strane u postovima */
	.post {
		margin: 0 0 10px 0;
	}
	.post .bg-post {
		width: 675px; 
		height: 222px; 
		margin: 10px 0 15px -78px; 
		padding: 0; 
		background-color:#00ccff;
		float:left;
		background: url(images/post-date4.png) no-repeat;
		display:block;
	}
	.post .bg-post img {
		  -moz-box-shadow: 0 1px 4px #000;
		  -webkit-box-shadow: 0 1px 4px #000;
		  box-shadow: 0 1px 4px #000;
		  float:right;
		  margin:14px;
	  }
	  .post .bg-post img:hover, #content #main .post .article-header img:focus {
		  -moz-box-shadow: 0 1px 8px #000;
		  -webkit-box-shadow: 0 1px 8px #000;
		  box-shadow: 0 1px 8px #000;
	  }
.post-datum {
	margin-left: 10px;
}
.postdate {
position: relative;
width: 66px;
height: 60px;
float: left;
}
.month, .day, .year {
position: absolute;
text-indent: -1000em;
background-image: url(images/date_img.png);
background-repeat: no-repeat;
}
.month { top: 10px; left: 0; width: 33px; height: 30px;}
.day { top: 30px; left: 0; width: 33px; height: 30px;}
.year { bottom: 0; right: 13px; width: 20px; height: 60px;}

.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -62px;}
.m-04 { background-position: 0 -94px;}
.m-05 { background-position: 0 -125px;}
.m-06 { background-position: 0 -155px;}
.m-07 { background-position: 0 -185px;}
.m-08 { background-position: 0 -217px;}
.m-09 { background-position: 0 -248px;}
.m-10 { background-position: 0 -279px;}
.m-11 { background-position: 0 -310px;}
.m-12 { background-position: 0 -341px;}

.d-01 { background-position: -51px 0;}
.d-02 { background-position: -51px -27px;}
.d-03 { background-position: -51px -57px;}
.d-04 { background-position: -51px -91px;}
.d-05 { background-position: -51px -122px;}
.d-06 { background-position: -51px -151px;}
.d-07 { background-position: -51px -185px;}
.d-08 { background-position: -51px -214px;}
.d-09 { background-position: -51px -249px;}
.d-10 { background-position: -51px -275px;}
.d-11 { background-position: -51px -309px;}
.d-12 { background-position: -51px -338px;}
.d-13 { background-position: -51px -373px;}
.d-14 { background-position: -51px -404px;}
.d-15 { background-position: -51px -436px;}
.d-16 { background-position: -51px -462px;}
.d-17 { background-position: -100px -0px;}
.d-18 { background-position: -100px -27px;}
.d-19 { background-position: -100px -57px;}
.d-20 { background-position: -100px -91px;}
.d-21 { background-position: -100px -122px;}
.d-22 { background-position: -100px -151px;}
.d-23 { background-position: -100px -185px;}
.d-24 { background-position: -100px -214px;}
.d-25 { background-position: -100px -249px;}
.d-26 { background-position: -100px -275px;}
.d-27 { background-position: -100px -309px;}
.d-28 { background-position: -100px -338px;}
.d-29 { background-position: -100px -373px;}
.d-30 { background-position: -100px -404px;}
.d-31 { background-position: -100px -436;}

.y-2009 { background-position: -150px 0;}
.y-2010 { background-position: -150px -60px;}
.y-2011 { background-position: -150px -120px;}
.y-2012 { background-position: -150px -180;}
.y-2013 { background-position: -150px -240px;}
.y-2014 { background-position: -150px -300px;}

	.read_more {
		background:url(images/post/arrow.jpg) no-repeat #13a2f0 right;
		float:right;
		margin: 10px 0 10px 0;
		font-size:1.5em;
		font-weight:700;
		padding: 5px 40px 5px 10px;
		color:#FFF;
		float:right;
	}
	.read_more a{
		color:#FFF;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #999;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */


#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 560px;
	border: 1px solid #959596;
	}

.narrowcolumn {
	float: left;
	padding: 20px 0 10px 0;
	margin: 0 0 0 3px;
	width: 700px;
	}
.narrowcolumn_allPages {
	float: left;
	padding: 40px 10px 10px 10px;
	margin: 0 0 0 10px;
	width: 670px;
	text-align:justify;
	}
.narrowcolumn_allPages h1{
	padding-top: 10px;
	color:#7eabb0; 
	text-shadow: 0px 1px 0px #eee;
	}
.narrowcolumn_allPages h2{
	padding: 4px 0 0 15px;
	color:#CCCCCC; 
	background: url(images/background_skills.png) left no-repeat;
	height:40px;
	}
.narrowcolumn_allPages h2 .slika{
	padding: 2px 0 2px 10px;
	background-color: #00121e;
	float: right;
	width: 20px;
	}
.narrowcolumn_allPages h3{
	padding: 10px 0 0 15px;
	color:#CCCCCC; 
	background: url(images/background_aboutme.png) left no-repeat;
	height:30px;
	}
.narrowcolumn_allPages h4 { 
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: #7eabb0;
	border-bottom:1px solid #7eabb0;
	text-align: left;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,.75);
	}
.narrowcolumn_allPages h5 { 
	margin-top: 10px;
	}
.narrowcolumn_allPages h6 { 
	color:#7eabb0;
	}
.siv {
	color:#CCCCCC;
	}
	
.skills {
width:320px;
float:left;
margin:5px 0;
padding-left:15px;
}
.skills_text{
margin:5px 10px 0 0 ;
padding:5px 10px;
background:#121212;
}
.skills img {
border:10px solid #445a62;
}

.narrowcolumn_allPages .opis {
	padding-bottom: 40px;
	margin-bottom: 50px;
	}
.narrowcolumn_allPages .ja {
	width: 650px;
	float: left;
	margin:0;
}
.narrowcolumn_allPages .jal {
	width: 420px;
	padding: 5px 10px 5px 0;
	float: left;
}
.narrowcolumn_allPages .jad {
	width: 220px;
	padding: 5px 0 5px 0px;
	float: left;
}
.narrowcolumn_allPages .jadole {
	width: 650px;
	padding: 5px 0 5px 0px;
	float: left;
}
.narrowcolumn_allPages a {
	color:#00ccff; 
	text-decoration:none;
	cursor:pointer;
}
.narrowcolumn_allPages a:hover{
	color:#FFF5CC; 
	text-decoration:underline;
	cursor:pointer;
}

.narrowcolumn_homepage {
	float: left;
	padding: 40px 25px 10px 25px;
	margin: 0;
	width: 885px;
	text-align:left;
	}
.narrowcolumn_homepage a{
		color: #00ccff;
		font-size:1em;
	}
.narrowcolumn_homepage a:hover{
		font-size:1em;
		color: #00ccff;
		text-decoration:underline;
	}
.narrowcolumn_homepage h1{
		font-size:2.6em;
		font-weight:lighter;
		line-height:1.5em;	
		color: #CCCCCC;
		text-align:left;
		margin-bottom:30px;
	}
.narrowcolumn_homepage h1 em{	
		color: #fff;
		background-color:#00ccff;
		text-align:left;
		padding: 0 5px 0 5px;
	}
.narrowcolumn_homepage h1 em a{	
		color: #fff;
		text-align:left;
	}
.narrowcolumn_homepage h1 em a:hover{
		color: #fff;	
		text-decoration:underline;
	}
.narrowcolumn_homepage h2{
		font-size:1.8em;
		font-weight:lighter;	
		color: #CCCCCC;
		text-align:left;
		letter-spacing:-0.025em;
		margin-bottom:20px;
	}
.narrowcolumn_homepage h2 em{
		font-style:italic;
	}
.narrowcolumn_homepage h3{
		font-size:1.6em;
		color: #CCCCCC;
		text-align:left;
		letter-spacing:-0.025em;
		line-height:1.5em;
		margin-bottom:20px;
		font-style:italic;
		font-weight:lighter;	
	}
.narrowcolumn_homepage h3 em{
		font-weight:bold;
	}



	
.narrowcolumn_contact {
	float: left;
	padding: 40px 10px 10px 10px;
	margin: 0 0 0 10px;
	width: 650px;
	text-align:justify;
	}
.narrowcolumn_contact h1{
	padding-top: 10px;
	color:#7eabb0; 
	text-shadow: 0px 1px 0px #eee;
	margin: 0 0 20px 20px;
	}
.narrowcolumn_contact h3{
	padding: 10px 0 0 15px;
	color:#CCCCCC; 
	background: url(images/background_aboutme.png) left no-repeat;
	height:30px;
	}
.narrowcolumn_contact h4 { 
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: #7eabb0;
	border-bottom:1px solid #7eabb0;
	text-align: left;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,.75);
	}
.narrowcolumn_contact h5 { 
	margin-top: 10px;
	}
.narrowcolumn_contact h6 { 
	color:#7eabb0;
	}
.siv {
	color:#CCCCCC;
	}
.narrowcolumn_contact a {
	color:#00ccff; 
	text-decoration:none;
	cursor:pointer;
}
.narrowcolumn_contact a:hover{
	color:#FFF5CC; 
	text-decoration:underline;
	cursor:pointer;
}

.vslovo {
	background:#CC0000 none repeat scroll 0 0;
	color:#FFF5CC;
	display:inline-block;
	float:left;
	font-family:'rockwell',sans-serif;
	font-size:2.8em;
	font-weight:bold;
	line-height:1.5em;
	margin-right:10px;
	padding:0 10px;
}

.widecolumn {
	float: left;
	padding: 20px 0 10px 0;
	margin: 0 0 0 3px;
	width: 700px;
	}

.post {
	margin: 0;
	text-align: justify;
	padding: 20px;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 22px;
	background: url(images/post/background_tags.png) center no-repeat;
	height: 45px;
	margin-bottom:30px;
	}
.widecolumn .postmetadata {
	margin: 40px 0 0 22px;
	padding-left:10px;
	}
	
.widecolumn .postmetadata a {
	font-size:1em;
	}
	
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.widecolumn h3 {
	margin: 20px 0 0 40px;
}
.widecolumn a{
	font-size:1em;
}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

/*.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}*/

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 10px 0 10px 10px;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 20px 0 15px 0;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px 10px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	padding-bottom:5px;
	border-bottom:1px solid #353535;
	}
	
#sidebar a {
	font-size:1em;
	color:#00ccff;
	}
#sidebar a:hover {
	color:#FFF5CC;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 0 3px 0 10px;
	text-align: left;
	width:200px;
	}

#sidebar #searchform #s {
	width: 116px;
	padding: 4px;
	border: 1px solid #999;
	}
#sidebar #searchform #s:hover{
	border: 1px solid #00ccff;
	}
	
#sidebar #searchsubmit {
	padding: 1px;
	width:40px;
	height:31px;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	background: url(images/button_40.png) no-repeat 0px 1px;
	border:none;
	}
#sidebar #searchsubmit:hover {
	background: url(images/button_40.png) no-repeat 0px -30px;
	border:none;
	cursor: pointer;
	}
#sidebar #searchsubmit:active {
	background: url(images/button_40.png) no-repeat 0px -61px;
	border:none;
	cursor: pointer;
	}
#sidebar h2 {
	font-size: 1.8em;
	width:100%;
	text-align:left;
	float:left;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform {
	margin: 5px 10px 40px 0;
	}
#commentform label {
	width:200px;
	float:left;
	font-weight:bold;
	padding-top:4px;
	padding-left:40px;
	}
.required{
	padding-top:8px;
	font-size: 9px;
	color:#ff0000;
	}
#commentform input {
	width: 250px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	background-color: #FFF;
	border: 1px solid #999;
	}
#commentform input:hover{
	border: 1px solid #00ccff;
	}
#commentform textarea {
	width: 336px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	background-color: #FFF;
	border: 1px solid #999;
	}
#commentform textarea:hover {
	border: 1px solid #00ccff;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	width: 200px;
	height:31px;
	float: right;
	padding: 0 0 5px 0;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	background: url(images/button_200.png) no-repeat 0px 0px;
	border:none;
	}
#commentform #submit:hover {
	background: url(images/button_200.png) no-repeat 0px -31px;
	border:none;
	cursor: pointer;
	}
#commentform #submit:active {
	background: url(images/button_200.png) no-repeat 0px -62px;
	border:none;
	cursor: pointer;
	}
	
table #forma {
	margin:0;
	padding:0;
	width:650px;
	}
table input {
	width: 226px;
	margin: 10px 0 10px 293px;
	padding: 2px;
	background-color: #414141;
	color: white;
	border: 1px solid #999;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
table input:hover{
	border: 1px solid #00ccff;
	}
table textarea {
	width: 324px;
	margin: 10px 0 10px 293px;
	padding: 2px;
	background-color: #414141;
	color: white;
	border: 1px solid #999;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
table textarea:hover {
	border: 1px solid #00ccff;
	}
table .p0 {
	padding:0;
	margin: 0;
	height:220px;
	width:650px;
	background: url(images/contact/contact_me1.png) no-repeat;
	}
table .p1 {
	padding:0;
	margin: 190px 0 0 0;
	background: url(images/contact/contact_me2.png) no-repeat;
	}
table .p2 {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me3.png) no-repeat;
	}
table .p3 {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me4.png) no-repeat;
	}
table .p4 {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me5.png) no-repeat;
	}
table .captcha {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me6.png) no-repeat;
	}
table .captcha img {
	border: 1px solid #999;
	margin: 0 0 0 293px;
	padding:0;
	}
table .captcha input {
	width: 70px;
	margin: 15px 0 20px 293px;
	border: 1px solid #999;
	padding: 2px;
	background-color: #414141;
	color: white;
	border: 1px solid #999;
	}
table .captcha input:hover {
	border: 1px solid #00ccff;
	}
table .submit {
	padding:0 0 20px 0;
	margin: 0;
	height:157px;
	background: url(images/contact/contact_me7.png) no-repeat;
	}
table .submit input {
	width: 139px;
	height:31px;
	margin: 6px 0 20px 386px;
	padding: 0 0 5px 0;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	background: url(images/button_139.png) no-repeat 0px 0px;
	border:none;
	}
table .submit input:hover {
	background-color: #FFF;
	background: url(images/button_139.png) no-repeat 0px -31px;
	border:none;
	cursor: pointer;
	}
table .submit input:active {
	background-color: #FFF;
	background: url(images/button_139.png) no-repeat 0px -62px;
	border:none;
	cursor: pointer;
	}
	
table #forma-hr {
	margin:0;
	padding:0;
	width:650px;
	}
table .p0-hr {
	padding:0;
	margin: 0;
	height:220px;
	width:650px;
	background: url(images/contact/contact_me1-hr.png) no-repeat;
	}
table .p1-hr {
	padding:0;
	margin: 190px 0 0 0;
	background: url(images/contact/contact_me2-hr.png) no-repeat;
	}
table .p2-hr {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me3-hr.png) no-repeat;
	}
table .p3-hr {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me4-hr.png) no-repeat;
	}
table .p4-hr {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me5-hr.png) no-repeat;
	}
table .captcha-hr {
	padding:0;
	margin: 0;
	background: url(images/contact/contact_me6-hr.png) no-repeat;
	}
table .captcha-hr img {
	border: 1px solid #999;
	margin: 0 0 0 293px;
	padding:0;
	}
table .captcha-hr input {
	width: 70px;
	margin: 15px 0 20px 293px;
	border: 1px solid #999;
	padding: 2px;
	background-color: #414141;
	color: white;
	border: 1px solid #999;
	}
table .captcha-hr input:hover {
	border: 1px solid #00ccff;
	}
table .submit-hr {
	padding:0 0 20px 0;
	margin: 0;
	height:157px;
	background: url(images/contact/contact_me7-hr.png) no-repeat;
	}
table .submit-hr input {
	width: 139px;
	height:31px;
	margin: 6px 0 20px 386px;
	padding: 0 0 5px 0;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	background: url(images/button_139.png) no-repeat 0px 0px;
	border:none;
	}
table .submit-hr input:hover {
	background-color: #FFF;
	background: url(images/button_139.png) no-repeat 0px -31px;
	border:none;
	cursor: pointer;
	}
table .submit-hr input:active {
	background-color: #FFF;
	background: url(images/button_139.png) no-repeat 0px -62px;
	border:none;
	cursor: pointer;
	}	
		margin:84px 0 0 200px;
	padding:20px 0 20px 0;
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 18px 10px 40px;
	padding: 20px 20px 20px 20px;
	list-style: none;
	background-color:#042333;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar{
	padding: 0;
	margin: 0;
	width: 230px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-top:5px;
	}
.navigation .alignleft {
	margin-left: 25px;
	font-size:1.2em;
	width:250px;
	text-align:left;
	}
.navigation .alignright {
	margin-right: 0;
	font-size:1.2em;
	width:250px;
	text-align:right;
	float:right;
	}
	
.navigation .alignleft .strelica-l {
	float:left;
	padding: 1px;
	margin:0 5px 0 0;
	width:40px;
	height:31px;
	background: transparent url(images/button_strelica.png) no-repeat 0px 1px;
	border:none;
	cursor: pointer;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 50% 50%;
	-o-transform: rotate(270deg);
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
.navigation .alignleft .strelica-l:hover {
	background: transparent url(images/button_strelica.png) no-repeat 0px -30px;
	}
.navigation .alignleft .strelica-l:active {
	background: transparent url(images/button_strelica.png) no-repeat 0px -62px;
	}
.navigation .alignright .strelica-d {
	float:right;
	padding: 1px;
	margin:2px 0 0 5px;
	width:40px;
	height:31px;
	background: transparent url(images/button_strelica.png) no-repeat 0px 1px;
	border:none;
	cursor: pointer;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: 50% 50%;
	-o-transform: rotate(90deg);
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}
.navigation .alignright .strelica-d:hover {
	background: transparent url(images/button_strelica.png) no-repeat 0px -30px;
	}
.navigation .alignright .strelica-d:active {
	background: transparent url(images/button_strelica.png) no-repeat 0px -62px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #78919a;
	text-align: center;
	background-color: #445a62;
	padding-top: 4px;
	margin: 10px;
	-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;
}
/* End captions */
	
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%; /* font-size set to 130% for the default Kubrick Wordpress theme */
}

#panel {
	width: 100%;
	height: 100%;
	color: #999999;
	background: #00121e;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #00ccff;
	font-size:12px;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}

#panel .content {
	width: 935px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .ajax_login {
	width: 505px;
	float: left;
	margin-bottom: 5px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	min-height: 220px;
}

/*#panel .content .left {
	float: left;
	margin-bottom: 5px;
	padding: 0 15px;
	border-right: 1px solid #333;
}*/

#panel .content .border {
	width: 300px;
	border-left: 1px solid #333;
	background: url(images/panel/chiko_login.jpg) no-repeat 10px 0;
	padding:85px 20px 0 105px;
	height:100%;
}

#panel .content .border2 {
	width: 320px;
	border-left: 1px solid #333;
	background: url(images/panel/chiko_loged.jpg) no-repeat 10px 0;
	padding:85px 20px 0 105px;
	height:100%;
}

#panel .content .narrow {
	width:90px !important;
	float: left;
	margin-bottom: 5px;
	padding: 0 15px;
	border-left: 1px solid #333;
}

.border_right {
	border-right: 1px solid #333;
	min-height:220px;
}
	
#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 200px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/panel/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/panel/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

/* Panel Tab/button */
.tab {
/*	background: url(images/panel/tab_b_2.png) repeat-x 0 0;
	height: 42px;*/
	background-color:#00121e;
	border-bottom:1px solid #777;
	height:38px;
	position: relative;
    top: 0;
    z-index: 999;
}
.tab2 {
	width:935px;
	height: 42px;
	margin:0 auto;
}
.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 0px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
/*  	background: url(images/panel/tab_l_2.png) no-repeat left 0;*/
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
/*  	background: url(images/panel/tab_r_2.png) no-repeat left 0;*/
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.searchform_head {
/*  	background: url(images/panel/tab_r_2.png) no-repeat left 0;*/
	width: 290px;
	padding: 0;
	margin: 0;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 2px;
	display: block;
	float: left;
	height: 42px;
	font-size:12px;
/*  	background: url(images/panel/tab_m_2.png) repeat-x 0 0;*/
}

.tab ul.login li a {
	color: #00ccff;
	font-size:12px;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141;}

.tab a.open, .tab a.close {
	height: 15px;
	line-height: 18px !important;
	padding-left: 20px !important;
	cursor: pointer;
	display: block;
	position: relative;
	top: 13px;
}

.tab a.open {background: url(images/panel/bt_open2.png) no-repeat left 0;}
.tab a.close {background: url(images/panel/bt_close2.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/panel/bt_open2.png) no-repeat left -14px;}
.tab a:hover.close {background: url(images/panel/bt_close2.png) no-repeat left -14px;}




/* ---------------------------------------- FOOTER ---------------------------------------------*/

#footer {
	padding: 0 10px 0 20px;
	height:160px;
	background: url(images/mjesec_gotov_161010_2.png) no-repeat bottom;
} 

#footer2 {
	padding: 0;
	background-color: #00121e;
	border-top:1px solid #777;
	padding-bottom:17px;
} 
#footer2_container {
	width: 935px;
	margin: 0 auto;
	text-align: left;
} 
#footer2 #footer_ruka{
	float:left;
	width:100%;
	height:50px;
	margin-top: -1px;
	background: url(images/footer_ruka.jpg) no-repeat 180px;
} 


/* Footer Widgets */
#footer_setup {
	width:935px;
	}
	#footer_setup .footer_items {
	    text-align: left;
	    font-size:1.1em;
	    width: 290px;
	    padding: 20px 10px 20px 10px;
	    color: #FFF5CC;
	    display: inline-block;
	    float: left;
	    height: 100%;
	}
	#footer_setup .footer_items h3 {
	    font-size: 1.5em;
	    text-transform: uppercase;
	    letter-spacing: 0px;
	    padding-bottom: 5px;
	    border-bottom: 1px solid #CC0000;
	    margin-bottom: 5px;
	}
	#footer_setup .footer_items ul { padding:0;}
	#footer_setup .footer_items ul li { list-style: none; text-align:left; width:100%; margin: 0; padding: 0; font-size:1.1em; border-bottom: 1px #353535 solid;}
	#footer_setup .footer_items ul li a { display:block; margin:2px 0 2px -14px;}

#footer2 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer2 ul{
	float:left;
	padding-left:40px;
	font-size: 0.75em;
	font-weight:bold;
	text-decoration:none;
	color: #777;
	margin-bottom:-10px;
}
#footer2 ul li{
	float:left;
	display: inline;
	text-align:center;
	cursor:pointer;
}
#footer2 a {
	padding:0 15px 0 15px;
	font-size: 1.1em;
	color:#00ccff;
}
#footer2 a:hover {
	color: #FFF5CC;
	font-size: 1.1em;
}

/* End Footer */


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}