@charset "utf-8";
/* CSS Document */

body, p
{
	font-family: Helvetica, 'Helvetica LT Std', Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	padding: 0;
	margin: 0;
}

body
{
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-position: right top;
}

h3, h3 > a
{
	font-family: 'Trebuchet MS', Helvetica, 'Helvetica LT Std', Arial, Geneva, Verdana, Tahoma, sans-serif;
	letter-spacing: -0.1em;
	font-size: 3em;
	line-height: 1em;
	padding: 0;
	margin: 0;
	color: #ec008c;
}

h3 > a
{
	font-size: 1em;
	line-height: 1em;
}

h4, h4 > a
{
	font-family: 'Trebuchet MS', Helvetica, 'Helvetica LT Std', Arial, Geneva, Verdana, Tahoma, sans-serif;
	letter-spacing: -0.1em;
	font-size: 2em;
	line-height: 1em;
	padding: 0;
	margin: 1em 0 0.25em 0;
	color: #ec008c;
}

h4 > a
{
	font-size: 1em;
	line-height: 1em;
}

a
{
	color: #B3B3B3;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

acronym, abbr
{
	color: #333333;
}

img
{
	border: 0;
}

blockquote
{
	padding: 1.5em;
	text-indent: -0.666em;
	padding-left: 1.5em;
	background-color: #fff200;
	background-image: url(images/corner-yellow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

blockquote:before
{
	content: open-quote;
	margin-right: 0.1em;
	font-size: 3em;
	line-height: 0.333em;
	display: inline;
	vertical-align: bottom;
}

blockquote:after
{
	content: close-quote;
	margin-left: 0.1em;
	font-size: 3em;
	line-height: 0.333em;
	display: inline;
	vertical-align: bottom;
}

q:before
{
	content: open-quote;
	margin-right: 0.1em;
	font-size: 1.5em;
	line-height: 1em;
	display: inline;
	vertical-align: bottom;
}

q:after
{
	content: close-quote;
	margin-right: 0.1em;
	font-size: 1.5em;
	line-height: 1em;
	display: inline;
	vertical-align: bottom;
}

#container-outer
{
	float: right;
	width: 1000px;
	min-height: 768px;
	display: block;
	background-image: url(images/background.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#container
{
	width: 960px;
	margin: 0 0 0 40px;;
	padding: 0;
}

#content
{
	width: 460px;
	padding: 10px;
	margin: 120px 120px 60px 360px;
	clear: none;
}

#content p
{
	text-align: justify;
}

#content #entry p:first-line
{
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#content p + p
{
	text-indent: 2.5em;
}

#content #entry p + p:first-line
{
	text-transform: none;
	letter-spacing: normal;
}

#content strong, #content b
{
	color: #ec008c;
}

#content em, #content q, #content i
{
	font-style: italic;
	color: #00aeef;
}

#content #entry img
{
	padding: 1em 1em 1.5em 1em;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#content #entry .image
{
	text-indent: 0;
	text-align: center;
	margin: 1.8em 2.5em;
}

#heading
{
	width: 460px;
	height: 40px;
	padding: 60px 0 10px 0;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#left-panels
{
	float: left;
	display: block;
	margin: 480px 120px 0 0;
	width: 240px;
	min-height: 240px;
}

#left-panels p, #left-panels li
{
	font-size: 0.8333em;
	line-height: 1.5em;
}

#left-panels p + p
{
	margin-top: 1em;
}

#left-panels .panel
{
	display: block;
	width: 240px;
	min-height: 80px;
	padding: 10px;
	margin-bottom: 20px;
}

#panel-1
{
	background-color: #ec008c;
	background-image: url(images/corner-magenta.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#panel-2
{
	background-color: #fff200;
	background-image: url(images/corner-yellow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#panel-3
{
	background-color: #00aeef;
	background-image: url(images/corner-cyan.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#panel-1 a, #panel-3 a
{
	color: #CCCCCC;
}

#bottom-panel
{
	width: 460px;
	padding: 0;
	margin: 2em 0 0 0;
	clear: none;
}

#right-panel
{
	float: right;
	display: block;
	width: 120px;
	padding: 0;
	margin: 120px 0 0 0;
}

#date
{
	display: block;
	width: 100px;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #00aeef;
}

#post-links
{
	display: block;
	width: 100px;
	padding: 10px;
}

.link-button
{
	min-height: 20px;
	width: 80px;
	padding: 0 10px 0 10px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}

.link-button a
{
	color: #FFFFFF;
}

.previous
{
	background-color: #ec008c;
	background-image: url(images/corner-magenta.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.top, .comments
{
	background-color: #fff200;
	background-image: url(images/corner-yellow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.next
{
	background-color: #00aeef;
	background-image: url(images/corner-cyan.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#bottom-panel .top
{
	margin: 0 75px 0 75px;
}

#site-title
{
	display: none;
}

#content img.about
{
	float: right;
	border: 0;
	padding: 0;
	margin: 0 0 1em 2.5em;
}

ul.table
{
	list-style-type: none;
	width: 100%;
	margin: 0 0 2.5em 0;
	padding: 0;
}

ul.table li
{
	margin-left: 100px;
}

ul.table li.label
{
	float: left;
	display: inline;
	width: 80px;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	font-weight: bold;
	color: #ec008c;
}

ul.archive-list
{
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
}

ul.archive-list li
{
	height: 1.8em;
}

ul.archive-list li.year
{
	height: 1.8em;
	width: 100%;
	margin-top: 1em;
	font-weight: bold;
}

ul.archive-list li.date
{
	float: left;
	display: inline;
	width: 140px;
	margin-left: 0;
	margin-right: 0.25em;
	text-align: right;
}

#comments
{
	display: block;
	width: 100%;
	min-height: 120px;
	clear: none;
}