body {
		margin:30px 0 0 0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:17px;
        color:#000;
		background-image:url(../images/bg.jpg);
		}

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

	a:hover {color:#FFF100;}

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
		}

		pre.code {
		background:#f9f9f9;
		padding:15px 20px 25px 20px;
		margin:0 0 15px 0;
		border-left:10px solid #ddd;
		}

		code {
		margin:0;
		padding:0;
		}

	.clearfix {display: inline-block;}



	h1 {
		font-size:15px ;
		color:#000;
		margin:0px;
		}

	.big {
		font-size:80px;

		font-family:"Times New Roman", Times, serif;

		color:#FFF;
		}

	.over {
			text-decoration:line-through;

		}

	 p {
		}

	#page {
		margin:0 auto 0 auto;
		width:940px;
		min-height:800px;
		}

	#logo{float:left;}

	#header {
		height:100px;
		margin:0 0 0px 0;
		}

	#logo {float:left;}

	#blurb {
		/*border-top: 1px dotted #ccc;*/
		/*border-bottom: 1px dotted #ccc;*/
		padding:20px 0 10px 0;
		}



/* ### Navigation ### */

	.navigation {
		float:left;
		width:500px;
		padding:5px;
		margin:40px 0 0 30px;
		color:#000;
		}

	.navigation li {
		display:inline;

		}

	.navigation li a {
		color:#fff;
		text-decoration:none;
		padding:3px;
		}

	.navigation li a.selected {
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
		color:#000;
		background-color:#FFF100;

		}

	.navigation li a:hover {color:#000}


/* ### Sidebar ### */

	#sidebar {
		padding:0px 0 30px 20px;
		width:250px;
		float:left;
		}

	#sidebar h2 {
		margin:0 0 4px 0;
		}

	#sidebar  form {margin:0 0 40px 0;}

	#sidebar .postmetadata {font:normal 11px arial;}



	#sidemessage {
		margin:0 0 40px 0;
		padding:0 15px 0 0;
		}

	.sidelist {
		margin:0 0 40px 0;
		padding:0;
		border-top:1px dotted #ccc;
		}

	.sidelist li {
		list-style:none;
		margin:0;
		padding:0;
		}

	.sidelist li a {
		display:block;
		padding:6px 0;
		border-bottom:1px dotted #ccc;
		color:#000;
		}

	.sidelist li a:hover {
		background:#f9f9f9;
		color:#c30;
		}


/* ### Content ### */

	#content {
		width:580px;
		float:left;
		padding:40px 40px 30px 20px;
		background-image:url(../images/poster2.png);
		background-repeat:no-repeat;
		min-height:500px;
		}

	.pagination {
		width:100%;
	 	border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		margin:40px 0 20px 0;
		padding:5px 0 ;
		}

	.pagination a {font-weight:normal;}


	.paging a {
		background:#000;
		color:#fff;
		font:normal 12px/12px arial;
		padding:5px 10px 5px 10px;
		}

	.paging {
		margin:10px 0 0 0;
		}

	.paging  a:hover {
		background:#c30;
		color:#fff;
		}


/* ### Search Form ### */

	#query {
		width:215px;
		border:1px solid #ccc;
		font:normal 12px arial;
		padding:3px;
		color:#666;
		}

	input, textarea {	border:1px solid #ccc; }

	label {color:#999;}

 	#searchsubmit {
		padding:3px;
		border:none;
		background:#000;
		color:#fff;
		font:normal 12px arial;
		}

	#searchsubmit:hover {
		background:#c30;
		}

	#submit {
		padding:5px 14px;
		border:none;
		background:#000;
		color:#fff;
		font:normal 14px/14px arial;
		}

	#submit:hover {
		background:#c30;
		}

/* ### Footer ### */

	#footer {
		color:#000;
		clear:both;
		font-size:11px;
		}

	#footer a {
		font-weight:bold;
		color:#000;
		}

	#footer a:hover {
		color:#FFF100;;
		}






/*JUITTER PLUGIN CSS*/

#juitterContainer{height:500px; font-size:12px; } /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;margin:0;padding-bottom:5px;;border-bottom:dotted 1px #000;padding:3px;clear:both;min-height:40px;}
#juitterContainer .twittList SPAN.time{}
#juitterContainer .twittList A{color:#fff;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #fff;background:#FFF;margin-right:5px;padding:2px;width:32px;;height:32px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/

/* Naroči */

#naroci {
	position: absolute;
	top: 100px;
	left: 280px;
	width: 350px;
	padding: 10px 10px;

	z-index: 12000;
	color: #fff;
	text-align: left;
	background-color: #000000;
}
   #naroci label {
     width: 100px; }
   #naroci input {
     width: auto;
	display:inline;
     padding: 2px; }
   #naroci input.checkbox {
     width: auto;
     border: none;  }
   #naroci a {
     text-decoration: none; }
   #naroci p.for_submit {
     padding-left: 110px; }
   #naroci input.submit_button {
	margin-top:10px;
     background: #fff;
     color: #000; }


   #naroci #naroci_close {
     position: absolute;
     top: 0;
     right: 0; }

/* Naroči */

#slika {
	position: absolute;
	top: 100px;
	left: 280px;
	width: 200px;
	padding: 10px 10px;

	z-index: 12000;
	color: #fff;
	text-align: left;
	background-color: #000000;
}
   #slika label {
     width: 100px; }
   #slika input {
     width: auto;
	display:inline;
     padding: 2px; }
   #slika input.checkbox {
     width: auto;
     border: none;  }
   #slika a {
     text-decoration: none; }
   #slika p.for_submit {
     padding-left: 110px; }
   #slika input.submit_button {
	margin-top:10px;
     background: #fff;
     color: #000; }


   #slika #slika_close {
     position: absolute;
     top: 0;
     right: 0; }

form {
  color: #fff; }
  form label, form span.label {
    display: block;
    float: left;
    margin-right: 10px; }
  form textarea, form input, form select {
	background: #333;
	padding: 2px;
	width: 10px;
	border: 0;
	margin: 0;
	color: #fff;
	font-size: 12px;
}
  form select {
    width: 295px; }
  form input.submit_button {
    background: #f00;
    padding: 3px;
    width: auto;
    color: #fff;
    float: left }
  form p {
    margin: 5px 0;
    width: 100%;
    overflow: hidden; }
  form input.checkbox, form input.radio {
    width: auto !important;
    float: left; }
  form label.for_checkbox {
    float: left !important;
    width: auto !important;
    margin: 0 1em 0 0 !important; }
  form label.full {
    float: none !important;
    margin-left: 25px !important; }
  form input.submit_button {
    width: auto !important; }