body { 
margin: 0; 
padding: 0; 
font-family: 'Verdana'; 
color:#999; 
font-size: 12px; 
background-attachment:fixed;
background-image: url(../images/gzona_02.png);
}


/* General Links */
a:link { text-decoration : none; color : #9F0; border: 0px;} 
a:active { text-decoration : none; color : #9F0; border: 0px;} 
a:visited { text-decoration : none; color : #9F0; border: 0px;} 
a:hover { text-decoration : none; color : #ff5a00; border: 0px;} 


img { padding: 0px; margin: 0px;}

h1, h2, h3 { font-family: 'Arial';}

.clearDiv {clear:left; width:100%; height:10px;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.glavnideo { padding:25px; padding-top:10px; }

.Post {	position: relative; clear: left; width: 555px;}
.Post h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding: 0px; margin: 0px; display: block;}
.Post h1 a { color:#9F0; text-decoration: none;}
.Post h1 a:visited { color: #9F0; text-decoration: none;}
.Post h1 a:hover { color:#CF0; text-decoration: none;}

.Post h2 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding: 0px; margin: 0px; display: block;}
.Post h2 a { color: #d30703; text-decoration: none;}
.Post h2 a:visited { color: #d30703; text-decoration: none;}
.Post h2 a:hover { color: #003399; text-decoration: none;}

.PostHead { padding-left: 40px; }
.PostInfo { padding: 0px; margin: 0px; font-size: 11px; color: #828282;}
.PostInfo em { font-style: normal;}
.PostInfo em a { text-decoration: underline; color: #828282;}
.PostInfo em a:visited { text-decoration: underline; color: #828282;}
.PostInfo em a:hover { text-decoration: underline; color: #828282; }



.desni a { color: #d3070;}
.desni a:hover { color: #828282;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;}
.PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #666; text-transform: uppercase;}
.PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.PostContent { padding: 15px 0px 0px 0px;  font-size: 12px; line-height: 16px; border-top: solid 1px #ccc; margin-top: 15px;}
.PostContent p { font-size: 12px; line-height: 18px; padding-bottom:15px;}


.PostContent img { padding: 1px; border: solid 1px #f0f0f0; margin: 5px 5px 0px 5px; }
.PostContent a img{ padding: 1px; border: solid 1px #fff; margin: 5px 5px 0px 5px;}
.PostContent a:visited img { padding: 1px; border: solid 1px #fff; margin: 5px 5px 0px 5px;}
.PostContent a:hover img{ padding: 1px; border: solid 1px #9F3; margin: 5px 5px 0px 5px;}

.imgLeft {display:inline; float:left; }
.imgRight {display:inline; float:right; }

.PostContent blockquote { padding: 3px 15px; background-image:url(../images/opt_back.png); background-repeat:no-repeat; margin: 5px 0px; color:#999; height:61px; }
.PostContent blockquote p { font-size: 11px; padding: 15px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote a { font-size: 11px; color:#C60;}
.PostContent blockquote a:hover { font-size: 11px; color:#C60; text-decoration:underline;}
.PostContent ul { font-size: 11px; padding-left: 12px; padding-bottom: 10px;}
.PostContent li { padding-bottom: 10px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDetails { padding: 0px; margin: 0px; font-size: 11px; display: inline;}
.PostDetails li { padding: 0px; margin: 0px; list-style-type: none; }

.PostDetails .PostCom {}
.PostDetails .PostCom a { padding: 0px 0px 0px 23px; background: url(../img/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}
.PostDetails .PostCom a span { padding: 4px 15px 3px 5px; display: block; background: url(../img/PostComRight.png) no-repeat right top; float: left; }
.PostDetails .PostCom a span { float: none;color:#fff;}
.PostDetails .PostCom a:hover span {color:#fff;}
.PostDetails .PostCom a:hover { background-position: 0% -23px; text-decoration: none;}
.PostDetails .PostCom a:hover span { background-position: 100% -23px; }

.PostDetails .Tags { background: url(../images/PostDetailsTagsIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin-left: 0px;}



/* *********************************** CATEGORY LISTS */
div.col-s-sidebar ul.category-tree, div.container ul.category-tree { list-style: none; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
div.col-s-sidebar ul.category-tree li, div.container ul.category-tree li { list-style-type: none; margin-bottom: 0px; padding-left: 0px; padding: 6px 0px; }
div.col-s-sidebar ul.category-tree li a, div.container ul.category-tree li a { font-size: 13px; }
div.col-s-sidebar ul.category-tree li ul, div.container ul.category-tree li ul { background: transparent url(../images/tree-vert.gif) repeat-y top left; list-style: none; margin-bottom: 0px; margin-left: 0px; margin-top: 2px; }
div.col-s-sidebar ul.category-tree li ul li, div.container ul.category-tree li ul li { line-height: 10px; padding-left: 15px; background: transparent url(../images/tree-horiz.gif) no-repeat 0px 12px; }
div.col-s-sidebar ul.category-tree li ul li a, div.container ul.category-tree li ul li a { color: #466240; font-size: 13px; }
div.col-s-sidebar ul.category-tree li ul li ul li a, div.container ul.category-tree li ul li ul li a { color: #7c7c7c; }


.mav {padding:0px; margin: 0px; float:left; width:100%;}

.nav {padding:0px; margin: 0px; float:left; width:100%;}


#minislide {
        margin: 0;
        padding: 0px 10px 0px 10px;
        position:relative;
        z-index:2;
        }

#minislide li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style: none;
        position:relative;
        }

#minislide a:link, #minislide a:visited {
        line-height: 19px;
        font-weight: normal;
        margin: 0 10px 0px 10px;
        text-decoration: none;
        color: #888888;
        }

#minislide a.active:link, #minislide a.active:visited {
        border-bottom: 2px solid #888888;
        padding-bottom: 1px;
        color: #888888;
        }
		
#minislide a:hover {
        border-bottom: 2px solid #888888;
        padding-bottom: 1px;
        color: #888888;
        }
		
#minislide2 {
        float: right;
        margin: 0;
        padding: 0px 10px 0px 10px;
        position:relative;
        z-index:2;
        }

#minislide2 li {
        float: right;
        margin: 0;
        padding: 0;
        display: inline;
        list-style: none;
        position:relative;
        }

#minislide2 a:link, #minislide2 a:visited {
        float: right;
        line-height: 19px;
        font-weight: normal;
        margin: 0 10px 0px 10px;
        text-decoration: none;
        color: #888888;
        }

#minislide2 a.active:link, #minislide2 a.active:visited {
        border-bottom: 2px solid #888888;
        padding-bottom: 1px;
        color: #888888;
        }
		
#minislide2 a:hover {
        border-bottom: 2px solid #888888;
        padding-bottom: 1px;
        color: #888888;
        }		
    
#animated-tab {
        position: absolute;
        z-index: 1;
        /*font-size: 85%;*/
        line-height: 19px;
        padding-bottom: 1px;
        border-bottom: 1px solid #FF0;
		width:100%;
        }
#twi {
	position:relative;
	top:167px;
	width:65px;
	height:65px;
	z-index:3;
	background-image: url(../images/Twitter-stamp-64.png);
	background-repeat:no-repeat;
	padding:15px 0 0 16px;
	font:bold 12px Arial;
	left:1153px;
}
#twi:hover {
	position:fixed;
	top:186px;
	width:65px;
	height:65px;
	z-index:3;
	background-image: url(../images/Twitter-stamp-64.png);
	background-repeat:no-repeat;
	padding:15px 0 0 16px;
	font:bold 10px Arial;
}

/* Comments */
#comments {
	padding: 25px 25px;
	margin-bottom: 30px;
}
#comments a {
	text-decoration: none;
}
#comments_wrap h3 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 10px;
}
#comments_wrap h3 a, #comments_wrap h3 a:hover {
	color: #242323;
	text-decoration: none;
}
#comments_wrap .get_avatar {
	color: #a7a7a7;
	font-size: 10px;
	letter-spacing: -1px;
	padding-top: 10px;
}
#comments ol.parent {
	padding-bottom: 25px
}
#comments ol {
	margin: 0px;
	padding: 0px;
	padding-left: 120px;
}
#comments ol li {
	list-style: none;
	padding: 0px;
	margin: 10px 0px;
	padding-top: 1px;
}
#comments span.comment-reply {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 10px;
	text-transform: uppercase;
}
#comments .comment_wrap {
	position: relative;
	background: #fff;
}
#comments .single_comment {
	padding: 15px;
	padding-bottom: 60px;
}
#comments .comment_arrow {
	position: absolute;
	top: 20px;
	left: -37px;
	border:none;
}
#comments .comment_author {
	position: absolute;
	left: -120px;
	width: 100px;
	color: #8d8d8d;
	font-size: 10px;
	line-height: 14px;
}
#comments .comment_author span {
	display: block;
}
#comments .children {
	padding-left: 0px;
	border-left: 1px solid #ced0d0;
}
#comments .children li {
	padding-left: 25px;
	background: url(../images/comment_li_bg.gif) no-repeat 0px 25px;
}
#comments .children .comment_wrap {
	background: #f8f8f8;
	border: 1px solid #d3d5d5;
}
#comments .children .comment_arrow {
	display: none;
}
#comments .children .comment_author {
	position: absolute;
	left: auto;
	right: 20px;
	bottom: 10px;
	width: 200px;
	height: 40px;
}
#comments .children .comment_author p {
	position: absolute;
	right: 50px;
	bottom: -20px;
	text-align: right;
}
#comments .children .comment_author span {
	display: block;
}
#comments .children .comment_author img {
	width: 40px;
	height: 40px;
	float: right;
}
/* Comments Form */
#respond {
	position: relative;
}
#comments .comment_form_wrap {
	position: relative;
	padding-left: 120px;
}
#comments .parent .comment_form_wrap {
	position: relative;
	padding-left: 0px;
}
#comments .textarea_arrow {
	position: absolute;
	top: 25px;
	left: 89px;
}
#comments .children .textarea_arrow,
#comments .parent .textarea_arrow {
	display: none;
}
#comments .comment_form_wrap .comment_author {
	position: absolute;
	left: 0px;
}
#comments .children .comment_form_wrap {
	position: relative;
	padding-left: 0px;
}
#comments .children .comment_form_wrap .comment_author,
#comments .parent .comment_form_wrap .comment_author,
#comments .children .form_header,
#comments .parent .form_header  {
	display: none;
}
#comments .input {
	width: 456px;
	padding: 4px 5px;
	background: #fff;
	border: 1px solid #ced0d0;
	color: #5f6565;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 10px;
}

#wpUserLinks_form #submit_comment {
	width: 12.0em;
	height: 3.0em;
	margin-top: 10px;
}
#comments .inputerror {
	border-color: #555;
}
#cancel-comment-reply {
	float: left;
	width: 120px;
	height: 30px;
	margin-top: 8px;
}
#cancel-comment-reply-link {
	background: #fdfdfd url(../images/button_bg.png) repeat-x 0 100%;
	border: 1px solid #bbbbbb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #af0100;
	text-transform: uppercase;
	height: 22px;
	width: 70px;
	text-align: center;
	padding-bottom: 2px;
	letter-spacing: -0.05em;
	cursor: pointer;
	display: block;
	line-height: 22px;
}
*+html #cancel-comment-reply-link {
	height: 22px;
	padding-bottom: 0px;
}
#cancel-comment-reply-link:hover {
	color: #232323;
	background: #eeeeee url(../images/button_bg_hover.png) repeat-x 0 100%;
	text-decoration: none;
}
#contact-area {
	width: 550px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 3px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #000;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #0F3;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.0em;
	text-transform:uppercase
}
/*    MOVING TABS    */

	#moving_tab {
		/* hide overlength child elements*/
		overflow:hidden;
		
		/* all the child elements are refering to this width */
		width:250px;

		/* fix ie 6 overflow bug */
		position:relative
		
		/* styling */
		border:1px solid #ccc;	
		margin:0 auto;
	}
	
		#moving_tab .tabs {
			/* enable absolute position for .lava */
			position:relative;	
			height:30px;
			
			/* styling */
			padding-top:5px;
			cursor:default;
		}
	
		#moving_tab .tabs .item {
			/* enable z-index */
			position:relative;
			z-index:10;
		
			/* display in one row */
			float:left;
			display:block;

			/* width = half size of #moving_tab */
			width:125px;
			
			/* height = height of .tabs */
			text-align:center;
			font-size:14px;
			font-weight:700;	
		}

		#moving_tab .tabs .lava {
			/* Set it to absolute */
			position:absolute;
			top:0; left:0;
			
			/* display the lava in bottom most layer */
			z-index:0;		
				
			/* width = half size of #moving_tab */
			width:150px;

			/* height = height of .tabs */
			height:30px;
			
			/* styling */
			

		}
		
		#moving_tab .content {
			/* enable absolute position for .panel */	
			position:relative;
			overflow:hidden;
			
			/* styling */
			background:#333;
			border-top:1px solid #d9fafa;
		}
		
		#moving_tab .panel {
			/* width is width of #moving_tab times 2 */
			position:relative;
			width:500px;
		}
		
		#moving_tab .panel ul {
			/* display in one row */
			float:left;
			
			/* width is the same with #moving_tab */
			width:250px;
			
			/* remove all styles */
			padding:0;
			margin:0;
			list-style:none;
			

		}
			/* styling */
			#moving_tab .panel ul li {
				padding:5px 0 5px 10px;	
				border-bottom:1px dotted #fff;
			}
iframe {    
border-style:dashed;
   border-color: #000; /*CHOOSE THE COLOR YOU WANT HERE */
   border-top-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
   border-bottom-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
   border-left-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
   border-right-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
}

pre {
   display: block;
   margin: 2em 0;
   white-space:nowrap;
   overflow: auto;
   width: 540px;
   line-height: 1.4;
   border: 1px solid #000;
   background:#333;
   padding: 3px;
}

/* JS: adding CODE captions */
pre.JS {
   margin-top: 0;
}
.JScodeCaption {
   margin-top: 2em;
   color: #999;

   padding-bottom: .2em;
}