@CHARSET "UTF-8";

body		{ background: #FFFFFF url(../img/blue-bar.png) repeat-x 0px 128px; margin: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; font-size: 10pt; }
div			{ position: relative; }

#container	{ width: 950px; margin: 0px auto; }
#header		{ height: 128px; position: relative; }
#bar		{ height: 16px; text-align: right; padding: 8px; color: #FFFFFF; }
#content	{ float: left; width: 694px; }
#right		{ float: left; width: 256px; }
#footer		{ clear: both; }

a			{ color: #044F9B; text-decoration: none; }
a:hover		{ text-decoration: underline; }

img			{ border : 0px; }

.message	{ margin: 4px 0px 4px 0px; border: solid #000000; border-width: 1px 0px; padding: 4px 0px 4px 32px; }

#bar a		{ color: #FFFFFF; font-weight: bold; }

#menu				{ position: absolute; left: 10px; bottom: 0px; }
#menu ul			{ padding: 0px; margin: 0px; list-style: none; }
#menu li			{ float:left; width: 96px; }
#menu li a			{ display: block; height: 16px; margin-top: 8px; padding: 8px; -moz-border-radius: 8px 8px 0px 0px; background: #044F9B; color: #FFFFFF; }
#menu li a:hover	{ height: 20px; margin-top: 4px; }

.paginator .prev	{ float: right; }

.box	{ margin: 40px 0px 0px 10px; }
.box h1	{ font-size: 12pt; }
.box ul	{ margin: 0px; padding: 0px; list-style-image: url(../img/bullet-right.png); list-style-position: inherit; }
.box li	{ padding-top: 4px; margin-left: 24px; }

li.tree						{ list-style-image: none; list-style-type: none; position: relative; }
li.tree .button				{ width: 9px; height: 9px; background: transparent url(../img/bullet-expanded.png); float: left; margin: 4px; position: absolute; left: -20px; cursor: pointer; }
li.tree.collapsed .button	{ background: url(../img/bullet-collapsed.png); }
li.tree.collapsed ul		{ display: none; }

form					{ margin-top: 32px; }
.input					{ margin: 4px 0px; padding-left: 64px; }
.submit					{ margin: 12px 0px; padding-left: 64px; }
.input label			{ padding: 2px 24px 2px 0px;  }
.input.required label	{ background: url(../img/sprites.png) no-repeat right -102px; }
.input input			{ display: block; width: 512px; padding: 4px; }
.input textarea			{ display: block; width: 544px; height: 128px; padding: 4px; }
.input input, .input textarea
						{ font-size: 110%; font-family: Verdana, Arial, sans-serif; background: #FFFFFF; }
.input .author			{ background: url(../img/sprites.png) no-repeat 0px -4px; padding-left: 32px; }
.input .email			{ background: url(../img/sprites.png) no-repeat 0px -36px; padding-left: 32px; }
.input .url				{ background: url(../img/sprites.png) no-repeat 0px -68px; padding-left: 32px; }

.input.error label		{  }
.input.error input, .input.error textarea
						{ border: 2px inset #BB0000; }
.error-message			{ padding: 2px 0px 2px 20px; background: url(../img/sprites.png) no-repeat -8px -134px; }

.post				{ padding: 40px 8px 8px 96px; position: relative; }
.post .date			{ position: absolute; text-align: center; left: 8px; top: 40px; width: 56px; height: 56px; padding-top: 12px; background: #9CC6FF; border: 1px solid #E5E5E5; }
.post .date .spiral	{ position: absolute; width: 53px; height: 12px; left: 2px; top: -4px; background: url(../img/sprites.png) no-repeat 0px -203px; }
.post .date .year	{ font-size: 90%; }
.post .date .month	{ font-size: 110%; }
.post .date .day	{ font-size: 130%; }
.post h1			{ font-size: 120%; font-weight: normal; border-bottom: 1px solid #000000; margin: 0px; padding: 0 96px 2px 0; position: relative; }
.post .commentlink	{ font-size: 80%; position: absolute; top: 44px; right: 8px; }
.post .body			{ margin-top: 4px; }
.post .tags			{ margin-top: 4px; font-size: 80%; }
.post .tags a		{ padding: 2px 2px 2px 16px; background: url(../img/sprites.png) no-repeat -8px -167px; }
.post .more			{ margin-top: 4px; font-size: 80%; }

.comments			{  }
.comment			{ margin: 32px 8px 8px 64px; padding: 4px; }
.comment:target		{ background: #9CC6FF; }
.comment .author	{ font-weight: bold; font-size: 110%; }
.comment .date		{ font-size: 80%; }
.comment .body		{ margin-top: 8px; }

.gallery .images				{ text-align: center; }
.gallery .images img			{ margin: 8px; vertical-align: middle; }

.gallery.embedded 						{ margin: 24px 0px 16px; padding: 12px 4px 4px; border: 1px solid #808080; min-height: 12px; }
.gallery.embedded .controls				{ position: absolute; top: -12px; left: 8px; background: #FFFFFF; padding: 2px; border: 1px solid #808080; }
.gallery.embedded .controls .expand		{ display: block; float: left; width: 16px; height: 16px; background: url(../img/sprites.png) no-repeat -8px -360px; margin-right: 4px; }
.gallery.embedded .controls .view		{ display: block; float: left; width: 16px; height: 16px; background: url(../img/sprites.png) no-repeat -40px -360px; margin-right: 4px; }
.gallery.embedded .controls .spinner	{ float: left; width: 16px; height: 16px; margin-right: 4px; }