/*
CSS-File for website of Petar Bejic
Copyright Petar Bejic
*/

*  {
	margin : 0;
	padding : 0;
	border : none;
}
body {
	background-color : #111;		
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color:#CCC;
	text-align: center;
}
//a {color:white}
a:link, a:visited, a:active { 
	text-decoration : none; 
	color:#CCC;
//	color:orange;
}
a:hover {
// 	text-decoration : underline;
	color:#FFF
}

.leftish {
	color:#CCC;
	text-align : left;
	margin: 0.25em;
}
.leftish_colored {
	color:orange;
	text-align : left;
	margin: 0.25em;
}
span.colored {
	color:orange;	
}
p.leftish{
	font-size: 1em;
	line-height: 1.5em;
}
p.leftish_link{
	color:#DDCDBF;
	text-align : left;
	margin: 0.25em;
	font-size: 1em;
	line-height: 1.5em;
}
p.leftish_link:hover{
	color:#FFF
}
p.rightish_link{
	color:#DDCDBF;
	text-align : right;
	margin: 0.25em;
	font-size: 1em;
	line-height: 1.5em;
}
p.rightish_link:hover{
	color:#FFF
}
.centered{
	color:#CCC;
	text-align : center;
	margin: 0.25em;
}
p.centered{
	font-size: 1em;
	line-height: 1.5em;
}

div#container{
	width : 980px;
	margin: 0em auto; /* the auto margins (in conjunction with a width) center the page */
// 	border: 1px solid #FFF;
//	background-color : #111;	
	text-align : center;
}

div#language-selector {
//	padding: 5px;
	font-size: 0.8em;	
	color : #AAA;
	text-align : right;
	margin: 0.125em 0.5em 0.25em 0;
}
//	#language-selector a{color:#888}
#language-selector a{color:white}

table#main-menu {
//	margin: 0.125em 1em 1em 0.5em ; 
	margin: 1em auto; 
	width : 980;
	height : 2em;
	border : 0;
	font-size: 1em; 
//	background-color:#333; 
	padding: 2px; 
	border-radius: 2px 2px 2px 2px;
	text-align : center;
	border: 1px solid #000000;
}

div#sidebar1{
	float: left; 
	width: 10.5em;
//	height: 30.5em;
//	border-radius: 2px 2px 2px 2px;
//	padding: 1em 0.75em; /* top and bottom padding create visual space within this div */
	margin : 1em 0 0.25em;
	font-size : 1em;
	text-align : left;	
//	background: #333; /* the background color will be displayed for the length of the content in the column, but no further */
//	border: 1px solid #000;
}
//	#sidebar1 a{color:white}
//	#sidebar1 a:hover {	text-decoration : underline;	color:#FFF}

div#main-window{
//	float: right; 
//	width: 784;
//	height: 30.5em;
//	border-radius: 4px 4px 4px 4px;
//	background: #333;
//	border: 1px solid #333;
	margin : 1em 0 0.25em 13em;
 	padding: 0.5em 0.25em; /* top and bottom padding create visual space within this div */
}

div#main-window-navi{
 //	height: 1em;
//	margin : 0 0 0.25em 0;
	clear: both;
	font-size: 0.8em;	
//	color : #888;
	text-align : right;
	margin: 0.125em 0.5em 0.25em 0;
//	border: 1px solid #FFF;
//	padding: 1em 0.5em; /* top and bottom padding create visual space within this div */
}

div.main-window-multi {
	border-radius: 10px 10px 10px 10px;
//	background: #333;
	border: 1px solid #333;
	margin : 1em 0 0.25em 13em;
 	padding: 0.5em 0.25em; /* top and bottom padding create visual space within this div */
}



ul {
	list-style:none;
	padding: 0.5em 0.125em 0em 0.5em;
	font-size: 1em;
	line-height: 2em;
}

h1 {margin: 5px;}
img.across { margin: 2px 0 16px 0;}
img.transparent {
	opacity : 0.8;
	filter : alpha (opacity=80);
	border: 1px solid #FFF;
	border-radius: 2px 2px 2px 2px;
//	margin: 1px 1px 1px 1px;
	margin: 2px;
}
img.transparent:hover {
	opacity : 1;
	filter : alpha (opacity=100);
}

img.transparent_bl{
	opacity : 0.8;
	filter : alpha (opacity=80);
}
img.transparent_bl:hover {
	opacity : 1;
	filter : alpha (opacity=100);
}
img.transparent_thumb {
	opacity : 0.8;
	filter : alpha (opacity=80);
	border: 1px solid #FFF;
	border-radius: 2px 2px 2px 2px;
//	margin: 1px 1px 1px 1px;
	margin: 2px;
	width: 240px
}
img.transparent_thumb:hover {
	opacity : 1;
	filter : alpha (opacity=100);
//	border: 2px solid red;
}

img.transparent_thumb_s {
	opacity : 0.8;
	filter : alpha (opacity=80);
	border: 1px solid #FFF;
	border-radius: 2px 2px 2px 2px;
//	margin: 1px 1px 1px 1px;
	margin: 1em;
	width: 180px
}
img.transparent_thumb_s:hover {
	opacity : 1;
	filter : alpha (opacity=100);
//	border: 2px solid red;
}

img.transparent_big {
	width: 25em;
	margin: 0.5em 1.375em;
	opacity : 0.8;
	filter : alpha (opacity=80);
	border: 1px solid #FFF;
	border-radius: 3px 3px 3px 3px;
//	margin: 1px 1px 1px 1px;
}
img.transparent_big:hover {
	opacity : 1;
	filter : alpha (opacity=100);
}

div#footer{
//	padding: 5px;
 	clear: both;
	font-size: 0.6em;	
	color : #888;
	text-align : center;
	margin-bottom: 1em;
//	margin: 0.125em 1.5em 0.125em 0;
}