/*
Theme Name: OneNewsPremium
Theme URI: https://thelinuxreport.com/linux/
Description: Dark news aggregator theme for RSS feed display
Version: 1.1
Author: David Singer
License: GPL v2 or later
*/

body { background-color: #1f1f1f; color: #e5e5e5; font-family: verdana, helvetica, arial, sans-serif; font-size: 85%; line-height: 140%; margin: 0; padding: 0; }
a { color: #7bb9d0; }
a:hover { color: #fff; }
.content { margin: 0 auto; padding: 0 15px; max-width: 1200px; }
#top { height: 90px; }
#top #blogtitle { font-family: 'Trebuchet MS', Arial; height: 75px; padding-top: 34px; width: 700px; }
#top #blogtitle a { color: #fff; float: left; font-size: 2.5em; font-weight: bold; text-decoration: none; }
#top #blogtitle a:hover { color: #f90; }
#top #blogtitle .description { color: #ddd; float: left; font-size: 1.2em; margin-top: 1px; }
#top #blogtitle .seperator { color: #888; float: left; font-size: 1.5em; margin: 0 8px; }
#top #toprightbar { float: right; margin: 40px 18px 0 0; }
#topicons { float: right; }
#topicons a { color: #999; margin-left: 10px; text-decoration: none; }
#topicons a:hover { color: #f90; }

.top-menu-container { background: #5f5f5f; clear: both; display: block; float: left; margin-bottom: 30px; width: 100%; }
.top-menu-container ul.menu { color: #fff; list-style: none; margin: 0 auto; padding: 0; max-width: 1200px; }
.top-menu-container ul.menu li { color: #fff; display: inline; float: left; position: relative; }
.top-menu-container ul.menu li a { color: #fff; display: block; font-size: 1em; margin: 0 10px 0 0; padding: 8px 10px; text-decoration: none; }
.top-menu-container ul.menu li a:hover { background-color: #f80; }
.top-menu-container ul.menu li ul.sub-menu { display: none; position: absolute; background: #5f5f5f; z-index: 99; padding: 0; margin: 0; list-style: none; }
.top-menu-container ul.menu li:hover ul.sub-menu { display: block; }
.top-menu-container ul.menu li ul.sub-menu li { float: none; }
.top-menu-container ul.menu li ul.sub-menu li a { white-space: nowrap; }

.bodycontent { min-height: 400px; padding-bottom: 40px; }
.post { margin-bottom: 20px; }

#footer { background: #3f3f3f; border-top: 1px solid #666; color: #999; text-align: center; padding: 20px 0; clear: both; }
#footer a { color: #666; }
#footer a:hover { color: #f50; }

@media (max-width: 1000px) { .content { max-width: 100%; } .top-menu-container ul.menu { width: 100%; } }
@media (max-width: 640px) { #top #blogtitle { width: 100%; } #top #toprightbar { float: none; width: 100%; margin: 10px 0; } }