@import 'layout.css';

body
{
	font-family: sans-serif, sanserif, sansserif;
	background-color: #BBA;
	color: #CCC;
	font-size: small;
}

div
{
	margin: 0pt;
	padding: 0pt;
}

img
{
	border: none;
}

h1
{
	color: #CC6;
}

h2
{
	text-align: left;
	padding-top: .5em;
}

h3
{
	color: #000;
	margin: 0px;
	padding: .5em;
	text-shadow: #665 3px 3px 3px;
}

#utility h5
{
	margin: 0pt;
	padding: .25em;
	padding-left: 12pt;
	padding-right: 12pt;
	background-color: #554;
	background-image: url('../../resources/images/utility_head_back.png');
	background-position: bottom;
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: left;
}

p
{
	line-height: 1.75em;
}

ul, ol
{
	margin-left: 0pt;
	padding-left: 2em;
}

li
{
	margin: 0pt;
	list-style-type: square;
}

a
{
	color: #463;
}

a:hover
{
	color: #574;
}

a:visited
{
	color: #030;
}

#masthead
{
	background-color: #000;
	text-align: center;
}

#footer
{
/*	background-color: #AA9; */
	color: #000;
	border-top: 1px solid #AA9;
	text-align: center;
	background-color: #CCB;
}

#content > *
{
	margin-right: 6px;
}

#utility
{
	color: #CCB;
	background-color: #665;
	border-bottom: 1px solid #000;
	font-size: smaller;
}

#logo
{
	height: 64px;
}

#utility div
{
	margin: 0pt;
	padding: 0pt;
	border-top: 1px solid #000;
}
#utility div:first-child
{
	border-top: none;
}
#utility div > *
{
	padding-left: 6pt;
}

#utility ul
{
	padding-left: 2em;
	padding-bottom: 1em;
	padding-right: 2em;
}

#utility ul li
{
	padding-top: .25em;
	padding-bottom: .25em;
}

#utility a
{
	text-decoration: none;
	color: #CCB;
}

#utility a:hover
{
	color: #FFF;
}

.section
{
	margin-top: 6pt;
	margin-bottom: 12pt;
	padding-left: 15%;
	padding-top: 48pt;
	padding-right: 15%;
	padding-bottom: 24pt;
	color: #000;
	background-color: #CCB;
	background-image: url('../images/honeycomb.jpg');
	background-position: right top;
	background-repeat: repeat-x;
}

.section h3
{
	text-align: center;
	margin-top: 0pt;
	padding-top: .5em;
	border-bottom: 1px dotted black;
	background-color: #BBA;
}

.section h3 + p:first-letter
{
	font-size: 2em;
	color: #665;
	position: relative;
}

.article
{
/*	border-top: 1px solid #000; */
/*	border-bottom: 3px solid #BBA; */
	padding-top: 0pt;
	padding-bottom: 24pt;
	margin-bottom: 64pt;
	overflow: auto;
}
.article:first-child
{
	border-top: none;
}

.articlefoot
{
	text-align: center;
	color: #665;
}

.article a:link
{
	color: #463;
	text-decoration: underline;
}

.article a:hover
{
	color: #574;
}

.article a:visited
{
	color: #030;
}

.hidden_login
{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
}

.hidden_login a
{
	color: #000;
}

.hidden_login a:hover
{
	color: #666;
}

#blog_article_navigation
{
	border: 1px solid black;
	background-color: #BBA;
	padding: 12pt;
}
#blog_article_navigation > *
{
	margin: 0px;
	padding: .25em;
}
#blog_article_navigation a
{
	color: #463;
	text-decoration: none;
}
#blog_article_navigation a:hover
{
	color: #574;
}
#blog_article_navigation a:visited
{
	color: #030;
}

h1 a, h2 a, h3 a
{
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover
{
	text-decoration: underline;
}

.odd_comment
{
	background-color: #DBDBCA;
}
.article_comment
{
	padding: 12pt;
}