@media all {

h1, h2, h3, h4, h5 { text-align:  center; }

}

/* =====================================*/
/*      Bullet - desktop version	*/
/* =====================================*/
/* 	border-top: 1px dotted gray; */

@media screen {

body { font-family: Verdana, Arial, sans-serif; }

/* =====================================*/
/*        id=masthead                   */
/* =====================================*/
#masthead * {
	font-family: Verdana, Arial, sans-serif;
	text-align:  center;
}
#masthead { border-bottom: 1px solid #B4ACAC; width:100%;}

#masthead h1 {
	font-size:   3em;
	margin-top:  0em;
}
#masthead p {
	font-size:    1em;
	margin-top:  -2em;
}

/* =====================================*/
/*        id=nav and nav2               */
/* =====================================*/
#nav #nav2 {width:100%;}
.comments-count {
    background: none repeat scroll 0 0 #C91F2C;
    color: #FFFFFF;
    font: 14px/20px Arial,sans-serif;
    height: 20px;
    margin: 2px;
    position: relative;
    text-align: center;
    width: 20px;
}
.comments-count:after {
    border-color: transparent #FFFFFF;
    border-width: 0 0 140px 55px;
    bottom: -14px;
    content: "";
    position: absolute;
    right: 15px;
}
.comments-count:before {
    border-color: transparent #C91F2C;
    border-style: solid;
    border-width: 0 0 14px 14px;
    bottom: -14px;
    content: "";
    position: absolute;
    right: 0;
}
a:link.howmany, a:visited.howmany { color: #FFFFFF }

/* =====================================*/
/*        id=article                    */
/* =====================================*/

a, a:hover, a:active { padding-left: 2px; padding-right: 2px; text-decoration: none;}
a:link, a:visited { color: #0000ff;}

a.jpg, a.jpg:hover, a.jpg:active { padding: 0; text-decoration: none;}
a.jpg:link, a.jpg:visited { color: #0000ff;}

a.footer:link, a.footer:visited { 
   color: #FF0000;
   padding-left: 2px;
   padding-right: 2px;
   text-decoration: none;
}
a.footer:hover, a.footer:active {
   background-color: #CD0507; 
   color: #FFFFFF;
   text-decoration: none;
}

a.relay:hover {
  color: blue;
  background-color: #ccc;
  border-bottom: 1px solid #8e8e8e;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
a.relay:active {
  color: red;
  background-color: yellow;
  text-decoration: none;
}
a.relay:link, a.relay:visited {	color: #0000ff;}


fieldset { border: 0 none; margin: 0; padding: 0;}

h1, h2, h3, h4, h5 {
	font-family: Arial, sans-serif;
	margin-left:  6%;
	margin-right: 5%;
}

img {border:0;}

p { text-align:  justify;
	line-height: 130%;
	margin-left:  6%;
	margin-right: 5%;
}

p.bullet { text-align:  justify;
	line-height: 130%;
	margin-left:  10%;
	margin-right: 10%;
}

p.intro-text:first-letter {
  color:#cd0505;
  float:left;
  font-family:Georgia, Century, Times, serif;
  font-size: 3em;
  font-style:normal;
  font-weight:normal !important;
  line-height: 0.7em;
  margin-right:6px;
  margin-top:0.1%;
  padding-top:0.08em;
  text-shadow: 1px 1px 1px #999;
  vertical-align: baseline;
}

span.intro-text {
  color:#cd0505;
  float:left;
  font-family:Georgia, Century, Times, serif;
  font-size: 3em;
  font-style:normal;
  font-weight:normal !important;
  line-height: 0.7em;
  margin-right:6px;
  margin-top:0.1%;
  padding-top:0.08em;
  text-shadow: 1px 1px 1px #999;
  vertical-align: baseline;
}

p.quest { text-indent: 0em;
	font-style: italic;
	font-weight: bold;
	text-align:  justify;
	line-height: 130%;
	margin-left:  6%;
	margin-right: 5%;
}

i.quest { font-style: normal; }

p.noindent { text-indent: 0em;
	text-align:  justify;
	line-height: 130%;
	margin-left:  7%;
	margin-right: 5%;
}

.intro { font-family: "Times Roman", serif;
        font-size: 105%;
	text-indent: 0em;
	text-align:  left;
	line-height: 120%;
	margin-left:  7%;
	margin-right: 5%;
}

.introsign { font-family: "Times Roman", serif;
        font-size: 115%;
	text-indent: 0em;
	text-align:  right;
	line-height: 120%;
	margin-left:  7%;
	margin-right: 5%;
}

p.intro2 { font-style: italic;
	text-indent: 0em;
	margin-left:  7%;
	margin-right: 5%;
}

p.other { text-indent: -0.5em;
	text-align:  left;
	line-height: 130%;
	margin-left:  9%;
	margin-right: 6%;
	font-size: 85%;
}

p.quote, ul.quote {
	font-family: Verdana, sans-serif;
	font-size:    85%;
	text-align:  justify;
	text-indent: 0em;
	margin-left:  15%;
	margin-right: 10%;
}
p.quote2, ul.quote2 {
	font-family: Verdana, sans-serif;
	font-size:    85%;
	text-align:  justify;
	text-indent: 0em;
	margin-left:  20%;
	margin-right: 15%;
}
p.auth { 
	padding-top: 1em;
	text-align:  left;
	text-indent: 0em;
}
p.jpg_caption, table.jpg_caption {
	font-family: Verdana, sans-serif;
	font-size:    85%;
	text-align:  left;
	text-indent: 0em;
	margin-left:  1%;
	margin-right: 1%;
}
p.jpg_credit {
	font-family: Verdana, sans-serif;
	font-size:    80%;
	text-align:  right;
	text-indent: 0em;
	margin-left:  1%;
	margin-right: 1%;
}

pre { 	text-align:  left;
	line-height: 130%;
	margin-left:  10%;
	margin-right: 5%;
}

pre.small { 	text-align:  left;
	font-size:    90%;
	line-height: 130%;
	margin-left:  4%;
	margin-right: 1%;
}

sup {
 font-size:   70%;
 line-height: 90%;
}

ul, ol { text-align:  justify;
	line-height: 130%;
	margin-left:  10%;
	margin-right: 10%;
}
li { 
	margin-bottom:  0.3em;
}
#references #bibliography ul, ol { text-align: left;
	line-height: 130%;
	text-indent: 0;
}
ul.sidebar, ol.sidebar { text-align:  left;
	font-size:    85%;
	line-height: 130%;
	margin-left:  2%;
	margin-right: 4%;
}

th { 	
  background: #b22222;	
  border: 1px solid black;
  color: #ffffff;	
  font-weight: bold;
  text-align: center;
}

.td_border { 
    border-bottom: 1px solid black;
}
.td_border_center { 
    border: 1px solid black;
    text-align: center;
}
.td_border_right { 
    border: 1px solid black;
    text-align: right;
}

span.note {
 color: #000099; 
 font-family : "Times Roman", serif;
 font-size: 10pt;
 font-weight: normal;
 vertical-align: top;
 text-decoration: none;
 }

span.term {
 background: transparent;
 color: #000099; 
 font-family : Arial, sans-serif;
 font-size: 12pt;
 font-weight: bold;
}

.foreign-lang {font-style: italic}

.vertext {
  display:block; 
  float: left;
  font-size: 65%;
  position:absolute; right:-71px; top:155px;      /* right: higher -ve number moves it to right */
  -webkit-transform: rotate(90deg);  /* Safari & Chrome */	
  -moz-transform: rotate(90deg);     /* firefox */
  -ms-transform: rotate(90deg); 
  -o-transform: rotate(90deg);       /* opera */
  transform: rotate(90deg);          /* CSS3: SVG transform functions */ 
}

div.centre {
	margin-left: 8%;
	margin-right: 7%;
}
div.centre-border {
	border: 1px solid #898989; 
	margin-left: 8%;
	margin-right: 7%;
	padding: 6px;
}
img.centre {
	border: 1px solid #A9A9A9;
	box-shadow: 10px 10px 7px -3px #C8C5CC; 
	display: block; 
    height: auto;
	margin-left:auto; 
	margin-right:auto; 
	max-width: 97%;
	padding: 4px;
}
p.caption-centre {
	font-family: Verdana, sans-serif;
	font-size:    85%;
	margin-left: 2em; 
	text-align:  left;
}

.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 

/* --------------------------------------------------------------------------------------------------------*/
/* ---------->>> http://inthesetimes.com/article/6334/barely_a_teenager_and_marked_for_life <<<------------*/
/* --------------------------------------------------------------------------------------------------------*/

#pq, #pq2 { 
  background: #7F7E7F url(/images/pq_03.gif) no-repeat left bottom; 
  width: 310px; 
  padding: 0; 
  margin: 5px 10px 15px 15px; 
}
#pq blockquote { 
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 1.5em; color: #FFF; 
  text-indent: 50px; line-height: 1.3; border: 0; 
  background: url(/images/pq_01.gif) no-repeat left top; 
  margin: 0; 
  padding: 20px 15px; 
}

#pq2 blockquote { 
  font-family: Helvetica, Arial, sans-serif; 
  color: #FFF; 
  text-indent: 50px; line-height: 1.3; border: 0; 
  background: url(/images/pq_01.gif) no-repeat left top; 
  margin: 0; 
  padding: 20px 15px; 
}

div.pulloutbox {float: right; margin-left: 10px; width: 320px; text-shadow: 1px 1px 2px #000;}
blockquote.pulloutbox { color: #ffffff;font-size: 120%;line-height: 150%; margin: 1.5em 0; padding: 1em 0 1em 1em; background-color: #7f7f7f; border-radius: 15px; box-shadow: 6px 6px 4px #888; width: 90%;}
 .bqstart { float: left; font-family: "Times Roman", serif; font-size: 700%; font-style: normal; height: 45px; margin-bottom: -50px; margin-top: 20px; color: #adadac;}
 .bqend   { font-family: "Times Roman", serif; float: right; height: 25px; margin-right: 0px; padding-top: 32px; font-size: 700%; color: #adadac;}


#endnotes, #references, #bibliography { border-top: 1px dashed black; border-bottom: 1px dashed black; font-size: 85%; margin: 0 auto; width: 92%;}
#endnotes span.term { font-weight: bold;}

/* --------------------------------------------------------------------------------------------------------*/
/* --------------------------------->>>      COMMENTS section           <<<--------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/

div.comments {
  background-color: #dedede;
  border-top: 2px double black;
  border-bottom: 2px double #cecece;
  margin: 20px 7% 20px 7%;
}

textarea.comments {
  width:98%;
  height:150px;
}
}

@media print { 

#container { width: auto; border: 0; float: none !important; }
#masthead img { max-height: 80% !important; max-width: 80% !important;}
#masthead { text-align: center; }
h1 { font-size: 18pt; }
h2 { font-size: 15pt; }
h3 { font-size: 13pt; }
#article-img1, #article-img2 div { max-width: 500px !important;}
#article-img1, #article-img2 img { max-height: 40% !important; max-width: 40% !important;}
p { font-size: 12pt; } 
.noPrint, #nav, #nav2, #comments, #footer1, #footer2, #footer3 {display: none !important; height: 0; }

}