html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
}

body
{
	background-image: url('/1/grid.png');
	background-position: center top;
	font-family: "Times New Roman", serif;
	overflow-y: scroll;
}

body.busy
{
	cursor: wait !important;
}

/********************************/
/* Generic Defaults             */
/********************************/

*
{
	box-sizing: border-box;
}

a img
{
	border: none;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
}

a:link { color: #35A; }
a:visited { color: #137; }
a:hover { color: #58A; }
a:hover:visited { color: #35A; }
a:active { color: #58A; }
a:active:visited { color: #58A; }

/********************************/
/* General Page Header Style    */
/********************************/

body>header
{
	width: 100%;
}

body>header>div.background
{
	background: url('/1/blue-diamond.png') #246;
	box-shadow: 0 0 8px #000;
}

body>header.large>div.background
{
	height: 168px;
	margin-bottom: -168px;
}

body>header.small>div.background
{
	height: 84px;
	margin-bottom: -84px;
}

body>header div.over-title
{
	margin: 0 auto;
	padding: 8px 0 4px 0;
}

body>header div.over-title a:link { color: #FFF; }
body>header div.over-title a:visited { color: #FFF; }
body>header div.over-title a:hover { color: #FFF; }
body>header div.over-title a:hover:visited { color: #FFF; }
body>header div.over-title a:active { color: #DDD; }
body>header div.over-title a:active:visited { color: #DDD; }

body>header nav.external
{
	display: inline-block;
	width: 120px;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	padding: 0;
}

body>header nav.external ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

body>header nav.external ul>li
{
	display: inline;
	padding: 0px 4px;
	color: #FFF;
}

body>header nav.external ul>li:first-of-type
{
	padding-left: 0;
}

body>header div.account
{
	display: inline-block;
	width: calc(100% - 120px);
	vertical-align: middle;
	text-align: right;
	margin: 0;
	padding: 0;
	color: #FFF;
}

body>header div.account span.welcome
{
	margin-right: 0.5em;
	font-size: 14pt;
	vertical-align: middle;
}

body>header div.account a
{
	font-size: 11pt;
	background-color: #FFF;
	color: #246;
	border-radius: 6px;
	padding: 0.2em 0.5em;
	text-decoration: none;
	vertical-align: middle;
}

body>header div.account a:link { color: #246; }
body>header div.account a:visited { color: #246; }
body>header div.account a:hover { color: #000; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1.0) 30%, rgba(255, 255, 255, 1.0) 70%, rgba(255, 255, 255, 0.7) 100%); }
body>header div.account a:hover:visited { color: #000; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1.0) 30%, rgba(255, 255, 255, 1.0) 70%, rgba(255, 255, 255, 0.7) 100%); }
body>header div.account a:active { color: #368; }
body>header div.account a:active:visited { color: #368; }

body>header>div.foreground
{
	/*width: 960px; dependent on window size*/
	margin: 0 auto;
	background: url('/1/blue-plaster.png') #69B;
	padding: 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, 1.0);
	border-radius: 6px;
	margin-bottom: 24px;
}

body>header>div.foreground>h1
{
	color: #FFF;
	text-align: center;
	text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-style: none;
}

body>header>div.foreground>h1 a, body>header>div.foreground>h1 img
{
	display: block;
}

body>header.large>div.foreground>h1
{
	height: 180px;
	font-size: 60px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

body>header.small>div.foreground>h1
{
	height: 60px;
	font-size: 20px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

body>header.large>div.foreground>h1 img
{
	height: 180px;
}

body>header.small>div.foreground>h1 img
{
	height: 60px;
	margin: 0 auto;
}

body>header nav.internal
{
	background: url('/1/dark-gray-brushed.png'), rgba(64, 64, 64, 1.0);
	background: linear-gradient(to bottom, rgba(64, 64, 64, 0.0) 0%, rgba(128, 128, 128, 0.5) 15%, rgba(64, 64, 64, 0.0) 30%, rgba(0, 0, 0, 0.5) 100%), url('dark-gray-brushed.png'), rgba(64, 64, 64, 1.0);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #FFF;
	white-space: nowrap;
	overflow: hidden;
}

body>header nav.internal ul
{
	list-style-type: none;
	margin: 0;
	padding: 4px 12px 4px 0;
}

body>header nav.internal ul#primaryNav
{
	float: left;
}

body>header nav.internal ul#secondaryNav
{
	float: right;
}

body>header nav.internal ul:before
{
	content: "";
	display: inline;
	padding: 4px 0 4px 12px;
	border-right: 1px solid rgba(0, 0, 0, 0.5);
}

body>header nav.internal ul:after
{
	content: "";
	display: inline;
	padding: 4px 2px;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
}

body>header nav.internal ul>li
{
	display: inline;
	padding: 4px 0;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 224, 192, 0.1);
}

body>header nav.internal ul>li:hover
{
	background-color: rgba(64, 32, 0, 0.25);
}

body>header nav.internal a
{
	text-decoration: none;
	padding: 4px 16px;
}

body>header nav.internal a:link { color: #FFF; }
body>header nav.internal a:visited { color: #FFF; }
body>header nav.internal a:hover { color: #FFF; }
body>header nav.internal a:hover:visited { color: #FFF; }
body>header nav.internal a:active { color: #DDD; }
body>header nav.internal a:active:visited { color: #DDD; }

/********************************/
/* General Page Content Style   */
/********************************/

main>*
{
	/*width: 960px; dependent on window size*/
	margin: 0 auto;
}

main>.block,
main>div>.block
{
	margin-bottom: 24px;
	padding: 0 24px;
	overflow: hidden;
	background-color: #FFF;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

main>.block>header,
main>div>.block>header
{
	margin: 0 -24px 12px -24px;
	background: url('/1/dark-gray-brushed.png'), rgba(64, 64, 64, 1.0);
	background: linear-gradient(to bottom, rgba(64, 64, 64, 0.0) 0%, rgba(128, 128, 128, 0.5) 15%, rgba(64, 64, 64, 0.0) 30%, rgba(0, 0, 0, 0.5) 100%), url('/1/dark-gray-brushed.png'), rgba(64, 64, 64, 1.0);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #FFF;
}

main>.block>header .highlight,
main>div>.block header .highlight
{
	display: inline-block;
	height: 100%;
	margin: 0 12px;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
	border-left: 1px solid rgba(0, 0, 0, 0.5);
}

main>.block>header .highlight>*:only-child,
main>div>.block>header .highlight>*:only-child
{
	display: inline-block;
	padding: 4px 16px;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 224, 192, 0.1);
}

main>.block>header .highlight>a:only-child:hover,
main>div>.block>header .highlight>a:only-child:hover
{
	background-color: rgba(64, 32, 0, 0.25);
}

main>.block>header h1,
main>div>.block>header h1
{
	font-weight: normal;
	font-size: 125%;
	white-space: nowrap;
}

.block>header a:link { color: #FFF; }
.block>header a:visited { color: #FFF; }
.block>header a:hover { color: #FFF; }
.block>header a:hover:visited { color: #FFF; }
.block>header a:active { color: #DDD; }
.block>header a:active:visited { color: #DDD; }

.block>header div.extra
{
	float: right;
	margin-right: 12px;
	font-size: 100%;
}

.block h2
{
	font-size: 125%;
	font-weight: bold;
	clear: both;
}

.block>h2,
{
	padding: 4px 8px;
	color: #FFF;
	background: url('/1/blue-plaster.png') #69B;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	overflow: visible;
}

.block>.block
{
	margin: 0;
	margin-left: 48px;
	clear: both;
}

.block>.block + .block
{
	margin-top: 2em;
}

.block>.block:last-child
{
	margin-bottom: 1em;
}

.block>.block>header
{
	margin: 0;
	margin-left: -48px;
	padding: 4px 8px;
	color: #FFF;
	background: url('/1/blue-plaster.png') #69B;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	overflow: visible;
}

.block>.block>header h1
{
	font-weight: normal;
	font-size: 125%;
}

.block>.block>header a:link { color: #FFF; }
.block>.block>header a:visited { color: #FFF; }
.block>.block>header a:hover { color: #FFF; }
.block>.block>header a:hover:visited { color: #FFF; }
.block>.block>header a:active { color: #DDD; }
.block>.block>header a:active:visited { color: #DDD; }

nav.block.blog.pagination
{
	margin-bottom: 24px;
	padding: 0 24px;
	background-color: #FFF;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

nav.block.blog.pagination ol
{
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
	overflow: hidden;
}

nav.block.blog.pagination ol>li
{
	display: block;
}

nav.block.blog.pagination ol>li.older
{
	float: left;
}

nav.block.blog.pagination ol>li.newer
{
	float: right;
}

nav.block.blog.pagination ol>li.disabled
{
	color: #888888;
}

.block.blog header .highlight h1
{
	padding: 0;
}

.block.blog header .highlight h1>:first-child
{
	display: block;
	padding: 4px 16px 3px 16px;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 224, 192, 0.1);
}

.block.blog header .highlight h1>a:first-child:hover
{
	background-color: rgba(0, 0, 0, 0.25);
}

.block.blog header .highlight .metadata
{
	padding: 1px 16px 4px 32px;
	font-size: 75%;
	color: #DDD;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(255, 224, 192, 0.1);
}

.block.blog header .highlight .metadata span
{
	margin-left: 24px;
}

.block.blog header .highlight .metadata span:first-child
{
	margin-left: 0;
}

.block.blog header .classification
{
	float: right;
	text-align: right;
	margin: 4px 16px;
	color: #DDD;
}

.block.blog header .category
{
	font-size: 125%;
}

.block.blog header .tags
{
	font-size: 75%;
}

.block.blog header .metadata a:link { color: #DDD; }
.block.blog header .metadata a:visited { color: #DDD; }
.block.blog header .metadata a:hover { color: #FFF; }
.block.blog header .metadata a:hover:visited { color: #FFF; }
.block.blog header .metadata a:active { color: #BBB; }
.block.blog header .metadata a:active:visited { color: #BBB; }

.block.blog .block.comments
{
	margin: 48px 0 24px 0;
}

.block.blog .block.comments header
{
	margin-left: 0;
	margin-bottom: 24px;
}

.block.blog .block.comments header h1
{
	display: inline-block;
}

.block.blog .block.comments header div.extra>span
{
	margin-left: 12px;
}

.block.blog .block.comment
{
	margin: 0;
	margin-bottom: 24px;
	padding: 0;
	padding-bottom: 20px;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.block.blog .block.comment>header
{
	margin: 0;
	margin-bottom: 12px;
	padding: 0;
	background-image: none;
	background-color: #EEE;
	border-style: none;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-right: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	color: #000;
}

.block.blog .block.comment header h1
{
	margin: 4px;
}

.block.blog .block.comment header h1 img
{
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	vertical-align: calc(25% - 16px);
}

.block.blog .block.comment header a:link { color: #444; }
.block.blog .block.comment header a:visited { color: #444; }
.block.blog .block.comment header a:hover { color: #666; }
.block.blog .block.comment header a:hover:visited { color: #666; }
.block.blog .block.comment header a:active { color: #222; }
.block.blog .block.comment header a:active:visited { color: #222; }

.block.blog .block.comment>*
{
	margin-left: 20px;
	margin-right: 20px;
}

.block.blog .block.comment>*:last-child
{
	margin-bottom: 0;
}

.block.blog .block.comment>hr
{
	margin: 0 4px 12px 4px;
	border-style: none;
	border-bottom: 1px solid #DDD;
}

.block.blog .block.comments h2
{
	margin-top: 48px;
}

.block.blog .block.comments form input[type="text"]
{
	width: 15em;
}

.block.blog .block.comments form label
{
	font-size: 75%;
	font-style: italic;
	color: #444;
}

.block.blog .block.comments form textarea
{
	width: 100%;
}

sup
{
	vertical-align: baseline;
	position: relative;
	top: calc(-0.33em / 0.8);
	font-size: 80%;
}

span.math-var
{
	font-style: italic;
}

body>footer
{
	/*width: 960px; dependent on window size*/
	margin: 0 auto;
	margin-bottom: 24px;
	padding: 2px 16px;
	background: url('/1/dark-gray-brushed.png'), rgba(64, 64, 64, 1.0);
	background: linear-gradient(to bottom, rgba(64, 64, 64, 0.0) 0%, rgba(128, 128, 128, 0.5) 15%, rgba(64, 64, 64, 0.0) 30%, rgba(0, 0, 0, 0.5) 100%), url('/1/dark-gray-brushed.png'), rgba(64, 64, 64, 1.0);
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	color: #FFF;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
}

body>footer a:link { color: #BBB; }
body>footer a:visited { color: #BBB; }
body>footer a:hover { color: #DDD; }
body>footer a:hover:visited { color: #DDD; }
body>footer a:active { color: #FFF; }
body>footer a:active:visited { color: #FFF; }

/********************************/
/* Legacy Styles                */
/********************************/

.block.blog .alignleft
{
	float: left;
	margin: 12px;
}

.block.blog .alignright
{
	float: right;
	margin: 12px;
}

.block.blog .aligncenter
{
	display: block;
	margin: 12px auto;
}

.block.blog div.wp-caption
{
}

.block.blog div.wp-caption.alignleft
{
}

.block.blog div.wp-caption.alignright
{
}

.block.blog div.wp-caption.aligncenter
{
}

.block.blog div.wp-caption img
{
	border-radius: 6px;
	box-shadow: 0 0 4px #000;
}

.block.blog div.wp-caption img.plain
{
	border-radius: 0;
	box-shadow: none;
}

.block.blog p.wp-caption-text
{
	text-align: center;
	font-size: 80%;
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
}

.block.blog img.alignleft,
.block.blog img.alignright,
.block.blog img.aligncenter
{
	border-radius: 6px;
	box-shadow: 0 0 4px #000;
}

.block.blog img.alignleft.plain,
.block.blog img.alignright.plain,
.block.blog img.aligncenter.plain
{
	border-radius: 0;
	box-shadow: none;
}

.block.blog blockquote.float-right
{
	float: right;
	margin-left: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

	font-size: 200%;
	font-style: italic;
	text-align: center;
	padding: 0em 0.5em;
	width: 12em;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);

	border-radius: 6px;
	box-shadow: 0 0 4px #000;
}

/********************************/
/* Default Size                 */
/* Width  between 1024 and 1279 */
/* Height from 840 and above    */
/********************************/

body>header div.over-title, body>header>div.foreground, main>*, body>footer
{
	width: 960px;
}