@charset "utf-8";
/* CSS Document */
<!--
	html {
		min-height: 100%;
	}
	body {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		background: #666666;
		margin: 0; /* it\'s good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #000000;
		background-color: #4c9999;
		background-repeat:repeat-x;
		/*background-color: #000000; /* For any browser that can't create a gradient  */
		/*background: -moz-linear-gradient(top, #000000, #66CCCC); /*//mozilla*/
		/*background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#66CCCC)); /* Chrome/Safari */
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#000000',EndColorStr='#66CCCC'); /*IE 6/7 */
		/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#66CCCC)";/*IE 8 */
	}
	h1 {
		display: inline;
	}
	h2 {
		display: inline;
	}
	.indent1 {
		padding: 0 0 0 2.5em
	}
	.indent2 {
		padding: 0 0 0 5em
	}
	.main #container {
		width: 62em;
		background: #0e0032;
		margin: 4em auto;
		border: 1px solid #000000;
		text-align: left;
		color:#FFFFFF;
		box-shadow: 0px 0px 10px #000000;
	}
	.main #mainContent {
		padding: 1.5em;
		margin: 0 auto;
	}
	
	.fixedTopBar
	{
		position:fixed;
		width:100%;
		top:0;
		box-shadow: 0px 0px 3px #222222;
		background-color:#007D44;
		z-index:1;
	}
	
	.fixedTopBar ul
	{
		margin:0;
		padding:0;
		display:inline-block;
	}
	
	.fixedTopBar li
	{
		display:inline-block;
	}
	
	.fixedTopBar .nav
	{
		display: inline-block;
		padding: 1em 0;
		width:7em;
		text-decoration: none;
	}
	
	.fixedTopBar .nav:hover
	{
		background-color:#36D88E;
	}
	
	.main .sidebar {
		position:relative;
		float: left;
		height: 100%; 
		width: 10em; /* since this element is floated, a width must be given */
		background: #007d44;
		/*padding: 1.5em;/* 0 1.5em 1.5em; /* top and bottom padding create visual space within this div */
		margin: 1.5em;
	}
	.main .sidebar ul {
		list-style-type:none;
		width:8.5em;
		padding: 0;
		margin: 0;
		box-shadow: 0px 0px 3px #007d44;
	}
	.main .sidebar ul a {
		text-decoration:none;
		padding:0;
		margin:0;
		width: 100%;
	}
	.main .sidebar ul li {
		padding:1em 0 1em 1.5em;
		margin:0;
		width: 100%;
		border-bottom-style:inset;
		border-color:#0e0032;
		border-width:1px;
	}
	.main .sidebar ul a li:hover {
		background-color:#36D88E;
		text-decoration:none;
	}
	.main .sidebar h3, .main .sidebar p {
		/*margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
		/*margin-right: 10px;
		white-space: nowrap;*/
	}
	a:link
	{
		color:#FF82BB;
	}
	a:visited
	{
		color:#FF82BB;
	}
	a:hover
	{
		/*color:#36D88E;*/
	}
	a:active
	{
		color:#FFFFFF;
	}
	.main .currentPage
	{
		background-color:#36D88E;
		text-decoration:none;
		color:#C92771;
	}
	.main #topbar {
		width: 100%; /* since this element is floated, a width must be given */
		background: #00733E; /* the background color will be displayed for the length of the content in the column, but no further */
		padding: 0; /* top and bottom padding create visual space within this div */
		/*border-bottom: 1px solid #0e0032;*/
	}
	.main #bottombar {
		/*padding: 0 20px; /* top and bottom padding create visual space within this div */
		padding: 1.5em;
		margin: 0 auto;
		font-size:10px;
		text-align:center;
	}
	#pageend {
		width: 100%;
		color: #0e0032;
	}
	.sidebararrow {
		padding: .25em;
		cursor: pointer;
	}
	.postarrowlink {
		padding-left:.1em;
	}
	.postarrow {
		cursor:pointer;
	}
	.postxlink {
		padding-left:.1em;
	}
	.postolink {
		padding-left:.1em;
	}
	.postx {
		cursor:pointer;
	}
	.date{
		font-size:9px;
	}
	.postbar {
		color:#007d44;
		margin-top:1em;
	}
	
	/*order of post and toppost matters*/
	.post:hover{
		box-shadow: 0px 0px 5px #007d44;
	}
	.post {
		position: relative;
		/*background: #00ca6e;*/
		background: #007d44;
		padding: 8px 1.5em 1em 1.5em;
		margin: 1em 0;
		box-shadow: 0px 0px 3px #222222;
		
		/*background-color: #007d44;
		background: -moz-linear-gradient(top, #007d44, #1b7d69, 0%);
		background: -webkit-gradient(linear, left top, left bottom, from(#007d44), to(#1b7d69)); 
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#007d44',EndColorStr='#1b7d69');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#007d44, endColorstr=#1b7d69)"; */
	}
	.toppost {
		padding: 8px 1.5em 1em 1.5em;
		box-shadow: 0px 0px 3px #000000;
	}
	/*order of post and toppost matters*/
	
	/* Miscellaneous classes for reuse */
	.visible {
		visibility:visible;
	}
	.hidden {
		display:none;
	}
	.pinbot {
		position:absolute;
		bottom: 0;
		right: 0;
	}
	.pintop {
		position:absolute;
		top: 0;
		right: 0;
	}
	.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
		float: right;
	}
	.fltlft { /* this class can be used to float an element left in your page */
		float: left;
	}
	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}
-->
<!--[if IE]>
	/* place css fixes for all versions of IE in this conditional comment */
	
	/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]-->