@import url(../style.css);

input[type=text] {
	width: 88%;
	border: 1px solid #cccccc;
	padding: 2px;
}

input[type=text]:focus {
	border: 1px solid #999999;
}

h2 {
	font: bold 14px verdana, arial, helvetica, sans-serif; 
}

h2 a, h2 a:active, h2 a:visited {
	color: black;
	text-decoration: none;
}

.content-container {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

#mini-calendar {
	float: left;

	width: 110px;
	height: 110px;
	border: 1px solid black;

	background-color: white;

	font-size: 14px;
	color: black;
	text-align: center;
	vertical-align: middle;
}

#mini-calendar span {
	display: block;
	width: 100%;
	font-size: 40px;
	font-weight: bold;
}

#mini-calendar h1 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid black;
	background: #ab3f41;
	color: #ffffff;
	font-weight: bold;
}

#mini-calendar h1 a {
	color: white;
	font-size: 14px;
	text-decoration: none;
}

#mini-footer a {
	color: black;
	text-decoration: none;
}

.event {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 35%;
	margin-left: 10px;
}

.event h2 a:link, .event h2 a:visited {
	color: #000000;
	text-decoration: none;
}

.event-nav {
	margin-left: 10px;
	float: left;
}

#dynamic {
	vertical-align: top;
	float: left;
	border-right: 1px solid silver;
	width: 50%;
	height: 460px;
}

#dynamic div {
	margin-bottom: 10px;
}

.static {
	padding-left: 20px;
	float: left;
}

#dynamic ul, .static ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.rss {
	height: 30%;
}

.age-red, .age-orange, .age-yellow, .age-green, .age-none {
	padding-left: 10px;
}

.age-red {
	background: #ffffff url('../images/age-red.gif') no-repeat center left;
}

.age-orange {
	background: #ffffff url('../images/age-orange.gif') no-repeat center left;
}

.age-yellow {
	background: #ffffff url('../images/age-yellow.gif') no-repeat center left;
}

.age-green {
	background: #ffffff url('../images/age-green.gif') no-repeat center left;
}

.age-none {
	background: #ffffff url('../images/age-none.gif') no-repeat center left;
}

.warning {
	width: 95%;
	border: 1px solid #dddddd;
	background: #f0f0f0;
	margin: 0px 0px 15px 0px;
	padding: 5px;
}