/*
News package example Style Sheet.
Every XHTML element output by the News System has the CSS class 'NewsView'.
We can use this to display news output and forms uniquely, if we wish.
*/

.news-snippet
{
	border-bottom: 1px solid #ccc;
	height: 120px;	
}

#homepage .news-snippet
{
	height: auto;	
}

.news-snippet img
{
		float: left;
		clear: left;
		margin-right: 15px;
}

.news-snippet h2,
.news-snippet p,
.sports-snippet h2,
.sports-snippet p
{
	margin: 5px 0px 5px 0px;	
}

.sports-snippet
{
	margin: 0px 0px 0px 0px;	
}

.sports-snippet img
{
	float: left;
	margin-right: 15px;	
	margin-top: 0px;
}

#sports-panel
{
	width: 440px;
	margin-left: 10px;	
}


/*
Form elements
*/
input.news,
textarea.news
{
	border: 1px solid #ccc;
	width: 400px;
}
input.news[type="submit"]
{
	width: 200px;
}

/** Headline bar */
div.news-headlines
{
	float: right;
	margin: 10px 0px 10px 0px;
	width: 200px;
	border: 1px gray solid;
	padding: 10px;
}

/* Make room for the headline bar */
pre.code { margin-right: 230px; }