@import url(screen.css);
  
h5.il { display: inline !important }


/* folder items */


/* folder icon */
.folder {
  padding:0;
}

/* folder labels */
.folder span {
 /* padding-left: 25px; */
  margin:0;
}

div#errors { margin-bottom: 5px }

/** the main divs (nav, side, content, footer, ...) inherit this class */
div.frame {
 padding: 15px;
}


div#nav a { 
 padding: 0 5px; 
}
 
div#nav {
  margin-bottom: 5px;   
}

h3.collapsed {
 padding-bottom: 0.2em;
}

li.item {
 padding:  5px;
 margin: 0 0 10px 0;
}

div#items ul{
 padding:0;
 margin:0 0 30px 0;
}

h3.collapsed {
  margin:0 0 20px 0;
}

div#items li { 
 padding: 10px 15px;
}

table#configtable li,.content li {
   padding: 0.1em 0.2em !important;
   margin-left: 1.2em;
}

.content li *{
   margin:0; padding:0;
}

.content table td { padding: 0.1em; margin: 0 }

div#items li.upnav {
 padding: 0
 margin:0; 
}

div#items li.upnav a {
 padding: 0 10px;
}

div.content {margin-top: 1em; }

/* images inside posts */

.content,h4 { 
 height: auto;
 width: 99%;

 overflow: hidden;
 /* IE doesn't get overflow:visible right. */
 voice-family: "\"}\"";
 voice-family:inherit;    
 overflow: visible;
}

table#channeltable,table#foldertable,table#updatetable,table#configtable {
 margin: 20px 0 5px 0;
 width: 99.2%;
}

table#configtable caption{
 margin: 0 0 -18px 0;
}

table#foldertable { width: auto }

td>input[type="text"] { width: 100%; }

fieldset#channeleditfs {
	display:block;
	width:100%;
	padding: 1em;
	text-align:left;
	width: 45%; 
	float: left;
}

fieldset#channeleditpropfs {
	text-align:left;
	float:left;
	display:block;
	width: 47%;
	font-size:small;
}

form#channeledit p{
	margin: 0 0 0.7em 0;
}

p#rss_input_allowupdates_options input {
	display:inline !important;
}

p#rss_input_allowupdates_options label {
	display:inline !important;
	margin-right: 1em;
}

form#channeledit input { display:block; }

form#channeledit input[type="text"] {
  display:block;
  width: 100% !important;
}


#items h2 { margin-bottom: 10px; }

p.error {
 color: red;
 font-weight:bold;
 text-align:center;
}

div.readmore {
 display: block;
 height: 1em;
}



/** from http://css.maxdesign.com.au/listamatic/horizontal11.htm **/

ul.navlist {
 padding-bottom: 25px; 
 margin: 0;
}
 
div#channel_admin ul.navlist {
 margin-bottom: 1em;
}

ul.navlist li {
 float: left;
}


ul.navlist li {
 height: 1.3em;
 margin: 2px 2px 0 5px;
 padding: 0.05em 0.2em;
}

/* doubling because IE chokes on the submit selector */
input[type="submit"] {
  height: 23px; 
  margin: 2px 2px 0 2px; 
  padding: 0.05em 0.1em;
}

.navlist li a {
 float: left;
 display: block;
 vertical-align:middle;
}
 
img.favicon {
 width:16px;
 height:16px;
 border:none;
 margin-right: 0.5em;
 vertical-align: middle;
 border: 1px solid green;
}

p.stats {
 margin: 0;
 padding: 0;
}

input#search_go { margin-left: 100px; }

div#channel_admin h2 { margin-top: 1em; }

span.updateres { 
  position: absolute;
  left: 60%;
}

.clearer { clear: both; height: 0;  }
.clearer.hidden {  display: none; }
.indent { margin-left: 2em !important; }


table#updatetable .lc { width: 60% }
table#updatetable .mc { width: 30% }
table#updatetable .rc { width: 10%; text-align:center }

.hidden { display: none; }

.fl { display: inline; float:left; }
.fr { display: inline; float:right; }


fieldset {  
  text-align: center; 
  display: inline;
  padding: 10px;
  margin: 0 10px 0 0;
}

fieldset.tags {  
  width: 120px;
}
 
 
fieldset.tags input, fieldset.tags select { 
 display: block;width: 110px;
 margin: 5px 0; 
}

div#alltags {
 margin: 30px;
 padding: 20px;
}

#loginfo { 
	float: right;  
	padding: 0.2em 0.5em;
}

/** admin dashboard **/
#db_main {
 width: 72%;
 float:left;
}

#db_main .item { padding: 1em; }
#db_main h4, .db_side h4  { border: none !important; margin-left: 0; padding-left:0 }

div.db_side {
 width: 24%;
 margin: 0 1em 10px 73%;
 padding: 1em;
 border-color: #eef;
 background-color: #f8f8ff;
}


.db_side h3 { border:none; padding: 0; margin: 0}
.db_side ul { list-style-type: square; margin: 0 0 2em 0 }
.db_side li {
	margin: 1em 0 1em 1em;
	padding: 0 0.2em;
	color: #ccc; 
}
.db_side li h5 a {
	color: #666 !important; 
}
.db_side li h5 a:hover { color: #333 !important }

/* second file */

input.tagedit { font-weight: normal; font-size: smaller;}

label, div#channel_admin span, p.bookmarklet {
 font-size:small;
}

div#errors ul { list-style-type:square !important;  }
div#errors { padding: 1em 2em; }

table#configtable li, .content ul {
   list-style-type:circle; 
}

div#opml li { border: none }

/* folder icon */
div#opml .folder span {
 font-size: 150%;
}

/* folder labels */
.folder span {
  font-weight:bold;
  text-transform: capitalize;
}


/** the main divs (nav, side, content, footer, ...) inherit this class */
.frame {
 background-color: #fff;
 border: 1px solid #ccc;
}

div#nav {
   background-image: url(./media/arrows.gif); 
   background-color: #fff;
   background-position: top right;
   background-repeat: no-repeat; 
}

li.item.even, tr.even,div#alltags { background-color: #f9f9f9; }
li.item.odd, tr.odd { background-color: #f4f4f4; }
tr.active td { font-weight:900; background-color:#f8f8ff; }
tr.hilite td { font-weight:900; background-color:#f0fff0; }

h3.collapsed {
 border: 1px solid #ddd;
 border-color: #eee;
 background-color: #f9f9f9;
}
  

li.item.unread,h3.collapsed.unread {
 border-color: #eef;
 background-color: #f8f8ff;
}

li.item {
 list-style-type: none;
 border: 1px solid #eee;
}

div#items li.upnav { text-align:right; }

div#items li.upnav a {
 border-left: 1px solid;
 font-size:  small;
}

img { border: none }

.content,.content * {
 font-size: small;
 line-height: 1.4em;
 text-align:justify;
}


.item:hover .content a, .item:hover h5 a { border-bottom: 1px solid #ccc; }

table#plugintable,table#channeltable,table#foldertable,table#updatetable,table#configtable,.content table {
 border: 1px solid #ddd;
 font-size: small;
}



table tr:hover td { background-color: #f8f8ff }
table caption {
  text-align: left;
  font-family: "Trebuchet MS", "Gill Sans", Geneva, Arial, Helvetica, sans-serif;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height:1.1em;
  font-size: medium;
  font-weight: bold;
}
  
form.markread p, form.markallread { text-align:right; }

form.markallread {
 text-align:center;
}

.error,.error_l0 {
 color: red;
 font-weight:bold;
 
}

#errors li {
	font-size: medium !important;
	line-height: 1.5em;
}

input, select, textarea {
 border: 1px solid #ddd;
 background-color: #f4f4f4;
}


input[type="radio"], input[type="hidden"] {
 border: none;
 background-color: transparent;
}

div.readmore {
 text-align: right;
 font-size: small;
}



/** from http://css.maxdesign.com.au/listamatic/horizontal11.htm **/

ul.navlist {
 list-style-type: none;
}

ul.navlist li, .bookmarklet {
 border: 1px solid #ddd;
 background-color: #f4f4f4;
}

ul.navlist:hover li span { text-decoration:underline}

/* doubling because IE chokes on the submit selector */
input[type="submit"]{
  border: 1px solid #ddd;
  background-color: #f4f4f4;
}  


input[type="text"]:focus{
 border-color:#aaa;
}

 
.navlist li:hover,input[type="submit"]:hover {
 background-color:  #f8f8ff;
 border-color: #ddf;
}
 
.navlist li a {
 text-decoration: none;
 font-weight: bold;
 color: #667;
 letter-spacing: 0.1em;
}
 
.navlist li.active a,.navlist li a:hover { color: #336; } 

img.favicon { border:none; }

p.stats { font-size: small; margin-bottom:1em; }

.searchhit { border-bottom: 1px solid; font-weight: 900 }

label, input[type="submit"] { cursor: pointer; }




.box { 
 border: 1px solid #eef;
 text-align:center;
}

span.updateres { 
  font-weight: bold; 
}
span.updateres.ok { color: green }
span.updateres.ko { color: red }

table#updatetable td.mc.error { color: #700 }
table#updatetable td.rc { font-weight: bold }

fieldset {  
  text-align: center; 
  border:1px solid #ddd;                                                                                             
}
fieldset.prune p{ text-align:left }
.cntr { text-align:center !important}

optgroup { margin: 1em 0 0.2em 0;} 
legend { font-size:small}

div#alltags {
 background-color: #f9f9f9;
 border-color: #eee;
 text-align:justify;

}
#alltags a { margin: 15px 10px; vertical-align:middle; line-height: 50px;
}

div#pbholder {
  border: 1px solid #ccc; 
  width:99.2%; 
  text-align:left; 
  height:1.5em; 
  padding:0; 
  margin:auto;
}

div#pbar {
   font-size:small; 
   font-weight: bold; 
   color: #777; 
   line-height:1.35em; 
   width:0%; 
   background-color: #eee;
   margin:2px; 
   padding: 0; 
   border: 1px solid #bbb;
}

div.ief {
   border:1px solid #eee;
   margin: 0.5em 0;
   padding: 0.5em 1em;
}
div.ief p.sbm { margin-top: 1em }

div.ief p a { 
   font-size:small;
   margin: 0 1em 0 0; 
   padding: 0.1em 0.8em;
}

div.ief p a:hover { background-color: #e8e8ff; }

li.item.unread div.ief { background-color: #f3f3ff; }
li.item.unread div.ief p a { background-color: #e5e5f0; }

li.item.odd div.ief { background-color: #e7e7e7; }
li.item.odd div.ief p a { background-color: #d8d8d8; }

li.item.even div.ief { background-color: #f2f2f2; }
li.item.even div.ief p a { background-color: #e3e3e3; }

div.ief form,div.ief form p { padding:0;margin:0}

#opmlimport{ text-align: left !important; }

span.vr { border-left:2px solid #ccc;margin: 0 1em; }

#loginfo { 
	font-size: small; 
	background-color: white;
	border: 1px solid #ccc;	
	opacity: .7;
	filter: alpha(opacity=70);
}



#admin_login input{
	height: 1.2em;
	font-size: 1.3em;
	padding: 0.2em;
}

#admin_login_submit {
	display:block !important;
	width:100% !important;
	text-align:center !important;
}

#admin_login_submit p { padding: 0 auto; display:block; }
#admin_login_submit input { height: auto; }



/* admin/themes */
/* thoroughly inspired by WP2.0's theme management */

.themeframe {
	width: 29%;
	margin: 0 1em;
	float: left;
	height: 20em;
	overflow: hidden;
	padding: 0.2em 0;
	text-align:left;
}

.themeframe .bookmarklet {
	float:right;
	padding: 0 0.2em;
	display:block;
}

.themeframe span {
	background-color: #f9f9f9; 
	padding: 1em 1em 0 1em; 
	display:block;
	border: 1px solid #f7f7f7;	
	height: 100%;
	} 

	
.themeframe span:hover, .themeframe.active span { 
 border-color: #eef;
 background-color: #f8f8ff;
 }
 
.themeframe h4 { border:none; padding:0; clear:right }

.themeframe p { text-align: justify; font-size: small; padding: 0 0.4em; margin: 0 }

.themeframe p.themescreenshot {
	width: 230px;
	height: 120px;
	display: block;
	margin: auto;
	background: #f1f1f1;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	overflow: hidden;
}

#rightside ul, #rightside li {
margin: 0;
padding: 0;
}