PostStyles.css

div.noteBox {
	background-color: #EEE8AA;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #2F4F4F;
	text-align: center;
	float: left;
	width: 30%;
	margin: 1px;
}

div.noteBox form {
	display: inline;
}

a.create:link, a.create:visited {
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	background-color: #EEE8AA;
	border-bottom-right-radius: 60px 5px;
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
	-webkit-border-bottom-right-radius: 60px 5px;
	-moz-border-bottom-right-radius: 60px 5px;
	-o-border-bottom-right-radius: 60px 5px;
}


a.create:hover, a.create:active {
    background-color: yellow;
	border-bottom-right-radius: 60px 5px;
}

span.floatButtons {
	direction:rtl;
	float:right;
}

input.updateMark {
	float: left;
	color: #d6d09a;
	background-color: #EEE8AA;
	border: none;
	text-decoration: none;
}

input.deleteMark {
	float: left;
	color: #d6d09a;
	background-color: #EEE8AA;
	border: none;
	text-decoration: none;
}

@media only screen and (max-width:1240px) {
  /* For mobile phones (or resized windows, wink wink): */
  .noteBox
	{
		width: 45%;
	}
}

@media only screen and (max-width:620px) {
  /* For mobile phones (or resized windows, wink wink): */
  .noteBox
	{
		width: 100%;
	}
}