
body
{
	font-family: Cardo;
    background-color: rgb(241, 249, 255);
    background-color: hsl(206,100%,97.3%);
	background-image: url(../images/weird-word/old-pattern-bg4.png);
    color: rgb(0, 0, 0);
    color: hsl(0,0%,0%);
	font-variant-ligatures: common-ligatures;
	-webkit-font-variant-ligatures: common-ligatures;
	-webkit-font-feature-settings: "kern", "onum";
	font-kerning: normal;
	-moz-font-feature-settings:"dlig=1,onum=1;
	-moz-font-feature-settings:"dlig", "onum";  /* EDIT: new syntax for FF 15+ */
	-ms-font-feature-settings:"dlig", "onum";
	-o-font-feature-settings:"dlig", "onum";
	-webkit-font-feature-settings:"dlig", "onum";
	font-feature-settings:"dlig", "onum";
}

main, nav
{
    background-color: rgb(255, 255, 255);
    background-color: hsl(0, 0%, 100%);
    border-color: rgb(174, 200, 242);
    border-color: hsl(217, 72.3%, 81.6%);
}

.divider, .divider-bottom, hr, .narrow-hr
{
    border-color: rgb(0,0,0);
	border-color: hsl(0, 0%, 0%);
	opacity: 0.15;
	filter: alpha(opacity=15); /* For IE8 and earlier */
}

figcaption, .birthday-caption, aside
{
    color: rgb(77, 77, 77);
    color: hsl(0, 0%, 30%);
}

.divider-bottom
{
	position: relative;
	width: 400px;
}

.announced-date
{
	font-size: 150%;
	line-height: 120%;
	float: left;
	margin: 20px 0px 30px 0px;
	position: relative;
}

.title
{
	float: left;
	position: relative;
	left: -3px;
	top: 10px;
	margin-bottom: 10px;
}

header
{
	float:left;
	height: 100%;
	width: 100%;
	overflow-y:hidden;
	padding: 5px;
}

main
{
	max-width: 800px;
	float:right;
	text-align: left;
	max-height: 1050px;
}

.slide-generic
{
	width:186px;
	height: 458px;
	float: right;
	display: block;
}

.generic-slide-caption
{
	width:176px;
	height: 200px;
	text-align: left;
	float:left;
	position:relative;
	font-size: 90%;
	top: -170px;
    color: rgb(128, 128, 128);
    color: hsl(0, 0%, 50%);
}

.generic-slide-class
{
	position: relative;
	float: left;
	top: -200px;
}

aside, aside-UL
{
    color: rgb(128, 128, 128);
    color: hsl(0, 0%, 50%);
}

aside
{
	text-align: right;
}

aside-UL
{
	display:block;
	text-align: center;
	margin-top: -70px;
}


.weird-word-announcement
{
	display: inline-block;
	max-width: 70%;
	float: left;
	clear: right;
}

.recent-entries
{
	display: block;
	max-height: 100%;
	padding: 15px 0px 15px 0px;
	float: left;
	font-size: 100%;
	line-height: 120%;
	font-family: monospace;
	margin: 20px 0px 20px 0px;
	position: relative;
	max-width: 400px;
	clear: both;
}

.genericSlideshowContainer
{
	display: block;
	position:relative;
	overflow: hidden;
	margin-top: 0px;
}

footer
{
    color: rgb(202, 160, 129);
    color: hsl(25, 41%, 65%);
	position: relative;
	display: block;
	width: 100%;
	padding: 20px 0px 20px 0px;
	float: left;
	clear: both;
}

.flourish
{
	background-image:
	url(../images/weird-word/corner-blue-lt.png),
	url(../images/weird-word/corner-blue-rt.png),
	url(../images/weird-word/corner-blue-lb.png),
	url(../images/weird-word/corner-blue-rb.png);
}

section
{
	margin-bottom: 30px;

}
