html * 
/*Sage.css file developed by Scott Kingery*/
/*Modified from the original to format vertically and have unread links be red*/

{
	-moz-box-sizing: border-box;
}

html 
/* General Html formatting */
{
	line-height: 1.3; 
	background-color: #123;
}
				
body 
/* Body formatting */
{
	background:#123;
	margin: 5em 1em 1em 1em;
	color: #222;
	font-family: verdana;
	font: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

/* Paragraph tag */
p {
	margin: 0px 0px 10px 0px;
}

a:link
/* Link properties */
{
	text-decoration: none;
	color: /*#436976*/red;

}

a:visited
/* Visited link properties */
{
	text-decoration: none;
	color: #537986;
}

a:hover
/* Over link properties */
{
	text-decoration: underline;
}

a:active
/* Link as it is being clicked properties */
{
	text-decoration: none;
}

p.item-desc a:link
/*Paragraph and paragraph link properties */
{
	color: #029;
}

#rss-header
/* This is the global title of the site. rss-title and rss-desc are children to this one */
{
	position: fixed;   /* change to 'relative' to make it scroll */
	background-color: #357; 
	color:#abc;
	border: 1px solid #cccccc;
	padding: 6px 8px;
	margin: 10px 2%;
	margin: -4em -1em 1em 1em;
        height: 2em;
        overflow:hidden;

}

#rss-header:hover {
        width: 90%;
        height: auto;
        overflow:visible;
        visibility:visible;
}

#rss-title
/* The RSS header properties. Basically the where the <title> */
{
	/*background-color: red;  *//* uncomment to see effect */
	color:white;
	font-size: large; 
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
#rss-title a
{
	color:white
}
#rss-desc
/* The description of the RSS. Not all sites have this, but a lot do. */
{
	/* color: red; */ /* uncomment to see what it does */
	font-size: 0.75em;
	margin: 0px;
	padding: 5px 0px 0px 20px;
}

div.item
/* Global news table properties */
{
	background-color: #fff; 
	border: 1px solid #8cacbb;
	border: 1px solid #000000;
	width: 96%; /* if you want it to be one right after another instead comment or remove this line */
	min-width: 14em;
	margin: 0px 0px 6px 2%;
	padding: 0px;
	float: left;

}

span.item-ordinal
/* The news's entry number properties */
{
	/* color: red; */ /* uncomment to see what it does */
	padding-right: 0.2em;
}

div.item-desc
/* The news's body properties */
{
	/* color: red; */ /* uncomment to see what it does */
	font-size: small;
	margin: 0;
	padding:0;
        overflow:hidden;
        height:0;

}

div.item:hover div.item-desc,
div.item:hover div.item-pubDate,
div.item:hover div.item-technocrati {
       position: fixed;   /* This keeps things in place so the article opens over them. Change to 'relative' to make it scroll */
	background-color: #fff; 
	border: 1px solid #8cacbb;
	border: 1px solid #000000;
        width: 90%;
        height: auto;
        overflow:visible;
        padding: 8px 10px;
        visibility:visible;
}

h2.item-title
/* The div.item's header properties */
{
	background-color: #dee7ec; /* change around to see what cell it's changing */
	font-size: x-small;
	font-weight: normal;
	line-height: 1.1;
	margin: 0px;
	padding: 5px 5px 8px 8px;
        height:auto;
        overflow:visible; 
}


/*Changes the feed title background when you hover over it so you can see where you are*/
div.item:hover h2.item-title {
	background-color: #CCCCCC;

}
div.item-pubDate
/* Date which it was released */
{
	font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 10px ;
	width: 80%;
	float: left; 
}

div.item-technorati
/* Bottom cell where respond bubble is */
{
	font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
         margin: 0px;
	padding: 0px 0px 0px 0px ;
	width: 20%;
	float: right;
	text-align: right;
}