/*
    Styles for Mannkal Economic Education Foundation  front page

    00173d    dark blue
    1b417c    mid blue
    265298    blue
    a4bde4    light blue
    e7f0f8    pale blue
    ae292f    red
*/

#content { font-size: 0.9em; width: 726px; padding: 65px 25px 25px 25px; }

#content p { text-align: left; }

h2 {
	color: #00173d;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 1.25em;
	font-size: 1.3em;
	line-height: 120%;
}
h3 { color: #000000; font-weight: bold; margin-bottom: 0.5em; font-size: 1.2em; }

p.archivelink { font-weight: bold; }

blockquote { margin: 0; padding: 0; }
blockquote p { margin: 0.25em 0 0 0; }
blockquote p.source { margin: 0 0 0.25em 0; font-size: 0.83em; font-style: italic; }

.toprow { padding: 10px; height: 265px; border-bottom: 2px solid #e00173d; }
.toprow h2 {
	margin-top: 0;
	color: 00173d;
}

.sidebar { padding: 10px; color: #000000; background: #e7f0f8; }
.sidebar h2 { color: #00173d; margin-bottom: 0.5em; margin-top: 0; }
.sidebar a { color: #1b417c; }
.sidebar a:hover { color: #ae292f; }

#whatsnew { width: 165px; }
#whatsnew h3 { font-weight: normal; font-size: 1em; margin-top: 0.75em; padding-top: 0.75em; border-top: 1px solid #a4bde4; }

#bookshop { width: 174px; color: #000000; background: #ffffff; border-right: 2px solid #e7f0f8; text-align: center; position: absolute; top: 222px; left: 220px; }
#bookshop img { margin-top: 15px; }
#bookshop p { text-align: center; }

#mannerisms { width: 305px; color: #000000; background: #ffffff url(mannerisms.gif) top right no-repeat; position: absolute; top: 222px; right: 25px; }
#mannerisms blockquote { width: 190px; }
#mannerisms img { display: none; }
#mannerisms p.archivelink { margin-top: 2.75em; }

#banners { margin: 0; padding: 0; float: left; width: 496px; }
.banner { text-align: center; padding: 0; float: left; }
.banner h2 { display: none; }
.banner img { margin: 5px 0 0 0; padding: 0; border: none; }
#content .banner p { text-align: center; }
.banner ol { margin: 0; padding: 0; }
.banner ul { margin: 0; padding: 0; }
.banner li { margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; }

#freedom { width: 496px; }
#freedom p { width: 465px; text-align: center; margin-left: auto; margin-right: auto; }
#projectwa { width: 275px; }
#forum { width: 235px; }

#facebook { width: 220px; overflow: hidden; padding-top: 5px; }

#mailinglist { width: 185px; float: right; margin-top: 15px; }

#quote { width: 185px; float: right; clear: right; margin-top: 10px; }

#mission { /*width: 495px;*/ clear: both; }
#mission h2 { margin-top: 0; }

@media print {
  #content { width: auto; padding: 0; }
  h2 { color: #000000 !important; background: #ffffff !important; font-weight: bold; }
  h3 { color: #000000 !important; background: #ffffff !important; }
  .toprow { border: none; height: auto; padding: 1em; }
  .sidebar { padding: 1em; color: #000000; background: #ffffff; }
  .banner { float: none; text-align: left; }
  .banner h2 { height: auto; padding: 0; }
  #content .banner p { text-align: left; }
  #whatsnew { width: auto; border-bottom: 1px solid #a4bde4; position: static; }
  #bookshop { width: auto; border: none; position: static; }
  #mannerisms { width: auto; border: none; position: static; background: #ffffff; }
  #mannerisms blockquote { width: auto; }
  #mannerisms img { display: block; }
  #banners { width: auto; border: none; position: static; float: none; }
  #freedom { width: auto; border: none; position: static; }
  #freedom img { display: block; }
  #freedom p { margin-left: 0; }
  #projectwa { width: auto; border: none; position: static; }
  #projectwa img { display: block; }
  #forum { width: auto; border: none; position: static; }
  #forum img { display: block; }
  #battlefields { width: auto; border: none; position: static; }
  #battlefields img { display: block; }
  #facebook { width: auto; border: none; position: static; }
  #facebook img { display: block; }
  #mailinglist { width: auto; border: none; position: static; float: none; }
  #quote { width: auto; border: none; position: static; float: none; }
  #mission { width: auto; border: none; position: static; }
}