/* Link */
a:link{color: royalblue;}
a:visited{color: steelblue;}
a:hover{color: crimson; background-color: whitesmoke}


/* Back Bone */
body {
	text-align: center;
	font-size: 10pt;
}
.outer {
	margin:auto;
	background-color:ghostwhite;
	border-style: solid;
	border-color: steelblue;
	border-width: 0px 1px;
}
.inner {
	margin:auto;
	text-align:left;
}
@media (min-width:747px) {
	.outer{width:748px;}
	.inner{width:728px;}
}
@media (min-width:321px) and (max-width:748px) {
	.outer{width:100%;}
	.inner{width:95%}
}
@media (max-width:320px) {
	.outer{width:320px;}
	.inner{width:300px;}
}

/* Header */
.HeaderHome{
	float: left;
	font-weight: bold;	
}
.HeaderDate{
	text-align: right;
	font-size: 9pt;	
}
.HeaderTitle {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	font-family: sans-serif;
	padding: 5px 0px;
	margin: 5px 0px;
	background-color: #f5f5fa;
	border-style: solid;
	border-color: #dddddd;
	border-width: 1px 0px;
}
.HeaderRef{
	float: left;
}
.HeaderNew {
	text-align: right;
}


/* Footer */
.footer {
	width: 100%;
}
.nextEntry {
	width: 35%;
	text-align: left;
	border: 1px solid skyblue;
}
.thisEntry {
	width: 30%;
	text-align: center;
	border: 1px solid skyblue;
}
.prevEntry {
	width: 35%;
	text-align: right;
	border: 1px solid skyblue;
}


/* Home Index */
.ContentList {
	display: table;
	width: 100%;
	line-height: 5px;
}
.ListAnchor {
	display: table-row;
	height: 50px;
	text-decoration: none;
}
.List {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px;
	border-color: skyblue;
	border-style: solid;
}
.List.Icon{
	border-width: 2px 0px 2px 2px;
	width: 60px;
}
.List.Title{
	border-width: 2px 0px 2px 0px;
}
.List.Date{
	border-width: 2px 2px 2px 0px;
	width: 80px;
}




/* Block Link */
div.LinkArea {
	text-align:center;
	width: 100%;
	height: 40px;
	margin: 3px 0px;
	border: 1px solid skyblue;
}
a.LinkArea {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
div.LinkText {
	padding: 12px 15px;
}