.author, .posted-on, span.byline {display:none ! important;}
.main-navigation {margin-top:0.6rem;}
@media only screen and (min-width: 768px) {
.site-title {
    display: inline;
    font-size: 2em;
}}

.entry-content img {max-width:100% ! important;}
.entry-content p {max-width:100% ! important;}
p.linkbutton a {background:#0073aa;color:white;padding:5px 10px;border:2px solid #0073aa;text-decoration:none ! important;}

p.linkbutton a:hover {background:white;color:#0073aa;border:2px solid #0073aa;}

.custom-html-widget {height:600px;width:180px;margin-left:90px;}

div.inanutshell {padding:10px 10px 0 10px;background:#f7e9de;border:2px solid #ccc;margin-bottom:20px;}

a#tw2insertad div {position:absolute;}

span#foe, a#foeinsertad, a#foeinsertad div {position:absolute;height:80px;width:300px;float:right;}
span#foe div {position:absolute;}

.main-navigation li#menu-item-162 {position:absolute;top:0px}

/* Sidebar layout. The ts16 theme ships its own two-column maths at >=910px
   (.content-area{float:left;margin-right:-100%} + .sidebar{margin-left:75%}).
   We replace the floats below, so the theme's offset margins MUST be zeroed
   too - left in place they shove #primary a full container width off the
   right-hand edge, which is why article/category content went invisible. */
.has-sidebar:not(.error404) #primary {float:right;width:72%;margin-right:0;margin-left:0;}
.has-sidebar #secondary {float:left;width:25%;margin-left:0;margin-right:0;}

.video {margin:20px 0;}

h3, h2 {padding:0;}
span.divider {display:inline-block;padding:0 5px;color:#ccc;}

.postid-223 h2 {padding-top:20px ! important;}

h2 span { 
  margin-top: -30px;
  padding-bottom: 80px; 
  display: block; 
}

span.backtotop {display:block;margin-bottom:5px;}

.wrap {max-width:96%;padding:0 3%;}

p.linkbutton {margin-bottom:30px;}

@media only screen and (max-width:1000px){
	.main-navigation li#menu-item-162 {display:none;}
	.has-sidebar:not(.error404) #primary {float:none;width:100%;margin-right:0;margin-left:0;}
.has-sidebar #secondary {float:none;width:100%;margin-left:0;margin-right:0;}
}

.home .entry-content {width:100% ! important;}

.fullpanel {overflow:hidden;width:100%;}
.sectionleft, .sectionright {float:left;margin-right:4%;width:48%;}
.sectionright {margin-right:0;}
.fullpanel img {margin-bottom:20px;}

.home .entry-content {width:85% ! important;}

.site-header {background:url(../images/background-tribal-wars-2-2.jpg) no-repeat 0px -217px;padding:40px 4.5455% ! important;}
.content-area {margin-top:40px ! important;}
.main-navigation li#menu-item-162 {display:none;}
.site-description {color:black ! important;}
.main-navigation .primary-menu, .main-navigation .primary-menu > li {background:white ! important;}
body:not(.search-results) article:not(.type-page) .entry-footer {clear:both ! important;}
body:not(.search-results) article:not(.type-page) .entry-content {width:100% ! important;}

img {max-width:100% ! important;}

.home .sidebar {display:none;}
.home .content-area {width:100% ! important;}

@media only screen and (max-width: 1000px) {
.sectionleft, .sectionright {width:100%;margin-right:0;}
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {display:block ! important;}
.has-header-image.twentyseventeen-front-page .site-branding {margin-bottom:20px ! important;}
.has-header-image.twentyseventeen-front-page .custom-header {height:100px ! important;}
.home .entry-header {display:none;}
.home .panel-content .wrap {padding-top:0 ! important;}
body:not(.search-results) article:not(.type-page) .entry-content {width:85% ! important;}
.site-description {display:block ! important;}
.main-navigation .primary-menu, .main-navigation .primary-menu > li {padding:0 10px;}
}

.site-branding .site-title a {
    color: #fff;
    background: #293c81;
    padding: 7px 10px 4px 10px;
	margin-bottom:5px;
}
.site-branding .site-title a:hover {
    color: #fff;
    background: #000;
}
h2 a, h3 a {color:#293c81;}

.home .sectionleft p a, p a.morelink {background:#293c81;display:inline-block;text-decoration:none;color:white;padding:2px 5px;}
p a.morelink:hover, .home .sectionleft p a:hover {background:#000;}
.sectionright ul {margin-left:30px;}

.advert {width:100%;margin-bottom:20px;}
.advert ins {background:none;}

/* ---- Tribal Wars 2 skyscraper rotation (added during the static rebuild) ---- */
a#tw2insertad { display: block; position: relative; height: 600px; width: 160px; }
a#tw2insertad div { opacity: 0; animation: tw2rotate 18s linear infinite; }
a#tw2insertad div:nth-child(1) { animation-delay: 0s; }
a#tw2insertad div:nth-child(2) { animation-delay: 6s; }
a#tw2insertad div:nth-child(3) { animation-delay: 12s; }
@keyframes tw2rotate {
	0%, 1%    { opacity: 0; }
	3%, 31%   { opacity: 1; }
	33%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	a#tw2insertad div { animation: none; opacity: 0; }
	a#tw2insertad div:nth-child(1) { opacity: 1; }
}
