/* News formatting */
/* Left column contains news, blogs, photos or videos and right side contains navigation for such content */


/* The main content are for the news formatted content */
div.maincolumn { float: left; width: 490px; }


/* The archive column contains the navigation for the news formatted content, and appears on the right side of the page */
div.archive { float: right; width: 180px; margin-left: 10px; }
div.archive ul { margin: 10px 0 0 0; padding: 0; }
div.archive ul li { font-size: 1.0em; display: block; margin: 0px 0px 10px 0px; padding: 0 0 0 7px; background: url('../images/theme/arrow-yellow.gif') 0px 5px no-repeat; }
div.archive ul li a { color: #c47b25; }
div.archive ul li a span { color: #555555; font-style: oblique; }
div.archive ul li a:hover { text-decoration: underline; }
div.archive ul li a p { margin: 0; padding: 0; }
div.archive ul li a:hover p { text-decoration: underline !important; }
div.archive ul li.selected { font-weight: bold; } /* Use this class on menu list items whose content is currently being viewed */

div.archive ul.tagcloud li { display: inline; float: left; margin: 0px 5px 3px 0px; padding: 0px; background: none; }

/* styles for nested lists, rather than indenting the list, each item is treated as a row and each row uses an alternating background color */
div.archive ul li ul a { color: #606060; }
div.archive ul li ul {  }
div.archive ul li ul li { padding: 4px; margin: 0px; background: none; }
div.archive ul li ul li.row-b { }
div.archive ul li ul li.row-a { background-color: #eeeeee; }
div.archive ul li.selected li { font-weight: normal; }
div.archive ul li.selected li.selected { font-weight: bold; }


/* News formatted content entry */
div.news { position: relative; }
div.news span.date { color: #999999; }  /* date that the content was posted */
div.news span.author { color: #999999; }  /* user who posted the content */
div.news span.news-thumbnail { cursor: pointer; }  /* thumbnail for the content, make sure the 'hand' cursor appears when mouse is over thumbnail so user knows it is a link (some thubmnail links are controlled by javascript rather than <a> tags */
div.news div.video { display: none; margin: 10px 0 10px 0; }
div.news div.details { margin-left: 132px; }  /* The details area is to the right side of the thumbnail */
div.news div.details a { color: #606060; }
div.news div.summary { margin-top: 10px; }
div.news div.summary a { color: #c47b25; padding-left: 7px; background: url('../images/theme/arrow-yellow.gif') center left no-repeat; }
div.news div.story { margin: 20px 0 20px 0; }  /* the entire text for the news item, blog, etc */

div.videoclip div.details { margin-left: 140px; }  /* The details area is to the right side of the thumbnail */


/* Flush left news details, no thumbnail */
div.news-flush div.details { margin-left: 0px; }
div.news-flush span.news-thumbnail { display: none; }

div.news-small div.details   { margin-left: 80px; }  /* The content details for a small news entry appears to the right of the thumbnail, but a smaller thumbnail is used to the left margin is less, only 80px */


/* Icon overlay for the thumbnails - indicator for a 'play video' button for youtube videos, or 'new photos' for image galleries */
div.news div.icon-play { position: absolute; width: 16px; height: 16px; top: 76px; left: 110px; background: url('../images/theme/icon-play.gif') no-repeat; }
div.news div.icon-newphotos { position: absolute; width: 69px; height: 16px; top: 93px; left: 57px; background: url('../images/theme/icon-newphotos.gif') no-repeat; }