/* 	
Theme Name: mojegrne	
Theme URL:
Description: Iz moje kuhinje.
Author: Suske
Author URI: http://tragovi.com 
Version: 2
*/



body {
background: #FAFAFA;
color: #000000;
font-size: 1.1em;
font-family: Verdana, Georgia, Times, Helvetica, Sans-Serif;
margin: 0px auto 0px;
padding: 0;
}

#wrap {
clear: both;
background-color: transparent;
font-size: 0.7em;
font-family: Verdana, Georgia, Tahoma, Helvetica, Sans-Serif;
margin: 30px 0px 0px 0px;
padding: 0;
width:100%;
}
a {
color: #ff9428;
text-decoration: underline;
}

a:hover{
color: #ffac59;
text-decoration: underline;
}

#header{
width:100%;
background:#ffac59;
margin:0 0 10px 0;
padding:0;
text-align: left;
font-variant: normal;
display:block;
float:left;
}

#opa {
background-color: transparent;
margin:0;
padding:0;
width:40%;
float:right;
display:block;
}

#navbar{
background: transparent;
float:left;
width:95%;
display:block;
margin-bottom:5px;
padding:5px 0px 5px 2.7%;
text-align: left;
}

#navbar li{
display:inline;
list-style-type:none;
margin:0;
padding:0;
vertical-align: bottom; 
}

#navbar ul{
margin:0;
padding:0;
}

#navbar ul li a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
display:inline;
list-style-type:none;
font-size:0.8em;
background:transparent;
color: #000;
padding:0 5px 0 5px;
margin:0;
text-decoration:none;
font-variant:normal;
font-weight:bold;

}

#navbar ul li a:hover{
color:#4c4d4f;
text-decoration:underline;
}
#noseci {
		width: 603px;
		height: 276px;
		float:left;
		z-index:999;
		margin-top:-20px;
		margin-left:10px;
		 background:url(images/grne3.png) no-repeat; 
		 display: block;
		 padding: 0px;
	}
	#cycle {
		position: relative;
		width: 500px;
		height: 200px;
		overflow: hidden;
		float:right;
		z-index:999;
		margin:64px 25px 16px 10px;
	}
	#cycle img {
		position: absolute;
		left: 0;
		top: 0;
		width: 500px;
		height: 200px;
	}



#header h1 {
font-family:Verdana, Georgia, Times, Helvetica, Sans-Serif;
font-size: 2.2em;
font-style: italic;
color: #000000;
font-weight: bold;
text-decoration: none;
padding: 1px 5px 0px 0px;
margin:0 2.5% 0 0;
letter-spacing: 0.20em;
float:right;
width:35%;
margin: 20px 0 0 0;
}

#header h1 a {
font-family: Arial, Sans-Serif,Helvetica, Times;
font-size: 2.2em;
font-style: normal;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 1px 7px 1px 10%;
margin:0 0 0 0.2%;
letter-spacing: 0.2em;

}

#header h1 a:hover {
color: #4c4d4f;
}

#description{
width:40%;
margin:50px 0 0px 5px;
padding:0 0 0 10px;
text-align:left;
display:block;
font-family:  Arial, Verdana,Lucida Calligraphy, Lucida Handwriting,Century Gothic,Helvetica,Sans-Serif;
font-size:1.7em;
color: #000;
font-weight: normal;
letter-spacing: 0.10em;
float:left;
}

#kategorije {
background-color: #fff;
margin:0px;
padding-top:5px;
padding-bottom:5px;
width:98%;
float:left;
display:block;
font-size: 0.8em;
padding-left: 2%;
border: none;
clear:both;
border-top: 2px solid #fff;
border-bottom: 2px solid #333;
}

#kategorije ul{
display: block;
list-style-type: none;
margin:0;
padding: 0;
}

#kategorije ul li {
list-style-type: none;
text-decoration:none;
margin:0;
padding:0;
background:transparent;
float: left;
display: inline-block;
width: 24.5%;
}

#kategorije ul li a:link{
background:transparent;
color:#4c4d4f;
text-decoration:none;
border: none;
width: 100%;
list-style-type: none;
text-align: left;
font-variant: normal;
}

#kategorije ul li a:hover{
background:transparent;
color:#ffac59;
text-decoration:underline;
}

li.cat-item {
color: #4c4d4f;
}

#baner {
background-color:#000;
margin:10px 0 10px 0;
padding: 10px 0;
width:100%;
float:left;
display:block;
font-size: 0.8em;
clear:both;
}

#baner ul {
display: inline-block;
list-style-type: none;
margin:0px;
padding-left:2px;
width:98%;
text-align:right;
}

#baner ul li{
text-align: center;
width:98%;
}

#content {
width: 99%;
float: left;
background-color: #fafafa;
margin: 0px;
padding: 0 0.5% 0 0.5%;
}

#content p{
padding: 10px 0 10px 0px;
margin: 0;
line-height: 20px;
}

#content h2 {
color: #ff9428;
font-size: 1.3em;
font-family: Verdana, Georgia, Times, Arial, Sans-Serif;
font-weight: bold;
padding: 0 3px 4px 0px;
padding-left:0px;
margin-bottom:8px; 
}

#content h2 a{
color: #ff9428;
font-size: 1.3em;
font-family: Verdana, Georgia, Times, Arial, Sans-Serif;
font-weight: bold;
text-decoration: none;
}

#content h2 a:hover{
color: #Ffac59;
font-size: 1.3em;
font-family: Verdana, Georgia, Times, Arial, Sans-Serif;
font-weight: bold;
text-decoration: none;
}

#content p ol{
margin: 0;
padding: 0 0 0 20px;
}
#content p ul{
margin: 0;
padding: 0 0 0 20px;
}

blockquote{
margin: 0 0 0 25px;
padding: 0 10px 0 10px;
font-style: italic;
color: #333333;
border-left: 3px solid #ff9428;
}

#content blockquote p{
margin: 0 0 10px 0;
padding: 0;
}

#content img.wp-smiley {
float: none;
border: none;
padding: 0;
margin: 0;
}

#content img.wp-wink {
float: none;
border: none;
padding: 0;
margin: 0;
}

#contentmiddle {
float: left;
width: 58%;
margin: 0px 2% 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 2px solid #333;
}

#contentmiddle h2{
color: #4c4d4f;
}

.contenttitle {
font-size: 0.9em;
float: left;
width: 100%;
margin-bottom: 10px;
margin-top:10px;
padding: 0px;
}

#contentmiddle ul {
list-style: none;
margin: 0;
padding: 0 0 20px 0;
}

#contentmiddle ul li {
margin: 0;
padding: 5px 0 0 0;
}

#contentmiddle ul li a {
color: #ff9428;
text-decoration: none;
}

#contentmiddle ul li a:hover {
color: #ffac59;
text-decoration: underline;
}

#contentmiddle p a{
color: #ff9428;
text-decoration: underline;
}

#contentmiddle p a:hover {
color: #ffac59;
text-decoration: underline;
}

.entry { 
clear: left; 
font-size: 1em;
}

.entry p{ 
text-align:justify;
clear: left; 
font-size: 1em;
}

.entry p a:link {text-decoration: underline;}

.entry img{ 
padding: 3px;
margin: 0px;
border: 1px solid #333333;
background:#fafafa;
}

.grne1 img{ 
padding: 3px;
margin: 0px;
border: 1px solid #333333;
background:#fafafa;
}

.grne4 {
 width: 100%;
margin-top: 10px;
margin-bottom: 0px;
clear: both;
border-top: 1px solid #333333;
 }
 


.navigation{
width:100%;
display:block;
margin-top:0px;
padding:0px 0px 0px;
clear:both;
}

.navigation a{
font-size: 1em;
color: #ff9428;
text-decoration: underline;
margin-top:0px;
}

.alignleft{
width: 45%;
float:left;
text-align: left;
 }
  
.alignleft a:hover{
color: #ffac59;
text-decoration: underline;
 }
 
.alignright {
width: 45%;
float:right;
text-align: right;
 }
 
.alignright a:hover{
color: #ffac59;
text-decoration: underline;
 }

.grne1 {
float: left;
width: 100%;
margin: 0px;
padding: 5px 5px 5px 5px;
border-bottom: 2px solid #333;
}

.grne2 {
float: left;
width: 100%;
margin: 0px;
padding: 5px 0.5% 5px 0.5%;
clear: both;
}

#contentmiddle .grne2 h2.naslov {
 color: #4c4d4f;
 width:99%;
 display:block;
 margin-bottom:10px;
 }

#col1 {
width:99%; 
float:left;
margin: 0; 
padding: 1%;
}
	
#col2 {
clear:both;
width:99%; 
float:left; 
margin: 0;
padding: 1%;
}
	
#col2 ul li {
 height:120px;
padding:2px 5px 10px 10px;
margin-bottom: 10px;
display: block; 

}

#col1 p, .post p, #featured p {
line-height:16px; 
margin-bottom:12px;
}

.post_item {
width:95%;
border: 1px solid #333;
margin: 10px 1.5% 0 1.5%;
padding:3px;
float: left;
display:inline;
}

.post_item p {
margin:4px;
}
.post_item small {
font-size:0.9em;
}
.post_item h3 {
margin:4px;
height: 36px;
}

.post_item h3 a{
color:#ff9428;
}

.readmore {
display: block; 
background:url(images/listbullet.jpg) 2px 3px no-repeat; 
height:15px; 
padding:2px 5px 10px 18px;
}

/* sidebar  */	

#grne {
width:37%;
display:block;
float:right;
clear: right;
margin:0;
padding-top:10px;
border-top: 2px solid #333;
}

#grne ul li {
list-style-type: none;
text-decoration:none;
}

#grne ul li a{
list-style-type: none;
text-decoration:none;
}

/* sidebar1 sadrzi search, single i layout */

#right {
width:100%;
display:block;
float:right;
margin: 0;
padding: 0;
}

#right ul{
list-style: none;
margin: 0;
padding: 0;
}

/* search */

#search {
background: transparent;
float: left;
width: 99%;
border: none;
margin-bottom: 10px;
display:block;
padding:0;
}

#search form {
margin: 0;
padding: 0;
float: left;
width: 100%;
}

#search p {
margin: 0;
float: left;
font-style: italic;
}

#search input {
padding:5px 0px 5px 3px;
width: 100%;
border: 1px solid #333333;
color:#4c4d4f;
font-size: 1.1em;
margin: 0;
background: transparent;
}

/* sidebar single */

#sidebar-single {
display:inline;
width: 100%;
float: left;
margin: 0px 0px 25px 0px;
padding: 0;
background: transparent;
}

.menu tabbed div ul {
float: left;
width: 100%;
margin: 0;
padding: 5px 0px 3px 0px;
list-style-type: none;
}

.menu tabbed div ul li {
padding: 0 0 0 5px;
margin: 0 0 0 20px;
list-style-type: none;
}

.menu tabbed div ul li a {
font-size: 0.9em;
width: 97%;
display: block;
font-weight: normal;
padding: 2px 0 7px 5px;
color: #d4d3d9;
text-decoration: none;
list-style-type: none;
}


.menu tabbed ul.tabs {
float: left;
display: inline;
width: 100%;
margin:0px;
padding: 0px;
background: transparent;
}

.tabbed ul.tabs li {
float: left;
font-size:1.2em;
color: #d4d3d9;
text-align: center;
width: 17%;
margin:0 2% 0 0;
padding: 0;
background: transparent;
list-style:none;
list-style-type: none;
border-left: 1px solid #333;
border-top: 1px solid #333;
border-right: 1px solid #333;
}
	
.tabbed ul.tabs li a {
font-size:0.9em;
color: #d4d3d9;
overflow: hidden;
text-align: center;	
display: block;
background: transparent;
margin: 0 2px 0 0px;
padding: 3px 4px;
text-decoration:none;
}

#sidebar-single ul.tabs li  {
display: block;
background: #000;
}

.tabbed ul.tabs li a:hover {
color: #ffac59;
text-decoration: underline;
}
.tabbed ul.tabs li:hover{
cursor:pointer;
}
.tabbed div {
float: left;
display: block;
width: 100%;
margin: 0;
padding: 5px 0 5px 0;
background: #000;
}

.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
 display: none; 
 }

#sidebar-single ul.tabs li h3 a.tab-current{
font-size:1.2em;
color:#ff9428;
}

#sidebar-single ul.tabs li h3 a{
font-size:1em;
color:#d4d3d9;
}

#sidebar-single ul.tabs li h3 a:hover{
font-size:1.2em;
color:#ffac59;
}

.tabbed div.t3 ul {
list-style-type: none;
margin:0;
padding:0;
}

.tabbed div.t3 li {
color:#d4d3d9;
text-decoration:underline;
width:16.5%;
display:inline;
float:left;
margin-left:1%;
}

.tabbed div.t3 li a{
color:#d4d3d9;
text-decoration:underline;
}

.tabbed div.t3 li a:hover{
color:#ffac59;
text-decoration:underline;
}


.tabbed div.t2 ul, .tabbed div.t4 a img {
list-style-type: none;
margin:0;
padding:0 0 0 10px;
}

.tabbed div.t2  ul li a {
width:16.5%;
display:inline;
float:left;
margin:0;
padding:0;
color: #d4d3d9;
list-style-type: none;
}

.tabbed div.t2 li a:hover {
color: #ffac59;
text-decoration:underline;
}

.t1 ul a img {
border:.08em solid #333;
padding:.077em;
width:10em;
height:7em;
margin:0 1% .4em 0;
}
.t1 ul, .t4 ul{
text-align:center;
}
.t1 ul a:hover img{
border:.08em solid #a6a6a6;
width:10em;
height:7em;
}
.t1 ul a{
	color:#000;
	text-decoration: underline;
}
.t1 ul a:hover{
	color:#a6a6a6;
	text-decoration: underline;
}
.t1 a {
text-decoration: underline;
}
.t1 ul, .t2 ul, .t3 ul, .t4 ul {
list-style: none;
}


/* sidebar layout */

#layout {
float: right;
width: 100%;
margin: 10px 0px 10px 0px;
padding: 0px;
display:block;
border: 1px solid #333;
}

.layer {
margin: 0px;
padding: 0px;
float: left;
width: 98.7%;
display:block;
}

#layout h3 {
background: transparent;
margin: 0px;
float: left;
width: 99.7%;
border-bottom: 1px solid #333333;
font-size: 1.2em;
line-height: 34px;
color: #4c4d4f;
height: 34px;
display: block;
padding-left: 8px;
cursor: pointer;
}

#layout ul {
margin: 0px;
padding: 5px;
float: left;
width: 98%;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
list-style-type: none;
display:block;
}

.ulwrap {
float: left;
width: 99%;
}

#layout h3:hover{
color:#ffac59;
text-decoration:underline;
}

#layout ul ul {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
border-width: 0px;
border-style: none;
list-style-type: none;
}

#layout ul li {
margin: 0px 0px 5px;
padding: 0px;
float: left;
width: 100%;
font-size: 1em;
line-height: 16px;
color: #4c4d4f;
display:inline-block;
}

#layout ul li a {
background: transparent;
width: 100%;
display: inline-block;
padding-top: 3px;
padding-bottom: 3px;
color: #4c4d4f;
text-decoration: none;
}

#layout ul li a:hover {
background: transparent;
width: 100%;
display: inline-block;
color: #ffac59;
text-decoration: underline;
}

#layout ul ul li {
margin: 5px 0px 0px;
padding: 0px;
float: left;
width: 100%;
font-size: 0.8em;
display:inline-block;
color: #4c4d4f;
}

/* left sidebar */


#l_sidebar {
float: left;
width: 48%;
margin-right: 1%;
padding: 2px;
background-color: #000;
display:block;
position: relative;
color:#d4d3d9;
}

#l_sidebar ul {
list-style: none;
margin: 0;
padding: 0 0 10px 3px;
}

#l_sidebar li {
list-style: none;
margin: 0;
padding: 0;
}

#l_sidebar ul li {
margin: 0;
padding: 3px 0 0 0;
}

#l_sidebar ul li a {
font-size: 1em;
color: #d4d3d9;
text-decoration: none;
}

#l_sidebar ul li a:hover {
color: #ffac59;
text-decoration: underline;
}

#l_sidebar p,#l_sidebar span,#l_sidebar ul li ul li p, #r_sidebar p, #sidebar-single p, .widget time_machine span{
color: #d4d3d9;
}

/* right sidebar */

#r_sidebar {
float: right;
width: 48%;
margin: 0;
padding:2px;
background-color: #000;
display:inline-block;
clear:right;
}

#r_sidebar ul {
list-style: none;
margin: 0;
padding: 0 0 10px 3px;
}
#r_sidebar ul li {
margin: 0;
padding: 3px 0 0 0;
}
#r_sidebar ul li a {
font-size: 1em;
color: #d4d3d9;
text-decoration: none;
}
#r_sidebar ul li a:hover {
color: #ffac59;
text-decoration: underline;
}

#links .widget widget_links ul li a img {
border: none;}
img {border: none;}

.textwidget{
font-size: 0.9em;
}
#text-1.widgetwidget_text, .textwidget li{
font-size: 1.2em;
}

#footer {
clear: both;
background-color: #000;
width: 100%;
margin: 10px 0 0 0;
padding: 10px 0 10px 0;
text-align: center;
font-size: 0.7em;
border-top: none;
}

#footer p {
color: #d4d3d9;
}

#s1, #s2, #s3 {
width: 50%;
background-color: transparent;
font-size: 1em;
color:#4c4d4f;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
padding: 1px;
border: 1px solid #333333;
}

textarea #s4{
font-size: 1.2em;
}

#commentblock {
width: 97%;
background-color: transparent;
font-size:1em;
color: #000000;
float: left;
padding: 5px 5px 0 5px;
margin: 10px 0 10px 0;
border: 1px solid #333333;
}
#commentblock p {
	margin: 0;
	padding: 0;
}
ol#commentlist {
padding: 5px 0 5px 0;
margin: 0;
list-style-type: none;
}

ol#commentlist .alt a{
font-size: 1.1em;
color: #269c27;
}

ol#commentlist .standard a{
font-size: 1.1em;
color: #ff9428;
}

ol#commentlist li{
border-bottom: 1px solid #333;
clear:both;
margin-top:0;
}
.usercom {
padding:2px;
margin-top:15px;
width:85%;
display:block;
float:right;
clear:right;
}
.commentdate {
font-size: 1em;
padding-left: 0;
}

ol#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding: 0;
}
ol#commentlist li img { 
float: left;
border: 1px solid #eee;
padding: 2px;
background: #fff;
margin:20px 2px 2px 2px;
}

.commenttext {
clear:both;
margin-top:8px;
}

.commentname {
color: #000000;
margin: 0;
padding: 5px 5px 5px 0;
}

.commentinfo{
clear: both;
}

#commentsformheader{
padding-left: 0;
}

#commentsform{
background:transparent;
text-align: left;
margin: 0;
padding: 0;
}

#commentsform form{
background-color:transparent;
font-size:0.9em;
color:#000000;
text-align: left;
margin: 0;
}

#commentsform p{
background-color:transparent;
margin: 0;
font-size:1.1em;
}

#hbutt{
	background-color:#f4f4f4;
	font-size:1.2em;
	color:#000000;
	border:1px solid #333333;
}

#commentsform form textarea{
font-size: 1.3em;
color:#000000;
background-color:transparent;
border: 1px solid #333333;
width: 90%;
}

p.comments_link  img{
margin: 0;
padding: 0;
border: none;
}

code {
font-family: Verdana, sans-serif, Arial;
font-size: 0.8em;
color: #e0e0e0;
}

pre {
margin: 8px 0px;
padding: 0px;
clear: both;
width: 90%;
overflow: scroll;
font-family: Verdana, sans-serif, Arial;
font-size: 0.8em;
background-color: #E0E0E0;
color: #000000;
height: 40px;
}

p.stats {
	color: #fff;
	font-size: .9em;
	border-left: none;
	border-right: none;
	margin: 0;
	padding: 0;
}



.presek{
clear:both;
height:10px;
margin:0;
padding:0;
border-bottom: 1px solid #333;
}
.presek1{
clear:both;
height:5px;
margin:0;
padding:0;
}

 .box {min-height:1px;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}
  
.clear {clear:both;}

.entry-thumb img{
border: 1px solid #d4d3d9; 
padding:0px;
float:none; 
overflow: hidden; 
width: 90%; 
margin: 1px 0px 1px 0px;
text-align:center;
}

#catbox{
clear: both;
background-color: transparent;
width: 100%;
margin: 0;
padding: 10px 0 10px 0;
float: left;
display:block;
font-size:1em;
}

#catbox h2{
	color: #269c27;
	text-transform: uppercase;
	padding-left: 15px;
	font-size:1.2em;
	font-weight: bold;
}
#catbox ul {
list-style: none;
margin: 0;
padding: 0 0 20px 0px;
}

#catbox ul ul li{
list-style-type: square;
}
#catbox ul.children{
list-style-type: circle;
padding-left: 10px;
}
#catbox ul li {
margin: 0;
padding: 5px 0 0 0;
}

#catbox ul li a {
color: #F7F7F8;
text-decoration: none;
}

#catbox ul li a:hover {
color: #a6a6a6;
text-decoration: underline;
}

#catbox p a{
color: #4c4d4f;
text-decoration: underline;
}

#catbox p a:hover {
color: #a6a6a6;
text-decoration: underline;
}

#catbox .box {
width: 18.2%;
float: left;
margin: 5px 0 0 1%;
border-top: 2px solid #269c27;
padding: 2px 0;
display:inline-block;
}

#catbox .end {
margin-right: 0 !important;
}


#catbox .box h4 a {
font-size: 1.2em;
text-transform: uppercase;
font-weight: normal;
color: #269c27;
margin-bottom: 10px;
}

#catbox .box h4 a:hover {
color: #1C741D;
margin-bottom: 10px;
}

#catbox .box p {
margin: 10px 0;
}

#catbox .box p.readmore {
float: left;
font-weight: normal;
margin: 0 0 5px 0;
color:#4c4d4f;
text-decoration: underline;
padding:0px 5px 0px 18px;
}

#catbox .box ul {
list-style-type: none;
clear: both;
}

#catbox .box ul li {
border-bottom: 1px dotted #959595;
padding: 2px 0;
margin: 10px 0;
}

#catbox .box ul li a {
color: #ff9428;
font-size:1.2em;
}

#catbox .box ul li a:hover {
	color:#ffac59;				
}
#contentmiddle .entry-thumb {
float: left; 
overflow: hidden; 
max-height: 120px; 
width: 150px; 
margin: 0px 10px 10px 0px;
}

#catbox .entry-thumb img{
border: 1px solid #d4d3d9; 
padding:0px;
float:none; 
overflow: hidden; 
margin: 1px 0px 1px 0px;
text-align:center;
}

#hbutt{
background:transparent;
border:2px solid #333;
color: #000;
}

#hbutt:hover{
background:transparent;
border:2px solid #269c27;
color: #269c27;
cursor: pointer;
}

.drugi{
background-color:#000 ;
color:#fff;
padding: 3px;
float: left;
width: 98.3%;
border: 1px solid #333;
margin:0px 0px 5px 0px;
display:block;
}

.drugi h3{
font-size: 1.2em;
color: #f7f7f8;
margin:3px 0 15px 0;
padding: 0px;
float: left;
width: 97%;
display:block;
}

.drugi li ul li {
border-bottom: 2px solid #333;
margin-bottom: 5px;
}