/*

	Filename:          style.css
	Description:       Main style sheet
	Site:              Loop North
	Author:            Steven Dahlman, DCMSoft
	Start date:        12-07-07
	Last modification: 10-04-20

*/

body {
  background-color: #ffffff;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-top: 0px;
  text-align: center;
}

/* -------------------------------------------------------------------------------- */
/* GENERAL TEXT                                                                     */
/* -------------------------------------------------------------------------------- */

.large_serif {
  color: #191970;
  font-family: Georgia;
  font-size: 12pt;
  text-align: left;
}

.medium_sans {
  color: #191970;
  font-family: Verdana;
  font-size: 12pt;
  line-height: 125%;
  text-align: left;
}

.medium_serif {
  color: #191970;
  font-family: Georgia;
  font-size: 12pt;
  text-align: left;
}

.page_title {
  color: #23238e;
  font-family: Georgia;
  font-size: 24pt;
  text-align: left;
}

.small_sans {
  color: #191970;
  font-family: Verdana;
  font-size: 10pt;
  text-align: left;
}

.tiny {
  color: #ffffff;
  font-family: Arial;
  font-size: 3pt;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  text-align: center;
}

.user_input {
  color: #000000;
  font-family: Courier;
  font-size: 11pt;
  text-align: left;
}

/* -------------------------------------------------------------------------------- */
/* NEWS TEXT                                                                        */
/* -------------------------------------------------------------------------------- */

/* Byline */
.article_byline {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size: 12pt;
  font-weight: bold;
  line-height: 125%;
  text-align: left;
}

/* Text with special emphasis */
.article_emphasis {
  color: #191970;
  font-family: 'Merriweather', serif;
  font-size: 15pt;
  line-height: 125%;
  text-align: left;
}

/* Large headline */
.article_headline1 {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 24pt;
  text-align: left;
}

/* Small headline */
.article_headline2 {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 18pt;
  text-align: left;
}

/* Bullet points */
.article_point {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 12pt;
  text-align: left;
}

.article_text {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size: 12pt;
  line-height: 125%;
  text-align: left;
}

.article_text11 {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size: 11pt;
  text-align: left;
}

/* Downtown Brief */
.brief_headline {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
}

.brief_text {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size: 11pt;
  text-align: left;
}

/* Photo captions */
.caption {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size: 10pt;
  text-align: left;
}

/* Credit */
.credit {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size: 11pt;
  font-style: italic;
  text-align: left;
}

/* Lede */
.lede {
  background-color: #f6f6f6;
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 15pt;
  line-height: 125%;
  padding: 8px;
  text-align: left;
  width: 586px;
}

/* Map point */
.map_point {
  background: #990000;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-family: Verdana;
  font-size: 11pt;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em;
}

/*
 * Home Page
 */

/* News categories */
.newscat {
  color: #ff0000;
  font-family: 'Roboto', sans-serif;
  font-size: 10pt;
  text-align: left;
}

/* News headlines */
A.newshead:link {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 20pt;
  font-weight: bold;
  text-decoration: none;
}

A.newshead:visited {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 20pt;
  font-weight: bold;
  text-decoration: none;
}

A.newshead:hover {
  color: #ff0000;
  font-family: 'Merriweather', serif;
  font-size: 20pt;
  font-weight: bold;
  text-decoration: none;
}

A.newshead:active {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 20pt;
  font-weight: bold;
  text-decoration: none;
}

/* News headlines (smaller) */
A.newshead-sm:link {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 14pt;
  text-decoration: none;
}

A.newshead-sm:visited {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 14pt;
  text-decoration: none;
}

A.newshead-sm:hover {
  color: #ff0000;
  font-family: 'Merriweather', serif;
  font-size: 14pt;
  text-decoration: none;
}

A.newshead-sm:active {
  color: #000000;
  font-family: 'Merriweather', serif;
  font-size: 14pt;
  text-decoration: none;
}

/* Story ledes */
.newslede {
  color: #222222;
  font-family: 'Roboto', sans-serif;
  font-size: 12pt;
  text-align: left;
}

/* -------------------------------------------------------------------------------- */
/* OLDER STORIES                                                                    */
/* -------------------------------------------------------------------------------- */

.article_summary1 {
  color: #000080;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
}

.article_summary2 {
  color: #000080;
  font-family: Georgia;
  font-size: 12pt;
  text-align: left;
}

.article_summary3 {
  color: #000000;
  font-family: Georgia;
  font-size: 15pt;
  line-height: 125%;
  text-align: left;
}

.caption_arial {
  color: #000000;
  font-family: Helvetica, Arial;
  font-size: 10pt;
  text-align: left;
}

.newstext10 {
  color: #191970;
  font-family: Verdana;
  font-size: 10pt;
  text-align: left;
}

.newstext11 {
  color: #191970;
  font-family: Verdana;
  font-size: 11pt;
  text-align: left;
}

/* -------------------------------------------------------------------------------- */
/* BUTTONS                                                                          */
/* -------------------------------------------------------------------------------- */

.button1 {
  background-color: #ffffff;
  border: 1px outset #f0f0f0;
  color: #000000;
  font-family: Helvetica, Arial;
  font-size: 9pt;
  padding: 4px;
}

.button2 {
  background-color: #ffffff;
  border: 1px outset #f0f0f0;
  color: #000000;
  font-family: Helvetica, Arial;
  font-size: 10pt;
  font-weight: bold;
  padding: 4px;
}

.button3 {
  background-color: #ffffff;
  border: 1px outset #f0f0f0;
  color: #000000;
  font-family: Helvetica, Arial;
  font-size: 11pt;
  padding: 4px;
}

.button4 {
  background-color: #ffffff;
  border: 1px outset #f0f0f0;
  color: #000000;
  font-family: Helvetica, Arial;
  font-size: 12pt;
  font-weight: bold;
  padding: 4px;
}

/* -------------------------------------------------------------------------------- */
/* LINKS                                                                            */
/* -------------------------------------------------------------------------------- */

/* About page links */
A.about:link {
  color: #191970;
  font-family: Georgia;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: underline;
}

A.about:visited {
  color: #191970;
  font-family: Georgia;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: underline;
}

A.about:hover {
  color: #0000ff;
  font-family: Georgia;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: underline;
}

A.about:active {
  color: #191970;
  font-family: Georgia;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: underline;
}

/* Listing links from news pages */
A.listlink:link {
  color: #990000;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

A.listlink:visited {
  color: #990000;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

A.listlink:hover {
  color: #ff0000;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

A.listlink:active {
  color: #990000;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

/* Main menu */
A.mainmenu:link {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

A.mainmenu:visited {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

A.mainmenu:hover {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

A.mainmenu:active {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

/* Web (red) */
A.red:link {
  color: #ff0000;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

A.red:visited {
  color: #ff0000;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

A.red:hover {
  color: #ff0000;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: underline;
}

A.red:active {
  color: #ff0000;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

/* Secondary menu */
A.secondary_menu:link {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

A.secondary_menu:visited {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

A.secondary_menu:hover {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
}

A.secondary_menu:active {
  color: #0047ab;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

/* Web (dark) */
A.web:link {
  color: #000080;
  font-family: Verdana;
  font-size: 10pt;
  text-decoration: underline;
}

A.web:visited {
  color: #000080;
  font-family: Verdana;
  font-size: 10pt;
  text-decoration: underline;
}

A.web:hover {
  color: #000000;
  font-family: Verdana;
  font-size: 10pt;
  text-decoration: underline;
}

A.web:active {
  color: #000080;
  font-family: Verdana;
  font-size: 10pt;
  text-decoration: underline;
}

/* Web (dark, 11pt) */
A.web11:link {
  color: #000080;
  font-family: Verdana;
  font-size: 11pt;
  text-decoration: underline;
}

A.web11:visited {
  color: #000080;
  font-family: Verdana;
  font-size: 11pt;
  text-decoration: underline;
}

A.web11:hover {
  color: #000000;
  font-family: Verdana;
  font-size: 11pt;
  text-decoration: underline;
}

A.web11:active {
  color: #000080;
  font-family: Verdana;
  font-size: 11pt;
  text-decoration: underline;
}

/* Web (large) */
A.weblg:link {
  color: #000000;
  font-family: Georgia;
  font-size: 12pt;
  text-decoration: underline;
}

A.weblg:visited {
  color: #000000;
  font-family: Georgia;
  font-size: 12pt;
  text-decoration: underline;
}

A.weblg:hover {
  color: #191970;
  font-family: Georgia;
  font-size: 12pt;
  text-decoration: underline;
}

A.weblg:active {
  color: #000000;
  font-family: Georgia;
  font-size: 12pt;
  text-decoration: underline;
}

/* Web (large sans-serif) */
A.weblgss:link {
  color: #000000;
  font-family: Verdana;
  font-size: 12pt;
  text-decoration: underline;
}

A.weblgss:visited {
  color: #000000;
  font-family: Verdana;
  font-size: 12pt;
  text-decoration: underline;
}

A.weblgss:hover {
  color: #191970;
  font-family: Verdana;
  font-size: 12pt;
  text-decoration: underline;
}

A.weblgss:active {
  color: #000000;
  font-family: Verdana;
  font-size: 12pt;
  text-decoration: underline;
}