body {
  background: #F6F7E8 url('../images/bg-rpt500.png') repeat scroll top left;
  font: 16px/1.4em Georgia #391328;
}
header.header, footer.footer {
  background: #34889D url(../images/cyan-rpt.png) repeat top left;;
  padding: 1em 0 1em 0.6em;
}
footer.footer {
  margin-top: 1em;
  padding: 0.5em 0 0.5em 0.6em;
  color: white;
}
footer.footer a, footer.footer a:hover {
  color: white;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

header.header h1 {
  margin: 0;
  padding: 0;
}
header.header a {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}
header.header img {
  max-height: 67px;
  width: 100%;
  max-width: 392px;
}



#content {
  margin-top: 0.5em;
  position: relative;
}

#inner-content a {
  color: #34889D;
  text-decoration: none;
  border-bottom: 1px dotted #34889D;
}
#inner-content a:hover {
  border-bottom: 1px solid #34889D;
}

#inner-content {
  background-color: #fff;
}

#inner-content a {
}

#inner-content em, #inner-content h3 {
  color: #6C5570; /* #6C5570 */
  font-style: italic;
}
#inner-content h2 {
  color: #6C5570;
  font-size: 1.2em;
  font-style: italic;
  font-weight: 700;
}
#inner-content ul {
  list-style: circle;
  padding-left: 1.2em;
}

#inner-content h3.blocky {
  background: #391328;
  padding: 2px 4px;
  margin: 0;
  display: inline-block;
  font: 0.8em helvetica;
  font-weight: 700;
  color: white;
}
#inner-content .sidebar-video a.skip {
  position: absolute;
  display: block;
  right: 20px;
  font: 0.8em 'Helvetica Bold', helvetica;
  color: #34889D;

}

/* 7. NAVIGATION */

#content > nav {
  width: 100%
}
.nav {
  border: none;
  border-bottom: 0;
  position: relative;
/*  left: -5em;*/
  background: transparent;
  margin-top: 0;
}
.nav ul {
  margin-top: 0;
}
.nav li {
  width: 100%;
}
.nav li a {
  color: black;
  display: block;
  text-decoration: none;
  padding: 0.125em 1em;
  text-align: right;
  background: white;
  border-bottom: 3px solid #F6F7E8;
  font-family: Georgia;
  font-style: italic;
}
.nav li.has-children > a,
.nav li.has-children > a:hover {
  background: #34889D url(../images/cyan-rpt.png) repeat top left;
  color: white;
  padding: 0.5em 1em;
}
.nav li.has-children.current_page_item {
  overflow: none;
}
.nav li.current_page_item a,
nav li a:hover,
nav li a:visited:hover,
#inner-content a:hover {
  color: #6C5570;
}

.nav li ul.sub-menu, .nav li ul.children {
  position: relative;
  margin-bottom: 3px;
}
.nav li.has-children.current_page_item ul,
.nav li.has-children.current_page_ancestor ul {
  display: block;
}
.nav li ul.sub-menu li  {
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  width: 100%;
/*  padding-left: 30px;*/
}


.homepage #main {
  width: 100%;
}
#main {
  padding: 0.8em;
  min-height: 32em;
}

#main h1 {
  font: 1.5em 'Helvetica Bold', helvetica;
  color: #34889D;
  margin: 0 0 0.5em;
  font-weight: 700;
}

.page #main p{
  padding-right: 2em;
}
.page #main .byline {
  display: none;
}
.byline {
  font: 0.8em helvetica;
  color: #34889D;
  margin: 0 0 0.5em;
  font-weight: 400;
}
.blogpage #main .byline {
  display: block;
  
}



#inner-content .homepage-features article h3  { margin: 0.5em 0 0; font-style: normal; }
#inner-content .homepage-features article p   { margin: 0 0 0.5em }
#inner-content a.img { border-bottom: none; display: block; }



#inner-content .sidebarish .related-posts p{
  margin-top: 2em;
  margin-bottom: 0;
  font-style: italic;
}

#inner-content .sidebarish .related-posts ul {
  margin-top: 0;
}
#inner-content .sidebarish .related-posts ul a {
  color: inherit;
}



.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0; height: 0; overflow: hidden;
    margin-bottom: 10px;
}


.blogpage article:last-child {
  border-bottom: 1px solid #6C5570;
}

.blogpage article {
  border-top: 1px solid #6C5570;
  padding: 1em;
}

.blogpage article .page-title {
  margin-top:0.375em;
}
.blogpage article .entry-content p {
  margin-top: 0.1em;
}




@media only screen and (min-width: 481px) {

  #content > nav {
    width: 14.625em;
    position: absolute;
    left: 0;
    top: 0;
  }
  .header h1 {
    text-align: center;
  }
  #content {
    padding-left: 15em;
  }
  #inner-content {
    padding-bottom: 5em;
  }
  #inner-content .sidebarish .related-posts{
    position: absolute;
    bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  
  body {
    /* wide things only */
/*    padding: 1em 0 1em 5em; */
    
  }
  #content > nav {
/*    left: -5em;*/
/*    top: 0;*/
  }
  header.header {
    width: 100%;
    padding: 2em;
  }
  header.header a {
/*    text-align: left;*/
  }
  #content {
/*    padding-left: 9em;*/
  }
  #inner-content .sidebarish {
    width: 50%; /* of width of container ~35% of parent container */
    position: absolute;
    right: -50%;
    top: 0;

    padding-top: 4em;
  }
  #inner-content .sidebar-video a.skip {
    display: none;
  }
  #inner-content .sidebarish .related-posts{
    position: relative;
  }
  #inner-content {
    margin-right: 0;
  }
  
  #content {
    margin-top: 1em;
  }
}

@media only screen and (min-width: 1200px) {
  #content {
    max-width: 1200px;
    margin: 1em auto;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}









.has-bsl .bsl-button{
	height: 4px;
	width: 18px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 77%, rgba(255,255,255,1) 80%, rgba(242,242,242,1) 84%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(77%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(84%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 77%,rgba(255,255,255,1) 80%,rgba(242,242,242,1) 84%);
	background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 77%,rgba(255,255,255,1) 80%,rgba(242,242,242,1) 84%);
	background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 77%,rgba(255,255,255,1) 80%,rgba(242,242,242,1) 84%);
	background: linear-gradient(45deg,  rgba(255,255,255,1) 77%,rgba(255,255,255,1) 80%,rgba(242,242,242,1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 );
	margin: 5px 14px 7px 0;
	position: relative;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px white;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px white;
	box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px white;
	
	
/*	float: left;
  position: absolute;
  top: -1px;
  left: 0px;
*/

  display:inline-block
}

.bsl-button:before{
	content: "";
	position: absolute;
	height: 11px;
	width: 24px;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.bsl-button:after{
	position: absolute;
	height: 6px;
	width: 18px;
	top: 0;
	left: 2px;
	color: rgba(255,255,255,1);
	-webkit-font-smoothing: anti-aliased;
	-moz-font-smoothing: anti-aliased;
	font-smoothing: anti-aliased;
	font: bold 8px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1px;
}

.bsl-button:before{
	background: #6C5570;
}

.bsl-button:after{
	content: "BSL";
}