a {
	color:#57A2E9;
}

#boxContainer {
	
}

.myBox{
filter:alpha(opacity=40); 
width:300px;
margin-left:auto;
margin-right:auto;
}
.myBoxContent{
position:relative;
margin:10px;
background:#fff;
color:#000;
}

#myBox {
    color: #fff;
    width: 95%;
    margin-left:7px;
    padding:2px;
    margin-top:10px;
    margin-bottom:50px;
    text-align: left;
    background-color: #131313;
    border: 2px solid #5F5F5F;

}
#myBox p {
  padding:0;
  margin:1ex 0;

}

html,body {
    height: 100%;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    background-image: url(../images/system/pattern.gif);
    color:#FA0;
}

h5 {
  font: bold 330%/100% "Lucida Grande";
  position: relative;
  color: #c0c0ff;
}
h5 span {
  background: url(gradient.png) repeat-x;
  position: relative;
  display: block;
  width: 100%;
  height: 31px;
}


.headings{
	color:#F5F5F5;
	background-color:#131313;
	padding-left:5px;
	border-left:5px solid #64A7CD;
	text-transform:uppercase;
	letter-spacing:5px;	
	font-family:tahoma;
	margin:10px;
}

.mainContent{
	margin-left:20px;
	color:#6F7777;
}

.commentContainer{
	margin-left:20px;
	margin-right:10px;
	border-bottom:1px dotted grey;
	padding:10px;
}

.comment{
	
	margin-bottom:5px;
}

.commentFooter{

	display:inline;
}

.name{
	display:inline;
	color:grey;
	
}

.location{
	color:#CF6A19;
	background:black;
	display:inline;
	padding-left:5px;
}

form{
	padding-left:10px;
}


label{
	font-size:80%;
	display:block;
	color:#57A2E9;
	width:80px;
	text-align:left;
	margin-left:20px;
}

.button{
	background-color:#fff9e7;
	color:black;
	border-width:1px;
	border-style:solid;
	border-color:#7c5b47;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

input{	
	background-color:black;
	color:white;
}
textarea{
	background-color:black;
	color:white;
}