/*** FONTS ***/
@font-face { font-family:body; src:url("/fonts/2016/body.woff"); }
@font-face { font-family:bold; src:url("/fonts/2016/bold.woff"); }
@font-face { font-family:head; src:url("/fonts/2016/head.woff"); }

/*** BACKGROUND ***/
body { background-color:#fff; }
nav.pagination li a, #nav, #nav::before, #main form input[type="submit"]:not(:hover), #search, #share a:hover { background-color:rgba(40,50,60,1); }
nav.pagination li strong { background-color:rgba(40,50,60,.15); }
#share a:not(:hover) { background-color:rgba(40,50,60,.1); }
form.data .fieldset:nth-of-type(odd):not(.captcha), ul.morelinks li:nth-child(odd) { background-color:rgba(40,50,60,.05); }
nav.pagination li a:hover, #main form input[type="submit"]:hover, #nav li:hover, .login { background-color:#b81c21; }
#search > div { background-color:#fff; }

/*** BORDER ***/
#main form input[type="submit"], #search input { border:none; }
#search > div { border:1px solid #000; }
#search input[type="search"] { border-right:1px solid #000; }
#share { border-top:1px solid rgba(40,50,60,.1); }
article.archive, article.analysis, ul.headlines li, #share, #side section li { border-bottom:1px solid rgba(40,50,60,.1); }
#main form input[type="text"], #main form textarea { border-width:1px; border-style:solid; border-color:#999 #ccc #ccc #999; }

/*** COLOR ***/
a.more, article.archive a:not(:hover) h2, body, li a:not(:hover) h2, ul.headlines a, #main form input, #main form textarea, #search input[type="search"] { color:rgba(40,50,60,1); }
form.data .fieldset label { color:rgba(80,90,100,1); }
article.archive small, h2, #share a:not(:hover) { color:rgba(90,100,110,1); }
figcaption, .meta { color:rgba(80,90,100,1); }
a, a.more:hover, article.archive a:hover h2, article.page h1, h1.page-title, li a:hover h2, ul.headlines a:hover { color:#b81c21; }
a:hover { color:#980c01; }
nav.pagination li a, #main form input[type="submit"], #nav a, #search input[type="submit"], #share a:hover { color:#fff; }

/*** CURSOR ***/
input[type="submit"], label.nav { cursor:pointer; }

/*** DISPLAY ***/
a.more, article, aside, figcaption, figure, footer, form.data input[type="submit"], header, hgroup, img.logo, label, main, nav, nav a, nav.pagination li *, section, ul.headlines a, #header #top a::before, #share a::before { display:block; }
nav.pagination li, #header #top a { display:inline-block; }
div.page.off, #searchchk:not(:checked) ~ #viewport #search, .check { display:none; }

/*** FONT FAMILY ***/
body, #main form input, #main form select, #main form textarea { font-family:body; }
b, form.data label:not(.radiorow), input, nav.pagination, strong, textarea { font-family:bold; }
a.more, h1, h2, #header *, .btn { font-family:head; }

/*** FONT SIZE ***/
li h2, #nav a, .btn { font-size:20px; }
#search input { font-size:18px; }
a.more, form.data label, ul.headlines a { font-size:15px; }
nav.pagination, #header #top, #main form input, #main form select, #main form textarea { font-size:14px; }
footer { font-size:.85rem; }
.meta { font-size:.9rem; }
figcaption { font-size:.8rem; }

/*** HEIGHT ***/
input[type="search"], input[type="submit"], input[type="text"] { height:40px; }
form.data img { width:auto; height:auto; }

/*** LETTER SPACING ***/
body { letter-spacing:0.05px; }
h1 { letter-spacing:-1px; }
h2, #nav, #search input, .btn { letter-spacing:-0.5px; }
#header #top { letter-spacing:-0.25px; }

/*** LINE HEIGHT ***/
article.archive { line-height:1.5; }
ul.headlines a { line-height:1.35; }
h2 { line-height:1.1; }
h1 { line-height:1; }
nav.pagination li *, #nav a, .btn { line-height:40px; }

/*** LIST STYLE ***/
nav.pagination li, ul.headlines li, #nav li, #side section li { list-style:none; }

/*** MARGIN ***/
body, h1, h2, input[type="radio"], ul.headlines, #nav ul, #search, #search input, #side section ul { margin:0px; }
article.analysis #share, #inform-player { margin-top:30px; }
form.data input[type="submit"] { margin-top:25px; }
a.more { margin-top:15px; }
article.analysis .meta { margin-top:10px; }
article.analysis { margin-bottom:50px; }
article.page h1, #inform-player { margin-bottom:30px; }
article.archive, #side section li, #side section > h2 { margin-bottom:25px; }
form.data label, .captcha-img { margin-bottom:10px; }
#share { margin:25px 0px; }
#mid-article-player, .viewport { margin-right:auto; margin-left:auto; }

/*** PADDING ***/
h1, h2, input[type="radio"], nav.pagination ul, ul.headlines, #nav ul, #search, #side section ul { padding:0px; }
form.data .fieldset { padding:20px; }
#main form textarea { padding:15px; }
#share, ul.headlines a { padding:10px 0px; }
#main form input[type="submit"], #main form input[type="text"], #search input { padding:0px 15px; }
article.archive, article.analysis, #side section li { padding-bottom:25px; }

/*** POSITION ***/
#header #top a::before, label.nav, #share a::before { position:absolute; }
#header, #header #top a, #nav, #share a { position:relative; }

/*** SMOOTHING ***/
nav.pagination, #header, #search input, .btn { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; }

/*** TEXT ALIGN ***/
#footer, #share, .center { text-align:center; }

/*** TEXT DECORATION ***/
a { text-decoration:none; }

/*** WIDTH ***/
form.data table, form.data input[type="text"], form.data select, form.data textarea { width:100%; }

/*** Z INDEX ***/
#search { z-index:1; }

/*** EVERYTHING ELSE ***/
* { -webkit-text-size-adjust:none; box-sizing:border-box; outline:none; font-weight:normal; }
*:focus { outline-style:none; }
a:hover { transition:color 0.3s ease 0s; transition:background-color 0.3s ease 0s; }
form.data input[type="submit"] { width:100%; max-width:300px; margin-right:auto; margin-left:auto; }
img { max-width:100%; height:auto; height:inherit; }
input, textarea { border-radius:0; }
label.nav { top:50%; margin-top:-20px; }
nav.pagination li * { padding:0px 25px; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
ul.morelinks a { padding:10px 20px; }
#header label.nav { width:40px; height:40px; background-image:url("/images/2016/nav.png?v=1"); background-size:auto 80px; background-repeat:no-repeat; }
#header label.nav.search { background-position:-40px 0px; }
a.more, #header #top { text-transform:uppercase; }
#mid-article-player { max-width:550px; overflow:hidden; }
#search > div, .radiorow { display:-webkit-flex; display:flex; }
#search > div > *, .radiorow > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; }
#search input[type="submit"] { max-width:100px; background:#b81c21; background: -moz-linear-gradient(top,  #b81c21 0%, #681012 100%); background: -webkit-linear-gradient(top,  #b81c21 0%,#681012 100%); background: linear-gradient(to bottom,  #b81c21 0%,#681012 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81c21', endColorstr='#681012',GradientType=0 ); }
#share a::before { content:""; left:0px; width:40px; height:40px; background-image:url("/images/2016/share.png?v=1"); background-size:auto 80px; background-repeat:no-repeat; }
#share a.fbk:hover::before { background-position:-40px bottom; }
#share a.fbk:not(:hover)::before { background-position:-40px top; }
#share a.red:hover::before { background-position:-80px bottom; }
#share a.red:not(:hover)::before { background-position:-80px top; }
#share a.tum:hover::before { background-position:-120px bottom; }
#share a.tum:not(:hover)::before { background-position:-120px top; }
#share a.twt:hover::before { background-position:0px bottom; }
#share a.twt:not(:hover)::before { background-position:0px top; }
#viewport { max-width:1280px; overflow:hidden; height:auto; }
.captcha-img { max-width:100px; }
.clear { clear:both; }
.radio { max-width:40px; }

@media all and (max-width:480px){
  article.analysis figure { margin:25px 0px; padding:0px; }
}
@media all and (min-width:481px){
  article.analysis figure { max-width:50%; float:right; margin:25px 0px 25px 30px; padding:0px 0px 0px 25px; border-left:1px solid rgba(40,50,60,.1); }
}
@media all and (max-width:640px){
  article.archive h2 { margin:10px 0px; }
  nav.pagination li.page-numbers { display:none; }
}
@media all and (min-width:641px){
  article.archive > a { display:-webkit-flex; display:flex; }
  article.archive > a > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; }
  article.archive h2 { margin:0px 0px 10px 0px; }
  article.archive .img { max-width:200px; margin-right:20px; }
}
@media all and (max-width:767px){
  body { font-size:1rem; line-height:1.45; }
  h1 { font-size:2rem; }
  h1.page-title { padding:20px; }
  h2 { font-size:1.5rem; }
  label.nav.menu { left:10px; }
  label.nav.search { right:10px; }
  article.archive small { display:block; }
  #footer, #main, #search, #side { padding:20px; }
  #header #top span { display:none; }
  #nav a { padding:0px 20px; }
  #share { margin:0px 20px 20px 20px; }
  #share a { vertical-align:middle; display:inline-block; height:40px; width:40px; padding:0px; margin:0px 5px; text-indent:60px; overflow:hidden; }
  #side > *:not(:first-child) { margin-top:20px; }
  .bigbox, .promo { margin-top:20px; margin-bottom:20px; width:300px; position:relative; left:50%; margin-left:-150px; }
}
@media all and (min-width:768px){
  #share { display:-webkit-flex; display:flex; }
  #share a { padding:0px 15px 0px 40px; display:block; }
  #share > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; }
  #share > *:not(:first-child) { margin-left:10px; }
  .meta span:not(:first-child)::before { content:"\2219"; padding:0px 5px; }
  .post-content .bigbox { float:right; margin:10px 0px 20px 20px; }
}
@media all and (min-width:768px) and (max-width:1023px){
  body { font-size:1.05rem; line-height:1.5; }
  h1 { font-size:2.5rem; }
  h1.page-title { padding:20px 40px 0px 40px; }
  h2 { font-size:1.9rem; }
  label.nav.menu { left:30px; }
  label.nav.search { right:30px; }
  #footer, #main, #search, #side { padding:25px 40px; }
  #nav a { padding:0px 40px; }
  #side > *:not(:first-child) { margin-top:40px; }
}
@media all and (max-width:1023px){
  img.logo { max-height:40px; }
  #header img.logo { margin:auto; }
  #header #logo { padding:25px; position:relative; }
  #header #top { background:rgba(40,50,60,1); text-align:center; }
  #header #top * { color:#fff; }
  #header #top a { padding:0px 10px; line-height:32px; }
  #header #top a:hover { background-color:#b81c21; }
  #nav { padding-bottom:25px; }
  #nav label.nav.search { display:none; }
  #navchk:not(:checked) ~ #viewport #nav { display:none; }
  #searchchk:not(:checked) ~ #viewport #nav { padding-top:20px; }
}
@media all and (min-width:1024px){
  article.analysis #share { display:-webkit-flex; display:flex; }
  article.analysis #share > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; }
  article.analysis #share > *:not(:first-child) { margin:0px 0px 0px 10px; }
  body { font-size:1.1rem; line-height:1.6; }
  h1 { font-size:3rem; }
  h1.page-title { padding:20px 20px 0px 20px; }
  h2 { font-size:2rem; }
  img.logo { max-height:60px; }
  #nav label.nav.search { right:10px; background-position:-40px -40px; }
  #footer, #main { padding:25px; }
  #header { padding:25px 25px 25px 340px; }
  #header #logo { position:absolute; top:35px; left:25px; }
  #header #logo label { display:none; }
  #header #top a { color:rgba(40,50,60,1); line-height:30px; padding:0px 10px 0px 25px; }
  #header #top a::before { content:""; left:0px; top:50%; margin-top:-15px; width:30px; height:30px; background-image:url("/images/2016/icons.png?v=1"); background-size:auto 60px; background-repeat:no-repeat; }
  #header #top a.fbk:hover::before { background-position:-30px -30px; }
  #header #top a.fbk:not(:hover)::before { background-position:-30px 0px; }
  #header #top a.mag:hover::before { background-position:-90px -30px; }
  #header #top a.mag:not(:hover)::before { background-position:-90px 0px; }
  #header #top a.new:hover::before { background-position:-60px -30px; }
  #header #top a.new:not(:hover)::before { background-position:-60px 0px; }
  #header #top a.twt:hover::before { background-position:0px -30px; }
  #header #top a.twt:not(:hover)::before { background-position:0px 0px; }
  #header #top a:hover { color:#b81c21; }
  #nav::before { content:""; width:40px; height:40px; display:block; position:absolute; left:-10px; -ms-transform:skew(-22deg); -webkit-transform:skew(-22deg); transform:skew(-22deg); }
  #nav a { padding:0px 12px; -ms-transform:skew(11deg); -webkit-transform:skew(11deg); transform:skew(11deg); }
  #nav li { -ms-transform:skew(-22deg); -webkit-transform:skew(-22deg); transform:skew(-22deg); display:inline-block; vertical-align:bottom; }
  #page { display:-webkit-flex; display:flex; }
  #page > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; }
  #search { position:absolute; top:95px; right:25px; padding:10px; width:320px; }
  #side { max-width:325px; padding:25px 25px 25px 0px; }
  #side > *:not(:first-child) { margin-top:25px; }
}
@media all and (max-width:1279px){
  #aside { margin-top:25px; }
}
@media all and (min-width:1280px){
  #aside { max-width:200px; margin-right:25px; }
  #content { display:-webkit-flex; display:flex; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; }
  #content > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; }
}