#dewbody {
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif; /*  "Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif; */
	height:100%;
	padding:0 0 5em 0;
	margin:0;
	background:#eee;
}

#dewbody #content {
	width:50%;
	margin:auto;
}

#dewbody #players {
	background:#fff;
	overflow:auto;
}

#dewbody #players object {
	margin:20px 0 20px 50px;
}



#dewbody h1 {
	color:#456;
	margin-top:2em;
	padding:0 0 20px 10px;
	font-weight:normal;
	border-bottom:1px solid #ddd;
}

#dewbody h2 {
	font-weight:normal;
	background:#eee;
	padding:2em 10px 10px 10px;
	color:#444;
	font-size:130%;
	text-align:left;
	margin:0;
}

#dewbody p {
	margin:10px;
	padding-bottom:10px;
}

#dewbody .hint {
	color:#666;
	float:right;
	width:300px;
	text-align:left;
	margin-right:10px;
	background:#f6f6e0; /* Light grayish yellow. */
	padding:10px;
	clear:both;

}

#dewbody a {
	text-decoration:none;
	color:#369; 	/* blue */
}





/* seamless resp. photogrid*/
/*	COLOR-LISTING				*/
#photos {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 5;
  -webkit-column-gap: 0px;
  -moz-column-count: 5;
  -moz-column-gap: 0px;
  column-count: 5;
  column-gap: 0px;
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
@media (max-width: 1600px) {
  #photos {
    -moz-column-count: 		3;
    -webkit-column-count: 	3;
    column-count: 			3;
  }
}
@media (max-width: 1000px) {
  #photos {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 800px) {
  #photos {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 400px) {
  #photos {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}