/* --- articles.css --- */

/* =====================================================================
	article list
===================================================================== */

/* --- standard --- */
.articleList 
{
	position: relative;
    width: 525px;
	clear: both;
}

	.articleList  h2
	{
		display: none;
	}

	.articleList  h3
	{
		display: block;
		padding-bottom: 5px;
	}

	.articleList h4
	{
		font-weight: bold;
		padding: 5px;
	}

	.articleList h4 span
	{
		display: block;
		font-size: 80%;
		padding: 3px 0;
	}

	.articleList .date
	{
		display: block;
	}

	.articleList ul
	{
		margin: 0 0 5px 0;
		overflow: hidden;
		position: relative;
		clear: both;
		width: 525px;
	
		border-bottom:1px solid #E4E4E4; 
	}

	.articleList li
	{
		width: 175px;
		float: left;
		margin: 0 0 10px 0;

		list-style: none;
	}

	.articleList a
	{
		color: #000;
	}

	.articleList p
	{
		padding: 5px;
	}

		.articleList p.thumbnail
		{
			padding: 0;
		}

	.articleList p.thumbnail a img
	{
		display: block;
	}


/* --- concertina --- */
.articleListConcertina
{
	overflow: hidden;
	background-color:#FFFFFF;
	border:1px solid #E4E4E4;
	float:left;

	padding:8px;
	width:180px;
}

	.articleListConcertina h2.error
	{
		display: none;
	}

	.articleListConcertina h3.date
	{
		background: transparent url(/images/archivebar_open.gif) no-repeat top left;
		color: #fff;
		line-height: 28px;
		text-indent: 1.5em;
		overflow: auto;
		display: block;
	}

	.articleListConcertina h3.date a
	{
		color: #fff;
		font-weight: normal;
	}

	.articleListConcertina h3.closed
	{
		background: transparent url(/images/archivebar_closed.gif) no-repeat top left;
		color: #333;
		height: 30px;
	}

	.articleListConcertina h3.closed a
	{
		color: #333333;
	}

	.articleListConcertina ul
	{
		width: 100%;
		border: none;
		padding-top: 10px;
	}

	.articleListConcertina li
	{
		border-bottom: 1px solid #E4E4E4;
		display: block;
		font-size: 90%;
		margin: 0;
		padding: 5px;
		width: 170px;
	}
	
	.articleListConcertina li span
	{
		display: block;
	}

	.articleListConcertina li:last-child
	{
		border: none;
	}

	.articleListConcertina li:hover
	{
		background: #F0F0F0;
	}

	.articleListConcertina a
	{
		color: #333333;
		font-weight: bold;
	}

	.articleListConcertina li .date
	{
		display:block;
		font-size:80%;
		font-weight: bold;
	}

/* =====================================================================
	article detail (ctl_ArticleDetail required?)
===================================================================== */

.articleDetail,
.ctl_ArticleDetail
{
	width: 525px;
	margin: 0 0 10px 10px;
}

	.articleDetail p,
	.ctl_ArticleDetail p
	{
		text-align: justify;
		padding-bottom: 5px;
	}
	
/* =====================================================================
	 rss feeds & buttons
===================================================================== */

.articleList p.rss,
.ctl_ArticleDetail p.rss
{
	background: transparent url(/images/rss_feed_reflection.gif) no-repeat right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: -36px;
	height: 21px;
	width: 17px;
	width: 90px;
}

.articleList p.rss a,
.ctl_ArticleDetail p.rss a
{
	display: block;
	padding-right: 20px;
}

.rssFeed,
.ctl_RSSFeed 
{
	clear: both;
	float: left;
	width: 725px;
}

.rssFeed ul li,
.ctl_RSSFeed ul li
{
	padding: 0 0 0 10px;
	list-style: none;
	background: url(/images/arrow_right.png) no-repeat left;
	font-weight: bold;
}

.articleDetail p.rss
{
	top: -2px;
	text-align: right;
}