body {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   color: #666;
   font-size: 16px;
   line-height: 20px;
   max-width: 768px; 
   margin: auto;
}

/*
@media (max-width: 578px) {
   body {
      width: 100%;
      background: rgb(250, 120, 250);
   }
}
*/

.content {
   display: inline-block;
   padding-left: 1em;
   padding-right: 1em;
   padding-bottom: 1em;
   background: rgb(250, 250, 250);
   border: 1px solid #ddd;
   margin-top: 1em;
   margin-bottom: 0;
   width: 100%;
   box-sizing: border-box;
}

.header {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   max-width: 730px;
}

.section {
   font-weight: bold;
   padding: 10px;
   background-color: #ddd;
   text-align: left;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

.toplink {
   float: right;
   font-size: 24px;
}

.ad {
   width: 100%;
   color: #aaa;
   font-size: 12px;
   text-align: center;
}

.adImg {
   max-width: 100%;
}

.advsearch {
/*   display: none;*/
   border: 1px solid #999;
   padding: 10px;
   background: #F0F0F0;
}

.subhead {
   color: #777;
   font-size: 0.9em;
/*
   text-align: left;
   display: block;
   width: 100%;
*/
}

#results table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

#results td { 
   padding: 10px;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   vertical-align: top;
}

#mags table {
    border-collapse: collapse;
    width: 100%;
}

#mags td { 
   padding: 10px;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   vertical-align: top;
}

#mags .container {
   display: flex;
   width: 100%;
   border-bottom: 1px solid black;
}

#mags .thumbnail {
   min-width: 180px;
   padding: 10px;
}

#mags img {
   width: 100%;
   max-width: 180px;
}

#mags .description {
   padding: 10px;
}

@media (max-width: 578px) {
   #mags .container {
      flex-wrap: wrap;
   }

   #mags .thumbnail {
      width: 100%;
      text-align: center;
   }
   
   #mags img {
      margin: auto;
   }
}

th {
   padding: 10px;
   background-color: #ddd;
   text-align: left;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

a {
   text-decoration: none;
   color: #e0311d;
}

a:hover {
   text-decoration: none;
   color: #9c2214;
}

.faq_q {
   font-size: 16px;
   font-weight: bold;
   color: #9c2214;
}

.faq_a {
   font-size: 16px;
   text-align: left;
}


.magazine {
   white-space: nowrap;
}

.pubicon {
   float: right;
   max-width: 64px;
   max-height:64px;
   margin-left: 10px;
   margin-bottom: 10px;
}

.copyright {
   color: #aaa;
   font-size: 12px;
   text-align: center;
}

.footer {
   font-size: 12px;
   text-align: center;
   margin-top: 0.5em;
   margin-bottom: 2em;
}

h1 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   color: #666;
   font-size: 24px;
   line-height: normal;
}

.archive-mag-list {
   padding-top: 15px;
}