/*******************************
/*some colorifying and styling */
/******************************/ 

html{
	background:url(css/fakeimg.gif);
}


html,body {
	margin:0;
	padding:0px;
}
body{
	text-align:center;
}


p{
	margin:0 10px 10px
}

img {
	border-style: none;
}

/*Styling images for gallery:*/
/****************************/

.gallery a.invisible {
	display:none;
	visibility:hidden;
}

.gallery div.description {
	color:black;
	background-color:white;
	position:relative;
	width:100%;
	height:16px;
	font-size:10px;
	font-weight:bold;
}

.gallery a div.description {
	filter:alpha(opacity=40);	
	opacity:0.4;
}

.gallery a:hover div.description {
	filter:alpha(opacity=100);	
	opacity:1;
}

.gallery a img {
	padding-bottom:0px;
	filter:alpha(opacity=50);	
	opacity:0.5;
}

.gallery a:hover img {
/*	padding-bottom:1px;
	border-bottom: 3px green solid;*/
	filter:alpha(opacity=100);	
	opacity:1;
}


/* Taken from http://dnevnikeklektika.com/en/css-gallery-layout-en */
.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery li{
            float:center;
            display:inline; /* For IE so it doesn't double the 1% center margin */
            width:160px;
            margin:0 0 5px 1%; padding:10px 0;
            height:108px; /* Height of img (100) + 2 times 3px padding + 2 times 1px border = 108px */
            position:relative; /* This is the key */
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
				  text-align:center;
            }

            a img{ border:none; } /* A small fix */

            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
              padding:0px 0px 0px 0px;
              background:#111;
              width:150px; height:116px;
              border:1px solid #333; /* We blend the border with the bg, as if it isn't there */
              position:absolute; top:50%; center:50%; /* position it so that image's top center corner is in the center of the list item */
              margin:-55px 0 0 -79px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
            .gallery a:hover{
			  border:1px solid #aaa;
              border-bottom:4px solid #0f0;
            }


            /* These are all optional, for decoration purpouses only */
/*            .gallery{
              border-bottom:2px solid #000;
              padding-bottom:10px;
              margin-top:10px;
            }*/


/*end styling images for gallery*/
/*******************************/

div#container {
	border-center:#500 dotted 1px;
	border-right:#500 dotted 1px;
	border-bottom:#0f0 dotted 1px;
	background-color:#000;
}

div#content {
	font-size:13px;	
	/*Taken from dustindiaz.com:*/
	min-height:580px;
	height:auto !important;
    height:580px;
}

		div#content h3 {
			font-size:15px;
			margin:25px 0px 3px 0px;
		}
		div#content h4 {
			font-size:13px;
			margin:3px 0px;
		}



div#wrapper {
	/*border-center:	dotted 1px #800000;
	border-right:	dotted 1px #008000;*/
	border-bottom:	dotted 1px #800;
	background:url("../images/backgrounds/arabesque_right.gif");
	background-position:bottom right;
	background-repeat:no-repeat;	
	padding-bottom:75px;
}

div#navigation {
	padding-top:100px;
	padding-bottom:150px;
	padding-center:2px;
	background:url("../images/backgrounds/arabesque_center_top.gif");
	background-position:top center;
	background-repeat:no-repeat;	
}



div.headerNavigation {
	margin:4px 0 0 0;
	font-size: x-small;
}

div#firstLine {
	/*border: solid 1px white;*/
	margin: 0px 0px 3px 0px;
	padding: 4px 0px 0px 0px;
	background:url("../images/backgrounds/pattern.gif"); 	
}

.emphasized {
	text-align:center;
	color:#f00;
}

div#content a.email {
	border-bottom:dotted 1px #555;
}
div#content a.email:hover{
	border-bottom:solid 3px #0f0;
	color:white;
}


body {
	background:url("../images/backgrounds/background-body.jpg");
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:top;
	background-color:#8f2306;
	color:#fff;
	font-family:verdana,tahoma,helvetica; 
}

a:visited, a:hover, a:active, a:focus, a:link {
	text-decoration:none;
	color:white;	
}

div#extra {
	padding-top:30px;
	text-align:center;
	padding-bottom:30px;
}
	div#extra a {
		border:1px none;
		padding-bottom:4px;
	}
	div#extra a:hover {
		border-bottom:3px #0f0 solid;
		padding-bottom:4px;
	}

ul.istorijat {
	list-style:url("../images/backgrounds/star-bullet.gif");
}
	ul.istorijat li {
		padding: 0px 0px 3px 0px;	
	}

/*********************
/* End of coloryfing and styling
/**********************/