/* external CSS file */
/* filename ofn.css */

/* base color: #B0BB0B */

/* import CSS file to undo browser style defaults */
@import url("formathtml.css");

body {
	background: #000000;
	font-family: lucida sans unicode, lucida grande, sans-serif;
	font-size: 100%;
	color: #F2F2EC;
	margin: 0;
	padding: 0;
}

#main {
	/* border: 1px solid #F2F2EC; */
	margin: 2% 20% 2% 20%;
}

#main h1 {
	height: 70px;
	width: 275px;
	background: url(/images/logo.jpg) no-repeat;
	text-indent: -9999px;
	z-index: 5;
}

/* Navigation bar */

#main #navbar {
	font-size: 85%;
	border-top: 1px solid #F2F2EC;
	border-bottom: 1px solid #F2F2EC;
	margin: 5px 8px 10px 8px;
	padding: 2px 0 2px 0;
	background: #B0BB0B;
}

#main #navbar li {
	display: inline;
}

#main #navbar a:link, #main #navbar a:visited {
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 5px 2px 0;
	padding: 2px 4px 2px 4px;
}

#main #navbar a:hover {
	background-color: #009FFF;
	color: #F2F2EC;
}

/* Main content, Blog-RSS Transformation */

#main #blogContent {
	font-size: 75%;
	margin: 35px 8px 0 8px;
}

#main #blogContent h3 {
	color: #009FFF;
	font-size: 120%;
	margin: 20px 0 10px 0;
}

#main #blogContent p {
	margin: 0 0 15px 0;
}

#main #blogContent ol {
	list-style: decimal;
	margin: 20px;
}

#main #blogContent li {
	/* border-bottom: 1px solid #666666; */
	padding: 5px 0 5px 0;
}

#main #blogContent #links li {
	margin: 5px 0 0 0;
	border: 0;
	padding: 0;
}

#main #blogContent .rss-date {
	font-size: 80%;
	color: #666666;
}

#main #blogContent .description {
	font-size: 90%;
	color: #666666;
	margin: 5px 0 5px 0;
}

#main #blogContent .concertDate {
	font-size: 80%;
	color: #B0BB0B;
	border-bottom: 1px dotted #666666;
}

#main #blogContent a:link, #main #blogContent a:visited {
	text-decoration: none;
	color: #009FFF;
}

#main #blogContent a:hover {
	text-decoration: underline;
}

/* Floated Right Column */

#main #rightColumn {
	width: 310px;
	float: right;
	margin: 25px 7px 25px 20px;
	font-size: 70%;
}

#main #rightColumn h2 {
	background: url(/images/titleBar.jpg) no-repeat;
	text-indent: -9999px;
	height: 20px;
	width: 250px;
	margin: 0;
}

#main #rightColumn #content {
	margin: 0;
}

#main #rightColumn #content ul {
	list-style-image: url(/images/linkBullet.jpg);
	margin: 0 10px 0 30px;
	padding: 5px 0 5px 0;
}

#main #rightColumn #content a:link, #main #rightColumn #content a:visited {
	text-decoration: underline;
	color: #F2F2EC;
}

#main #rightColumn #content a:hover {
	color: #009FFF;
}

#main #rightColumn #content img {
	border: 1px solid #666666;
	float: right;
	padding: 4px;
}

#main #rightColumn #rightColumnFooter {
	background: url(/images/rightColumnFooter.jpg) no-repeat;
	text-indent: -9999px;
	height: 15px;
	width: 250px;
	margin: 0;
}

/* Footer */

#main #footer {
	clear: both;
	margin: 100px 8px 0 8px;
	color: #666666;
	font-size: 70%;
	text-align: center;
}