* {
 box-sizing: border-box;
}

html,body {
 font-family: "Lucida Sans", sans-serif;
 margin:0px;
 border:0px;
 padding:0px;
}

div#amerika {
 display:table;
 width:100%;
 min-height:100%;
 padding:0px;
 clear:both;
 font-size:120%;
 background-color:#fff;
 align-items: flex-start;
}

div#amerika-header {
 #display:table;
 #display:block;
 display:table;
 width:100%;
 padding:0px;
 margin:0px;
 #overflow-x:hidden;
 #background-color:transparent;
}

div#amerika-header-image {
 width:100%;
 height:8em;
 text-align:center;
 background-color:#c00;
 display:table;
 #background-size: 100%;
 #background-repeat: no-repeat;
 #position:relative;
 #height:160px;
}

div#amerika-header-text {
 #display:inline-block;
 display:table-cell;
 text-align:center;
 vertical-align:middle;
 height:100%;
 #width:100%;
 #margin:auto auto 0em auto;
 #vertical-align:middle;
 border:1px solid black;
}

div#amerika-header-image h1 {
 #display:table-cell;
 #margin:auto;
 #position: absolute;
 #top: 50%;
 #left: 50%;
 #transform: translate(-50%, -90%);
 text-shadow: 1px 1px 1px #000;
 text-transform:uppercase;
 margin-bottom:0px;
}

div#amerika-header-image h2 {
 display:block;
 margin-top:0px;
 # position:absolute;
 # top:60%;
 # left:43.5%;
 color:#FC0;
 font-size:0.7em;
 text-transform: uppercase;
 letter-spacing:0.25em;
 text-shadow: 1px 1px 1px #000;
}

a.amerika-header-link:link, a.amerika-header-link:active, a.amerika-header-link:visited {
 color:#fcd9c2;
 text-decoration:none;
 border-style:none;
} 

a.amerika-header-link:hover {
 color: #000;
}

div#amerika-navigation {
 background-color:black;
 width:100%;
}

div#amerika-navigation ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 width:100%;
}

div#amerika-navigation li {
 display:inline-block;
 width:24.5%;
 text-align:center;
 text-transform:uppercase;
 text-shadow: 0.5px 0.5px 0.5px #888;
 padding:0.5em 0px 0.5em 0px;
}

div#amerika-navigation li a {
 color:#ccc;
 text-decoration:none;
}

div#amerika-navigation li a:hover {
 color:white;
 text-shadow: 0.75px 0.5px 0.5px #888;
}

div#amerika-sidebar {
 width:33.33%;
 float:left;
 padding-left:2%;
}

div#amerika-sidebar a:link, div#amerika-sidebar a:visited {
 color: #00A;
 text-decoration:none;
 font-weight:bold;
 text-shadow: 0.5px 0.5px 0.5px #ccc;
}

div#amerika-sidebar a:hover {
 color: #00C;
}

div#amerika-sidebar ul {
 padding-left:0.5em;
 list-style-type:none;
}

div#amerika-sidebar li.page-item {
 list-style-image:url(/wp-content/themes/amerika-2017/images/altright-symbol.png);
 margin-left:1em;
 line-height:2;
}

div#amerika-sidebar input {
 background-color:#eef;
 width:40%;
}

div#amerika-sidebar input.searchblank {
 background-color:#eef;
 background-image:url(/wp-content/themes/amerika-2017/images/search-icon.png);
 background-repeat: no-repeat;
 background-position: right;
 background-size: contain;
}

div#amerika-sidebar input.emailblank {
 background-color:#eef;
 background-image:url(/wp-content/themes/amerika-2017/images/email-icon.png);
 background-repeat: no-repeat;
 background-position: right;
 background-size: contain;
}

div#amerika-sidebar p.social-media img {
 width:40px;
 height:40px;
 border:0px;
}

div#amerika-content {
 width:66.66%;
 float:left;
 text-shadow: 1px 1px 1px #eee;
 padding: 0px 10% 0px 1%;
 height:auto;
 overflow:auto;
 min-height:100%;
}

div#amerika-content a:link, div#amerika-content a:active, div#amerika-content a:visited {
 color: #00A;
 text-decoration:none;
 font-weight:bold;
 text-shadow: 0.5px 0.5px 0.5px #ccc;
}

div#amerika-footer {
 clear:both;
 width:100%;
 color:#666;
 padding-left:1em;
 font-size:66.66666%;
 font-weight:bold;
}

div#amerika-footer a:link, div#amerika-footer a:active, div#amerika-footer a:visited {
 color:black;
 text-decoration:none;
 text-shadow:none;
}

div#amerika-footer a:hover {
 color:#888;
}

/* Front Page Post Preview Format */

.amerika-post-preview {
 overflow-x:hidden;
 margin:10px auto 10px auto;
 position:relative;
 border-bottom:1px solid #eee;
}

.amerika-link-redirect { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('/wp-content/themes/amerika-2017/images/empty.gif');
}

img.amerika-post-preview-image {
 border:0px;
 width:70px;
 height:70px;
}

.amerika-post-image {
 display:table-cell;
 padding:1em;
}

.amerika-post-excerpt {
 display:table-cell;
 vertical-align:top;
 padding-top:0px;
}

.amerika-post-excerpt h2.post-title-link {
 margin-bottom:0px;
 padding-bottom:0px;
}

.amerika-post-excerpt p.amerika-preview-meta {
 margin-top:0px;
 padding-top:0px;
 font-size:66%;
}

/* Post Formatting */

.amerika-post {
 /* nothing to do here */
}

.amerika-post p {
 line-height:1.75;
 letter-spacing: 0.02em;
 text-shadow: 0.5px 0.5px 0.5px #ccc;
}

.amerika-post li {
 text-shadow: 1px 1px 1px #eee;
 line-height:1.75;
 letter-spacing: 0.02em;
}

.amerika-post h2 {
 margin-bottom:0px;
 border-bottom:1px solid #eee;
 /* font-family:"Times New Roman",serif; */
}

.amerika-post p.postmetadata {
 padding-top:0px;
 margin-top:0px;
}

.amerika-post div.amerika-post-navigation {
 text-align:center;
 font-size:88%;
 margin:1em auto 1em auto;
}

.amerika-post img {
 border:0px;
}

div.navigation {
 display:block;
 width:70%;
 margin:0px auto 20px auto;
 overflow:hidden;
 min-height:1em;
}

/* General Formatting */

blockquote {
 width:75%;
 margin:1em auto 1em auto;
}

.alignnone {
 border:1px solid blue;
}

.alignright {
 float:right;
}

.alignleft {
 float:left;
}

.aligncenter {
 display:block;
 margin:auto;
}

.small {
 font-size:66%;
}

/* Share Buttons */

div#share_buttons {
 text-align: center;
}

div#share_buttons a {
	width:25%;
	float:left;
}

div#share_buttons img {
 width:35px;
 height:35px;
}

/* Book reviews */

div.bookreview { display:block; width:100%; background-color:#ccc; border-radius: 25px; border: 2px solid #bbb; padding: 20px; overflow:hidden; color:black; margin-bottom:24px; } div.bookreview img { float:right; margin-left:40px; }

/* Mobile */

@media all and (max-width: 768px) { 
 div#amerika-content {
  width:100%;
 }
 div#amerika-sidebar {
 clear:both;
 float:none;
 display:block;
 width:100%;
 }
 div#amerika-navigation {
 background-color:black;
 }
 div#amerika-navigation {
 width:100%;
 }
 div#amerika-navigation li {
 display:block;
 text-align:left;
 }
 div.amerika-entry img {
  max-width:80%;
  height:auto;
 }
}