.sort th { font-size: 80%; font-family: "Oswald"; font-weight: 300;}

.sort .howto { font-size: 1em; font-family: "Oswald"; font-weight: 300; letter-spacing: 1.2px; color: #484; text-align: left; padding-left: 20px;}


.sortorder:after {
content: '\25b2';   /* Unicode Character BLACK UP-POINTING TRIANGLE */
color: #292; 
}

.sortorder.reverse:after {
content: '\25bc';  /* Unicode Character BLACK DOWN-POINTING TRIANGLE */
color: #922; 
}

#sort { margin: 0; padding: 1px 18px; }


#sort table, #sort th, #sort td {  
  border: 1px solid #9c9;
  margin: 0 auto;
  }


#sort th, #sort td { 
  padding: 4px 4px;
  margin: 4px;
  text-align: right;
  }

#sort th:nth-child(1), #sort td:nth-child(1){ 
text-align: center;
xwidth: 10%;}

#sort th:nth-child(2), #sort td:nth-child(2){
text-align: left;
xwidth: 25%;}


/*
#sort td:nth-child(1) { 
text-align: center;
width: 10%;}

#sort td:nth-child(2) { 
text-align: left;
width: 10%;}

#sort td:nth-child(3) {
  width: 10%; }

#sort td:nth-child(4) {
  width: 10%; }

#sort td:nth-child(5) {
  width: 10%; }

#sort th:nth-child(6) {
  width: 10%;}

#sort th:nth-child(7) {
  width: 10%; }

#sort th:nth-child(8) {
  width: 10%; }
*/




#sort .tdarrow td {
  text-align:center;
}

#sort th, th a {  text-align:center; 
      position: relative;
      color: #484;
}


/* from main.css */
.stattable, .alpha, .beta, .cohum, .totaloils, .myrcene, .carophyllene, .humulene, .farnesene, .storage
{  color: #676; 
   background-color: #eef6ee;
   padding: 4px 8px;
   margin: 8px 0;
}
.hoptile {
max-width:330px;
background-color: #f6f6f6;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 0 12px rgba(180,180,180,0.3);
padding: 20px;
margin-top:12px; margin-bottom: 30px;
margin-left: auto; margin-right:auto;
} 

@media screen and (min-width: 600px) {
  .sort th {  font-weight: 400;}
}