/*  
Theme Name: 4u-Hemingway
Theme URI: http://utombox.com/2006/09/22/4u-style-for-wordpress/
Description: 4u-Hemingway continues to develop <a href="http://warpspire.com/hemingway">Hemingway</a>.<br />4u style is designed by <a href="http://utombox.com">Utom</a>.
Version: 1.0
Author: Utom
Author URI: http://utombox.com
*/
* {
margin:0;
padding:0;
}

li,dd {
margin-left:5%;
}

fieldset {
padding:.5em;
}

select option {
padding:0 5px;
}

.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

body {
color:#BFBFBF;
font-size:9pt;
font-family:helvetica,arial,verdana, sans-serif;
margin:0;
padding:0;
background-color:#303c44;
}

.inside {
width:960px;
min-width:65em;
max-width:85em;
margin:0 auto;
clear:both;

}

h1 {
	color:white;
	font-size:22px;
	font-weight:400;
	margin:1.5em 0;
}

h2,h3 {
font-size:13px;
color:#FFF;
font-weight:400;
}

#primary h2 {
color:#ccc;
}

p {
line-height:1.75em;
}

blockquote {
margin-left:1em;
padding-left:1em;
border-left:2px solid #CCC;
color:#CCC;
}

pre {
	width:100%;
	overflow:auto;
	/*border-top:1px dotted #333;
	border-bottom:1px dotted #333;*/
	padding:1em 0;
}

.rule {
border-top:1px solid #CCC;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0;
}

.utom {
padding:0 2em;
}

#header {
background:#303c44;
}

#header .inside {
	height:36px;
}

#header h2 {
font-size:2.25em;
border-right:1px solid gray;
float:left;
margin:0 0.5em 0 0;
padding:0 0.5em 0.25em 0;
}

#header h2 a {
color:#FFF;
text-decoration:none;
}

#header p {
line-height:1em;
margin:0;
padding:1em 0;
}

#primary {
color:#707070;
/*background-image:url(images/maintop.png);*/

background-color:#fff;
background-repeat:repeat-x;
background-position:top;
padding:2em 0;
}

#primary.onecol-stories .primary {
float:left;
width:50%;
}

#primary.onecol-stories .secondary {
float:right;
width:40%;
margin:0 0 0 10%;
}
#primary.twocol-stories .left_utom{
	float:left;
	width:600px;
	margin-top:31px;
}
#primary.twocol-stories .story {
width:600px;
background-color:gray;
}

#primary.twocol-stories .navigation {
width:600px;
text-align:right;
margin:0;
}

.story {

}

.story h3 {
font-size:23px;
font-weight:700;
color:#CCC;
margin:0;
}

.story h3 a {
color:#076D96;
text-decoration:none;
}

.story .details {
text-align:right;
font-size:12px;
color:#666;
height:27px;
margin:10px 0 30px;
padding:0;
}

.story .details .read-on {
background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;
display:block;
}

#primary .primary {
float:left;
width:600px;
padding:0;
text-align:justify;
}

#primary .secondary h2 {
color:#fff;
display:block;
height:35px;
font-size:14px;
line-height:35px;
/*background-image:url(images/about1.gif);*/
font-weight:700;
margin:0;
padding:0 0 0 1em;
}

#primary .secondary {
float:left;
width:220px;
padding-top:0;
/*background-image:url(images/about2.gif);*/
}

* html #primary .secondary {
/*background-image:url(images/about2.gif);*/
}

.secondary p {
	color:#fff;
	padding:10px;
}

.secondary .featured {
color:#fff;
/*background-image:url(images/about3.gif);*/
background-repeat:no-repeat;
background-position:bottom;
padding:0 1em 1em;
}

.secondary .featured p {
line-height:1.5em;
margin:1em 0 0;
padding:0.5em 0 0.6em;
}

.secondary .featured dl {
margin:0;
padding:0.5em 0 0.6em;
}

.secondary dt {
display:inline;
color:#fff;
margin:0;
padding:0;
}

.secondary dd {
display:inline;
margin:0;
padding:0;
}

#secondary {
background-color:#FAF9F5;
background-image:url(images/main_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:#ccc;
border-bottom-color:#D1D0CC;
padding:0;
}

.comment-head {
border-bottom:1px solid #ccc;
padding:1em 2em;
}

.comment-head h2 {
font-size:1.5em;
color:#333;
margin:0 0 3px;
}

.comment-head a {
text-decoration:none;
color:#333;
}

.comment-head .details {
font-size:12px;
}

ol#comments {
list-style-type:none;
color:#333;
margin:1em 0;
padding:0 2em;
}

ol#comments li {
list-style-type:none;
border-bottom:1px dotted #ccc;
margin:0;
padding:5px 0;
}

#comments cite {
float:left;
width:20%;
font-style:normal;
text-align:left;
padding-left:2px;
}

* html #comments cite {
width:23%;
}

#comments cite span {
display:block;
}

#comments cite .author {
font-size:1em;
margin:3px 0;
}

#comments cite .author a {
text-decoration:none;
color:#000;
}

#comments cite .date {
margin-bottom:5px;
}

#comments cite .gravatar {
border:1px solid #ccc;
width:32px;
padding:3px;
}

#preview {
border:1px solid #333;
margin:1em 0;
padding:0.5em;
}

#errors {
color:red;
font-weight:700;
}

#comments .pingback cite .author {
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content {
float:left;
width:66%;
margin:0;
padding:0 0 0 2%;
}

#comments .content a {
color:#060;
}

#comments .content p {
margin:0 0 1em;
}

h3.formhead {
font-size:1.5em;
color:#333;
padding:10px 0 0 30px;
}

#comment-form {
float:left;
width:32em;
background:#eeeee6;
color:#990;
margin:0.5em 0 5em 3em;
padding:10px;
}

#comment-form p {
color:#333;
}

#comment-guide {
float:left;
color:#44442F;
margin:0 0 0 30px;
}

#comment-guide ul {
list-style-type:square;
margin:6px 0 0;
}

#comment-guide li {
margin-bottom:12px;
}

#comment-guide li a {
color:#606;
}

#comment-guide h3 {
font-size:14px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
margin-left:5px;
color:#333;
padding:0 50px 6px 0;
}

input.textfield {
width:25.8em;
margin:10px 0;
padding:4px 0 3px 5px;
}

textarea.commentbox {
width:25em;
height:10em;
font-size:1.25em;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0;
padding:4px 0 3px 5px;
}

label.text {
position:relative;
font-size:12px;
color:#990;
}

.formactions input.submit {
float:right;
margin:-1em 0 0;
padding:0;
}

.formactions .spinner {
float:right;
margin:-8px -20px 0 0;
}

#ancillary {
background-color:#F7F7F7;
padding:2em 0 0;
color:#333333;
}

#ancillary h2{
color:#333333;
font-weight:bold;
}

#ancillary .first,#ancillary .second {
margin:0 3em 0 0;
}
#ancillary .block p{
padding:0 0 2em;
}
#ancillary .second {
width:288px;
}

ul.dates,ul.counts,ul.blogroll ul,ul.pages {
list-style:none;
border-top:1px solid #3D3D3D;
margin:1.5em 0 2em;
}

ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li {
list-style:none;
border-bottom:1px solid #3D3D3D;
color:#333333;
margin:0;
padding:0.5em 0;
}

ul.dates .date {
color:#858585;
float:right;
padding:0;
}

ul.counts .count {
float:right;
color:#333333;
}

ul.dates a,ul.counts a,ul.blogroll a,ul.pages a {
	color:#333333;
	text-decoration:none;
}

ul.blogroll li {
list-style:none;
margin:0;
}

ul.pages ul li {
border:none;
margin-left:2em;
list-style:square;
}

#footer {
	clear:both;
	color:#333333;
	background:#303c44;
}

#footer .inside {
height:35px;
}

#footer p {
font-size:10px;
line-height:35px;
margin:0;
}

#footer p.attributes a {
text-decoration:none;
color:white;
padding:0 0 0 1em;
}

#search {
left:50%;
width:200px;
-moz-opacity:0.4px;
text-align:right;
margin:12px 12px 0 150px;
position: absolute;
}

#search:hover {
-moz-opacity:1px;
}

#search .searchimg {
float:left;
width:14px;
height:13px;
background:url(images/search.gif) 0 0 no-repeat;
position:relative;
top:4px;
}

#search input {
width:175px;
font-size:9pt;
background:#CCC;
margin-top:2px;
}

#search input:focus {
background:#FFF;
}

#searchform {
margin:1em 0;
}

#searchform #s {
background:#222;
border:none;
border-bottom:1px solid #333;
width:30em;
color:#666;
padding:0.25em;
}

#searchform #searchsubmit {
background:#000;
color:#666;
border:none;
font-size:0.9em;
text-transform:uppercase;
letter-spacing:0.25em;
}

#search-results {
width:30%;
background:#333;
float:right;
-moz-opacity:0.9px;
border-top:1em solid #000;
padding:0;
}

#search-results h3 {
font-weight:700;
text-align:left;
background:#000;
margin:0;
padding:0 0 1em;
}

#search-results small {
display:block;
text-align:left;
font-size:0.9em;
border-top:1px solid #666;
border-bottom:1px solid #555;
padding:0.5em 1em 0.7em;
}

#search-results small a {
color:#CCC;
}

#search-results ul li {
list-style:none;
margin:0.5em 0;
padding:0 1em 0.5em;
}

#search-results ul li:hover {
background:#202020;
}

#search-results ul li a {
text-decoration:none;
border-bottom:1px dotted #CCC;
}

#search img.archives-icon {
top:1px;
margin:0 7px 0 0;
}

#otherbar {
	float:right;
	width:275px;
	margin:0;

}


#otherbar ul.dates li,
#otherbar ul.counts li,
#otherbar ul.blogroll ul li,
#otherbar ul.pages li {
list-style:none;

color:#858585;
margin:0;
padding:0;
line-height:20px;
}
#otherbar ol,#otherbar ul,#otherbar li {
list-style:none;
margin:0;
}

#otherbar ul {
margin:0 0 10px;
}

#otherbar .ul_flickr {
margin:10px 0;
}

#otherbar h2 {
margin:0 0 5px;
}

#otherbar .ul_flickr a {
border:1px solid #ccc;
display:block;
float:left;
margin:4px;
padding:3px;
}

#otherbar .ul_flickr a:hover {
border:1px solid #9c0;
background:#FAFFE8;
}

#otherbar .ul_feeds {
clear:both;
margin:10px 0;
}

.ul_feeds li {
background-image:url(images/feed.gif);
background-position:1px center;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 0 20px;
}

#wp-calendar {
text-align:center;
background-color:#fff;
margin:0;
}

#wp-calendar td {
height:24px;
width:24px;
line-height:20px;
background-image:url(images/day.png);
background-repeat:no-repeat;
background-position:center;
font-size:11px;
color:#4f4f35;
}

#wp-calendar td a {
display:block;
width:24px;
height:24px;
color:#fff;
text-decoration:none;
background-image:url(images/linkday.png);
background-position:center;
line-height:24px;
background-repeat:no-repeat;
}

#wp-calendar #prev a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
}

#wp-calendar #next a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
margin:0 0 0 30px;
}

#wp-calendar #today {
background-image:url(images/today.png);
background-position:center;
color:#fff;
background-repeat:no-repeat;
}

#wp-calendar #today a {
background-image:url(images/today.png);
background-position:center;
color:#fff;
font-weight:700;
background-repeat:no-repeat;
}

#sidebar a {
	/*color:#570;*/
	text-decoration:none;
	line-height:150%;
}

.datetime {
float:left;
height:50px;
width:50px;
background-image:url(images/date.png);
font-size:10px;
font-weight:700;
text-align:center;
color:#000;
line-height:20px;
margin:0 10px 0 0;
}

.datetime span {
display:block;
line-height:30px;
color:#fff;
font-size:15px;
}

.postin {
	line-height:25px;
	height:25px;
	margin:20px 0 10px;
}

.postin span {
line-height:25px;
height:25px;
display:block;
float:left;
}

.postin .p_author,.postin .p_category,.postin .p_read,.postin .p_tags {
background-position:1px center;
background-repeat:no-repeat;
margin:0 10px 0 0;
padding:0 0 0 20px;
}

.postin .p_author {
background-image:url(images/author.gif);
}

.postin .p_category {
background-image:url(images/category.gif);
}

.postin .p_tags {
background-image:url(images/tags.gif);
}

.postin .p_read {
background-image:url(images/fulltext.gif);
}

.details .p_comments {
background-image:url(images/comments.gif);
background-repeat:no-repeat;
height:27px;
width:100px;
line-height:27px;
text-align:center;
float:right;
padding:0 5px 0 27px;
}

#menu {
	background-color:#303c44;
	font-size:12px;

	height:97px;
	position:static;
}

#menu .menu,#menu li {
list-style:none;
margin:0;
padding:0;
}
#menu .utom_menu{
	width:912px;
	margin:0 auto;
}
#menu .menu {

height:26px;
padding:0 0 0 1px;
}
#menu .utom_menu_b{

float:right;
height:26px;
padding:0 1px 0 0;
}
#menu .menu li {
float:left;
line-height:25px;
height:26px;

background-repeat:no-repeat;
background-position:left top;
}

#menu .menu a {
height:26px;

background-repeat:no-repeat;
color:#fff;
display:block;
width:65px;
text-align:center;
padding:0 10px;
}

a.oc {
display:block;
height:26px;
width:154px;
position:absolute;
left:50%;
margin:0 0 0 200px;
}

.open_c {
background-image:url(images/open_comments.png);
}

.close_c {
background-image:url(images/close_comments.gif);
}

.download {
background:#D0F29D;
text-align:center;
border-top:2px solid #9CD941;
border-bottom:2px solid #9CD941;
margin:1em;
}

#getfirefox {
text-align:center;
padding:2em 0 0;
}

#primary .secondary2 {
float:left;
clear:left;
width:220px;
margin:2em 0 0;
padding:0 1em;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,dl,fieldset,address,#preview p,#ancillary .block h2,#ancillary .block h3 {
margin:1em 0 0;
}

.hide,.print-logo,.close-button,a.oc span {
display:none;
}

.left,#ancillary .block,#footer p.copyright {
float:left;

}

p.copyright {
	color:white;
	font-size:11px !important;
	padding:10px 0 10px 0;
}

p.copyright a{color:white;}
p.copyright a:hover{/*color:#666;*/}

.right, #footer p.attributes {
	color:white;
	float:right;
	padding:13px 0 10px 0;
}

a img,#otherbar ul,#otherbar ul li {

}

a, .story .details a {
	color:#1e3544;
	
	text-decoration:none;
}

a:hover,.story .details a:hover,.inside a:hover,.secondary dd a:hover,.comment-head a:hover,#otherbar ul a:hover,.download a {
	text-decoration:underline;
}

.details .p_comments a:hover,
.secondary a:hover,
#menu .menu a:hover{
	/*color:#ddd;*/
}

.inside a, #otherbar ul a {
	/*color:#076D96;*/
}

.secondary dd a,.details .p_comments a,.download a:hover {
	/*color:#fff;*/
}

.single-post h1,.single-post h2,ul.blogroll {
margin-top:0;
}

#comments cite .author a:hover,#comments .content a:hover,#comment-form p a {
/*color:#9BDA41;*/
}

#comment-form p a:hover,#comment-guide li a:hover,ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover,#footer p.attributes a:hover {
	/*color:#FFF;*/
}

#ancillary .first,#ancillary .third {
width:180px;
}

ul.pages ul,#search-result ul {
margin:0;
}

#wp-calendar caption,#wp-calendar th {
font-size:11px;
}

#wp-calendar .pad,#wp-calendar #prev,#wp-calendar #next {
background-image:url(images/do.png);
}
#wp-calendar td a{color:white; font-weight: bold;}

/***** NAVIGATION LAYER *****/


div.navigation {	
	position:relative;
	width: 180px;
	
	border: 0; 
	margin: 0 0 10px 0;
}


div.navigation ul { margin: 0 0 0px 0; padding: 0;; list-style: none; }

div.navigation ul li {
	width: 180px; 
	
	text-align: left; 
	margin: 0; 
	font-size: 12px; 
	color: #666; 
	background-color: #FBFBF9; 
}

div.navigation ul li div{
	width: 180px; 	
	margin: 0; 
	background-color: #FBFBF9;	
	color: #666; 
	padding: 0px; 	
	padding-top:3px;
	text-decoration: none; 	
}

div.navigation ul li a {
	width: 170px; 
	display: block; 
	margin: 0; 
	background-color: #FBFBF9; 
	color: #666; 
	padding: 5px; 
	text-decoration: none; 
	border-bottom: 1px dotted #ddd; 
}

div.navigation ul li a:hover { background-color: #F3F3F1; color: #598D32; }

/*2. razina menija*/

div.navigation ul li.indent a{
	
	width: 155px; 
	padding-left:20px;
}

span.header {
	background-color: #FBFBF9;	
	width: 170px; 
	display: block;
	font-size:13px;
	font-weight:bold;
	margin: 0;  
	color:#ffffff;
	border-bottom: 0; 
	background-image:url(images/comments00.gif); 
	text-align:center;
	background-repeat:no-repeat;	
	padding: 5px; 		
}

#toolbar
{				  		
  position:relative;	  				    
  border:1px solid #C5C5C5;				
  border-bottom:0;
  background-color:#f9f9f9;
  width:615px;
  z-index:1001;
}

#toolbar_inner {
	position:relative;
	height:24px;
	z-index:1001;
}

#button1 a,
#button2 a,
#button3 a
{
		height:21px;
		width:21px;
		display:block;	
		border:0px;
}

#button1,
#button2,
#button3{
	position:absolute;
	height:21px;
	width:21px;			
	top:2px;	
	border:0px;
}

#button1,
#button1 a
{
	background:url(images/move.gif) no-repeat			
}

#button2,
#button2 a
{
	background:url(images/select.gif) no-repeat			
}

#button3,
#button3 a
{
	background:url(images/resize.gif) no-repeat			
}

#button1
{
	left:2px;
	z-index:1001;
}

#button2
{
	left:27px;
	z-index:1002;
}

#button3
{
	left:52px;
	z-index:1003;
}

#button1 a
{
  background-position:0px -42px;
}

#message,
#poruka {
  position:absolute;
  top:4px;
  left:0px;
  width:615px;
  text-align:center;
}

#countryList {
  width:165px;
  overflow:hidden;
}

.rightLink { 
  margin-top:10px;
  margin-bottom:10px;    
}

#queryActions {
  width:170px;
}

#infoDiv {
	position:absolute;	
  margin:0;
  left:0px;  
  top:244px;
  height:280px;
  overflow:auto;
  width:175px;
}

#advOptions {
  position:relative;
  display:none;
  width:790px;
  text-align:left;
  background-color:#fafafa;
  margin:auto;
}

#advOptions_inner {
  position:relative;
  width:678px;
  height:100px
}


#queryBox {
	height:120px;
	width:500px;
	float:left;
}

#queryData {
  height:100px;
  width:482px;
}

#queryControls {
  position:relative;
  height:120px;
  width:175px;
  float:right;  
}

#queryControls div {
  position:absolute;
  left:0px;
  top:0px;
}

#queryControls select {
 margin-left:15px;
}

#infoHelpLink {
  position:relative;
  margin-top:10px;
}

#infoHelp {
  position:relative;
  margin-top:10px;
  display:none
}

#queryColors {
  position:relative;
  margin-top:20px;
  margin-bottom:5px;  
}

#startColorP {
  text-decoration:none;
  position:relative;
  padding:2px;
  background-color:#ff0000;
  border:1px solid #000000;
}

#endColorP {
  text-decoration:none;
  position:relative;
  padding:2px;
  background-color:#ffffff;
  border:1px solid #000000;
}

.box
{				
  position:relative;
  text-align:left;
  padding:10px;								
  margin:0px;
  border:1px solid #C5C5C5;
}

#formStatus {
	position:absolute;
	left:0px;
	top:60px;
	height:200px;
	overflow:auto;
	background-color:#fff;
}

#formStatus div {	
	width:160px;
	overflow:hidden;
}

#trazi
{
	margin:10px;
}

.secondary a{
	color:#fff;
}

#showcase .featured
{
	height:100px;
	padding:15px;
}


/* my */

#logo{
	padding-top:5px;
	color:#aaaaaa;
}


.content_right {float:right;font-size:0.97em;margin-top:1.2em;width:275px;font-size:12px}
.content_right h3 {
	color:#3c3c3c;
	font-size: 16px;
	font-weight:bold;
	border-top:1px solid #aaa;border-bottom:1px solid #ddd;padding:5px 0 4px 0;text-align:right;}
.content_right_sub {color:#333333;margin-bottom:2.5em;}
.content_right_sub ul {list-style:none;margin:0 0 1em 0;}
.content_right_sub ul li {border-bottom:1px solid #ddd;line-height:2em;}

.archived_posts {
	color:#3C3C3C;
	width:600px;
	margin:0;
	margin-top:0em;
	
	overflow:hidden;

}

.archived_posts h3 {
	border-top:1px solid #8f8f8f;
	margin:0;
	font-size:16px;
	padding:5px 0 4px 0px;
	color:#303c44;
	font-weight:bold;
}

.archived_posts_date {
	float:left;
	font-size:0.95em;
	font-weight:bold;
	margin-top:10px;
	width:150px;
	
	
}

.archived_posts_date br {margin:0;}

.archived_entry {
	/*float:right;*/
	border-top:1px solid #DDDDDD;
	margin:0 0 35px 0;
	padding-top:5px;
	/*width:450px;*/
}

.archived_entry ul li{
	line-height:20px;
}

.contact{
	width:275px;
	height:280px;
}

.contact a{
	font-weight:normal !important;
}

.contact_info{
	width:275px;
}

.contact_label{
	width:80px;
	font-weight:bold;
	float:left;
	margin-bottom:5px;
}

.contact_info{
	float:left;
}

a img{
	border:none;
}


.ref_comment{
	display:block;
	color:#666666;
}

.ref_label{
	color:#1e3544;
	font-weight:bold;
}


/* ****************************************** */

#demo_buttons{
	margin:20px 0 0px 0; 
	padding:0; 
	list-style-type:none; 
}

#demo_buttons li{
	margin:0 0 0 10px;
	padding:0;
	float:left;
}