/* m/p: TB LR, T LR B, T R B L */
html, body { margin:0; padding:0; }
body { margin: 5px; font: 80% Verdana,arial,sans-serif; }
#header { height:50px; margin: 0; padding-left: 6px;
  color: #79b30b; background: url("img/hdrbg.png") repeat-x #eee; }
#header #logo { float: left; }
#header .actions { padding-top: 4px; margin-right: 4px; font-size: 88%; }
#search { margin: 4px 4px 2px 4px; float: right; clear: right; }
#search span, #search input { font-size: 88%; }
#search form { display: inline; }
#search .button { background-color: #ddd; }

h1 { font-size: 150%; float: left;
  margin: 13px 0 0 0; padding: 0; } /*from logo height */
h1 a { padding-left: 10px; } /* from logo width */
h1 a:link, h1 a:visited { color: #79B30B; }

#content { margin-left:120px; }
#navigation { position: absolute; top: 55px; left:5px; width: 118px; }
#extra { clear:both; width:100% }
#status {
  position: absolute; top: 20px; width:22%; left:40%;
  font-weight: bold; font-size: 130%; text-align:center;
  color: #003;
}

.msg, .warn, .error {
  padding:3px 3px;
  margin:4px 0 4px 4px;
}
.msg { color:#040; background-color:#e8f3d5; border:1px solid #d9f3a8; }
.warn { color:#431; background-color:#f3e8d0; border:1px solid #e8d6ae; }
.error { color:#400; background-color:#ffb89d; border:1px solid #df9279; }

a:link, a:visited { text-decoration: none; }
a:link { color: #140f90; }
a:visited { color: #1F0550; }
a:hover { text-decoration: underline; }
img { border: 0; }
.new      { color: #1F0550 !important; font-weight: bold; }
.visited  { color: #7d2108 !important;}
.seen     { color: #a8a8a8 !important;}
.starred  { color: #9f9f0a !important; font-weight: bold; }

.loading  { color: #79b30b; background: url("img/loading.gif") center no-repeat; }
.center { text-align: center; }

#navigation {
	background-color: #ddd;
	margin-top: 4px;
	border: 1px solid #ccc;
}
	#navigation ul {
		list-style-type: none;
		padding: 5px 0px;
    margin: 0;
	}
	#navigation li {
		border-bottom: 1px solid #ccc;
	}
  #navigation li a {
    display: block;
    padding: 3px 7px;
    text-decoration: none;
  }
#navigation li a:hover { color:#ddd; background-color:#557d08; }
#navigation li.selected a { color:#eee; background-color:#79b30b; }
#navigation li.selected a:hover { color:#ddd; background-color:#557d08; }
#navigation p { margin: 8px 4px; } #navigation p a { text-decoration: underline; }

/* http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

.category {
	border: 1px solid #ececec /*black*/;
	background-color: #f3f3f3;
	padding: 2px;
	margin: 4px 0 4px 4px;
}
.categoryHead h2 { float: left; font-size: 120%; margin: 4px 4px; }
.category > p { padding-left: 0.8em; padding-right: 0.8em; }

.feed, .feedwide {
 	margin: 3px 3px 0px 2px;
	padding: 2px;
	float: left;
	width: 48.5%; /* too high causes float drop */
}
.feedwide { width: 99%; }
.feedhead {
  margin-bottom: 4px;
  padding: 2px 4px;
  background: url("img/feedhdbg.png") repeat-x #f3f3f3;
}
.feedhead img { vertical-align: top; border: 0px; padding-right: 4px; }
.feedhead .feedtitle { float: left; margin-top: 2px; }
.feedhead .feedtitle img { margin-top: -2px; }

.actions {
	margin: 2px 1px 2px 8px;
	padding: 0;
  font-size: 90%; 
	float: right;
}
.actions img { padding: 0; margin: 1px 2px 1px 1px; vertical-align: middle; }
.actions span.sort, .actions span.view { color: #666; margin-right: 20px; }

.itemBar { margin: -2px 2em 0 2em; padding: 0; color:#aaa; background: url("img/ib-bg.png") repeat-x #fff; }
.itemBar .icons { float:left; vertical-align:middle; padding:0; margin:-2px 1em; }
.itemBar .info { float:right; font-style:italic; font-size:100%; text-align: right;
  padding:0; margin:-1px 1em -3px; }

.feedcontent {
  background-color: white;
  padding: 5px;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.wide { float: right; margin: -5px -6px 0 0; } /* from img */
.feedcontent dl { margin:0; padding:2px; }
.feedcontent dt { font-size: 85%; display: block; padding-left: 1em; text-indent: -1em;}
.feedcontent dd { font-size: 80%; margin: 0.5em 1em 0.5em 2em; }
/* .feedcontent dd * { margin: 3px 0; padding: 0; } */
.feedcontent dd ul { margin-left: 2em; }
.feedcontent dd blockquote { margin: 0 0.5em; padding: 0; }
.more img { vertical-align:middle; }
p.info { float:left; text-align:left; margin:0.8em 0 0 0.5em; font-size:80%; font-style:italic; color:#b0b0b0; }
p.info a:link, p.info a:visited, p.info a:hover { color:#b0b0b0; }
p.all { float:right; text-align:right; margin:0.8em 0.5em 0 2px; font-size:80%; }

a.help { text-decoration: none; font-size: 80%; font-style: italic; margin-left: 1em; }
a.help:link, a.help:visited, a.help:hover { color: #b3450b; }

#extra { }
#footer {
	text-align: center;
	font-size: 75%;
}

#content form { margin-left: 15px; }
fieldset { margin:1em 0.5em; padding: 0.5em 0.5em; }
legend { font-weight:bold; }
input { margin: 0 0; }