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 */
{
/*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: #000000; /* uncomment to see effect */
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;
height:auto;
overflow:visible;
padding: 8px 10px;
visibility:visible;

}

div.item:hover div.item-desc,
div.item:hover div.item-pubDate,
div.item:hover div.item-technocrati {
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 */
{
/* background-color: #FF0000; */ /* Uncomment to see where it is */
font:small "Trebuchet MS",Verdana,Arial,Sans-serif;
margin: 0px;
width: 80%;
float: left;
height:auto;
overflow:visible;
padding: 8px 10px;
visibility:visible;


}

div.item-technorati
/* Bottom cell where respond bubble is */
{
margin: 0px;
float: right;
text-align: right;
height:auto;
overflow:visible;
padding: 8px 10px;
visibility:visible;


}