/*  
    spravodaj - css - media handheld
*/

body
	{
	margin:0;
	padding:0;
	background:#823D31;
	background-image: none;
	background-repeat: repeat-x;
	color:#000;
	font:100%/1.4em sans-serif;
	}


a:link, a:visited { color: #1F5B9E; afont-weight: bold; }
a:link { color: #2E8FFC; }
a:hover { background-color: #600; color: #D1481B; color: #FFF; text-decoration: underline; }
a img { border:none; }



h1,h2,h3, .entry h1, .entry h2, .entry h3, .entry h4,
.perex h1, .perex h2, .perex h3, .perex h4
 { font-family: sans-serif; margin-top:1em; font-weight:normal; }
h1 { font-size:140%; margin-top:.5em; margin-bottom:.5em; color:#01E19A; line-height:1em; letter-spacing: 0; font-weight: bold; }
h2 { font-size:130%; margin-top:.5em; margin-bottom:.2em; line-height:1.2em; color:#01E19A; line-height:1em; letter-spacing: 0; font-weight: bold; clear: both; }
h3 { font-size:120%; font-weight:bold; margin-bottom:.2em; color:#908B72; }
h4 { clear: both; font-size:100%; font-weight:bold; margin:0; padding:0; margin-top:.4em; color: black; }

ul { padding-left:2em; }
ul li { list-style-type:square; margin-bottom:1em; }

input { border: 1px solid #000;  padding: 2px; text-align: left; }
textarea { border: 1px solid #000; padding: 2px; text-align: left; }



blockquote {
     margin: 20px 0;
     font-style: italic;
     background-color: #f2f2f2;
     background-image: none;
     background-repeat: no-repeat;
     background-position: left top;	
     padding: 10px;
     padding-left: 10px;
     border: 1px solid #999999;
}

kbd, code, pre, input[type=text] {
     font-size: 95%;
     font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
}
code {
     background: #ffc
}
pre code, blockquote code {
     background: #f9f9f9
}
pre {
     margin: 20px 0;
     background: #f9f9f9;
     border: 1px solid #ddd;
     padding: 10px
}
q {
     font-style: italic
}
q:before {
     content: open-quote
}
q:after {
     content: close-quote
}




/* Layout */

#container 
	{ 
	margin: 0; 
	max-width: none;  
	min-width: none;  
	}

/* Layout: header */

#header { background: white; }

#header #logo { margin:0;padding:0;
	font-size: 16px; font-weight: bold; line-height: 100%;
	color: #823D31; 
	height: 15px; }

#header #logo span {
	background-image: url('spravodaj-logo-6.gif');	
	background-repeat: no-repeat; background-position: top right;
	width: 113px; height: 15px;
	position: absolute; top:0;left:0;
}

/* Layout: image banner */

#banner  { display: none; }

/* Layout: main menu */
#main-menu { padding: 0px; margin:0; bottom:0; font-size: 80%; border-bottom:0; height:auto; }
#main-menu li { display:inline; list-style-type:none; 
margin:0; padding:0; text-align: left;
}
#main-menu a { display:inline; padding:2px; margin:0;
color: #908B72; font-weight: normal; text-decoration: underline;
width: auto; text-align: left; line-height: auto;
background-image: none; width: auto; 
height: auto;
font-size: 80%;
}
#main-menu a:hover, #main-menu #selected a { }

/* Layout: footer */

#footer { clear:both; color:#908B72; padding:0; font-size:90%; 
	 background-image: none;
}
#footer a { color: #908b72; font-weight: normal; }

/* Layout: main body with three columns */

#wrapper-1 { background:#fff; padding-bottom:0px; color: #000;
	border:0;
	background-image: none;
	}  
#wrapper-2 { background: white; width:auto; float:none; color:#000; }
#wrapper-1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper-1, #wrapper-2 { display: block; }

/* Layout: content in left column */

#content { float:none; width:auto; background-color:#FFF; 
	color:black; }

#content * { margin-left:4px; margin-right:4px; }
#content * * { margin-left:0; margin-right:0; }
#content h1 { width: auto; float: none; padding:0;
	line-height: auto; margin:0; padding-left: 4px;
	padding-top: 4px; padding-right: 4px; }
#content h2 { font-size: 1.1em; font-weight: bold; margin-top:.1em; margin-bottom:.6em; color: #908B72;  }
#content p { margin:0;padding:0; padding-left: 4px;
	padding-right: 4px; padding-top: 4px; }
#content ul { margin-left:4px; padding-left: 4px; padding-top: 4px; padding-right: 4px; }
#content li { list-style-image: url("http://spravodaj.madaj.net/images/no.gif"); margin-left: 0px; margin-top:0; margin-bottom:0; padding-top:0px; padding-right:0; padding-bottom: 4px; }
#content ul { margin-left:20px; padding-left: 4px; padding-top: 4px; padding-right: 4px; }
#content h1 a { color: #2E8FFC; text-decoration: none; }
#content h1 a:visited {  color: #1F5B9E; }
#content h1 a:hover { color: #900000; }
#content h2 a { color: #2E8FFC; text-decoration: none; border-bottom: 1px solid #DDD; }
#content h2 a:visited { color: #1F5B9E; border-bottom: 1px solid #DDD;  }
#content h2 a:hover { color: #900000; background-color: transparent;  border-bottom: 1px solid #DDD; }
#content a:visited { color: #B0AB92;  color: #1F5B9E; }
#content a:hover { color: #900000; background-color: transparent; }

#content .perex a { text-decoration: underline; }

#content .perex { margin:0; padding:0; }

#content .perex img, #earlier .perex img, .imgright, .imgleft { float: right;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	margin-left: 5px;
	margin-right:0;
	padding: 5px;
	margin-top: 4px;
	text-align: center;
	font-size: 8px;
	color: gray;
}

#earlier .perex img, .imgleft { float: left; 
	margin-left:4;
	margin-right: 4px;
}

#content .cb { background-image: none;
	background-color: yellow;
	width: 2em; height: auto;
	text-decoration: underline;
	text-align: center;
	color: black;
	display: block;
	float: right;
	margin-left: 4px;
	padding: 2px;
	}
#content .cb:hover { background-image: none; font-size: 16px; font-weight: bold; }


#content-wide { float:none; padding:10px; background:white; color:black; }

.side-menu * { margin-left:4px; margin-right:4px; }
.side-menu * * { margin-left:0; margin-right:0; }
.side-menu h2:first-child { margin-top:.8em; }
.side-menu ul { padding-left:0; }
.side-menu ul li { list-style-type:none; margin-top:2px; margin-bottom:0; margin-left: 25px;
margin-right: 20px;
list-style-image: url('li.gif');
}

ul.rss li { list-style-type:none; margin-top:2px; margin-bottom:0; margin-left: 26px;
list-style-image: url('rss.png');
}

.rss14 { background-image: url('rss14.png'); background-repeat: no-repeat; padding-left: 18px; }

/* Layout: middle column */

#left-menu { float:none; width:auto;
	background-image: none; }

/* Layout: right column */

#right-menu { float:none; width:auto; }

/* Design: first item */

#earlier { clear:both;margin-left:0; margin-right:0; margin-top:15px;
	 padding:0px 0px; color:#000; border-top: 0;
	 background-color: white;
	 background-image: none;
	  }
#earlier h2, .side-menu h2 { color: #2E8FFC; }
#earlier h3, .side-menu h3 { color:#908B72; }
#earlier h2:first-child { margin-top:.6em; }
#earlier p { margin:0;padding:0; padding-bottom:8px; }


/* content design */

.postmetadata { margin-bottom: 60px; }
.bordered-right { border: 1px solid #000; margin: 0px 0px 10px 10px; float: right; }

ul li.rss { list-style-image: url('rss14.png'); }

ul li.links { list-style-image: url("links.gif"); }
ul li.about { list-style-image: url("info.gif"); }
ul li.comments { list-style-image: url("comment.png"); }
ul li.month { list-style-image: url("month.png"); }
ul li.themes { list-style-image: url("themes.png"); }
ul li.fine { list-style-image: url("fine-read.gif"); line-height: 12pt; margin-top:0; padding-top:0; margin-bottom: 7px; }
ul li.newest { list-style-image: url("newest.gif"); }

ul li.fine a { font-size: 14px; font-weight: bold; }

.icq, ul li.icq
	{ list-style-image: url("http://spravodaj.madaj.net/images/ico_icq.gif"); }

.email, ul li.email 
	{ list-style-image: url("http://spravodaj.madaj.net/images/ico_email.gif"); }

.skype, ul li.skype
	{ list-style-image: url("http://spravodaj.madaj.net/images/ico_skype.gif"); }



a.bm { padding-left: 20px; margin: 0 0.4em; line-height: 20px; }
a.delirious { background:  url(http://spravodaj.madaj.net/pic/socbook/delirious.png) center left no-repeat; }
a.delicious { background:  url(http://spravodaj.madaj.net/pic/socbook/delicious.png) center left no-repeat; }
a.furl { background:  url(http://spravodaj.madaj.net/pic/socbook/furl.png) center left no-repeat; }
a.spurl { background:  url(http://spravodaj.madaj.net/pic/socbook/spurl.png) center left no-repeat; }
a.simpy { background:  url(http://spravodaj.madaj.net/pic/socbook/simpy.png) center left no-repeat; }
a.yahoo { background:  url(http://spravodaj.madaj.net/pic/socbook/yahoo.png) center left no-repeat; }
a.reddit { background:  url(http://spravodaj.madaj.net/pic/socbook/reddit.png) center left no-repeat; }
a.blinklist { background:  url(http://spravodaj.madaj.net/pic/socbook/blinklist.gif) center left no-repeat; }

#comments dd, #comments dt, #comments dl { margin:0; padding:0; }

#comments p { margin:0; padding:0; margin-bottom: 7px; }

#comments li { list-style-image: url("http://spravodaj.madaj.net/images/no.gif"); }


.date, .dated {
	background: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	text-align: center;
	margin: 0 5px 5px 0;
	line-height: 1.1em;
	padding: 2px;
	font-size: 11px;
	width: 4em;
	white-space: nowrap;
	color: #666;
}

.dated { background: #F5F5F5; text-align: center; width: 3em; float: right; color: #888; margin:0; margin-top: 4px; }

.dtv {
	background: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 2px 2px 0;
	line-height: 1.1em;
	padding: 1px;
	font-size: 9px;
	white-space: nowrap;
	color: #666;
}

.continue { padding-right: 20px; float: right; text-align: right; }
.entryfoot { clear: both; padding-top: 4px; }

.clear {
  clear: both;
}


#search { text-align: center; }

#search fieldset { border:0; 
	border-top:0;
	padding-top: 8px;
	background-image: none;
	}

#search input { border:auto; margin-bottom: 1px; width: 90%; text-align: auto; }

.service a { color: gray; }

.delicious-link { font-weight: bold; }

/* Entry specific CSS */

#content .entry h1, #content .entry h2, #content .entry h3, #content .entry h4,
#content .perex h1, #content .perex h2, #content .perex h3, #content .perex h4
{
	margin: 0; padding: 0;
	color: black;
	float: none;
	letter-spacing: 0;
	font-weight: bold;
}
#content .entry h1, #content .perex h1 { font-size: 150%; }
#content .entry h2, #content .perex h2 { font-size: 130%; }
#content .entry h3, #content .perex h3 { font-size: 120%; }
#content .entry h4, #content .perex h4 { font-size: 110%; }



#wait { 
background-image: url('wait.gif'); background-repeat: no-repeat;
width: 20px; height: 20px;
position: absolute;
top: 50%; right: 50%;
}

#corner { display: none; }