input[type=submit] {
    background-color: #f16334;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0
    rgba(0,0,0,0.19)
}

input[type=submit]:hover {
    background-color: white;

    color: #8dbf42;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0
    rgba(0,0,0,0.19)
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #f16334;
    border-radius: 4px;
    box-sizing: border-box;

    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0
    rgba(0,0,0,0.19)

}
#newPost {
	margin: 0 auto;
	width: 90%;

}

#charCounter { float:right }

textarea {
    width:		100%;
	height: 	10em;

}

#content {
  width: 90% ;
  margin-left: auto ;
  margin-right: auto;

	margin-bottom: 10px;
	word-spacing:4pt;
}

#posts {
	font-weight:normal;
	color:#000000;

	word-spacing:4pt;
	text-align:left;
	width: 90%;
	margin: 0 auto;
}

#posts th {
	background-color: #f16334;
	color: white;
	padding: 8px;
	border-bottom: 1px solid #ddd;
}

#posts td {
	padding: 8px;
	border-color: #666666;
	background-color: #ffffff;
	border-bottom: 1px solid #ddd;
}
/* .mobileShow {display: none;}  */

  /* /* Smartphone Portrait and Landscape */  */
  /* @media only screen  */
    /* and (min-device-width : 320px)  */
    /* and (max-device-width : 480px){  */
      /* .mobileShow {display: inline;} */
  /* } */