/*
Theme Name: Kommandant
Theme URI: http://joshkingdesign.com/
Description: Custom Wordpress Theme by Josh King
Version: 1.0
Author: Josh King
Author URI: http://www.joshkingdesign.com
*/

@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');

body {
background: #000 url('images/bg.jpg') top center fixed no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
margin-top: 30px;
}

p {
font-size: 13px;
color: #ccc;
line-height: 1.5em;
}

h1, h2, h3 {
color: #ccc;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1em;
}

a:link {
color: #ccc;
}

a:visited {
color: #ccc;
}

a:active {
color: #ccc;
}

a:hover {
color: #fff;
}

ul {
padding: 0;
margin: 0;
}

img {
border: none;
}

/*Layout*/


#wrapper {
width: 560px;
margin: auto;
}

#header {
width: 545px;
height: 180px;
margin: auto;
}

#logo {
position: absolute;
width: 543px;
height: 178px;
margin: 0 3px 0 0;
}

#nav {
background: url('images/nav.png') no-repeat;
width: 548px;
height: 80px;
margin: auto;
}

#menu { width: 100%; float: left; margin: 15px 0 1em 0; padding: 0; list-style-type: none; font-family: 'UnifrakturCook', serif; font-weight: bold; font-size: 18px;}
#menu li {float: left; }
#menu li a { display: block; padding: 10px 9px; text-decoration: none; font-weight: bold; color: #989792; /* border-right: 1px solid #ccc; */ }
#menu li a:hover { color: #e30a0a;}
#menu li ul { display: none; width: 10em; background: #333; z-index: 100; list-style-type: none;}
#menu li:hover ul {display: block; position: absolute; margin: 0; padding: 0; z-index: 100; border: 1px solid black;}
#menu li:hover li {float: none;}
#menu li:hover li a {background: #333;}
#menu li li a:hover {background: #000;}

/* CUSTOM ROLLOVER NAVIGATION*/

/* ul#menu {
width: 543px;
position: absolute;
margin: 25px 0 0 2px;
list-style: none;
}

ul#menu li a {
display: block;
float: left;
height: 26px;
background-image: url('images/navigation2.png'); 
text-indent: -9999px;
}

ul#menu li a.home {
width: 44px;
background-position: 0 0;
}

ul#menu li a.home:hover {
width: 44px;
background-position: 0 -26px;
}

ul#menu li a.history {
width: 66px;
background-position: -44px 0;
}

ul#menu li a.history:hover {
width: 66px;
background-position: -44px -26px;
}

ul#menu li a.propaganda {
width: 100px;
background-position: -110px 0;
}

ul#menu li a.propaganda:hover {
width: 100px;
background-position: -110px -26px;
}

ul#menu li a.media {
width: 50px;
background-position: -210px 0;
}

ul#menu li a.media:hover {
width: 50px;
background-position: -210px -26px;
}

ul#menu li a.rallies {
width: 59px;
background-position: -260px 0;
}

ul#menu li a.rallies:hover {
width: 59px;
background-position: -260px -26px;
}

ul#menu li a.news{
width: 46px;
background-position: -319px 0;
}

ul#menu li a.news:hover {
width: 46px;
background-position: -319px -26px;
}

ul#menu li a.allies{
width: 54px;
background-position: -364px 0;
}

ul#menu li a.allies:hover {
width: 54px;
background-position: -364px -26px;
}

ul#menu li a.merch {
width: 54px;
background-position: -418px 0;
}

ul#menu li a.merch:hover {
width: 54px;
background-position: -418px -26px;
}

ul#menu li a.contact {
width: 70px;
background-position: -472px 0;
}

ul#menu li a.contact:hover {
width: 70px;
background-position: -472px -26px;
} */

#main {
background: url('images/content-bg.png') repeat;
border: 1px solid #45484c;
width: 550px;
margin: auto;
padding-top: 15px;
padding-bottom: 15px;
}


#slideshow {
width: 500px;
height: 10px;
margin: auto;
}

#content {
width: 500px;
margin: auto;
}

#page {
width: 500px;
margin: auto;
}

#leftWidget {
width: 220px;
float: left;
margin-left: 25px;
padding-left: 15px;
border-top: 1px solid #45484c;
}

#leftWidget ul {
list-style: none;
}

#leftWidget ul li {
padding-top: 5px;
}

#rightWidget {
width: 220px;
float: right;
margin-right: 25px;
padding-left: 35px;
border-top: 1px solid #45484c;
}

#rightWidget ul {
list-style: none;
}

#rightWidget ul li {
padding-top: 5px;
}

#fbWidget {
width: 500px;
margin: auto;
}

#footer {
background: url('images/footer.png') no-repeat;
width: 546px;
height: 80px;
margin: auto;
clear: both;
padding-top: 30px;
text-align: center;
font-size: 10px;
color: #ccc;
}


/*Wordpress Image Stylings*/

.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright {
float: right;
margin-left: 15px;
}

.alignleft {
float: left;
margin-right: 15px;
}

/*Wordpress Layout Stylings*/

.details {
text-align: left;
font-size: 11px;
color: #db0707;
}

.details ul {
list-style-type: none;
}


.pagination {
text-align: center;
margin: auto;
font-size: 12px;
padding-top: 15px;
padding-bottom: 10px;
}

.post {
width: 500px;
text-align: left;
padding-top: 10px;
}

.content {
width: 500px;
margin: auto;
text-align: left;
padding-top: 10px;
}

p.btn {
font-size: 12px;
font-weight: bold;
color: #db0707;
}

p.older {
}

p.newer {
}

h2.title {
font-size: 28px;
}

/*Wordpress Comment Styles*/

.comments {
margin: /*10px 0 0*/ auto;
border-top: 1px solid #ccc;
padding: 10px 0 0;
width: 500px;
}

.comments ol {
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments ol li {
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
}



.comments h2, .comments h3 {
font-family: Georgia, Sans-serif;
font-size: 16px;
}



.commentmetadata {
font-size: 12px;
}



.comments p.nocomments {
padding: 0;
}



.comments textarea {
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}

span.gigpress-info-item {color: #eee;}
span.gigpress-info-label {font-weight: bold; color: #ccc;}

span.ecwid-categories-category {color: #eee;}