@charset "UTF-8";
body{
	background-color:black;
	color:yellow;
}
#PageHeader{
	width:100%;
	height:100px;
}

#LeftColumnContainer{
	float: left;
	width: 30%;
}

#CenterColumnContainer{
	font-size:x-large;
	font-weight:bold;
	text-align:center;
	float: left;
	width: 40%;
}

#RightColumnContainer{
	float: right;
	width: 30%;
}

.PostListContainer{
	text-align:center;
}

.PostContainer{
	background-color:#000000;
	text-align:center;
	border-style:solid;
	border-width:2px;
	border-radius:25px;
	padding:2%;
	display:block;
  	height:80%;
  	overflow:auto;
  	margin-top:10px;
  	margin-bottom:10px;	
}

.PostContainer a{
	color:white;
	text-decoration:none;
}

.PostContainer img{
	width:100%;
	border-radius:25px;
}

.PostTextBox{
	color:white;
	text-align:left;
	width:100%;
	margin:0 auto;
}

.PostID{
	font-size:large;
	font-weight:bold;
}

.Title{
	font-size:x-large;
	font-weight:bold;
}

.Content{
	font-size:large;
}

.ByLine{
	color:white;
	font-size:small;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
}

.CommentCount{
	color:white;
	font-size:small;
	float:right;
}

.Comment{
	font-size:large;
}

.CommentDate{
	color:white;
	font-size:small;
	float:right;	
}

.NavContainer{
	display:block;
  	height:auto;
  	overflow:auto;
}

.PreviousNav{
	float:left;
	text-align:left;
	width:33%;
}


.PreviousNav img{
	width:50px;
	height:50px;
}

.MiddleNav{
	float:left;
	text-align:center;
	width:33%;
	
}

.NextNav{
	float:right;	
	text-align:right;
	width:33%;
}

.NextNav img{
	width:50px;
	height:50px;
}

#main_menu_container
{
}

#main_menu_container ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
	text-align:center;
}

#main_menu_container ul li
{
	display:inline;
}

#main_menu_container ul li a
{
	color:yellow;
	background-color:transparent;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#main_menu_container ul li a:hover, #mainmenu ul li.active a
{
	color:yellow;
	background-color:yellow;
	text-decoration:none;
}