html { margin: 0; padding: 0 }
body {
  font-family: 'Merriweather';
  font-size: 24pt;
  background-color: #220000;
  font-weight: normal;
  color: #808000;
  color: #DEB887;
  width: 100%;
  margin: 0; padding: 0; display: inline
}

blockquote {margin:0;padding:0;text-align:left}
p {margin:0;padding:0;text-align:left}
ul {margin-bottom: 8%}
li {text-align: left}
body, #container {/*background-color:#000000*/}
#content { /*background-color:#00002B;*/ /*color:#FAFAD2;*/ width: 100%; float: left }
#contentright { width: 0; display: hidden; visibility: hidden }
#content h1 {font-size:0.7em; text-align: left}
#ads {font-size:0.7em}
#caption,
#comment {
  background-color: #3d1B0a;
}
#footer {
  text-align: left;
}
div.post-preview { margin: 0 1% 0 1%; padding: 1% 2% 1% 2%; width: 93%; border-color: #FAFAD2 }
div.preview-head { background-color: #0b2154; padding: 5px 5px }
div.preview-title { padding: 5px 5px }
div.preview-title h1 { font-size: 0.7em; }
div.preview-subtitle h2 { /*color: #acb9fe;*/ font-size: 0.6em; padding: 5px 5px }
div.preview-subtitle a { font-size: 0.6em; padding: 5px 5px }
div.preview-meta { font-size: 0.4em; border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 4% }
#footer {
/*  font-family: Georgia;
  font-weight: bold;
  font-size: 1.0em;*/
}
.first-paragraph:first-letter {
  font-size: 2.2em;
  text-transform: uppercase;
}
p.sys-status { color: #ff4000; font-size: 0.8em }
div.article { /*color: #acb9fe;*/ padding: 0 0.5%; width: 99% }
/*Organo, 'Noto Sans Display', Urbanist; }*/
.article-title {
  font-size: 1.2em;
  text-align: left;
  padding: 2% 2% 4% 2%;
  margin: 0;
  width: 94%;
}
.article-subtitle {
  font-size: 1.0em;
  text-align: left;
  padding: 2% 2% 4% 2%;
  margin: 0;
  width: 94%;
}
.article-title h1 {
  font-size: 1.0em;
  font-weight: bold;
  margin: 0;
}
.article-subtitle h2 {
  font-size: 0.6em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.article-meta {
  text-align: left;
  font-size: 0.5em;
  padding: 2% 2% 2% 2%;
  margin: 0;
  width: 94%;
}
.article-ad {
  background-color: #400080
}
div.article-text {
  text-align: justify;
  font-size: 0.6em;
  padding: 2% 2% 4% 2%;
  margin: 0;
  width: 94%;
}
div.article-text p {
  font-size: 0.8em;
  text-align: justify;
/*  padding: 2% 2% 2% 2%;*/
  width: 100%;
}
.article p.indent {
  font-size: 0.9em;
  text-align: justify;
/*  padding-left: 2%;*/
  width: 98%;
}
.article p.first {
/*  width: 79%;*/
  text-indent: 4%;
  font-size: 0.8em;
  text-align: justify;
}
.article-conclusion p {
  border-width: 0.5%;
  border-style: solid;
/*  padding: 1%;*/
/*  margin: 0 2% 4% 0;*/
  width: 95%;
  font-size: 0.8em;
  text-align: justify;
/*  color: #ff4000;*/
}
.article-text blockquote {
  border-left-width: 1%;
  border-left-style: solid;
  padding-left: 1%;
  padding-right: 0;
  width: 96%;
/*  margin: 0 2% 8% 0;*/
/*  text-indent: 1%;*/
  font-family: 'Merriweather';
  font-size: 0.8em;
  text-align: justify;
  color: #fad5b4;
}
#col-left,
#col-right {
  text-align: justify;
  font-size: 0.9em;
}

#cap-letter {
  width: 20%;
}
#headerleft,
#headermenu,
#headernav {
  background-color: #222222;
  vertical-align: middle;
}

.navitem {
  background-image: url(/Webdesign/demowebs/agency/css/navitem.jpg);
  background-repeat: no-repeat;
  background-color: #191970;
  color: #F5DEB3;
  vertical-align: bottom;
  text-align: center;
  width: 33%;
  float: left;
/*  font-size: 1.2em;
  font-family: Orelega One;
  font-weight: bold;*/
}

.navitem a:link {
  color: #F5DEB3;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}
.navitem a:visited {
  color: #F5DEB3;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}
.navitem a:hover {
  color: #F5DEB3;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: underline #ADD8E6;
}
.navitem a:active {
  color: #F5DEB3;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}

#quote {
  background-color: #F1F2EC;
  margin: 2% 5% 2% 5%;
  width: 90%;
}
#quotetext {
  font-style: italic;
  padding: 0.5% 3% 1% 3%;
  width: 94%;
  text-align: left;
}
#quotedef {
  padding: 1% 1% 0.5% 1%;
  width: 98%;
  text-align: left;
}

#aditem {
  background-color: #0A1B3D;
  font-size: 0.8em;
  font-weight: normal;
/*  background-color: #808000;*/
}
#adimage {
  font-size: 1.0em;
  font-weight: bold;
  float: left;
/*  background-color: #F1F2EC;*/
}
#addata {
/*  background-color: #F100EC;*/
}
#adtext {
/*  float: right;*/
  font-size: 0.9em;
  font-weight: normal;
  text-align: left;
}

a.article { text-decoration:none }
a.article:link { color: #9ca9ee }
a.article:visited { color: #7587e1 }
a.article:hover { color: #faf5b4 }
a.article:active { color: #faf5b4 }

div.preview-title a { text-decoration:none }
div.preview-title a:link { color: #9ca9ee }
div.preview-title a:visited { color: #9ca9ee }
div.preview-title a:hover { color: #7587e1 }
div.preview-title a:active { color: #9ca9ee }
.preview { background-color: #0a2561; }
.preview-title { margin: 0 1% 1% 1%; }
.preview-subtitle { margin: 0 1% 1% 1%; }
.preview-head { font-size: 0.6em; margin: 0 1% 4% 1%; }
.preview-head a:link { color: #9ca9ee }
.preview-head a:visited { color: #7587e1 }
.preview-head a:hover { color: #faf5b4 }
.preview-head a:active { color: #faf5b4 }
.preview-subtitle a { text-decoration:none }
.preview-subtitle a:link { color: #faf5b4 }
.preview-subtitle a:visited { color: #aaa544 }
.preview-subtitle a:hover { color: #faf544 }
.preview-subtitle a:active { color: #faf544 }

.article a:link { color: #faf5b4 }
.article a:visited { color: #faf5b4 }
.article a:hover { color: #fa85b4 }
.article a:active { color: #fa85b4 }

#contentright a:link { color: #faf5b4; font-size: 0.7em }
#contentright a:visited { color: #faf5b4; font-size: 0.7em }
#contentright a:hover { color: #fa85b4; font-size: 0.7em }
#contentright a:active { color: #fa85b4; font-size: 0.7em }

.comment,
.comment-head {
  margin: 0;
  padding: 0.5%;
  width: 99%
}
#comments {font-size:12pt; background-color:#0A1B3D; width:100%; float:left; margin: 2% 0}
.comment-head { background-color: #253973; margin: 0.5%; width: 98%; font-weight: bold }
.comment { background-color: #0A1B3D; margin: 0.5%; padding-bottom: 4%; width: 98% }


@media only screen and (min-width: 750px) {

body { font-size: 24pt; font-family: 'Merriweather'}
#content { width: 100%; float:left }
#contentright { padding: 1%; width: 100%; float:left; visibility: visible }
#contentright p {font-size:0.7em;}

div.article { padding: 0 1%; width: 99% }
div.article-text { padding: 2% 2% 4% 2% }
div.article-text p {  }
div.article-text p.conclusion{ }
div.article-text blockquote { }
.navitem { width: 25% }
}
@media only screen and (min-width: 1024px) {
#content { width: 70%; float:left }
#contentright { padding: 1%; width: 28%; float:right; visibility: visible }
div.article-text { padding: 2% 2% 2% 2% }
div.article-text p.conclusion{ margin: 0 2% 2% 0; }
div.article-text blockquote { }
.navitem { width: 15% }
}