body {
	margin:0;
	padding:0;
	width:100%;
	background:#bbb28c;	
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#000;
	line-height:1.0em;
	text-align:left;
}
h2 {
	font-weight:bold;
	font-size:16px;
}
@-ms-viewport{
	width: device-width;
}
p.angry {
	color: #c00;
}
a:link {
	color: #fff;
}
a:visited {
	color: #fff;
}
a:hover {
	color: #ccc;
}
a:active {
	color: #ccc;
}

img {
	border:0;    
	max-width:900px;
}
img.normal {
  border:0;
}
img.circle {
	position:absolute;
	top:144px;
	left:10px;
	height:144px;
	width:144px;
}
img.star {
	position:absolute;
	top:140px;
	left:160px;
	height:144px;
	width:138px;
}

table.sortable {
	border-collapse: collapse;
}

table {
	border-collapse: collapse;
}

table td.head {
	font-weight:bold;
	color:#900
}

table tr.head {
	background-color:#ddf;
	color:#000;
	cursor:default;
	border: 1px solid black;
}

table thead {
	background-color:#eee;
	color:#666;
	font-weight:bold;
	cursor:default;
	border: 1px solid black;
}

table, th, td {
	border: 1px solid black;
	padding: 1px;
  vertical-align: top;
}

table.sortable tbody {
	counter-reset: sortabletablescope;
}

table.sortable thead tr::before {
	content: "";
	display: table-cell;
}

table.sortable tbody tr::before {
	content: counter(sortabletablescope);
	counter-increment: sortabletablescope;
	display: table-cell;
}
.what {
	width: 50px;
	height: 10px;
	border: 1px solid red;
	background:#c00;	
}
.button {
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	background-color:#7d5d3b;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:13px;
	padding:1px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #4d3534;
}
.button:hover {
	background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
	background-color:#634b30;
}
.button:active {
	position:relative;
	top:1px;
}