/* @group clearfix */

.clearfix {  
	display: inline-block;  
}

.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
}  
html[xmlns] .clearfix {
	display: block;
	
}  
* html .clearfix {  
	height: 1%;  
}



/* @end */



/* @group Utility */

/* Remove borders on FFox images */

/* Generic floating */

/* @end */

/* @group Global Text Styling */

p {
	margin-top: 0;
	margin-bottom: 5px;
}

a {
	text-decoration: none;
	color: #D53707;
}

a:hover {
	color:#FFFFFF;
}

hr {
	border-color: #b8b8b8;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}




body {

	background-image:url(../images/backglow.png);
	background-position:center;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	color: #837669;
	background-color:#000000;
	/*	background-image:url(../images/back.png);
	background-repeat:repeat-x;
*/
}


.main {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border-top-style: none;
	/*border: 1px solid #464646;*/
	
	color: #837669;
	
	background-color:#101010;
	/*background-image:url(../images/img01.png);*/
}

div.threeColA1 {
	width: 675px;
	height: 100%;
	float:left;
	overflow:hidden;
	border-top:none;

	}
div.threeColA0 {
	float: left;
	width: 165px;
	color:white;
	height: 100%;
}

div.threeColA3 {
	width: 323px;
	margin:auto;
	border-top:none;
	float:left;
}



/* @end */




.contentblock {
	margin-bottom:5px;
	width:670px;

}


.maliBaner
{
width:468px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
}


/* @end */

/* @group Blog */



/* @end */



#Logo {
	height: 135px;
	width: 250px;
	background-image: url(../images/logo.png);
	float: left;
}


 
div.chosenblock
{
	width: 990px;
	margin-left: auto;
	margin-right:auto;
	color: #837669;
	height:445px;
	/*background-image: url(../images/img01.png);*/
	padding: 5px;
	/*border:1px solid #464646;*/
	background-color:#101010;

}


div.threeColA1 text {
	margin: 5px;

}
/*POSTOVI******************************************************/
.post
					{
	width:180px;
	padding-left:5px;
	padding-top:5px;
	/*border:solid 1px #444444;*/
	margin-top: 4px;
	margin-right: 12px;
	margin-bottom: 4px;
	margin-left: 12px;
	height: 209px;
	float:left;
	padding-right: 5px;
		}
.post img
{
border:solid 2px #ffffff;
}		
.post:hover img
{
border:solid 2px #D53707;
}

/*.post:hover				{position:relative; 
background:#541696;
;
}*/

/*.post:hover .vtitle		{visibility: hidden;
}*/
.post a{
color: #837669;
text-decoration:none;
}

.post:hover 	
		{/*border:#D53707 solid 1px;*/}

		
/*.post:hover .det a		{
	color: #0000FF;541696
	font-weight: bold;
}*/
.post:hover .vtitle		{color:#D53707;}

.post .vtitle	  		
{
	display:block;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: justify;
	width: 180px;
	height:50px;
	left: 17px;
	font-size:13px;
	margin-top:2px;
	}
.post .det{
	width:156px;
	font-size: x-small;
	height:11px;
	color:#999999;
	
	padding:1px;



*/
	}

.det a {
	color:#FFFFFF;
	text-decoration:underline;
}
/*thumbs ftamed CHOSEN 160x120********************************************/
.postFramed
					{
	width:150px;
	/*border:solid 1px #444444;*/
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
	height: 160px;
	float:left;
		}
.postFramed a{
color: #837669;
text-decoration:none;
}

.postFramed:hover 	
		{/*border:#D53707 solid 1px;*/}		

.postFramed:hover .vtitle		{color:#D53707;}

.postFramed .vtitle	  		
{
	display:block;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: justify;
	width: 145px;
	height:30px;
	left: 17px;
	font-size:11px;
	padding-left: 1px;
	padding-right: 1px;
	margin-top:2px;
	color:#000000;
	}
.postFramed .det	 			{
	width:145px;
	font-size: x-small;
	height:11px;
	color:#999999;
	padding:1px;
	/*position: relative;*/
	/*top: -42px;*/
	}

.det a {
	color:#FFFFFF;
	text-decoration:underline;
}

/*thumbs   CHOSEN 160x120********************************************/
.postChosen
					{
	width:160px;
	/*border:solid 1px #444444;*/
	margin-top: 4px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 4x;
	height: 170px;
	float:left;
		}

/*.post:hover				{position:relative; 
background:#541696;
;
}*/

/*.post:hover .vtitle		{visibility: hidden;
}*/
.postChosen a{
color: #837669;
text-decoration:none;
}

.postChosen:hover 	
		{/*border:#D53707 solid 1px;*/}

		
/*.post:hover .det a		{
	color: #0000FF;541696
	font-weight: bold;
}*/
.postChosen:hover .vtitle		{color:#D53707;}

.postChosen .vtitle	  		
{
	display:block;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: justify;
	width: 156px;
	height:30px;
	left: 17px;
	font-size:11px;
	padding-left: 1px;
	padding-right: 1px;
	margin-top:2px;
	}
.postChosen .det	 			{
	width:156px;
	font-size: x-small;
	height:11px;
	color:#999999;
	padding:1px;
	/*position: relative;*/
	/*top: -42px;*/
	}

.det a {
	color:#FFFFFF;
	text-decoration:underline;
}
/*Pagination*/

div.pagination {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	/*width:100%;*/
	text-align: center;
	list-style-type: none;
	clear:both;
	overflow: hidden;
}


ul.pagination {
	list-style-type: none;
	position: relative;
	margin: auto;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	display: -moz-inline-block;
	display: inline-block;
	padding: 5px;
	zoom:1;
	*display:inline;
	}
* html ul.pagination { margin: 0 auto; width: 340px; } /* IE fix */

ul.pagination li {
	white-space: nowrap;
	float: left;
	line-height: 26px;
	font-weight: bold;
	overflow: hidden;
	display: block;

}
ul.pagination li a {
	display: block;
	float: left;
}
ul.pagination li.active, ul.pagination li a:hover {
	background: transparent url(../images/bg_page_rc.png) no-repeat right top;
}
ul.pagination li span {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #fff;
	cursor: pointer;
	padding: 0 9px;
	font-weight: bold;
	float: left;

}
ul.pagination li.active span, ul.pagination li a:hover span {
	background: transparent url(../images/bg_page_lc.png) no-repeat left top;
}

.linkovi {color:#D53707; font-size:x-small}
.linkovi:hover {
	color:#FFFFFF
}


#image_container { 

border:3px double #999; 
margin:2% auto; 
} 
#image_container img { 
width:100%; 
height:100%; 
}

 /* Menu */

#menu {
	height: 30px;
	position:relative;
	top: 9px;
	width: 729px;
	float: right;
	
	}

#text {
	margin-top:5px;
	margin-bottom:auto;
	height: 18px;
	margin-right: 2px;
	width: 85px;
	font-size: 13px;
}
#menu img{
float:left;
}

#menu a {
	display: inline-block;
	margin-right:5px;
	text-decoration: none;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 2px;
	vertical-align: middle;
	height: 25px;
	float: left;
}

#menu a:hover {
	text-decoration: underline;
	background: #C03511;
	padding-top: auto;
	padding-bottom: auto;
	float: left;

 }

#menu .current_page_item a {
	background: #910000;
	color: #FFFFFF;
	
}

#search {
	float: right;
	height: 30px;
	width: 210px;
}

#search form {
	float: left;
	margin: 0;
	width: 210px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	border: none;
}

#text-field {
	width: 135px;
	height: 18px;
	padding: 3px 0 0 5px;
	background: #ECF9E4;
	color: #658453;
	z-index:0;
}

#search-submit {
	height: 21px;
	margin-left: 12px;
	color: #39561D;
}


#header {
	height: 135px;
	margin: 0 auto;
	width:1000px;
}

#hcontainer {
	height: 150px;
	background-image: url(../images/img02.jpg);
	background-repeat: repeat;
	width:100%;
	border-bottom: solid 3px #910000;
}


h1, h2, h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #E46115;
}

h1 { font-size: 25px; }

h2 { font-size: 20px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* Footer */

.footer {
	text-align: center;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #837669;
	

}
#fcontainer
{
	border-top: 4px solid #E46115;
	width:100%;
	border-bottom: 1px solid #333;
	background-image: url(../images/img01.png);
	background-repeat:repeat-x;
	background-repeat:repeat;
}

.footer p {
	margin: 0;
	padding: 2px 0;
	text-align: center;
	line-height: normal;
	color: #837669;
}

.footer a {
	color: #837669;
}

/* BOOKMARK! */
 #content {
	position:fixed;
	left:0;
	bottom:0;
	width: 50px;
	height:50px;
	font-size: small;
}

.sidebox {
	/*background: url(../images/bookmark50x50.png) no-repeat left bottom;*/
}

/*===SIDEBAR===*/
.box	{width:310px; background:url(../images/box_bg.png) bottom right no-repeat; margin-bottom:7px; padding-bottom:8px;}
.hed2	{background:url(../images/box_bg.png) top left no-repeat; color:#fff; font:bold 14px/15px arial; padding:8px 0px 1px 10px; height:22px;}
.hed2V	{background:url(../images/box_bgViolet.png) top left no-repeat; color:#fff; font:bold 14px/15px arial; padding:8px 0px 1px 10px; height:22px;}
.box .holder	{padding:4px 0 0 0px; background:#000; overflow:auto;}

/*IMAGEEEESSS*************************************/
/*random*/
.random-images-thumbnail {
	background-color: #eee;
	border: 2px solid #999;
	padding: 5px;
	width:135px;
	height:135px;
}

.random-images-caption {
	text-align: center;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 0;
}
/***********************Stilovi za PLOGGER*****************************************/
/* Default Plogger theme by Mike Johnson */

/* Body and general styles */

form {
	display: inline;
}


img {
	border: 0;

}

input, select, textarea {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #444;
}

input.submit {
	background-color: #369;
	background-image: url("images/blue-button-bg.gif");
	background-repeat: repeat-x;
	border: none;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 85%;
	font-weight: normal;
	padding: 3px 5px;
	cursor: pointer;
	width: auto;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

table {
	border: 0;
	padding: 0;
}

/* Page Structure */

#main-container {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

#plog-wrapper {
	margin: 5px auto;
	width: 98%;
}

#inner-wrapper {
	/* padding: 10px;*/
	width: 100%;
}

/* Header Structure/Elements */

#header-table {
	width: 100%;
}

#gallery-name h1 {
	padding: 0;
	margin: 0;
}

/* Menu Structure/Elements */

#breadcrumbs {
	margin: 0;
	padding: 2px;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

#breadcrumb-table {
	width: 100%;
}

#breadcrumb-links {
	margin: 2px; 
}

a.print {
	background-image: url("images/printer.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

/* Content Structure/Elements */

#thumbnail-container { /* this is the div that contains all the thumbnails in collection/album view */
	margin: 5px auto;
}

#overlay { /* this is the blue box that shows the total comments when hovering on a thumbnail in album view */
	position: absolute; 
	visibility: hidden; 
	background-color: #38c;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
	text-align: center;
	width: 18px;
	color: #fff;
}

ul.slides { /* this is the overall thumbnail container in collection/album view */
	margin: 0 auto;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
}

.slides li { /* this is the individual thumbnail container in collection/album view */
	display: block;
	float: left;
	margin: 0 5px 5px 0; /* 2nd number controls the distance between thumbnails */
	padding: 0;
}

.tag { /* this controls the text under a thumbnail in collection/album view with caption/download checkbox */
	text-align: center;
	white-space: normal;
}

.meta-header { /* this controls the text under a thumbnail in collection view with total albums or pictures */
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #8b0000;
	text-align: center;
}

#caption-date-table, #prev-next-table { /* containers for the caption, date and prev/next links above the large image in picture view */
	width: 600px;
	margin: auto;
}

#picture-caption, .date { /* this controls the caption and date above the large image in picture view */
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.4;
	background-repeat: no-repeat;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-left: 4px;
	padding-bottom: 2px;
}

#prev-link-container {
	width: 50%; 
	text-align: left;
}

#next-link-container {
	width: 50%; 
	text-align: right;
}

#prev-button, #next-button {

}

a.nav-link-img-prev {
	background-image: url("images/rewind.gif");
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 20px;
	width: 40px;
}

a.nav-link-img-next {
	background-image: url("images/fforward.gif");
	background-repeat: no-repeat;
	background-position: right 1px;
	padding-right: 20px;
	width: 40px;
}

#picture-holder {
	text-align: center;
}

#picture-holder a:hover img{
	border: 1px solid #38c;
	background-color: #ededed;
	margin: 4px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#picture-holder #description {
	width: 625px;
	margin: 15px auto;
}

.photos {
	padding: 5px;
	margin: 3px;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.photos-large {
	border: 1px solid #789;
	background-color: #efefef;
	padding: 10px;
	margin: 4px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.thumbnail {float:left;}
.thumbnail img {
	padding: 5px;
	text-align: center;
	margin: 3px;
	background-color: #efefef;
	border: 1px solid #789;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.thumbnail a:hover img {
	margin: 3px;
	background-color: #ededed;
	border: 1px solid #38c;
}

#error-404, #no-pictures-msg {
	margin: 50px 75px;
	text-align: justify;
}

/* Form Structure/Elements */

#jump-menu {
	text-align: right;
}

#download-selected {
	float: right;
	text-align: right;
}

#search-box {
	text-align: right;
}

#jump-search-container {
	text-align: right; 
	vertical-align: middle;
}

#sortby-container {
	text-align: right; 
	white-space: nowrap;
}

.align-right {
	text-align: right;
}

.nomargin {
	margin: 0;
}

/* Footer Structure/Elements */

#pagination {
	padding: 2px;
	margin: 0;
	clear: both;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	
}

#pagination-table {
	width: 100%;
}

/*.page-link {
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}*/

span.page-link, a.page-link, a.pagPrev, a.pagNext {
	border: 1px solid #bbb;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 5px;
	margin: 3px;
	color: #bbb;
	text-decoration: none;
	float:left;

}

.page-link:hover, .page-link a:hover, a.pagPrev:hover, a.pagNext:hover {
	color: #777;
	border: 1px solid #777;
	background-color: #f9f9f9;
}

.page-link a:focus {
	outline: none;
	-moz-outline: none;
}

/*a.pagPrev, a.pagNext {
	color: #bbb;
	text-decoration: none;
	margin: 0 2px;
}

a.pagPrev:hover, a.pagNext:hover {
	color: #777;
	text-decoration: none;
}*/

span.page-link-current {
	border: 1px solid #274f77;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 5px;
	margin:3px;
	background-color: #274f77;
	color: #fff;
	float:left;

}

#rss-tag-container {
	text-align: right; 
	white-space: nowrap;
}

#rss-image {
	margin: 0;
	padding: 0;
	display: inline
}

#stats {
	font-size: 85%;
	text-align: center;
	padding: 8px 5px 0 5px;
	margin: 0;
}

#link-back {
	font-size: 85%;
	text-align: center;
	padding: 8px 5px 5px 5px;
	margin: 0;
}

/* Comment Structure/Elements */

#comment-container {
	width: 90%;
	margin: auto;
}

.comment-heading h2 {
	font-size: 1.2em;
}

.comment-heading h3 {
	font-size: 1.1em;
}

.comments p {
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}

.comments cite {
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8em;
	background: url("images/comment.gif") no-repeat 0 3px;
	padding: 5px;
	padding-left: 23px;
	margin-top: 8px;
	height: 28px;
}

li.comment, li.comment-alt {
	border-top: 1px solid #cdcdcd;
	background-color: #ededed;
	margin: 0;
	padding: 15px;
	list-style: none inside;
}

li.comment-alt {
	background-color: #fff;
}

.comments-closed {
	text-align: left;
	margin-top: 25px;
}

/* Exif data container structure*/

#exif-toggle {
	width: 100%; 
	text-align: center;
	padding: 0;
	margin: 0;
}

#exif-data-container {
	width: 550px;
	margin: 10px auto;
	text-align: center;
	padding: 10px;
}

#exif-table {

}

#exif-data td.exif-label {
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	width: 50%;
}

#exif-data td.exif-info {
	text-align: left;
	padding-right: 10px;
	width: 50%;
}

#exif-data {
	margin: 10px auto;
	padding: 20px;
	text-align: left;
	width: 70%;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #f7f7f7;
}

/* Slideshow Elements */

.large-thumb-toolbar {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	margin: auto;
}

/* Success/Error Messages */

.actions, .errors {
	width: 500px;
	background-repeat: no-repeat;
	background-position: 5px 8px;
	margin-bottom: 15px;
	padding: 8px 8px 8px 28px;
	padding-left: 28px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.actions {
	background-image: url("images/alert.gif");
	border: 1px solid #bb0;
	background-color: #ffffe0;
}

.errors {
	background-image: url("images/x.gif");
	border: 1px solid maroon;
	background-color: #fcc;
}

.field-error {
	border: 1px solid maroon;
	background-color: #fcc;
}

/*traka za header*/
#traka
{
	width:100%;
	background-image:url(../images/traka.gif);
	background-repeat:repeat-x;
	height: 15px;
}

/* rounded image styles */
.rounded-img {
	display: inline-block;
	border: solid 1px #ffffff;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, .4);
	-moz-box-shadow: 0 1px 3px rgba(255, 255, 255, .4);
	box-shadow: 0 1px 3px rgba(255, 255, 255, .4);
	width:180 px;
	height:135 px;
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	width:180 px;
	height:135 px;

}

 /*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  Remember that the path is RELATIVE TO THIS HTML FILE, not the CSS file.
  See below for another method of activating the script without adding CSS here.

 img, div, input { behavior: url("iepngfix.htc") } */