/*
    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: #a4bde4; 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 #e7f0f8; }
.toprow h2 { margin-top: 0; }

.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(../images/front/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; width: 240px; /*width: 496px;*/ overflow: hidden; }
.banner h2 { display: none; }
.banner img { margin: 5px 0 0 0; padding: 0; border: none; }
#content .banner p { width: 210px; /*width: 465px;*/ text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; }
.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; }

#facebook { width: 220px; overflow: hidden; padding-top: 5px; margin-left: 10px; float: right; clear: right; }

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

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

#mission { width: 475px; /*clear: both;*/ clear: left; padding-top: 2em; }
#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; }
}