@charset "utf-8";
/* general tag-styles */
body {
	margin: 0;
	padding: 0;
	background: url('images/background.jpg') repeat;
	font: 1em "Calibri", Helvetica, Arial, sans-serif;
}
h1 {
	font: 1.7em normal "Constantia", Georgia, "Times New Roman", Times, serif;
	color: #000;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
}
h2 {
	font: 1.2em "Candara", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0;
}
em {
	font-style: italic;
	letter-spacing: 0.05em;
}
strong {
	font-weight: bold;
	letter-spacing: 0.05em;
}
acronym,
abbr {
	cursor: help;
	border-bottom: 1px #000 dotted;
}
q:before {
	content: "„";
}
cite,
q {
	font-style: italic;
}
q:after {
	content: "”";
}
a,
a:visited {
	text-decoration: underline;
	color: #424242;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
	color: #333333;
}
/* Links in headlines should not be highlighted */
h1 a,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {
	color: #000;
	text-decoration: none;
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {
	color: inherit;
	text-decoration: none;
}
a img {
	border: 0;
}
/* classes */
.warning {
	font-weight: bold;
	color: #b50000;
}
img.alignright,
img.alignleft,
img.aligncenter {
	padding: 5px 10px;
}
.alignright {
	float: right;
	margin: 5px 0px 5px 10px;
}
.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}
.aligncenter {
	text-align: center;
	display: block;
	margin: 5px auto;
}
.wp-caption {
	background: #ddd;
	border: 1px solid #424242;
	padding: 5px;
	text-align: center;
}
/* post date */
small.postdate {
	float: right;
	margin-top: -3.6em;
}
/* post metadata */
p.postmetadata {
	border-top: 1px solid #424242;
	padding: 10px 1em 0;
	font-size: 0.8em;
}
/* comment date */
small.commentmetadata {
	float: right;
	margin-top: -15px;
}
small.commentmetadata a,
small.commentmetadata a:visited {
	text-decoration: none;
}
small.commentmetadata a:hover,
small.commentmetadata a:focus,
small.commentmetadata a:active {
	text-decoration: underline;
}
/* comment text */
ol.commentlist li {
	font-weight: bold;
}
ol.commentlist li p {
	font-style: italic;
	font-weight: normal;
	margin-bottom: 1em;
}
ol.commentlist li p:before {
	content: "„";
}
ol.commentlist li p:after {
	content: "“";
}
/* comment form */
form#commentform p {
	clear: left;
	width: 32.5em;
	margin: 0 auto;
}
form#commentform input {
	float: right;
	clear: right;
	width: 14em;
}
form#commentform label {
	float: left;
	text-align: right;
	width: 18em;
}
form#commentform textarea {
	float: right;
	width: 35.5em;
}
/* positioning and layout styles */
#header {
	margin-top: 20px;
	text-align: center;
}
#header h1 {
	display: none;
}
#wrapper {
	width: 62.8em;
	max-width: 95%;
	margin: 0 auto;
}
#wrapper .sidebar-container {
	margin-top: 7px; /* Should start at the same height as #content */
	float: left;
	width: 261px;
}
#wrapper .sidebar-container .sidebar {
	/* No rules needed, but for the sake of completeness */
}
#wrapper .sidebar-container .sidebar .sidebar-top {
	height: 54px;
	background: url('images/nav_top.png') no-repeat;
}
#wrapper .sidebar-container .sidebar .sidebar-content {
	padding: 2px 12px 2px 7px;
	width: 242px;
	background: url('images/nav_repeat.png') repeat-y;
}
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav {
	font: 1.2em Georgia, Helvetica, serif;
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.even {
	z-index: 2;
	padding-top: 36px;
	height: 58px;
	margin-top: -25px;
	margin-left: 30px;
	color: #000;
	background: url('images/nav_orange.png') no-repeat;
}
/* This is an IE < 8 fix, which isn't getting color: inherit; */
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.even a,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.even a:visited,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.even a:hover,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.even a:focus,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.even a:active {
	color: #000;
}
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.odd {
	z-index: 1;
	padding-top: 15px;
	padding-left: 22px;
	height: 56px;
	margin-top: -15px;
	margin-left: 10px;
	color: #424242;
	background: url('images/nav_paper.png') no-repeat;
}
/* This is an IE < 8 fix, which isn't getting color: inherit; */
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.odd a,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.odd a:visited,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.odd a:hover,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.odd a:focus,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li.odd a:active {
	color: #424242;
}
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li a {
	display: block;
	padding: 10px 0 10px 10px;
}
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li a,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li a:visited {
	text-decoration: none;
	color: inherit;
}
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li a:hover,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li a:focus,
#wrapper .sidebar-container .sidebar .sidebar-content ul.nav li a:active {
	text-decoration: underline;
	color: inherit;
}
#wrapper .sidebar-container .sidebar .sidebar-bottom {
	background: url('images/nav_bottom.png') no-repeat;
	height: 6px;
}
#wrapper .main-content {
	margin-left: 276px;
}
#wrapper .content .content-top {
	/* No rules needed here, but for the sake of completeness */
}
#wrapper .content .content-top .content-top-left {
	float: left;
	width: 83px;
	height: 49px;
	background: url('images/content_top_left.png') no-repeat;
}
#wrapper .content .content-top .content-top-right {
	float: right;
	height: 49px;
	width: 99px;
	background: url('images/content_top_right.png') no-repeat;
}
#wrapper .content .content-top .content-top-repeat {
	height: 49px;
	margin-left: 83px;
	margin-right: 99px;
	background: url('images/content_top_repeat.png') repeat-x;
}
#wrapper .content .content-repeat {
	/* No rules needed here, but for the sake of completeness */
}
#wrapper .content .content-repeat .content-repeat-left {
	background: url('images/content_repeat_left.png') left repeat-y;
}
#wrapper .content .content-repeat .content-repeat-left .content-repeat-right {
	background: url('images/content_repeat_right.png') right repeat-y;
}
#wrapper .content .content-repeat .content-repeat-left .content-repeat-right div.badge {
	float: right;
	width: 99px;
	height: 99px;
	margin-right: 14px;
}
#wrapper .content .content-repeat .content-repeat-left .content-repeat-right .content-repeat-center {
	padding-top: 1px; /* Prevents h1's padding to cause a gap */
	padding-bottom: 1px; /* Prevents last elements' padding to cause a gap */
	padding-left: 23px;
	padding-right: 110px;
	font-size: 0.9em;
	color: #424242;
	line-height: 1.5;
	margin-left: 3px;
	margin-right: 14px;
	background: #fffbf2;
}
#wrapper .content .content-repeat .content-repeat-clearfix {
	clear: right; /* Clear the badge */
}
#wrapper .content .content-bottom {
	/* No rules needed here, but for the sake of completeness */
}
#wrapper .content .content-bottom .content-bottom-left {
	float: left;
	width: 12px;
	height: 46px;
	background: url('images/content_bottom_left.png') no-repeat;
}
#wrapper .content .content-bottom .content-bottom-right {
	float: right;
	width: 61px;
	height: 46px;
	background: url('images/content_bottom_right.png') no-repeat;
}
#wrapper .content .content-bottom .content-bottom-repeat {
	margin-left: 12px;
	margin-right: 46px;
	height: 46px;
	background: url('images/content_bottom_repeat.png') repeat-x;
}
#wrapper #copyright {
	clear: both;
	padding-top: 20px;
	bottom: 5px;
	left: 5px;
}
#admin {
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}
#admin a {
	display: block;
	height: 20px;
}