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

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

/* =====================================*/
/*        id=masthead                   */
/* =====================================*/
#masthead * {
	font-family: Verdana, Arial, sans-serif;
	text-align:  center;
}
#masthead h1 {
	font-size:   3em;
	margin-top:  0em;
}
#masthead p {
	font-size:    1em;
	margin-top:  -2em;
}

/* =====================================*/
/*        id=nav and nav2               */
/* =====================================*/

/* =====================================*/
/*        id=content                    */
/* =====================================*/

a:link, a:visited { color: #0000ff; text-decoration: none; }

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;
}
a.relay:active {
  color: red;
  background-color: yellow;
}
a.relay:link, a.relay:visited {
	color: #0000ff;
	padding-left: 2px;
	padding-right: 2px;
}


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

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



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:280%;
  font-style:normal;
  font-weight:normal !important;
  margin-right:6px;
  margin-top:7px;
  vertical-align:middle;
}

span.intro-text {
  color:#cd0505;
  float:left;
  font-family:Georgia, Century, Times, serif;
  font-size:280%;
  font-style:normal;
  font-weight:normal !important;
  margin-right:6px;
  margin-top:7px;
  vertical-align:middle;
}

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:  6%;
	margin-right: 5%;
}

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

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

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

p.other { text-indent: -0.5em;
	text-align:  left;
	line-height: 130%;
	margin-left:  8%;
	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%;
}

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%;
}
ul.sidebar, ol.sidebar { text-align:  left;
	font-size:    85%;
	line-height: 130%;
	margin-left:  2%;
	margin-right: 4%;
}

th { 	
  background: #b22222;	
  color: #ffffff;	
  font-weight: bold;
  text-align: center;
}

.td_border { 
    border-bottom: 1px solid black;
}

span.note {
 color: #000099; 
 font-family : "Times New 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;
}

.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 */ 
}

.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: 18px; 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; font-size: 18px; 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; 
}

/* --------------------------------------------------------------------------------------------------------*/
/* --------------------------------->>>      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;
}