main .main { min-height:210px; padding-bottom:20px; margin-top:20px; }

main .subscription {
  background: #e3e3e3;;
  font-size: 1.1em;
  margin: 8px 0 16px 0;
  border-radius: 3px;
}
main .subscription-offer { padding:10px 0; text-align: center; }
main .subscription-control { padding-bottom: 10px; text-align: center; }
main .subscription-button:hover { background-color: #efefef; }

main h1.mag-title { font-size:2.4em; }

main em.mag-lede { font-size:140%; margin-top:-4px; }

main .content { padding:0 5px 0 10px; display:block; width:640px; vertical-align:top; }

main .content p { margin-top:8px; }
main .content p.first { margin-top:20px; }

main .logo {
  text-align:center; float:right; display:block;
  width:330px; vertical-align:top;
}

main .logo img {
  max-width:310px; max-height:310px;
}

div.tabs { border-bottom:1px solid black; }
.tabs li {
  display:inline-block; cursor:pointer;
  margin-bottom:-1px;
  font-weight:bold; font-size:0.9em; text-transform:uppercase;
  line-height2:20px; padding:8px 40px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.tabs li:first-child { margin-left:10px; }
.tabs li.selected { font-weight:bolder; border-bottom:3px solid #29143d; }


main .grid { display:inline-block; width:50%; vertical-align:top; }
main .share {
  display:inline-block; width:49%; vertical-align:top; text-align:right;
  padding:20px;
}
main .share li { display:inline-block; width:50px; cursor:pointer; }

main .details {  }
main .grid table { width:600px; margin:10px 0 0 10px; }
main .grid td:first-child { width:217px; text-align:right; font-weight:bold; }
main .grid td { padding:8px; }

main .main p.first:first-letter {
  font-weight: bold;
  font-size: 36px;
  line-height: 36px;
  /* margin-top: 30px; */
  margin: -2px 4px 0 0;
  display: block;
  float: left;
}

main .facebook:hover { color:#405d9b; }
main .twitter:hover { color:#55acee; }
main .google-plus:hover { color:#d73d32; }

.panel-dashboard { padding-left:20px; }
.panel-dashboard h3 { margin:6px 0; font-weight:bolder; text-transform:uppercase; font-size:0.9em; }
.panel-dashboard .panel { display:inline-block; float:left; width:310px; padding:5px; }
.panel-dashboard tr:hover td { font-weight:bold; }
.panel-dashboard td:first-child { padding:3px 6px 3px 0; width:86%; }
.panel-dashboard td:last-child { padding:3px 0 3px 6px; text-align:right; }
.panel-dashboard .panel p { display:block; margin-top:12px; font-size:0.9em; font-style:italic; }
.panel-dashboard .panel span { padding:2px 6px; background:white; font-size:0.8em; border-radius:3px; }

.panel-dashboard td:first-child span { padding:4px; background:white; }

.panel-dashboard .panel table { width:90%; }

.panel-dashboard .panel div { height:300px; overflow-y:auto; }