html {
   overflow-y: scroll;
}

body {
   margin: 0;
   background-color: #c0c6c9;
   color: #595857;
   line-height: 1.4 ; 
   font-size: 14px;
   font-family: serif, Times New Roman;
}

a:link {
   color: #38a1db;
}
a:visited {
   color: #698aab;
}
a:active {
   color: #c4a3bf;
}
a:hover {
   color: #cc7eb1;
}


#wrapper {
   background-color: #fbfaf5;
   margin: 0 auto;
}

#mainBox {
   width: 740px;
   margin-top: 8px;
   float: left;
}

#subBox {
   width: 330px;
}

/* ---- HEADER AND FOOTER ---- */

header {
   padding: 10px;
   background: #1e50a2;
   color: #fff;
}
footer {
   padding: 0;
   background: #1e50a2;
   color: #fff;
}

footer p {
   margin: 0;
   padding: 2px;
   font-weight: bold;
   text-align: center;
}

/* ---- HEADER AND FOOTER END ---- */

/* ---- HEADER MENU ---- */

#menu {
   background: #1e50a2;
}

#menu ul {
   margin: 1px 10px 0; 
   padding: 0; 
   list-style: none;
}

#menu li{
   margin: 0;
   text-align:center;
}

#menu li a{
   width: 80px;
   padding: 4px 0;
   border-left: 1px solid #fff;
   font-weight: bolder;
   text-decoration: none;
   float: left;
   color: #fff;
}

#menu li:last-child a {
   border-right:solid 1px #fff;
}

#menu li a:hover{
   background:#bbc8e6;
}

/* ---- HEADER MENU END ---- */

/* ---- INDEX ---- */

.index {
   margin: 6px;
   border: 1px solid #1e50a2;
   border-radius: 6px;
   overflow: hidden;
}

.index h2 {
   margin: 0px;
   padding: 4px 8px;
   background: #1e50a2;
   color: #fff;
}

.index dl {
   margin: 4px 10px;
}

.index dt {
   width: 160px;
   border-bottom: 1px dotted #c0c6c9;
   
}

.index dd {
   margin-top: 8px;
   margin-bottom: 8px;
   border-bottom: 1px dotted #c0c6c9;
}

/* ---- INDEX END ---- */

/* ---- HEADLINE ---- */

#headline {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 4px;
}

/* ---- HEADLINE END ---- */

/* ---- SUBHEADLINE ---- */

.subheading {
   margin-left: 6px;
   padding: 2px 4px;
   font-size: 16px;
   font-weight: bold;
   border-bottom: 1px dotted #c0c6c9;
}

/* ---- SUBHEADLINE END ---- */

.players,
.standings,
.result {
   margin: 6px 6px 24px;
   border-collapse: collapse;
   border: 1px solid #8491c3;
}

.players tr:nth-child(even),
.standings tr:nth-child(even),
.result tr:nth-child(even) {
   background: #dee0e5;
}

/* ---- STANDINGS ---- */

.standings th {
   width: 30px;
   padding: 4px;
   background: #8491c3;
   color: #fff;
}

.standings td {
   padding: 4px;
   text-align: center;
}

.standings th:nth-child(1),
.standings td:nth-child(1) {
   width: 160px;
   text-align: left;
}

/* ---- STANDINGS END ---- */

/* ---- RESULT ---- */

.result th {
   padding: 4px 0;
   background: #8491c3;
   color: #fff;
}

.result td {
   padding: 4px 0;
   text-align: center;
}

.result th:nth-child(1) {
   width: 90px;
}

.result th:nth-child(2) {
   width: 58px;
}

.result th:nth-child(3),
.result th:nth-child(5) {
   width: 66px;
}
.result td:nth-child(4),
.result th:nth-child(6) {
   width: 150px;
}

.result th:nth-child(7) {
   width: 140px;
}

/* ---- RESULT END ---- */

/* ---- PLAYERS ---- */

.players th {
   padding: 4px 0;
   background: #8491c3;
   color: #fff;
}

.players th:nth-child(3) {
   padding-left: 4px;
   text-align: left;
}

.players td {
   padding: 4px 0;
   text-align: center;
}

.players th:nth-child(1),
.players th:nth-child(2),
.players th:nth-child(7) {
   width: 34px;
}

.players th:nth-child(3),
.players td:nth-child(3) {
   width: 180px;
   padding-left: 4px;
   text-align: left;
}

.players th:nth-child(4) {
   width: 90px;
}

.players th:nth-child(5),
.players th:nth-child(6) {
   width: 50px;
}

/* ---- PLAYERS END ---- */

.sl {
   border-top: 3px double #8491c3;
}

/* ---- COMMENDATION ---- */

#honour,
#award {
   margin: 6px 6px 24px 16px;
}

#honour dt,
#award dt {
   width: 200px;
   margin: 6px;
   border-bottom: 1px dotted #c0c6c9;
}

#honour dd,
#award dd {
   width: 340px;
   margin-bottom: 4px;
   border-bottom: 1px dotted #c0c6c9;
}

/* ---- COMMENDATION END ---- */

/* ---- AD ---- */

.adArea {
   margin-left: 4px;
   padding: 0 0 4px;
   border-top: 1px dotted #c0c6c9;
   border-bottom: 1px dotted #c0c6c9;
   text-align: center;   
}

.adLabel {
   margin: 0;
   padding: 0;
   font-size: 10px;
}

/* ---- AD END ---- */

/* ---- FLOAT ---- */

.floatLeft  { float:left; }
.floatRight { float:right; }

.clear      { clear:both; }
.clear hr   { display:none; }

/* ---- FLOAT END ---- */

/* ---- HIDE ---- */

.hide  {
   display: none;
   visibility: hidden;
}

/* ---- HIDE END ---- */

@media screen and (max-width: 767px) {

body {
   width: 100%;
}

#wrapper {
   background-color: #fbfaf5;
   margin: 0;
}

.result th:nth-child(1),
.result th:nth-child(3),
.result th:nth-child(7),
.result th:nth-child(8),

.result td:nth-child(1),
.result td:nth-child(3),
.result td:nth-child(7),
.result td:nth-child(8){
   display: none;
}

.standings th,
.result th,
.standings td,
.result td {
   padding: 6px 2px;
}

.adArea {
   margin: 0;
}

}

@media screen and (min-width:1080px){

   body {
      width: 1080px;
      margin: 0 auto;
   }

   #mainBox {
      width: 740px;
      float: left;
   }

   #subBox {
      float: right;
   }

}