@charset "utf-8";
/* themeDefault.css
   [[Categories: _specific, _pageContent, _p, _a, _h1, _h2, _h3, _h4, _h5, _h6, _themeColors]]

	 NOTE:
   Anything in the main div .pageContent is specified so
   that it doesn't override the navigation and subnavigation
   AVOID prepending .pageContent, unless it affects the navigation
   DON'T DO: .pageContent p, .pageContent .section, .pageContent .section p
   ELIMINATE .alt was originally by Julian, lets only use alt01, alt02, etc...
   	only keeping this in case it was residual impact.

 */

/* _SPECIFIC TO... */
.pageIntro p, .pageIntro li, .pageIntro span, .pageIntro a {font-size:125%}
.pageIntro table a {font-size:normal}
.pageIntro p a, .pageIntro p span, .pageIntro li a, .pageIntro li span {font-size:100%}

/*Defaults Normal fonts, _p, _a*/
@media screen and (min-width : 1px) {html, body{font-size:12px;}}
@media screen and (min-width : 320px) {html, body{font-size:13px;}}
@media screen and (min-width : 480px){html, body{font-size:14px;}}
@media screen and (min-width : 768px){html, body{font-size:17px;}}
@media screen and (min-width : 1024px){html, body{font-size:18px;}}
@media screen and (min-width : 1224px) {html, body{font-size:20px;}}
@media screen and (min-width : 1824px) {html, body{font-size:22px;}}

/**************************
**!!!! Default Fonts !!!!**
	_pageContent
  NOTE: 
  Indicates primary default font in the ".pageContent"
  Font sizes default are defined above in html, body
**************************/
.pageContent { font-family:Ubuntu, Helvetica, Arial;}
.pageContent a { font-family:Ubuntu, Helvetica, Arial;/* font-weight:bold;*/ }
.pageContent .date { text-transform:uppercase; }
.pageContent .source,
.pageContent .imageCredit,
.pageContent .credit { text-transform:uppercase; font-size: 60%; }/*always smaller than reg font*/

@media screen and (min-width : 1px) { .pageContent {line-height:18px;}}
@media screen and (min-width : 320px) { .pageContent {line-height:20px;}}
@media screen and (min-width : 480px){ .pageContent {line-height:23px;}}
@media screen and (min-width : 768px){ .pageContent {line-height:26px;}}
@media screen and (min-width : 1024px){ .pageContent {line-height:29px;}}
@media screen and (min-width : 1224px) { .pageContent {line-height:32px;}}
@media screen and (min-width : 1824px) { .pageContent {line-height:36px;}}


/**************************
**!!!! Default Headers !!!!**
	_h1, _h2, _h3, _h4, _h5, _h6
  NOTE: 
	Default for headers under .pageContent
**************************/
.pageContent h1, 
.pageContent h2, 
.pageContent h3, 
.pageContent h4, 
.pageContent h5,
.pageContent h6 {margin:.5em 0; line-height:normal;}

.pageContent .fontAlien.date, 
.pageContent h1.date, 
.pageContent h1 .date, 
.pageContent h4.date, 
.pageContent h4 .date { text-transform:lowercase; }

/* _h1 DEFAULT: Ubuntu, alt01: Roboto, alt02: Ubuntu  */
h1.sectionTitle { font-family:Alienleagueii-Bold; letter-spacing:-1.2px; text-transform:lowercase; font-size:60px; }
.pageContent h1, 
.pageContent h1 a { font-family: Ubuntu, Helvetica, Arial; letter-spacing:-1.2px; text-align:center; }
.pageContent h1.alt, 
.pageContent h1.alt a, 
.pageContent h1.alt01, 
.pageContent h1.alt01 a { font-family: Roboto, Helvetica, Arial; letter-spacing:-1.2px; }/* font-size:46px;*/
.pageContent h1.alt02, 
.pageContent h1.alt02 a { font-family: Ubuntu, Helvetica, Arial; letter-spacing:-1.2px; }
@media screen and (min-width : 1px) {h1 {font-size:22px}}
@media screen and (min-width : 320px) {h1 {font-size:26px}}
@media screen and (min-width : 480px){h1 {font-size:31px}}
@media screen and (min-width : 768px){h1 {font-size:36px}}
@media screen and (min-width : 1024px){h1 {font-size:41px}}
@media screen and (min-width : 1224px) {h1 {font-size:46px}}
@media screen and (min-width : 1824px) {h1 {font-size:54px}}

@media screen and (min-width : 1px) {h1.smaller {font-size:22px}}
@media screen and (min-width : 320px) {h1.smaller {font-size:22px}}
@media screen and (min-width : 480px){h1.smaller {font-size:26px}}
@media screen and (min-width : 768px){h1.smaller {font-size:31px}}
@media screen and (min-width : 1024px){h1.smaller {font-size:36px}}
@media screen and (min-width : 1224px) {h1.smaller {font-size:41px}}
@media screen and (min-width : 1824px) {h1.smaller {font-size:46px}}

/* _h2 DEFAULT: Montserrat, alt01: Roboto, alt02: Ubuntu */
/*h2.alt01 Used by News/Videos lists, added MH 2015-11-09*/
.pageContent h2, 
.pageContent h2 a { font-family:Montserrat, Helvetica, Arial; /*letter-spacing:4.44px; text-transform:uppercase; */}
.pageContent h2.alt, 
.pageContent h2.alt a, 
.pageContent h2.alt01, 
.pageContent h2.alt01 a{ font-family:Roboto, Helvetica, Arial;letter-spacing:-1.2px; text-transform:inherit; }
.pageContent h2.alt02, 
.pageContent h2.alt02 a { font-family:Ubuntu, Helvetica, Arial; letter-spacing:normal; text-transform:none;}

@media screen and (min-width : 1px) {h2{font-size:16px}}
@media screen and (min-width : 320px) {h2{font-size:18px}}
@media screen and (min-width : 480px){h2{font-size:20px}}
@media screen and (min-width : 768px){h2{font-size:22px}}
@media screen and (min-width : 1024px){h2{font-size:25px}}
@media screen and (min-width : 1224px) {h2{font-size:28px}}
@media screen and (min-width : 1824px) {h2{font-size:34px}}

@media screen and (min-width : 1px) {h2.alt01, h2.alt02 {font-size:14px}}
@media screen and (min-width : 320px) {h2.alt01, h2.alt02 {font-size:17px}}
@media screen and (min-width : 480px){h2.alt01, h2.alt02 {font-size:20px}}
@media screen and (min-width : 768px){h2.alt01, h2.alt02 {font-size:23px}}
@media screen and (min-width : 1024px){h2.alt01, h2.alt02 {font-size:27px}}
@media screen and (min-width : 1224px) {h2.alt01, h2.alt02 {font-size:30px}}
@media screen and (min-width : 1824px) {h2.alt01, h2.alt02 {font-size:35px}}

@media screen and (min-width : 1px) {h2.lrg {font-size:22px}}
@media screen and (min-width : 320px) {h2.lrg {font-size:26px}}
@media screen and (min-width : 480px){h2.lrg {font-size:31px}}
@media screen and (min-width : 768px){h2.lrg {font-size:36px}}
@media screen and (min-width : 1024px){h2.lrg {font-size:41px}}
@media screen and (min-width : 1224px) {h2.lrg {font-size:46px}}
@media screen and (min-width : 1824px) {h2.lrg {font-size:54px}}


/* _h3 DEFAULT: Roboto, alt01: Roboto, alt02: Ubuntu */
.pageContent h3, .pageContent h3 a, 
.pageContent h3.alt, 
.pageContent h3.alt a, 
.pageContent h3.alt01, 
.pageContent h3.alt01 a { font-family:Roboto, Helvetica, Arial; /*text-transform:uppercase;*/ }
.pageContent h3.alt02, 
.pageContent h3.alt02 a { font-family:Ubuntu, Helvetica, Arial; letter-spacing:normal; text-transform:none;}
/*@media screen and (min-width : 1px) {h3{font-size:12px}}
@media screen and (min-width : 320px) {h3{font-size:13px}}
@media screen and (min-width : 480px){h3{font-size:15px}}
@media screen and (min-width : 768px){h3{font-size:18px}}
@media screen and (min-width : 1024px){h3{font-size:21px}}
@media screen and (min-width : 1224px) {h3{font-size:24px}}
@media screen and (min-width : 1824px) {h3{font-size:30px}}*/

/*@media screen and (min-width : 1px) {h4, h3.alt01{font-size:12px}}
@media screen and (min-width : 320px) {h4, h3.alt01{font-size:13px}}
@media screen and (min-width : 480px){h4, h3.alt01{font-size:15px}}
@media screen and (min-width : 768px){h4, h3.alt01{font-size:18px}}
@media screen and (min-width : 1024px){h4, h3.alt01{font-size:21px}}
@media screen and (min-width : 1224px) {h4, h3.alt01{font-size:24px}}
@media screen and (min-width : 1824px) {h4, h3.alt01{font-size:30px}}*/

/* _h4, _h5, _h6 */
.pageContent h4, .pageContent h4 a, 
.pageContent h5, .pageContent h5 a, 
.pageContent h6, .pageContent h6 a{ font-family:Roboto, Helvetica, Arial; }

h4, h3.alt01{font-size:120%}
h5{font-size:110%}
h6{font-size:100%}

/*Default, Basic _themeColors 
	NOTE: New color themes only require change of color: copy from below */
/* _pageContent defaults*/
.pageContent { color:#222 }
.pageContent .date { color:#083766 }
.pageContent .source, .pageContent .imageCredit, .pageContent .credit { color:#475870 }
.pageContent a { /*color:rgb(0, 0, 238);*//*#29608c*/ color:#2372cc}
.pageContent a:hover { color:#e04514 }

/* _h1 */
.pageContent h1, .pageContent h1 a { color:#cc3300; font-family:Montserrat, Helvetica, Arial; }
.pageContent h1.sectionTitle { color:#29608c}
.pageContent h1.alt, .pageContent h1.alt a, 
.pageContent h1.alt01, .pageContent h1.alt01 a { color:#800000 }
.pageContent h1.alt02, .pageContent h1.alt02 a { color:#cc3300 }
/* _h2 */
.pageContent h2, .pageContent h2 a { color:#cc3300}
.pageContent h2.alt, .pageContent h2.alt a,
.pageContent h2.alt01, .pageContent h2.alt01 a{ color:#072F81;/*#B35419*/ }
.pageContent h2.alt02, .pageContent h2.alt02 a{ color:#B35419 }
/* _h3 */
.pageContent h3, .pageContent h3 a { color:#072F81;/*#003a6a */}
.pageContent h3.alt, .pageContent h3.alt a,
.pageContent h3.alt01, .pageContent h3.alt01 a{ color:#1493C9; text-transform:none; font-weight:normal; }
.pageContent h3.alt02, .pageContent h3.alt02 a{ color:#003a6a }
/* _h4 */
.pageContent h4, .pageContent h4 a { color:#1493C9/*#003a6a */; font-weight:normal;}
/* _h5 */
.pageContent h5, .pageContent h5 a { color:#475870;}
/* _h6 */
.pageContent h6, .pageContent h6 a { color:#475870;}
.pageContent h3 a, .pageContent h4 a, .pageContent h5 a, .pageContent h6 a {/*text-decoration:underline;*/}
.pageContent h3 a:after, .pageContent h4 a:after, .pageContent h5 a:after, .pageContent h6 a:after {/*content:" +";*/ font-weight:normal; text-decoration:none;}
/* Other Headers: _h4, _h5, _h6 */
/*.pageContent h4, .pageContent h4 a { color:#266681 }
.pageContent h5, .pageContent h6 { }*/
/* _h1 */