/* http://cssminifier.com/ */ 
/* grid with 960 pixels divided into 12 columns */ 

.black80 {
font-size: 80%;
font-weight: bold;
color: black; 
}
a.leftnav_header3:link {
font-size: 80%;
font-weight: normal;
color: #993300;
text-decoration: none;
background-color: white;
}
a.leftnav_header3:visited {
font-size: 80%;
font-weight: normal;
color: #993300;
background-color: white;
}
a.leftnav_header3:hover {
font-size: 80%;
font-weight: normal;
color: #993300;
text-shadow: 1px 1px 1px yellow;
background-color: white;
/*background-color: #993300; */
}  
.leftnav_header3 {
font-size: 80%;
font-weight: normal;
color: #993300; 
} 
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
nav, section, aside, footer {
    padding: 15px; 
} 
body, html { 
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
	font-size: 110%;           
	color: #000000;
  margin:0;
  padding:0; 
  line-height: 120%;
}
h1 {
  font-size: 160%; 
  font-family: 'Product Sans', sans-serif;
}
h2 {
  font-size: 140%; 
  font-family: 'Product Sans', sans-serif;
}
h3 {
  font-size: 120%;
  font-family: 'Product Sans', sans-serif;
}
h4 {
  font-size: 110%; 
  font-family: 'Product Sans', sans-serif;
}     
header {  
  font-family: 'Product Sans', sans-serif;             
	color: #000000;  
    }  
.heading {  
  font-family: 'Product Sans', sans-serif;             
	color: #000000;  
    }
img, embed, video, object {
max-width: 100%;
height: auto;
border: 0;
} 
* {
 box-sizing: border-box;
} 
.row::after {
 content: "";
 clear: both;
 display: table;
} 
/* header {
 height: 135px; 
 padding: 0; 
 margin: 0;
} */ 
article  {
 margin-bottom: 20px;
}
aside {
 text-align: center;
}
footer {
 text-align: center;
}
.container {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex; 
 display: flex;
 flex-wrap: wrap;
}  
nav ul {
list-style-type: none; 
padding: 0;
margin: 0;
}  
nav a { 
margin-bottom:3px; 
display: block;
}   
a.bgwhite:link { 
color: #666600;
background-color: white; 
}  
a.bgwhite:visited {
color: #666600; 
background-color: white; 
} 
a.bgwhite:hover {
color: #666600; 
background-color: #FFFF99;  
}
   
a:link {
	color: #666600;
	text-decoration: none; 
  font-size: 90%; 
  font-weight: bold; 
  background-color: #FFFF99;
}
a:visited {
	color: #666600;
	text-decoration: none;
  font-size: 90%; 
  font-weight: bold; 
}
a:hover {
	color: #FFFF99;
	text-decoration: none; 
  font-size: 90%; 
  font-weight: bold; 
  background-color: #666600;
} 
a:active {
	color: #FFFF99;
	text-decoration: none; 
  font-size: 90%; 
  font-weight: bold; 
  background-color: #666600;
}    
a.img:link {
  background-color: transparent;    
}
a.img:visited {
  background-color: transparent;
}
a.img:hover {
  background-color: transparent;
} 
a.img:active {
  background-color: transparent;
} 
.easteregg {
 color: #EEE54F;
} 
.masthead_learning {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_learning.jpg');
} 
.masthead_astralprojection {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_astralprojection.jpg');
}
.masthead_caving {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_caving.jpg');
}
.masthead_fitness {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_fitness.jpg');
}
.masthead_skin {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_skin.jpg');
}
.masthead_kayaking {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_kayaking'.jpg');
}
.masthead_meditation {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_meditation'.jpg');
}
.masthead_mtb {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_mtb'.jpg');
}
.masthead_mtn {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_mtn'.jpg');
}
.masthead_rafting {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_rafting'.jpg');
}
.masthead_sc {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_sc'.jpg');
}
.masthead_scuba {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_scuba'.jpg');
}
.masthead_snowboarding {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_snowboarding'.jpg');
}
.masthead_surfing {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_surfing'.jpg');
}
.masthead_massage {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_massage'.jpg');
}
.masthead_traveling {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_traveling'.jpg');
}
.masthead_yoga {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_yoga.jpg');
} 
.masthead_art {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_art.jpg');
} 
.masthead_chill {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_chill.jpg');
}
.masthead_coffee {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_coffee.jpg');
}
.masthead_community {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_community.jpg');
}
.masthead_cc {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_cc.jpg');
}
.masthead_food {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_food.jpg');
}
.masthead_recipes {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_recipes.jpg');
}
.masthead_lucid {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_lucid.jpg');
}
.masthead_music {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_music.jpg');
}
.masthead_people {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_people.jpg');
}
.masthead_politics {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_politics.jpg');
}
.masthead_media {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_media.jpg');
}
.masthead_quantummechanics {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_quantummechanics.jpg');
}
.masthead_randomlives {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_randomlives.jpg');
}
.masthead_religion {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_religion.jpg');
}
.masthead_showbiz {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_showbiz.jpg');
}
.masthead_snapshot {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_snapshot.jpg');
}
.masthead_sliceoflife {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_sliceoflife.jpg');
}
.masthead_technology {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_technology.jpg');
}
.masthead_thoughtbubble {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_thoughtbubble.jpg');
}
.masthead_teaching {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_teaching.jpg');
}
.masthead_verbatim {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_verbatim.jpg');
}
.masthead_wealth_building {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_wealth_building.jpg');
}
.masthead_books {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_books.jpg');
}
.masthead_gearreview {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_gearreview.jpg');
}
.masthead_hotel {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_hotel.jpg');
}
.masthead_movies {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_movies.jpg');
}
.masthead_show {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_show.jpg');
}
.masthead_restaurantreview {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;
 background-image: url('/images/masthead_restaurantreview.jpg');
}
.masthead_rwd {
 width: 100%;
 height: 100px;
 background-size: cover;
 border-top: solid;
 border-bottom: solid;"
} 
.maroon_narrow {
font-family: Arial Narrow;
font-size: 80%;
font-weight: normal;
color: #993300; 
} 
a.maroon_narrow:link { 
font-family: Arial Narrow;
font-size: 80%;
font-weight: normal;
color: #993300;
text-decoration: none;
background-color: white;
}
a.maroon_narrow:visited { 
font-family: Arial Narrow;
font-size: 80%;
font-weight: normal;
color: #993300;
background-color: white;
}
a.maroon_narrow:hover {
font-family: Arial Narrow;
font-size: 80%;
font-weight: normal;
color: #993300;
text-shadow: 1px 1px 1px yellow;
background-color: white;
}
/*background-color: #993300; */

.banner {
 height: 135px;
 padding: 0;
 margin: 0;
}  
.floatleft {
float:left;
} 
.floatleft5 {
float: left;
margin-right: 5px;
margin-bottom: 5px;
clear: both;
}
.floatleft10 {
float: left;
margin-right: 10px;
margin-bottom: 5px;
clear: both;
}  
.floatleft15 {
float: left;
margin-right: 16px;
margin-bottom: 5px;
}
.floatleft20 {
float:left;
margin-right: 20px;
}
.floatleft30 {
float:left;
margin-right: 30px;
}
.floatleft40 {
float:left;
margin-right: 40px;
}
.floatright {
float:right;
} 
.floatright5 {
float: right;
margin-left: 5px;
margin-bottom: 5px;
clear: both;
}
.floatright10 {
float: right;
margin-left: 10px;
margin-bottom: 5px;
clear: both;
}  
.floatright15 {
float: right;
margin-left: 16px;
margin-bottom: 5px;
clear: both;
} 
.floatright20 {
float: right;
margin-left: 20px;
margin-bottom: 5px;
clear: both;
}   
.bottommargin5 {
    margin-bottom: 5px;
}
.bottommargin10 {
    margin-bottom: 10px;
}
.bottommargin15 {
    margin-bottom: 15px;
} 
.bottommargin20 {
    margin-bottom: 20px;
} 
.bottommargin25 {
    margin-bottom: 20px;
}
.bottommargin30 {
    margin-bottom: 30px;
} 
.topmargin10 {
    margin-top: 10px;
}
.clearboth {
clear: both;
} 
.storytitle {
	text-transform: capitalize;	
  color: #000099;
  font-size: 110%;
}
.margin15 {
  margin: 15px;     
}
.blueupper12 {
/* 
 text-transform:capitalize;
 font-weight: bold; */
 text-transform:uppercase;
 color: #000099;
 font-size: 110%;  
}   
.uppercase {
text-transform:uppercase;
} 
.comments {
    color: red;
    font-weight: bold;
}
.redbold {
    color: red;
    font-weight: bold;
} 
.bluebold {
    color: blue;
    font-weight: bold;
} 
.red {
    color: red;
}  
.green {
    color: green;
}
.blue {
    color: blue;
}   
.yellow {
    color: yellow;
}
.bgyellow {
    background-color: yellow;
}

.datename {   
    font-size: 90%;
}  
.date
    {  
    font-size: 90%;
    color: #996600;    
    }
.teaser {
padding: 0;
margin: 0;
}
.aligncenter {
 text-align: center;
}
.borderspacing10 {
border-spacing: 10px;
} 
.borderspacing20 {
border-spacing: 20px;
}
.borderorange {border:1px orange solid; padding:10px;}
/* 
nav li:hover {
background-color: black; 
}  */
ul.liststyletypenone {
 list-style-type: none;
 position: relative;
 left: -25px; 
} 
ol.liststyletypenone {
 position: relative;
 left: -25px; 
}  
.box {
 margin: 3px;
}
.box1 {
 margin: 1px;
}  
.gallery-flex {
 display: flex;
 flex-wrap: wrap;
} 
.socialmedia {
margin: auto; 
display: flex; 
flex-wrap: wrap; 
justify-content: center;
clear:both;
}
.summary {
color: #333333; 
font-size: 100%; 
margin: 5px; 
font-weight: bold;
} 
summary {
color: #333333; 
font-size: 100%; 
margin: 5px; 
font-weight: bold;
} 

/*  hr.red50 {
width: 50%;
border-color: red;
margin-top: 2%;
margin-bottom: 2%;
border-width: 2%;
}  */

/* begins rwd */ 
/* For mobiles  */ 

@media only screen and (max-width: 380px) { 
.easteregg {font-size: x-small; color: #EEE54F;}
}  
  
@media only screen and (max-width: 599px) { 
header, nav, section, footer {width: 100%;} 
aside.adv_top {display: none;} 
nav details {font-size: 100%;} 
.easteregg {font-size: smaller; color: #EEE54F;} 
ul, ol {position: relative; left: -10px;} 
nav li {margin-bottom:10px;} 
}            
/* For tablets: */
@media only screen and (min-width: 600px) and (max-width: 769px) {
header, footer {width: 100%;}
nav {width: 22%;}
section {width: 78%;}
aside.adv_top {display: none;} 
}  
/* For desktop: */ 
@media only screen and (min-width: 770px) {
header, footer {width: 100%;}
nav {width: 17%;}
section {width: 65.5%;} 
aside.adv_top {width: 17.5%; display: block;} 
}  
@media only screen and (min-width: 1020px) {
header, footer {width: 100%;}
main.container {width: 1020px; margin: auto;} 
} 
