#heading { position: relative; left: 9px; margin: 0; padding 0; }
#heading img { margin: 0; padding 0; }
#heading a { margin: 0; padding 0; display: block; clear: both; }

div#site-title { width: 400px; margin: 0; padding: 14px 0 0 16px; border: 0; float: left; }
div#site-title h1 { padding-top: 0; margin: 0; color: #FFF; font-size: 22px; line-height: 24px; font-family: arial, serif; font-weight: bold; }

div#site-tagline { text-align: center; margin: 16px 0 16px 0; padding: 0; }
div#site-tagline h1 { font-family: georgia, serif; font-weight: normal; font-size: 20px; margin: 0; padding: 0; }

div#front-frame {
	border: 2px solid #FF8; background-color: #FFD; margin-bottom: 16px;
	padding: 16px; text-align: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 24px; letter-spacing: -1px; color: #000;
	line-height: 32px;
}


div#front-frame h1 {
	font-family: helvetica, arial, sans-serif;
	font-size: 32px;
	color: #000;
	margin-bottom: 8px;
	letter-spacing: -2px;
}

/* ===================================================================== */

#content .mini-navi {
	background-color: #5BF; font-family: verdana, sans-serif; padding: 4px 0 4px 8px; margin-bottom: 32px; color: #FFF; font-weight: bold;
}

#content .mini-navi a {
	color: #FFF; font-weight: normal;
}

/* ===================================================================== */

#content h2 {
	font-family: verdana, arial, sans serif;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 4px 0 4px 0;
}

#content ul {
	margin: 0 0 0 8px;
	padding: 0 4px 0 8px;
}

#content li {
	margin: 0;
	padding: 0;
	line-height: 150%;
}

#content p {
	margin: 0;
	padding: 0 0 16px 0;
	line-height: 150%;
}

/* ============================================================================= */

#content .lesson {
	margin: 0 0 24px 0;
	padding: 0;
	clear: both;
	xborder: 1px solid #F00;
}

#content .lesson .indicator {
	width: 64px;
	float: left;
	vertical-align: middle;
	/*border: 2px solid #FFB2D2;
	background: #FFE5F0 url(/img/back-violet-2.gif) repeat-x;*/
	margin: 0;
	padding: 4px 0 4px 0;
}

#content .lesson .positive {
	border: 2px solid #79F279;
	background: #CCFFCC url(/img/back-green.gif) repeat-x;
}
#content .lesson .positive a, #content .lesson .positive h1, #content .lesson small.positive {
	color: #24B324;
}

#content .lesson .negative {
	border: 2px solid #FF9999;
	background: #FFCBCB url(/img/back-red.gif) repeat-x;
}

#content .lesson .negative a, #content .lesson .negative h1, #content .lesson small.negative {
	color: #FF3333;
}

#content .lesson .neutral {
	border: 2px solid #BEBEED;
	background: #DEDEED url(/img/back-grey.gif) repeat-x;
}

#content .lesson .neutral a, #content .lesson .neutral h1, #content .lesson small.neutral {
	color: #3D80CC;
}

* html #content .lesson .indicator {
	width: 70px;
}

#content .lesson .indicator h1 {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
}

#content .lesson .indicator small {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	display: block;
	text-align: center;
	margin: 0 0 2px 0;
	padding: 0;
	border: 0;
}

#content .lesson .indicator a {
	font-family: arial, sans-serif;
	font-size: 12px;
	/*color: #FF66A6;*/
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 8px 0 2px 0;
	display: block;
}

#content .lesson .body {
	float: right;
	width: 394px;
}

#content .lesson .body h1, #content .lesson .body h1 a {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 100%;
	text-align: left;
}

#content .lesson .body small {
	display: block;
	color: #AAA;
}

#content .lesson .body small, #content .lesson .body small a {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 100%;
}

#content .lesson .body small.actions {
	text-align: right;
	border-top: 1px solid #DDD;
	padding: 4px 0 4px 0;
	margin: 0;
}

#content .lesson .body small.actions a {
	color: #FF66A6;
}

#content .lesson .body p {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	line-height: 150%;
}

#content .lesson .toolbar {
	border-top: 1px solid #DDD;
	padding: 4px 0 0 0;
	text-align: left;
	clear: both;
}

#content .lesson .toolbar img {
	border: 0;
	margin: 0 0 0 4px;
	padding: 0;
	width: 12px;
	height: 12px;
}

#content #not-found {
	font-size: 13px;
	border: 2px solid #FA0;
	background: #FFA;
	text-align: center;
	color: #F90;
	font-weight: bold;
	margin: 0;
	padding: 16px;
	line-height: 100%;
}

#content #looking-for {
	border-bottom: 1px solid #CCC;
	margin: 4px 0 16px 0;
	padding: 2px 2px 0 4px;
}

#content p#looking-for {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #AAA;
}

/* ============================================================================ */
#content #pagination {
	margin: 0 0 0 80px;
}