@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:400italic);
html, body {
padding : 0;
margin : 0;
}
html {
font-size : 15px;
}
a img, :link img, :visited img {
border : 0;
}
img.cover { border: 1px solid #777; margin-right:4px; }
body {background: url(http://tpc.peacemagazine.org/images/7t.jpg) repeat-y top right;}
#graphic1 { position: absolute; top: 10px; left: 0px; width: 185px; border: none; padding: 0px; background: #ffffff; }
#graphic1 .right {font-family: Arial, Helvetica, sans-serif; font-size: 0.77em; text-align: right; }
#header { top: 0px; left: 0px; padding-top:4px; padding-bottom: 6px; background-color: #990000;}
#header h1 { text-align: center; font-family: Georgia, Palatino, serif; color: #ccaacc; font-size:22px; }
#header h2 { text-align: center;  font-family: Georgia, Palatino, serif; font-weight: normal; font-size: 15px; font-style: italic; color: #ccaacc; }
#accessibility {
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 : 220px;
width : 620px;
text-align : left;
background : #ffffff;
border-left : 4px solid #ff6666;
border-right : 4px solid #ff6666;
padding:6px;
}
em, i, cite {font-family: 'Droid Serif', 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 : Arial, Helvetica, Sans-Serif;
font-weight : normal;
font-size : 1.6em;
margin-left:8px; margin-right:8px; 
}
#Frame1 h2, #Frame1 h3 {
color : maroon;
font-family : Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-size : 120%;
margin-bottom : 4px;
}
#Frame1 h2.notes {
margin-bottom: -2px;
}
#Frame1 h1.homepage {
color : #933;
font-family : Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-variant : normal;
font-size : 160%;
}
#Frame1 h2.homepage {
background : #99ccff url(http://peacemagazine.org/archive/images/89.gif) no-repeat left;
color : #fff;
font-family : Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-variant : normal;
font-size : medium;
margin-left : -8px;
margin-right:-7px;
margin-top : 0;
}
#Frame1 h4 {
color : maroon;
font-family : Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-size : 110%
margin-bottom : 0;
}
#Frame2 h2, #Frame2 h3, #Frame2 h4 {
color : cccccc;
font-family : Arial, Helvetica, Sans-Serif;
font-weight : bold;
font-size : 110%;
}
#Frame1 h3.strap {
background-color : maroon;
color : white;
font-family : Arial, Helvetica, Sans-Serif;
font-weight : bold;
}
#Frame2 {
background-color : #ffffff;
position : absolute;
top : 4px;
left : 0;
margin : 0;
width : 212px;
text-align : right;
padding-top : 4px;
padding-bottom : 4px;
font-family : Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
}
#Frame2 p {
margin-top : 0;
margin-bottom : 4px;
padding-right : 6px;
padding-left : 6px;


}
#Frame3 p {
margin-top : 3px;
margin-bottom : 0px;
font-size : 0.9em;
}
#Frame1 p, #Frame1 li, dt, dd, td {
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size : 1.2em;
line-height: 1.25em; 
}
#Frame3 {
font-family : Arial, Helvetica, Sans-Serif;
position : absolute;
top : 0;
left : 782px;
min-height : 400px;
background-color : transparent;
padding-right : 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-family : Helvetica, Arial, Sans-Serif;
font-size : 92.5%;
}
#Frame1 h1 a {
color : #900;
}
#Frame1 h1 a, #Frame1 h2 a, #Frame1 h3 a, #Frame1 h4 a {
text-decoration : none; color: maroon;
  -moz-border-radius: .11904761904762em;
  border-radius: .11904761904762em;
}
#Frame1 h1 a:hover, #Frame1 h2 a:hover {
  background: #efefef;
}
#Frame1 h4.search-title {
padding:0; margin-left:6px; margin-top:0;margin-bottom:0;
}
#Frame1 p.search-entry {
font-family : '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', Arial, Helvetica, Sans-Serif;
font-size : 90%;
margin-top : 0;
margin-bottom : 0;
}
#Frame1 p.published {
font-family : 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 : Helvetica, Arial, Sans-Serif;
font-size : 80%;
margin-top : 8px;
margin-bottom : 0;
}
#Frame1 p.caption {
font-family : Helvetica, Arial, Sans-Serif;
font-size : 75%;
margin-top : 4px;
margin-bottom : 0;
line-height:1.1em;
}
p.footnote sup {
vertical-align: baseline;
}
p sup {
vertical-align: 5px;
font-size:75%;
}
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 : 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 : #99ccff;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size:smaller;
border-top : 1px solid navy;
margin-top:6px;
padding-top : 0;
padding-left:4px; padding-right:4px;
}
p.indent {
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; }
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
font-size: 1.2em;
  padding:5px;
background-image:none;
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!important; 
}
#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.6em;
  width:95%;
}
#Frame3 a{
  display:inline;
color:navy;
background-color:#eeeeff;
margin-top:3px; margin-bottom:3px;
border:1px solid navy; padding:2px; text-decoration:none;
}
p fieldset { border:none; width:95%;}
#searchterm { width:100%;}
#header {height:auto; }
h1.hidden { display:block; visibility: visible; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 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; }
}
.zemText, div.zemText {
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size: 14px;
}
form.zemContactForm {
font-family : 'Droid Sans', Arial, Helvetica, Sans-Serif;
font-size: 14px;
}
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;
   }
