div, p, a, span, input, textarea, form {
    font-family: Arial, Verdana, sans-serif;
}

div.header 
{
	font-size: 20px:
}





.imageDetails {	
	font-size: 11px;
}
.commentBox {	
	border: 4px black solid; 
	background-color: #f2f2f2; 
	width: 400px; 
	margin: 0px auto;
	text-align: left;
}
.message  {
	float: left; 
	width: 290px; 
	padding: 5px; 
	color: #000; 
	text-decoration: none;
	
	font-size: 13px;
	margin-bottom: 5px;
}
textarea.comment {
	font-size: 11px;
	padding: 6px;
	margin-bottom: 4px;
	width: 400px;
}
.picture {
	 float: left; width: 80px;
}
.username {
	font-size: 10px; font-weight: bold;
}
.NoComments {
   margin-top: 10px;
   color: #FFB505;
   font-size: 13px;
   font-weight: normal;
 } 
.CommentImg {
    border-left: 4px black solid; 
} 
/* Details (master header)*/
.detail {
	float: left; 
	width: 290px; 
	padding: 5px; 
	color: #000; 
	text-decoration: none;
	font-size: 13px;
	margin-bottom: 5px;
}
.details {	
	border: 4px black solid; 
	background-color: #f2f2f2; 
	width: 400px; 
	margin: 0px auto;
	text-align: left;
}
.username {
	font-size: 10px; font-weight: bold;
}
.picture {
	 float: left; width: 80px;
}
.title {
    
}
/* Image details - TODO: transfer to color specific style sheet and customize */
div#ImageDetails  {	
	font-size: 10px; 
	border: solid 4px white; 
	padding: 5px; 
	margin: 10px auto 10px auto; 	
	background-color: #666666;
}
div#ImageDetails {	
	font-size: 10px; 
	border: solid 4px white; 
	padding: 5px; 
	margin: 10px auto 10px auto; 	
	background-color: #666666;
}
div#ImageDetails span.title {
	font-weight: bold; 
	font-size: 18px;
}
div#ImageDetails span.text {
	padding: 6px; 
	font-size: 14px;
}
div#ImageDetails span.stats {
	width: 400px; 
	padding: 10px;
} 
div#ImageDetails a
{
	color: #FFA405;
	text-decoration: underline;
	font-weight: bold;
}
div#ImageDetails a:hover
{
	color: white;
}
/* Interact Menu */
.menuLink {
   color: #979797;
}
.menuLink:hover {
    color: White;
    font-weight: bold;
}
.menuBox {
    text-align: center;
    padding: 4px; 
}