button.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

div.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

div.dropdown-content a.menuM {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

div.dropdown-content a.menuM:hover {background-color: #ddd;}

div.menu:hover div.dropdown-content {display: block;}

div.menu:hover button.dropbtn {background-color: #3e8e41;}
div.menu{display:none;}


.downloads{
	border-radius: 25px;
    background: #c6c6c6;
    padding: 20px; 
    width: 40%;
}

@media only screen and (max-width: 805px) {
  .downloads {
    display:table-cell;
  }
  .postComments{
	  display:table-cell;
  }
  .posts {
	  display:table-cell;
  }
}

.postComments{
	border-radius: 25px;
    background: #c6c6c6;
    padding: 20px; 
    width: 40%;
}

.posts{
	border-radius: 25px;
    background: #c6c6c6;
    padding: 20px; 
    width: 40%;
}

.postLink:visited,.postLink:active,.postLink:link {
	color:black;
	text-decoration:underline;
	background: #c6c6c6;
	width: 20px; height: 20px;
}

.postLink:hover {
	color:black;
	text-decoration:underline;
	background-color:#c1c1c1;
}

/* Resets */
ul{
	padding:0;
	margin:0 0 20px 0;
	list-style:none;
}

h1, h2{
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
}

p{
	padding:0;
	margin:0 0 20px 0;
}

a.menu:link, a.menu:visited{
	text-decoration:none;
	color:#dedede;
}

a.menu:hover{
	color:#ffffff;
}

a:link, a:visited{
	text-decoration:underline;
	color:#000;
}

a:hover{
	text-decoration:none;
}

ul li{
	padding:5px 0;
}

ul li input[type="text"], ul li input[type="password"]{
	width:200px;
}

/* Headers */
h1{
	font-size:1.8em;
}

h2{
	font-size:1.4em;
}

.logo{
	margin:0 0 10px 0;
	padding:0;
	width:200px;
	color:#fff;
}

/* Containers */
body{
	background:#2b2b2b;
	font-family:Arial;
	font-size:1.2em;
}

#container, footer{
	background:#fff;
	width:95%;
	margin:0 auto;
	padding:20px;
}

header{
	width:95%;
	padding:10px;
	margin:0 auto 10px auto;
}

#container{
	min-height:500px;
	border-radius:5px 5px 0 0;
}

.widget{
	margin-bottom:20px;
}

.widget h2{
	margin:0 0 10px 0;
	padding:0 5px;
	font-weight:normal;
	border-bottom:1px solid #ddd;
}

.widget .inner{
	margin:0 10px;
}

/* Navigation */
nav{
	float:left;
}

nav ul{
	margin:0;
}

nav ul li{
	display:inline;
	margin-right:10px;
}

nav ul li a{
	text-decoration:none;
}

nav ul li.current{
	font-weight:bold;
}

nav ul li.last{
	border-right:0;
}

/* Aside */
aside{
	width:260px;
	float:right;
	border-left:1px dashed #aaa;
	padding-left:15px;
}

/* Login */
#login li.link{
	margin-top:5px;
}

/* Footer */
footer{
	border-top:1px dashed #ddd;
	color:#999;
}

/* Misc */
.clear{
	clear.both;
}

@media only screen and (max-width: 458px) {
  nav.menu {
    display:none;
  }
  div.menu{
	  display:block;
  }
}

@media only screen and (max-width: 690px) {
  aside {
    float:none;
	border:none;
	text-align:center;
	width:90%;
  }
}