/*
	Fancy background - http://diythemes.com/thesis/custom-backgrounds/
	Alter the color code in the first line to change the main background color.
	Alter the color codes in the second line to change the two intermediate colors.
	Alter the color in the third line to change the primary content background color.
*/
body.custom { background: #44448c; }
.custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #33332f; border: 0.4em solid #3e3e3a; }
.custom #page { background: #fff; }


/*
	Code for sidebar boxes; to make use of this, create a Text Widget in the WordPress admin panel.
	Leave the name/title of the widget empty.
	For the content of the text widget itself, use this:

	<div class="callout">
		<h4>Title of the Widget</h4>
		<p>YOUR TEXT HERE<p>
	</div>

	The second line of that -- the <h4> line -- is optional; it'll allow you to title the widget in a way that matches the text.
*/
.custom li.widget .callout { padding: 0.846em; line-height: 1.385em; background: #e3f0f2; border: 0.077em solid #addde6; }
.custom li.widget .callout h4 { font-size: 1.077em; font-weight: bold; line-height: 1.286em; margin-bottom: 0.429em; }
.custom li.widget .callout p { margin-bottom: 0; padding: 0; }