*,
html,body{
	padding:0;
	margin:0;
}
body{
	background:#111;
	color:#888;
	font-family:Georgia, 'Bitstream Vera Serif', serif;
	font-size:100%;
	line-height:1.15;
	padding:10px;
}
.white{
	color:#fff;
}
.grey{
	color:#888;
}
a{
	text-decoration:none;
	color:#888;
}
a:focus,
a:hover,
a:active{
	color:white;
}
a img{
	border:none;
}
#container{
	position:relative;
	background:black;
	padding-top:10px;
	border-width:1px;
	border-color:#333333;
	border-style:solid;
	margin:auto;
}
/* #body365 #container{
	background-image:url(img/bgh.png);
	display:block;
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/css/img/bgh.png',
	  sizingMethod = 'scale'
	);
	background-color:black;
	background-repeat:no-repeat;
	background-position:100% 43px;
}
*/
h1{
	padding:0 0 3px 12px;
	margin:0;
	overflow:hidden;
	max-width:100%;
}
h1.sub{
	padding:0px 0 5px 14px;
	background-image:url(img/bgh.png);
	display:block;
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/css/img/bgh.png',
	  sizingMethod = 'scale'
	);
	background-color:black;
	background-repeat:no-repeat;
	background-position:100% 0;
	height:88px;
}
h1.sub a{
	display:block;
	width:234px;
	height:88px;
}
h1 img{
	display:block;
}
p.about{
	position:absolute;
	top:47px;
	right:15px;
}
p.about a:link,
p.about a:visited{
	color:white;
}
p.about a:focus,
p.about a:hover,
p.about a:active{
	color:#888;
}
p.about a img{
	border:none;
}

div#content{
	padding:0 15px 15px 15px;
}
p.navmonth{
	float:left;
	width:215px;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	padding:3px 0;
	margin-bottom:5px;
}
p.firstmonth{
	text-align:center;
}
p.firstmonth a.down{
	visibility:hidden;
}
p.navmonth a.down{
	float:left;
}
p.navmonth a.up{
	float:right;
}
p.navimage{
	float:right;
	clear:right;
	font-weight:normal;
	text-align:right;
	padding:3px 0;
	margin-bottom:5px;
	width:260px;
}
ul.navday{
	float:left;
	clear:left;
	font-weight:bold;
	text-align:right;
	list-style:none;
	width:40px;
	min-height:603px;
}
.navmonth a,
.navimage a,
.navday a{
	color:#888;
}
.navday a.current{
	color:white;
}
.navmonth a:focus,
.navmonth a:hover,
.navmonth a:active,
.navimage a:focus,
.navimage a:hover,
.navimage a:active,
.navday a:focus,
.navday a:hover,
.navday a:active{
	color:white;
}
.navimage a{
	line-height:1.2;
}
.navday a{
	display:block;
	padding-right:10px;
}
.navday li{
	border-bottom:1px solid black; /* fix for IE6 issue */
}


.imagebox{
	clear:both;
	width:auto;
	background:#111;
	text-align:center;
	border:1px solid #222;
	padding:10px;
}
#body365 .imagebox{
	clear:none;
	float:right;
	width:calc(100% - 80px);
}
.imagebox img{
	max-width:100%;
	box-sizing:border-box;
	border:2px solid #333;
}
p.caption{
	float:left;
	font-weight:normal;
	padding:3px 0 3px 0;
	margin-bottom:5px;
}
#body365 p.caption{
	padding-left:43px;
}
p.description{
	float:left;
	font-family:'Trebuchet MS', sans-serif;
	font-weight:normal;
	padding:3px 0 3px 0;
	margin-bottom:5px;
}
#body365 p.description{
	padding-left:43px;
}
.introbox,
.thumbbox{
	float:right;
	min-height:520px;
	_height:520px;
	background:#111;
	color:#DDD;
	text-align:left;
	padding:0 20px 20px 20px;
	border:1px solid #222;
}
.introbox h2,
.introbox h3,
.introbox p,
.thumbbox h2,
.thumbbox h3,
.thumbbox p{
	padding:0 40px;
	text-align:center;
}
.introbox p{
	color:#AAA;
	font-family:'Trebuchet MS', sans-serif;
	margin-bottom:1.2em;
}
.thumbbox .inner{
	padding:20px 0 0 0;
}
.thumbbox .inner ul,
.thumbbox .inner li{
	list-style:none;
}
.thumbbox .inner ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.thumbbox .inner li{
	margin:0;
}
.thumbbox .inner li a{
	display:block;
	padding:4px;
}
.thumbbox .inner li a img{
	display:block;
	width:91px;
	border:1px solid #333;
}
.thumbbox .inner li a:focus,
.thumbbox .inner li a:hover,
.thumbbox .inner li a:active{
	background-position:center; /* IE hack for nested image styles */
}
.thumbbox .inner li a:focus img,
.thumbbox .inner li a:hover img,
.thumbbox .inner li a:active img{
	border:1px solid #888;
}

.thumbbox .pagination{
	clear:both;
	line-height:1.5em;
	text-align:center;
	padding:20px 10px;
}
.thumbbox .pagination .current{
	font-weight:bold;
	color:#888 !important;
}
.thumbbox .pagination a:focus,
.thumbbox .pagination a:hover,
.thumbbox .pagination a:active{
	color:white;
}