/*
Theme Name: digied
Theme URI: http://www.digied.si/
Description: digied.
Version: 1.0
Author: dusan malinovic
*/


body{
	background:#f3f3f3;
	font-family:Arial;
	font-size:13px;
}
img a, a img{
	border:none;
}
#contianer{
	width:963px;
	display:table;
	margin:20px auto 0 auto;  /*temp*/
	background:#fefefe url(images/container.gif);
}
#container2{
	background:url(images/containerbg.gif) top no-repeat; 
	display:table-cell;
	padding:4px 0 0 65px;
}

#abovemenu{
	width:860px;
	height:40px;
}
#abovemenu #rssfeed{
	width:62px;
	height:30px;
	float:right;
	cursor:pointer;
	margin:5px 0 0 0;
}

/** stil za drop down **/
#mainmenu{
	width:860px;
	height:40px;
}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	float: right;
	}
.menu ul{
	background:#fff;
	height:38px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		list-style-type: none;
		margin-left: 5px;
		}
	.menu li a{
		background:#fff;
		color:#000;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #fff;
			color:#000;
			text-decoration:none;
			}
	.menu li ul{
		background:#fff;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#E7E7E7;
			border:0px;
			color: #666;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
/** konec carovnije **/


#topsearch{
	float:right;
	margin:5px 0 0 0px;
	width:200px;
	height:25px;
}
#menjavaJezika{
	float:right;
	margin:8px 0 0 0px;
	padding:0 0px;
	width:20;
	height:25px;
	font-size:13px;
	font-weight: bold;
	margin-left: 10px;
	
}

#searchformtop{
	padding:0;
	margin-top: 5px;
}
#searchformtop input{
	width:190px;
	color:#999999;
	height:14px;
	padding:0;
	font-size:10px;
	margin-right: 30px;
}

#topearch{
	padding:0;
}
#banner{
	height:146px;
	width:820px;
	margin:10px 0 0 0;
	background:url(images/banner.jpg) no-repeat;
	padding:55px 10px 0 30px;
}
.misli{
	height:146px;
	width:320px;
	float:right;
	margin:-18px -9px 0 0;
	color:#ffffff;
	font-family:Arial;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	line-height: 1.5em;
}
#mainmenu h1{
	margin:-11px 0;
	float:left;
}

#banner h1 a{
	color:#6393ad;
	font-family:Arial;
	font-weight:normal;
	font-size:36px;
	text-decoration:none;
}
#banner h2 {
	color:#787878;
	font-family:Arial;
	font-weight:normal;
	font-size:26px;
	text-decoration:none;
}

#wrapper{
	border:1px solid #bebebe;
	width:858px;
	display:table;
	margin:10px 0 10px 0;
}
#wrapper2{
	border:1px solid #fff;
	background:#f5f5f5;
	width:840px;
	display:table-cell;
	padding:8px;
}

/*Main post*/
#main{
	width:480px;
	float:left;
}

#main h2, #main h2 a{
	font-size:18px;
	font-family: Arial;
	font-weight:normal;
	color:#111;
	text-decoration:none;
	margin:2px 0;
}

.post small{
	color:#999999;
	font-size:11px;
	font-family:Arial;
	border-bottom:1px dashed #e6e6e6;
}
.post{
	padding:7px;
	text-align:justify;
	float:left;
	background:#fff;
	margin: 0 0 8px 0;
	border:1px solid #dfdedf;
	width:470px;
}
.post p {
	padding:4px;
}

.post blockquote{
	font-style:italic;
	margin:5px 30px;
	padding:0 10px;
	background:url(images/blockquote.gif) left top no-repeat;
	color:#444;
}
.post img{
	padding:2px;
	margin:3px;
}
.post ul li{
	list-style-image: url(images/post-li.gif);
}
.posttitle-ang{ 
	width:466px; 
	float:left; 
}

.posttitle-ang .date{
	text-align:center; 
	width:50px; 
	float:left; 
	height:20px; 
	padding:7px 0 0 0; 
	font-size:10px; 
	font-family:Arial;
}

.posttitle-ang .datetime{
	color:#000000; 
	font-weight:bold; 
	font-size:8px; 
	font-family:Arial;
}

.posttitle-ang .maintitle{
	float:left; 
	width:414px;
}

.posttitle-ang .datemonth{
	color:#000; 
	font-weight:bold; 
	font-size:12px; 
	font-family:Arial; 
	line-height:28px;
}

.postmeta{ 
	width:456px;  
	float:left; 
	background:#d6f5ff; 
	border:1px solid #e0e0e0; 
	padding:4px;
	font-size:11px; 
	font-family:Arial; 
	color:#666666;
}

.postmeta a{ 
	text-decoration:none; 
	color:#165faf;
}
.commentlink a{ 
	float:right; 
	width:100px; 
	padding:5px 0 0 0; 
	background: url(images/commentbg.gif) #fff; 
	text-align: center; 
	height:20px;
}
.commentlink a{
	color:#000000; 
}

#topsidebar{
	float:right; 
	width:335px;
	background:#fff; 
	padding:4px;
}

#sidebar{
	float:right; 
	width:340px; 
	background:#fff; 
	padding:4px;
}

#sidebar1{
	width:170px; 
	float:left;
}
#sidebar1 ul, #sidebar2 ul{
	padding:0; 
	margin:0; 
	list-style:none; 
}
#sidebar2{
	width:170px; 
	float:right;
}
#sidebar h2{ 
	font-size:12px; 
	font-weight:bold; 
	margin:0 0 3px 0; 
	font-family:Arial; 
	color:#fff; 
	padding: 3px; 
	background: /*url(images/widgettitle.gif) repeat-x*/ #00AEEF;
}
#sidebar ul ul{
	padding:0 5px 5px 5px;
}
#sidebar ul.sidecontainer1{
	padding:0 5px 5px 5px ; 
	background:#efefef; 
	border:1px solid #fff;
}
#sidebar ul.sidecontainer{ 
	background:#efefef; 
	border:1px solid #fff;
}
#sidebar .sbback1{ 
	border:1px solid #dbdbdb; 
	margin:0 2px 0 0;
}
#sidebar .sbback2{ 
	border:1px solid #dbdbdb; 
	margin:0 0 0 2px;
}
#sidebar ul ul li{
	padding:3px 0 3px 15px;
	background: url(images/li.gif) top left no-repeat;
	border-bottom:1px dashed #CCCCCC;
	line-height:16px;
}

#sidebar ul ul li a, #sidebar ul ul li a:visited{
	text-decoration:none;
	color:#015996;
	font-family: Arial;
}

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


/*Commetns*/
#commentform {
	padding:10px 10px 10px 15px; 
	background:url(images/commentbgmain.gif) top no-repeat; margin:15px 0 0 0; 
	height:252px;
}
#commentform small{
	font-size:12px;
}
#commentform textarea{
	width:420px;
	height:100px;
}
#commentarea{ 
	float:left; 
	padding:8px; 
	background:#fff; 
	width:466px; 
	border:1px solid #dfdedf;
}
#commentarea h3{
	margin:3px 0;
	font-family:Arial;
	font-size:14px;
	padding:0 0 4px 0;
	color:#004466;
}

#commentarea ol{
	list-style:none;
	padding:5px;
	margin:0;
}
#commentarea p{
	padding:5px;
	text-align: justify;
	margin:0;
}
.commentauthor{
	padding:4px 0;
	margin:0;
	background:#efefef;
	border-left:10px solid #2f8ebd;

}
.commentauthor a{ 
	font-size:11px; 
	text-decoration:none; 
	color:#999999;
}
.commenttext {
	background:url(images/commenttop.gif) top no-repeat #d4eaf5; 
	padding:20px 15px 0 15px;
}
.commenttextbottom {
	background:url(images/commentbottom.gif) top left no-repeat; 
	height:13px; 
	margin: 0 0 15px 0; 
}

h3#respond{
	margin:0; 
	padding:0 0 0 10px; 
	color:#000000; 
	font:22px "Arial", Arial; 
	font-weight:normal;
}

input#submit{
	background:#444; 
	cursor:pointer; 
	color:#fff; 
	border:none; 
	padding:5px 10px;
}
#footer{
	height:20px; 
	padding:15px 0 0 0; 
	font-size:11px; 
	text-align:center; 
	width:840px; 
	margin:0 auto 0 auto; 
	color:#777; 
	float:center;
}
#footer a{ 
	color:#165faf; 
	text-decoration:none; 
}
a{ 
	color:#165faf; 
	text-decoration:none; 
}

#adscover{
	border:1px solid #666; 
	margin-bottom:10px;
}
#rightads{
	width:128px;
	height:400px;
	padding:5px 20px 5px 20px;
	border:1px solid #fff;
	float:right;
	background:  top #B7E2EF;
}

#adsright{
	width:160px;
	float:right;
	border:1px solid #999999;
	margin: 1px -17px ;
	padding:0;
	height:195px;
	background:#fff;
}

#adsleft{
	width:160px;
	border:1px solid #999999;
	margin: 1px -17px ;
	padding:0;
	float:right;
	height:195px;
	background:#fff;
}


/*fix*/
#sidebar img {
	border:none;
	padding:0;
	margin:0;
}

#sidebar #searchformtop input{
	width:160px;
	margin:5px 0 5px 0;
}

.alignright a{
	text-decoration:right; 
	float:right;
}

/*Tabs*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
h2 { 
	font-size:14px;
}
.tabberlive .tabbertabhide {
 	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabber { 
	font-size:11px;
	width:380;
}
.tabberlive {

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	padding: 3px 0;
}
.tabberlive ul li, .tabberlive ol li{
	list-style:none;
}
ul.tabbernav li
{
	list-style: none;
 	margin: 0;
 	display: inline;
  	font-size:12px;
}

ul.tabbernav li a
{
 	padding: 3px 0.5em;
 	margin-right: 3px;
 	border-bottom: none;
 	background: #fff;
 	text-decoration: none;
 	color: #000000;
 	text-transform:uppercase;
}

ul.tabbernav li a:link { 
	background:#777777; 
	color:#fff; 
	font-size:12px; 
	font-weight:bold; 
	font-family:tahoma;
}
ul.tabbernav li a:visited { }

ul.tabbernav li a:hover
{
 	color: #fff;
 	background: #aadcf4;

}

ul.tabbernav li.tabberactive a
{
 	background: #00AEEF;
 	color:#fff;
 	font-size:12px; font-weight:bold;  font-family:tahoma;
}

ul.tabbernav li.tabberactive a:hover
{
 	color: #fff;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 	padding:5px;
 	border-top:0;
 	background:#aadcf4;
 	margin-bottom:10px;
 	font-size:12px;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 	display:none;
  	font-size:12px;
}
.tabberlive .tabbertab h3 {
 	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
 	height:200px;
 	overflow:auto;
}

.tabbertab p { 
	padding-bottom:10px; 
	line-height:140%; 
}
.tabbertab ul { 
	padding:0; 
	margin:0;
}
.tabbertab ul li { 
	padding:5px 0 6px 0; 
}
.tabbertab ul li { 
	background:url(images/bullet.gif) no-repeat 0 5px; 
	padding-left:24px; 
	border-bottom:1px solid #fff;
}