/*
**	Yorgle Notebook article CSS
*/

body,p
{
	background-color:#ffffcc;
	color:#000000;
	x-font-family: Palatino, serif;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	x2-font-family: Helvetica, Arial, sans-serif;
	x3-font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.5em;
}

p,ol,ul,.column,pre
{
	margin: 0px auto;
	width: 600px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-indent: 15px;
}

pre
{
	text-indent: 0px;
}


.notice
{
	text-indent: 0px;
	font-weight: bold;
}

.attributiondate
{
	font-size: 0.75em;
	font-style: italic;
}

ol,ul
{
	width: 480px;
}

a:link, a:hover, a:active
{
	color:#000000;
}

a:visited
{
	color:#330000;
}

a:hover
{
	background-color:#ccccaa;
}


.figure
{
	margin: 10px auto;
	text-align: center;
	width: 90%;
}

.figurecontent
{
	display: inline-block;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	background: #ffffff;
	padding: 10px;
	width: auto;
	margin: 0px auto;
}

.figuretitle
{
	font-style: italic;
	padding-top: 10px;
}

.chat1,.chat2
{
	padding: 5px;
	margin: 0px;
}


pre
{
	text-align: left;
	width: 640px;
	background-color:#eeeebb;
}

.chat1,ol,ul
{
	background-color:#eeeebb;
}

.chat2
{
	background-color:#ccccaa;
}

.logoheader
{
	text-align: center;
	margin: 2em auto;
}

.headingbox
{
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	border-width: 3px;
	border-color: #000000;

	width: 60%;
	text-align: right;

	padding-bottom: 0.5em;
	margin-top: 4px;
}


/* http://www.w3schools.com/css/css_boxmodel.asp */

dl,dd
{
}

dt
{
	font-family: "Futura", "Century Gothic", Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 2em;
}

.title,.author,.date,.section,.subheading,.bsection
{
	font-family: "Futura", "Century Gothic", Helvetica, sans-serif;
	font-size: 1.2em;
}

.section,.bsection
{
	margin-top: 2em;
}

.title
{
	font-size: 1.5em;
	padding-bottom: 0.5em;
}

.section,.bsection
{
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	border-width: 3px;
	border-color: #000000;

	width: 600px;
	margin: 0px auto;
	margin-top: 2em;

	text-align: center;
	padding-bottom: 0.5em;
}

.bsection
{
	width: 70%;
	text-align: right;
}


.footer
{
	margin: 0px auto;
	margin-top: 3em;
	border-style:solid;
	border-width: 4px;
	border-color: #000000;
	text-align: center;
	font-family: "Futura", "Century Gothic", Helvetica, sans-serif;
	padding: 15px;
	width: 90%;
}