/*
     FILE ARCHIVED ON 8:14:51 Sep 20, 2008 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:54:43 Apr 19, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* article page styles for Harvard magazine site  */



/* Modification 8/2/07 to push body color to bottom of page. */
body{
background-image: url(/web/20080920081451/http://harvardmagazine.com/img/bg_match.gif);
background-repeat: repeat-y;
background-position: center;
} 


/* generalized style for h2/h3 in case the graphic is missing */
h2, h3 {
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.90em;  /* Marked -- increased from .70 to .90 */
  font-weight: bold;
  line-height: 100%;
  color: #982308;
}
/* h2 link colors */
h2 a,
h2 a:link,
h2 a:visited,
h3 a,
h3 a:link,
h3 a:visited {
  color: #982308;
  text-decoration: none;
}
h2 a:active,
h2 a:hover,
h2 a:focus,
h3 a:active,
h3 a:hover,
h3 a:focus {
  color: #541203;
  text-decoration: none;
}

/* h3 spacing for sections within an article  */
h3 {
/* margin-top:2em; */ /* marked by blaise 12/14/07  - also added 0px to divcontents1 h3 */
}


/* LEFT COLUMN: PAGE NAVIGATION, TOOLS, ISSUE CONTENTS, FOOTER */

#tdcontents {
  vertical-align: top;
  background-color: #efefea;
}

/* tools (total width 224px) */
#divtools {
  width: 205px;
  padding: 18px 11px 14px 8px;
  background-color: #ffffff;
  background-image: url(/web/20080920081451/http://harvardmagazine.com/img/vdots2.gif);
  background-position: right top;
  background-repeat: repeat-y;
}
#divtools p {
  margin: 0px;
  vertical-align: text-bottom;
}
#divtools ul {
  margin: 0px;
  padding: 10px 0px 0px 38px;
  width: 125px;
  height: 54px;
  list-style: none;
}
#divtools ul li {
  display: block;
  float: left;
  width: 125px;
}
#divtools ul li a {
  display: block;
}


/* callout (total width 224px) */
#divcallout {
  width: 206px;
  padding: 10px 10px 8px 8px;
  background-color: #982308;
}
/* text */
#divcallout p {
  font-size: 1.20em;
  font-weight: normal;
  font-style: italic;
  line-height: 130%;
  color: #ececd0;
  margin-bottom: 0px;
}
#divcallout span.more {
  font-style: italic;
  font-size: 60%;
}
/* links */
#divcallout a,
#divcallout a:link,
#divcallout a:visited {
  color: #ececd0;
  text-decoration: none;
}
#divcallout a:active,
#divcallout a:hover,
#divcallout a:focus {
  color: #ffffff;
  text-decoration: none;
}


/* table of contents (total width 224px) */
#divcontents1 {
  width: 206px;
  padding: 16px 10px 0px 8px;
  background-color: #ececb6;
}
#divcontents1 h2 {
  margin-bottom: 18px;
}
#divcontents1 h3 {
  font-size: 0.70em;
  margin-bottom: 6px;
  margin-top:0px; /* marked by blaise 12/14/07 */
}
/* articles */
#divcontents1 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding-bottom: 14px;
}
#divcontents1 li {
  font-size: 0.80em;
  font-weight: bold;
  line-height: 130%;
  color: #3b5960;
  margin-bottom: 6px;
}
#divcontents1 li a,
#divcontents1 li a:link,
#divcontents1 li a:visited {
  color: #3b5960;
  text-decoration: none;
}
#divcontents1 li a:active,
#divcontents1 li a:hover,
#divcontents1 li a:focus {
  color: #541203;
  text-decoration: none;
}
/* when current page */
#divcontents1 li a.current,
#divcontents1 li a.current:link,
#divcontents1 li a.current:visited {
  color: #b42808;
  text-decoration: none;
}
#divcontents1 li a.current:active,
#divcontents1 li a.current:hover,
#divcontents1 li a.current:focus {
  color: #541203;
  text-decoration: none;
}


/* second part of TOC - all buttons (total width 224px) */
#divcontents2 {
  width: 224px;
  height: auto;
  background-color: #ffffff;
  background-image: url(/web/20080920081451/http://harvardmagazine.com/img/vdots2.gif);
  background-position: 222px 0px;
  background-repeat: repeat-y;
}
#divcontents2 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 224px;
}
#divcontents2 ul li {
    font-size: 0.95em;
   font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
float: left;
  display: block;
  width: 224px;
}
#divcontents2 ul li img {
  display: block;
}
#divcontents2 ul li a {
  display: block;
  width: 224px;
}
/* embedded text links */
#divcontents2 ul.text {
  padding-top: 2px;
}
#divcontents2 ul.text li {
line-height: 130%;
  color: #3b5960;
  margin-bottom: 6px;
	/* indent */
	width: 214px;
	padding-left: 10px;
}
#divcontents2 ul.text li a,
#divcontents2 ul.text li a:link,
#divcontents2 ul.text li a:visited {
  color: #3b5960;
  text-decoration: none;
}
#divcontents2 ul.text li a:active,
#divcontents2 ul.text li a:hover,
#divcontents2 ul.text li a:focus {
  color: #541203;
  text-decoration: none;
}
/* when current page */
#divcontents2 ul.text li a.current,
#divcontents2 ul.text li a.current:link,
#divcontents2 ul.text li a.current:visited {
  color: #b42808;
  text-decoration: none;
}
#divcontents2 ul.text li a.current:active,
#divcontents2 ul.text li a.current:hover,
#divcontents2 ul.text li a.current:focus {
  color: #541203;
  text-decoration: none;
}


/* signup box (total width 224px) */
#divsignup {
  width: 206px;
  padding: 28px 10px 28px 8px;
  background-color: #e0e0d5;
}
#divsignup h2 {
  margin-bottom: 8px;
}
#divsignup p {
  font-size: 0.70em;
  font-weight: bold;
  line-height: 120%;
  color: #3b5960;
  margin: 0px;
}
#divsignup #signupemail {
  width: 190px;
  margin: 6px 0px 6px 0px;
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: normal;
  color: #000000;
}
#divsignup #signupsubmit {
}


/* footer */

#tdfooter {
  vertical-align: bottom;
  background-color: #efefea;
}

#divfooter {
  padding: 28px 12px 14px 12px;
}
#divfooter p {
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.70em;
  font-weight: normal;
  line-height: 120%;
  color: #545353;
  margin: 0px;
}
/* links */
#divfooter p a,
#divfooter p a:link,
#divfooter p a:visited {
  color: #545353;
  text-decoration: none;
}
#divfooter p a:active,
#divfooter p a:hover,
#divfooter p a:focus {
  color: #821d06;
  text-decoration: none;
}


/* RIGHT COLUMN: SEARCH AND MAIN TEXT */

/* search tool */
#divsearch {
  position: absolute;
  right: 2px;
  top: 10px;
  z-index: 10;
}
#divsearch td {
  vertical-align: middle;
}
/* input box */
#divsearch #q {
  width: 192px;
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.70em;
  font-weight: normal;
  color: #000000;
}
/* button */
#divsearch #btnG {
  margin-left: 5px;
}

/* main text area (total width 576px) */
#tdtext {
  vertical-align: top;
  background-color: #ffffff;
}

#divtext {
  position: relative;
  z-index: 5;
  width: 502px;
  min-height: 800px;
  padding: 90px 36px 12px 38px;
}

#divtext h1 {
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
  line-height: 110%;
  color: #982308;
  margin-bottom: 7px;
}
#divtext h1 span.subtitle {
  font-size: 86%;
  color: #545353;
}
#divtext h1 span.roofline {
  font-size: 60%;
  font-style: italic;
  color: #545353;
}

/* graphic heading above title */
#divtext p.supertitle {
  margin-bottom: 14px;
  /* in case of no graphic */
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.70em;
  font-weight: normal;
  color: #982308;
}
/* author */
#divtext p.author {
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.70em;
  font-weight: normal;
  line-height: 100%;
  color: #545353;
  margin-bottom: 27px;
}
/* running text MARKed -- added ul */
#divtext p, ul {
  font-size: 0.85em;
  font-weight: normal;
  line-height: 180%;
  color: #000000;
}

/* pagination links */
#divtext p.paginator a,
#divtext p.paginator a:link,
#divtext p.paginator a:visited {
  color: #000000;
  text-decoration: none;
}
#divtext p.paginator a:active,
#divtext p.paginator a:hover,
#divtext p.paginator a:focus {
  color: #b42808;
  text-decoration: none;
}
#divtext p.paginator a.current,
#divtext p.paginator a.current:link,
#divtext p.paginator a.current:visited {
  color: #b42808;
  text-decoration: none;
}

/* this copyright only displayed for print */
#divtext p.copyright {
  display: none;
}






/* Marked -------------------------------------------------- credit and caption */

.caption {
  font-family: Lucida, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  line-height: 150%;
  font-weight: bold;

	border: none;
	padding: 0.3em 0 0.1em 0;
	text-align: left;
}
.credit {
		  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.60em;

	border: none;
	padding: 0.3em 0 0.1em 0;
	text-align: right;
}

/* Marked ---------------------NEWEST ---- UPDATED FOR Ps NOT TABLES----- credit and caption */

.photo_left{padding:0px; margin:0px; margin-right:1em; float:left;}
.photo_right{padding:0px; margin:0px; margin-left:1em; float:right;}

#divtext p.caption {
  font-family: Lucida, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  line-height: 130%;
  font-weight: bold;

	margin-bottom:1.3em;
	border: none;
	padding: 0px;
	text-align: left;
}
#divtext p.credit {
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.60em;
	line-height:100%;

	margin: 0px;
	border: none;
	padding: 0px;
	text-align: right;
}


/* Marked -- gray box within text */
.graybox1 {

   width: 205px;
      float: left;
  	  text-align: left;
 	  padding: 12px 15px 12px 15px;
      margin-right: 1.3em;
	  background-color: #e4e4e2;
}



.graybox2 {

   width: 305px;
      float: left;
   text-align: left;
 padding: 12px 15px 12px 15px;
      margin-right: 1.3em;

  background-color: #e4e4e2;
}

/*  Mark --gray box full width */
.graybox {
     margin-top: 2.0em;
     margin-bottom: 1.0em;
 padding: 12px 15px 12px 15px;
  background-color: #e4e4e2;
}


/* Marked -- yesterdays news */

  .biggerinlinetext {
  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 100%;
  color: #982308;

}


/* Marked SMALL CAPS */

  .firstwords {
	font-variant: small-caps;
  text-transform: lowercase;
  font-size: 1.25em;
	letter-spacing: 1pt;

}

/* used in blank div to add a break between paragraphs - used only in wordpress so far */
#divtext .break{
	height:30px;
}