/*
Stylesheet for Stanford Historical Video Landing Page, designed for Screen Media

Author: Christopher Werby of Pipsqueak Productions, LLC
http://www.pipsqueak.com/

Begun: 2009-12-02 (Wednesday).  

Design Notes: "Cardinal" is #9f1b32 (translated from Pantone 201C)
"Sandstone" is #e7d19a

Update Notes: Revised for a Participation Table on 2010-07-21 (Wednesday).  Standard video styles removed.  Other changes made that aren't just in the special section.

2011-05-16: Revised for the Participation Chart.  The Table styles were removed.  Then converted to Less syntax.

NOTE: that the Chart has a theme file that changes attributes in the chart itself.  That "override" file is at: js/Stanford_Highcharts_Theme.js.  See the Theme files in js/highcharts_v_2-1-4/themes/ for settable values.

2012-03-02: Revised for Winter Participation Campaign.
*/
html {
  color: inherit;
  background: inherit;
  background-color: #9f1b32;
}
body {
  font-family: helvetica, arial, sans-serif;
  background-color: #9f1b32;
}
.nobreak {
	white-space: 0;
	text-indent: 60px;
	margin-left: 40px;
}
div#header, div#footer {
  width: 100%;
  background-repeat: repeat-x;
  height: 103px;
}
div#header {
  margin-top: 10px;
  background-image: url(../images/BG_Sandstone_on_White.gif);
}
div#header h1, div#header h2 {
  text-align: center;
}
div#header h1 {
  font-size: 170%;
  padding-top: 25px;
  /*Make this 15px if a subhead is desired*/

  padding-bottom: 5px;
}
div#header h2 {
  font-size: 110%;
}
div#logo {
  background-image: url(../images/Logo_Stanford_Fund_500pxW.gif);
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  width: 100%;
}
div#logo a {
  display: block;
  width: 500px;
  height: 100%;
  margin: auto;
}
div#footer {
  background-image: url(../images/BG_Sandstone_on_Cardinal.gif);
}
div#footer address {
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
div#footer address a {
  text-decoration: none;
  color: #9f1b32;
}
div#footer address a:hover {
  text-decoration: underline;
}
/* @group SPECIAL FOR THE CLASS PARTICIPATION CHART PAGE */
/* @group GENERAL PAGE DESIGN CHANGES */
body#participation {
  background-color: white;
  line-height: 1.6em;
}
body#participation div#header {
  border-top: 20px #9F1B32 solid;
  margin-top: 0;
}
body#participation div#content {
	background-color: white;
	margin: auto;
	width: 1000px;
	height: 800px;
}
body#participation div#introduction {
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 0px;
	position: relative;
	margin-right: 0px;
	text-indent: 0px;
	width: 1000px;
}
body#participation div#introduction a.button {
	display: block;
	width: 163px;
	height: 60px;
	margin-right: 20px;
	float: left;
	position: relative;
	margin-left: -190px;
}
body#participation div#introduction a.button:hover {
  left: 1px;
  top: 1px;
}
body#participation div.wrapper {
	background-color: white;
	width: 100%;
	margin: 0px;
	margin-top: 0;
	height: 900px;
}
body#participation div.left {
  float: left;
  width: 450px;
  margin-right: 0;
}
body#participation div.right {
  float: left;
}
body#participation div.info p {
  font-size: .8em;
  margin-left: 45px;
  color: #666;
  margin-top: -30px;
  position: relative;
  z-index: 10;
}
body#participation div#footer {
  clear: both;
}
/* @end GENERAL PAGE DESIGN CHANGES */
/* @group PARTICIPATION CHART */
body#participation div#participationChart {
	height: 500px;
}
/* @end PARTICIPATION CHART */
/* @end SPECIAL FOR THE CLASS PARTICIPATION CHART PAGE */