body {
  text-align: left;
  color:  #335;
  background-color: #eee; 
  background-image: url(./media/bg.gif);
}

a { text-decoration: none; }

body {
 font-family: "Trebuchet MS", "Gill Sans", Geneva, Arial, Helvetica, sans-serif;
 font-size:  medium;
}

h1,h2,h3 {
  font-family: "Trebuchet MS", "Gill Sans", Geneva, Arial, Helvetica, sans-serif;
  font-style: italic; 
  letter-spacing: 0.05em;
  line-height:1.1em;
}

h4 { font-size: medium; }

h5,h5 input.tagedit { 
 font-size: small !important;
 font-weight: normal !important;
 color: #aaa !important;
}

h4 {
 border-left: 1px solid #ddd;
}

a:hover,input:hover {color: #336; }
a,input,select,h4 { color: #667 }
h5 a { color: inherit }

input { 
 font-size: small;
 font-weight: bold; 
}


span.feedaction form p input {
 font-size: small !important;
   font-weight:400 !important;
}

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

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

ul { 
 list-style-type:none; 
}

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

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

div#channels li,div#opml li {
  border-bottom: 1px solid  #eef;
  background-color: #fff;
  font-size:small;
}
div#channels div { 
  font-size:small;
  margin:0;
  position:relative;
}
div#opml li { border: none }

/* folder items */
div#channels li ul li {
 border-bottom: none;
}


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

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


/* channels and sub channels */
div#channels li:hover, div#channels li.folder ul li:hover,div#channels li.active {
 background-color: #f8f8ff;
}

div#channels li.folder:hover { background-color: transparent}

/** 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; 
}

div#footer span { 
 border-right: 1px solid;  
 font-size:  small;
 color: #777;
}

h1 { 
 font-weight: 900;
 font-style:italic;
}

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; }

th { 
 background-color: #f4f4f4; 
 font-weight: bold; 
}

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.content img { 
 padding: 0.4em; 
 margin: 0.8em 0; 
 border: 1px solid #ddd;
 max-width:99%;
}

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;
}



.themeframe img {
	width: 100%;
}