@import "//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic";

@media screen, projection, tv, handheld {
	
	.embed-twitter {
		padding-left: 1em;
		padding-right: .2em;
	}
	#slider-wrapper {
		padding: 22px 30px;
	}
	
	.box {
		width: 200px;
		height: 200px;
	}
	
	.box6{background: #006b97;}

	.filetype {width: 200px;}
	
	.container {
		padding: 1em 44px;
		width: auto;
	}
	.icon-circles{font-size:50%; text-decoration: none;}
	.hide-text{ text-indent:-9999px; display:block; height:0;}
	
	.container .span3 {
		color: #fff;
		width: 31.33%;
		margin: 2em 0;
		float: left;
		background: #4a4949; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiM0YTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMzNzM3MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #4a4949 11%, #373737 98%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#4a4949), color-stop(98%,#373737)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #4a4949 11%,#373737 98%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #4a4949 11%,#373737 98%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #4a4949 11%,#373737 98%); /* IE10+ */
		background: linear-gradient(to bottom,  #4a4949 11%,#373737 98%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4949', endColorstr='#373737',GradientType=0 ); /* IE6-8 */
		position: relative;
	}
	
	.container .span3 .span-content{
		min-height: 411px;
	}
	
	.container .twitter .span-content{
		min-height: 430px;
	}
	
	.container .span3 a {
		color: #fff;
	}
	
	.container .span3 li.read-more {
		margin-top: 1.5em;
	}
	
	.container .span3 .read-all {
		position: absolute;
		top: 1em;
		right: 1em;
		font-size: 60%;
		padding: .5em .7em;
		background: #5f5f5f;
	}
	
	.container h2 {font-size: 180%;}
	
	.container h3 {font-size: 130%; position:absolute; left:73px; top: -57px;}
	
	a.no-underline {
		text-decoration: none;
		color: #333;
	}
	
	a.no-underline:hover {
		text-decoration: underline;
		color: #333;
	}
	
	.img {
		width: auto;
		height: auto;
		overflow: hidden;
	}
	
	.container .span3 p,
	.container .span3 ul,
	.container .span3 iframe {
		padding: 1em 2em;
	}
	
	#subscribe {
		padding-top: 0;
	}
	
	.container .col2 {margin-left:3%; margin-right:3%;}
	.container .statement {border-top: 3px solid #f5c223;}
	.container .subscribe {border-top: 3px solid #af0837; background: #771032;}
	.container .twitter {
			background: #0c85ad; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiMwYzg1YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGU2Nzg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
			background: -moz-linear-gradient(top,  #0c85ad 36%, #0e6784 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#0c85ad), color-stop(100%,#0e6784)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #0c85ad 36%,#0e6784 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #0c85ad 36%,#0e6784 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #0c85ad 36%,#0e6784 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #0c85ad 36%,#0e6784 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c85ad', endColorstr='#0e6784',GradientType=0 ); /* IE6-8 */
	}
	
	.container .statement a.more {background: url(../images/3-circles.png) no-repeat 50% 50% #212121;}
	.container .statement a.more:hover {background: url(../images/3-circles-hover.png) no-repeat 50% 50% #141414;}
	
	.container a.more {
		display: block;
		text-align: center;
		padding: 1em;
		background: #212121;
		color: #fff;
		font-size: 80%;
		min-height: 19px;
	}
	
	a.more:hover {
		color: #444;
		background:#141414;
	}
	
	.container .twitter a.more {
		background: #1a596e;
		text-decoration: none;
	}
	.container .twitter a.more i {
		margin-right: .5em;
	}
	.container .twitter a.more:hover {
		background: #124e62;
		color: #0e6c8c;
		text-decoration: underline;
	}
	
	.container .icons {
		width:59px;
		height: 59px;
		position: absolute;
		left:0;
		top: -30px;
	}
	
	.container .twitter .icons {background: url(../images/home-icons.gif) no-repeat 0 0;}
	.container .statement .icons {background: url(../images/home-icons.gif) no-repeat -59px 0;}
	.container .subscribe .icons {background: url(../images/home-icons.gif) no-repeat -118px 0;}
	
	#content-container {
		background: transparent;
		zoom: 1;
	}
	
	.aside {
		margin-bottom: 1em;
	}
	
	.section-header {
		background: #323232;
		padding: .8em 1em !important;
	}
	
	.section-header h2 {
		color: #fff;
		font-size: 1rem;
		font-weight: 700;
	}
	
	.blue-bg {background: #066a9e;}
	.grey-bg {background: #333 !important;color:#fff !important;}
	.grey-bg a:link,
	.grey-bg a:visited,
	.grey-bg a:hover {
		color: #fff;
	}
	
	.rti-list {
		padding-left: 0;
		list-style-type: none;
	}
	
	.rti-list li {
		padding-left: 69px;
		padding-bottom: 1.8em;
	}
	
	.rti-list #what-is {background: url(../images/icon1.jpg) no-repeat;}
	.rti-list #access-info {background: url(../images/icon2.jpg) no-repeat;}
	.rti-list #disclosure-log {background: url(../images/icon3.jpg) no-repeat;}
	.rti-list #publication-scheme {background: url(../images/icon4.jpg) no-repeat;}
	
	.article .box-sizing {overflow: visible !important}
	
	.section-content {
		border: 2.5px solid #1f846e;
		border-top: none;
		background: #fff;
	}
	
	.section-header,
	.section-content {
		padding: 1em;
	}
	
	.section-content ul {margin: 0; padding-left: 1.4em}
	
	.royalSlider {
		width: 100%;
		position: relative;
    	z-index: 1;
	}
	.royalSlider > .rsContent {
	visibility: hidden; 
		position: relative
	/* or display:none depending on your needs... */
	}
	.rsContent .info-box {position: absolute; right: 0; top: 1.5em; width: 50%; background: rgba(30,155,215, 0.9); padding: 1.5em 3em 1.5em 1.5em; color: #fff}
	.rsContent .info-box h2 {margin-top: 0; color: #fff}
	.rsContent .info-box a,.rsContent .info-box a:visited,.rsContent .info-box a:hover {color:#fff}
	.rsContent .info-box .btn {display: block; /* margin-top: 2.5em; */ color: #fff}
	
	.rsDefault .rsBullet span {border: 1px solid rgba(0,0,0,0.5);}
	.rsDefault .rsBullet span,
	.rsDefault .rsBullet{width: 10px;height: 10px;}
	 
	.rsDefault .rsBullets {bottom: 2.5em; background: transparent}
	.headshot .img { width: 150px; height: 150px; border-radius: 50%; border: 1px solid #323232;overflow: hidden;}
	.headshot { float:right; margin: -50px 0 1em 1em; width: 150px;}
	.headshot .caption { line-height: 1.4;display: block;font-size: 70%;text-align: center; margin-top: 1em}
	#article, #asides-primary, #asides-secondary {margin-top: -2em}
	@media screen and (max-width: 979px) {
		#asides-secondary {margin-top: 0 !important}
	}
	
	@media screen and (max-width: 640px) {
		#asides-secondary {margin-top: 0}
		#asides-primary {margin-top: 1em !important}
	}
	
	#floating-box {margin-top: -1em; position: relative; z-index: 2}
	
	#nav-site {margin-bottom: 0}
	#asides-primary .aside,
	#asides-secondary .aside {
		margin-right: 0;
	}
	
	.section-header h2 {
		margin: 0;
	}
	
	#content .article .box-sizing {
		background: transparent;
	}

	#video-gallery {
		width: 100%;
	}

	.videoGallery .rsTmb {padding: .8em;}
	.videoGallery .rsThumbs .rsThumb {
	  width: 420px;
	  height: 80px;
	  border-bottom: 1px solid #e6e6e6;
	}
	.videoGallery .rsThumbs {
	  width: 420px;
	  padding: 0;
	  border-top: 1px solid #eee;
	  border-right: 1px solid #eee;
	  border-bottom: 1px solid #eee;
	}
	.videoGallery .rsThumb:hover {
	  background: #eee;
	}
	.videoGallery .rsThumb{
		background: #fff;
	}
	.videoGallery .rsThumb.rsNavSelected {
	  background-color: #a50b36;
	  border-bottom:-color #b21843;
	}

	.sampleBlock {
	  left: 3%; 
	  top: 1%; 
	  width: 100%;
	  max-width: 400px;
	}

	.rsVideoContainer {
	width:100%; 
	height:100%; 
	overflow:hidden; 
	display:block; 
	float:left; 
	}
	.rsGCaption figure {
		margin-right: 419px;
		margin-left: 1em;
	}
	
	.rsDefault .rsTmb h5 a:link,
	.rsDefault .rsTmb h5 a:visited {
		color: #000;
	}
	
	.rsNavSelected .rsTmb h5 a:link,
	.rsNavSelected .rsTmb h5 a:visited,
	.rsNavSelected .rsTmb span {
		color: #fff;
	}
	
	.rsDefault .rsTmb h5 a:hover {color:#e0275b;}
	.rsNavSelected .rsTmb h5 a:hover {color: #333;}
}

@media screen and (min-width: 700px) and (max-width: 950px) {
	#slider-wrapper {
	padding: 0;
  }
  .videoGallery .rsThumbs.rsThumbsVer {
    width: 200px;
  }
  .videoGallery .rsThumbs .rsThumb {
    width: 200px;
    height: 120px;
	font-size: 80%;
  }
  .videoGallery .rsTmb{
	padding:10px;
  }
  
  .rsDefault .rsTmb h5 {
	  margin: 0 0 .5em 0;
  }
  
  .sampleBlock {
    font-size: 12px;
  }
  .videoGallery .rsOverflow,
  .royalSlider.videoGallery {
    height: 415px !important;
  }
  .rsGCaption figure {
		margin-right: 200px;
		margin-left: .5em;
	}
	
	.box {
		width: 170px;
		height: 170px;
	}
}

@media screen and (min-width: 0px) and (max-width: 700px) {
#page-container .max-width {
	background: #fff;
}

  #slider-wrapper {
	padding: 0;
  }
  .videoGallery .rsTmb {
    padding: 6px 8px;
  }
  .videoGallery .rsTmb h5 {
    font-size: 12px;
    line-height: 17px;
  }
  .videoGallery .rsThumbs.rsThumbsVer {
    width: 140px;
    padding: 0;
  }
  .videoGallery .rsThumbs .rsThumb {
    width: 140px;
    height: 70px;
  }
  .videoGallery .rsTmb span {
    display: none;
  }
  .videoGallery .rsOverflow,
  .royalSlider.videoGallery {
    height: 300px !important;
  }
  .sampleBlock {
    font-size: 14px;
  }
  .rsGCaption figure {
		margin-right: 140px;
		font-size: 80%;
		margin-left: 1em;
	}
	
	.box {
		display: none;
	}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
	.container .span3 {
		width: 100%;
		margin: 1em 0 3em 0;
		border-bottom: 1px dotted #333;
	}
	.container .last {
		border: none;
	}
	.container {
		padding: 1em 22px;
	}
	
	.container .col2 {
		padding: 0 !important;
	}
	
	.rsGCaption figure {
		font-size: 80%;
		margin-left: 1em;
	}
}

@media print {
	.span3 img, 
	.rsContainer,
	.rsGCaption	{
		display: none;
	}
	
	.videoGallery .rsThumbs,
	.videoGallery .rsThumbs .rsThumb,
	.videoGallery,
	.rsTmb,
	.border,
	.rsThumbsContainer,
	#video-gallery,
	.slider-wrapper,
	.rsOverflow	{
		display: block !important;
		width: 100% !important;
		overflow: visible !important;
	}
	
	.rsDefault .rsTmb h5{
		font-size: 120%;
		font-weight: bold;
		color: #000000 !important;
		margin-bottom: 1em;
	}

	.rsDefault .rsTmb span{
		font-size: 100%;
		color: #000000 !important;
		margin-bottom: 1em !important;
	}
}


