html, body {
		margin: 0; padding: 0;
		overflow: auto;
		}

	body {
		width: 100%; max-width: 100%;
		background-color: #333;
		font: 400 0.8em 'trebuchet ms', arial, sans-serif;
		color: #F5F5F5;
		line-height: 1.4em;
		}

	a {
		color: #F5F5F5;
		text-decoration: underline;
		}

	a:hover {
		color: #95BF9B;
		text-decoration: none;
		}



	#left {
		position: absolute;
		left: 0;
		width: 35%;
		background: #333 url('images/fade.jpg') no-repeat right;
		height: 100%;

		}
  
	#main {
		position: absolute;
		left: 38%;
		height: 100%;
		}

	

	h1 {
		display: inline;
		margin-right: 30px;
		font: 800 35px 'trebuchet ms', arial, sans-serif;
		color: #F5F5F5;
		text-align: right;
		}

	img {
		border-style: none;
		}

	.title {
		display: block;
		margin: 0 0 10px 0;
		font: 400 30px 'trebuchet ms', arial, sans-serif;
		color: #F5F5F5;
		}

	.tekst {
		margin: 0 0 0 1px;
		}

	.naslov {
	  font: 400 20px 'trebuchet ms', arial, sans-serif;
	  color: #F5F5F5;
	  display: block;
	  padding-bottom: 0.4em;
	
	}

	img.lime {
		margin-bottom: 6px;
		margin-right: 29px;
		}

	span.yellow {
		color: #cf0;
		}

	span.green {
		color: #0c0;
		}
.nav {
	 }
	a.nav {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 20px 'trebuchet ms', arial, sans-serif;
		color: #fff;
		padding: 0 30px 3px 0;
		}

	a.nav:hover {
		color: #95BF9B;
		background: #222;
		text-decoration: none;
		}
	.nav li {
	list-style:none;
		}


	.credit a, a:hover {
		
		}

	.date {
		float: left; 
		width: 2.0em;
		font: 600 1.3em arial, sans-serif;
		padding-right: 5px;
		text-align: right;
		}

	div.main {
	    float:left;
	    width:572px;
	    position:relative;
	    margin-bottom: 5px;
	    padding: 0 40px 30px 5px;
  	    background: #333 url('images/corner.jpg') no-repeat bottom right;
		}

	div.defaulttext {
	    float:left;
	    width:572px;
	    position:relative;
	    padding: 0 0 10px 5px;
		}

	.nextprev {
	float:left;
	    width:572px;
	    position:relative;
	    margin-bottom: 25px;
            padding: 0 0 0 9px;
	    font: 400 0.7em 'trebuchet ms', arial, sans-serif;
		}

	.nextprev a {
	text-decoration: none;
	}

	div.right-menu {
	    margin-left:76%;
		width:22%;
		/* background:url(images/menu-back.png) repeat; */ /* to make all the menu 1 area with united background */ 
		}
	.menu-back {
	    background:url(images/menu-back.png) repeat;
		padding:3px;
		}

	img.main {
		float: right;
		margin: 10px;
		padding: 4px;
		background: #0c0;
		border: solid 3px #2e2e2e;
		}

	a img.main:hover {
		background: #cf0;
		}


	p.comment {
		font-size: 0.9em;
		font-family: 'trebuchet ms', arial, sans-serif;
		}

	span.credit {
		width:100%;
		background: #000;
		display: block;
   		color: #F5F5F5;
		font: 400 0.8em 'trebuchet ms', arial, sans-serif;
		text-align:center;
		}

.comment_text {
        background-color:#1a1a1a;
		border:3px solid #2e2e2e;
		}




		
/* e107 core style */
.tbox, .helpbox{
	/* width: 80%; */
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 0 0 2px 0;
	color: #006633;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
}
.tbox.comment.subject {width: 400px; color: #006633;}
.tbox.comment {}
input.tbox.search {width: 150px;}
input.helpbox {}
#dataform {}
#commentform {}
#comment.tbox.comment {background-color: #F5F5F5;}
#contactForm textarea.tbox {width: 400px;}
input#helpb.helpbox {background-color: #F5F5F5; color: #ccc;}
#commentform .tbox, #commentform .helpbox{width: 400px; background-color:#F5F5F5; }
textarea.tbox {
background-color: #FFFFFF;
margin: 0 0 20px 0;
}
#commentform .tbox, #commentform .helpbox{
	/* width: 400px; 
	background-color:#000; */
}
.button {
        background-color:#F5F5F5;
		border:none;
		color: #0c0;
		border: solid 3px #2e2e2e;
		}

.fborder, .border{
	border-collapse: collapse;
	border-spacing: 0px;
}

.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
	padding: 4px;
	background-color: transparent;
	border: solid 3px #2e2e2e;
	text-align: left;
}
.forumheader33 {
	background-color: transparent;
	border: solid 1px #2e2e2e;
	text-align: left;
}

.forumheader, .forumheader4, .finfobar {
	background-color: #2e2e2e;
}
#post.tbox {
background-color: #FFFFFF;
}
select.tbox {background-color: #FFFFFF;}

.forumheader5 {
	cursor: pointer;
}

.fcaption, .forumheader5 {
color:#ffffff;
}

table {
	margin-left: auto;
	margin-right: auto;
}

#thumb {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 590px;
	height: auto;
}
#thumb li {
	float: left;
	background: url(images/list-thumb-bg.gif) no-repeat;
	width: 280px;
	height: 100px;
	padding-top: 10px;
	padding-right: 10px;
	margin: 0px 0px 0 0;
	position: relative;
}
#thumb img {
	border: solid 1px #000;
}


h3.flash {
	padding-left: 14px;
	background: url(images/type-flash.gif) no-repeat 0 5px;
}
h3.html {
	padding-left: 14px;
	background: url(images/type-html.gif) no-repeat 0 5px;
}

.clear {
	clear: both;
}
.hidden {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.image img {
	border: solid 1px #000;
	padding: 7px;
	background: #333;
}

/* clearfix */
.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 */


/* jquery tooltips */
#tooltip img {
	background: #FFFFFF;
	padding: 6px 7px 6px 7px;
}

#screenshot {
	margin: 0;
	padding: 3px 3px 0px 3px;
	position: absolute;
	border: 1px solid #122025;
	background: #000;
	display: none;
	z-index: 200;
	text-decoration: none;
}


.besedilo2 {
  padding: 0px 15px;
}


.crta { 
width: 100%; 
height: 1px; 
border: 0; 
background-color: #F5F5F5; 
margin-top: 1px;
margin-bottom: 1px;
}