@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,400italic,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);
html, body {
padding : 0;
margin : 0;
}
html {
font-size : 16px;
background-color:#ffffff;
}
a img, :link img, :visited img {
border : 0;
}
img.cover { border: 1px solid #777; margin-right:4px; }
body {
font-size : 100%;
background-color : #99ccff;
}
#accessibility, h2.hidden {
display : none;
visibility : hidden;
}
#graphic1 {
position : absolute;
top : 10px;
left : 10px;
width : 166px;
height : 110px;
border : none;
padding : 0;
background-color : #ffffff;
}
#graphic2 {
position : absolute;
top : 10px;
left : 804px;
width : 83px;
height : 55px;
border : none;
padding : 0;
background-color : #ffffff;
}
#Frame1 {
position : absolute;
top : 4px;
left : 204px;
width : 572px;
text-align : left;
background : #ffffff;
padding-top:1em;
border-left : 4px solid #99ccff;
border-right : 4px solid #99ccff;
font-family: 'Droid Sans';
}
em, i, cite {font-family: 'Droid Sans', Helvetica, Arial, Geneva, sans-serif; font-style: italic; }
.entry-content {

padding-top : 1px;
padding-left : 8px;
padding-right : 8px;
}
.entry-comment {
padding-left : 4px;
padding-right : 4px;

}
#Frame1 h1 {
color : maroon;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-weight : normal;
font-size : 1.5em;
margin-left:8px; margin-right:8px; padding-top:8px;
}
#Frame1 h2, #Frame1 h3 {
color : maroon;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-weight : normal;
font-size : 1.2em;
margin-top: 1em;
margin-bottom : -6px;
}
#Frame1 h2 {
text-transform: uppercase;
}
#Frame1 h2.notes {
margin-bottom: -2px;
}
#Frame1 h1.homepage {
color : #933;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-weight : normal;
font-variant : normal;
margin-top:8px;
font-size : 160%;
}
#Frame1 h2.homepage {
background : #99ccff url(http://peacemagazine.org/archive/images/89.gif) no-repeat left;
color : #fff;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-variant : normal;
font-size : medium;
margin-left : -8px;
margin-right:-7px;
margin-top : 1em;
}
#Frame1 h4 {
color : maroon;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-size : 110%
margin-bottom : 0;
}
#Frame2 h2, #Frame2 h3, #Frame2 h4 {
color : maroon;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-size : 115%;
}
#Frame1 h3.strap {
background-color : maroon;
color : white;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-weight : bold;
}
#Frame2 {
background-color : #ffffff;
position : absolute;
top : 4px;
left : 4px;
margin: 0;
width : 198px;
min-height : 400px;
text-align : right;
padding-top : 8px;
padding-bottom : 4px;
font-family : 'Droid Sans';
font-size: 0.9em;
}
#Frame2 p {
font-family : 'Droid Sans';
margin-top : 0;
margin-bottom : 4px;
padding-right : 6px;
padding-left : 6px;
line-height: 1.35em;
}
#Frame3 p {
margin-top : 3px;
margin-bottom : 0px;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size : 0.9em;
}
#Frame1 p, #Frame1 li, dt, dd {
font-family : 'Droid Sans';
font-size : 1em;
line-height: 1.35em; 
}
#Frame3 {
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
position : absolute;
top : 0;
left : 786px;
min-height : 400px;
background-color : #ffffff;
padding : 10px 6px 0 6px;
padding-top : 10px;
text-align : left;
}
.s4p {
background-color : #ffeeff;
}
.big {
font-weight : 700;
color : navy;
}
address {
font-size : 90%;
}
.framea {
border:1px solid cyan;
padding:4px;
margin-top:6px;
margin-bottom:6px;
}
#Frame1 p.sans, span.sans {
font-size : 80%;
}
#Frame1 h1 a {
color : #900;
}
#Frame1 h1 a, #Frame1 h2 a, #Frame1 h3 a, #Frame1 h4 a {
text-decoration : none;
}
#Frame1 h4.search-title {
padding:0; margin-left:6px; margin-top:0;margin-bottom:0;
}
#Frame1 p.search-entry {
font-family : 'Droid Sans', 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size : 85%;
margin-left: 6px;
margin-top : 0;
margin-bottom : 6px;
}
#Frame1 p.entry-summary {
font-family : 'Droid Sans', 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size : 90%;
margin-top : 0;
margin-bottom : 0;
}
#Frame1 p.published {
font-family : 'Droid Sans', Helvetica, Arial, Sans-Serif;
font-size : 80%;
color : #ffffff;
background-color : maroon;
margin-top : 0;
margin-bottom : 0;
margin-left:8px; margin-right:8px; 
padding-right:4px;
text-align : right;
}
#Frame1 p.small, #Frame1 p.footnote {
font-family : 'Droid Sans', Helvetica, Arial, Sans-Serif;
font-size : 80%;
margin-top : 8px;
margin-bottom : 0;
}
#Frame1 p.caption {
font-family : 'Droid Sans', Helvetica, Arial, Sans-Serif;
font-size : 75%;
margin-top : 4px;
margin-bottom : 0;
line-height:1.1em;
}
p.footnote {
text-align: left; 
}
p.footnote sup {
font-size:1.1em;
vertical-align: baseline;
}
p sup {
vertical-align: 5px;
font-size:75%;
}
p sub, li sub {
vertical-align: -2px;
font-size:67%; 
}
p.first:first-letter {
        margin-top: 4px;
margin-right:2px;
        font-size: 2.8em;
        float: left;
      color: maroon;
font-family: "Trebuchet MS", Arial, sans-serif;
}
div.commenting {
width : auto;
font-family : 'Droid Sans', Helvetica, Arial, sans-serif;
}
textarea#message {
width : 185px;
}
p.author {
font-weight : bold;
font-size : 90%;
font-family : 'Droid Sans', Helvetica, Arial, sans-serif;
color : #33a;
background : transparent;
text-align : left;
text-transform : uppercase;
}
p.quote { 
padding-left : 8px; 
padding-right : 8px; 
border-left : 2px solid navy; 
}

blockquote p {
font-size : small;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
border-top : 1px solid maroon;
border-bottom : 1px solid maroon;
padding-top:3px; padding-bottom:2px;
color : navy;
text-align : left;
}
blockquote { font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif; }
blockquote.inside {
font-size : 1.1em;
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
color : maroon;
text-align : left;
}
address.pressmark {
background-color : #eeeeff;
font-family : 'Droid Sans', Arial, Helvetica, Geneva, sans-serif;
font-size:smaller;
border-top : 1px solid navy;
margin-top:6px; margin-bottom:12px;
padding-top : 0;
padding-left:4px; padding-right:4px;
}
p.indent, p.indented-para {
margin-left:1em;
padding-left:0.25em;
border-left:2px solid #999;
}
div.search-results {
padding-left: 6px;
}
div.photo-div-right, img.photo-div-right {
float:right;
margin-left:6px;
padding:5px;
width:210px; height:auto;
border:1px solid navy;
}
div.photo-div-left, img.photo-div-left {
float:left;
margin-right:6px;
padding:5px;
width:200px; height:auto;
border: 1px solid navy;
}
div.webonly {
margin:12px;
padding:9px;
width:auto; height:auto;
background-color: #f3f3ff;
}
fieldset { border: none; padding:0; margin:0; 
}
.zemText, div.zemText {
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size: 15px;
}
form.zemContactForm {
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size: 15px;
}
form.zemContactForm fieldset {
   border: none;
   }
form.zemContactForm legend {
   visibility: hidden; display: none;
   }
form.zemContactForm label {
   float: left;
   width: 160px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   }
form.zemContactForm br {
   clear: left;
   }
form.zemContactForm #zemSubmit {
   margin: 0.5em 0 0 70px;
   }
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width: 46em) {
body {
  -webkit-text-size-adjust:none;
  font-family:'Droid Sans', Arial, Helvetica, Sans-Serif;
  padding:5px;
background-color:#ffffff;
}
#graphic2, #graphic1, #Frame3 img.masthead, .big { 
visibility:hidden;
position:relative; 
display:none;
}
#Frame1, #Frame2, #Frame3, #graphic1 {
background:#ffffff;
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  position:relative!important;
  left:0px!important;
  border:none!important;
  margin:0!important;
  padding:0!important;
}
#Frame1 p, #Frame1 blockquote {
margin-left:4px; margin-right:4px;
}
#Frame2 {
text-align: left;
}
#Frame3, #Frame3 p {
  margin:0 0 0 0!important;
border:none!important;
top:0;
background:transparent;
  padding:0;
  text-align:left!important;
}
#Frame3 p {
display:inline;
  margin:0!important;
line-height:1.9em;
  width:95%;
}
#Frame3 p.item {
color:#454545!important;
margin:3px;
    border-radius: 5px;
    background: #ddddff;
padding:3px;
}
#Frame3 p.item a {
color:#676767!important; text-decoration:none;
}
#searchterm { width:100%;}
#header {height:auto; background-color:#ccc; }
h1.hidden, h2.hidden  { display:block; visibility: visible; color: #993333; }
h2 {font-size: 1.5em;}
.solidblockmenu { background-color:#d7d7ff; background-image:none; border:none; }
.solidblockmenu li { display:block;  }
.solidblockmenu li a {text-align:center; padding:2px; border-bottom:2px solid navy; margin-left:2px; margin-top:2px;  float:none; }
#header { background-image:none;}
img { max-width:100%; height:auto; }
.desktop { display:none; }
form.zemContactForm, textarea#message {
width: 100%; max-width: 600px; 
}
}
/* --- Smallest smartphones --- */
@media only screen and (max-width: 28em) {
#Frame2 {
display : none; 
}
form.zemContactForm, textarea#message { width:100%; 
}
}
/* --- desktop display ---*/
@media screen and (min-width: 40em) {

.col-container {
margin: 0 auto;
    display: table; /* Make the container element behave like a table */
width: 100%;   /*    Set full-width to expand the whole page */
background-color: white;
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
background-color:white;
}
}