/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher,Jonathan Neal,
* Kroc Camen,and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles:opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
/*
* A better looking default horizontal rule
*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
/*
* Remove the gap between images,videos,audio and canvas and the bottom of
* their containers:h5bp.com/i/440
*/
audio,
canvas,
img,
video{vertical-align:middle;}
/*
* Remove default fieldset styles.
*/
fieldset{border:0;margin:0;padding:0;}
/*
* Allow only vertical resizing of textareas.
*/
textarea{resize:vertical;}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
  overflow-y: scroll;
}
a {
  color: #4d98ff;
}

#header_wrapper, footer, #container{
    width:960px;
    margin:0 auto;
    padding: 0 10px;
}


#container{
    font-family: "CardoRegular";
    font-size:14px;
    line-height:19px;
    overflow: hidden;
}

#container em, #container i{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

hr{
    margin: 10px 0;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

a.prev, a.next{
    color:#4d98ff;
}

a.prev{
    margin-right:20px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

header{
    background-color:#042D7E;
    height:200px;
    padding:0 10px;
    position:relative;
    margin:0;
    min-width:100%;
    min-width: 980px
}

header div#shield_logo{
    padding: 20px 0 0 0;
    width:52px;
    height:61px;
}

header h1{
    width:458px;
    height:26px;
    margin: 34px 0 0 0;
}

header h1 a{
    font-size:0;
    display:block;
}

header div#header_forms{
    width:260px;
    float:right;
    margin-right:40px;
    margin-top:20px;
}

header div#header_forms input[type=text]{
    width:220px;
    margin:0 0 10px 0;
    border:none;
    height:20px;
    background-color:#02135A;
    font-family: "OpenSansRegular";
    font-size:14px;
    line-height:16px;
    color:#66b3ff;
    padding:5px;
    float:left;
}

header div#header_forms input[type=text]:focus{
    color:#cce5ff;
}

header div#header_forms input[type=submit]{
    border:none;
    background-color:#02135A;
    height:30px;
    padding:5px;
    width:30px;
    float:left;
}

input#subscribe_btn{
    background: #02135A url('/assets/img/subscribe_icon_sprite.png') no-repeat scroll center center;
    background-position: -40px 0px;
}

input#subscribe_btn:hover{
    background: #02135A url('/assets/img/subscribe_icon_sprite.png') no-repeat scroll center center;
    background-position: 0px 0px;
}

input#search_btn{
    background: #02135A url('/assets/img/search_icon_sprite.png') no-repeat scroll center center;
    background-position: 0px -40px;
}

input#search_btn:hover{
    background: #02135A url('/assets/img/search_icon_sprite.png') no-repeat scroll center center;
    background-position: 0px 0px;
}

#twitter_nav{
    background: url('/assets/img/twitter_icon_sprite.png') no-repeat scroll center left;
    background-position: 0px -50px;
    width: 25px;
    height:40px;
    padding-right:14px;
    display:block;
    float:left;
}
#twitter_nav:hover{ background: url('/assets/img/twitter_icon_sprite.png') no-repeat scroll center left; background-position: 0px 0px;; }

#facebook_nav{
    background: url('/assets/img/facebook_icon_sprite.png') no-repeat scroll center left;
    background-position: 0px 0px; 
    width: 10px;
    height:40px;
    padding-right:14px;
    display:block;
    float:left;
}
#facebook_nav:hover{ background: url('/assets/img/facebook_icon_sprite.png') no-repeat scroll center left; background-position: 0px -50px; }

#rss_nav{
    background: url('/assets/img/rss_icon_sprite.png') no-repeat scroll center left;
    background-position: 0px 0px;
    width: 20px;
    height:40px;
    display:block;
    float:left;
}
#rss_nav:hover{ background: url('/assets/img/rss_icon_sprite.png') no-repeat scroll center left;background-position: 0px -50px; }

#navigation_wrapper{
    width:960px;
    margin:0 auto;
    padding: 0 10px;
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

nav {
    width: 100%;
    background-color:#000f5c;
    height:40px;
    position:fixed;
    top:160px;
    z-index:999999;
}
nav .subnav {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    width: 180px;
    list-style-type: none;
    margin: 0;
    z-index:5;
    padding:0;
}
nav .subnav li {
    display: block;
    margin:0;
    background-color:#f2f8ff;
    padding:0 0 0 10px;
    width: 170px;
    
}
nav .subnav li a {
    font-family:"OpenSansBold";
    font-size:12px;
    font-weight:normal;
    letter-spacing:0.1em;
    color:#555555;
    border-bottom: solid 1px #999;
    width:115px;
}
nav .subnav li a:hover {
    color: #4d98ff;
}
nav ul {
    list-style-type: none;
    margin: 0;
    float: left;
    padding:0;
    width: 794px;
}
nav ul li {
    float: left;
    position: relative;
}
nav ul li a {
    float: left;
    text-decoration:none;
    font-family:"OpenSansBold";
    color:#66b3ff;
    font-size:14px;
    line-height:40px;
    text-decoration: none;
    padding: 0 44px 0 0;
    height:40px;
    font-weight:normal;
    letter-spacing:0.1em;
}
nav ul li a:hover {
    text-decoration:none;
    color:#cce5ff;
}
nav ul li:hover .subnav {
    display: block;
}

nav .subnav li a.last_subnav{ border-bottom: none; }



/* ==========================================================================
   FOOTER
   ========================================================================== */

footer{
    font-family: "OpenSansRegular";
    font-size: 12px;
    line-height:16px;
    color: #4d98ff;
    border-top: 1px solid #4d98ff;
    margin: 100px auto 60px;
    padding:10px 0 0;
}

footer a{color: #4d98ff;}

footer small{
    font-size: 10px;
    line-height:15px;
    color:#888;
    float:right;
    text-align:right;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 650px;
    float:left;
}

footer ul li { display: inline;  letter-spacing:0.1em; text-transform:uppercase; margin-right:25px;}


/* ==========================================================================
   COMMON
   ========================================================================== */

.subhed{
    font-family: 'OpenSansBold';
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.1em;
    display:block;
    padding: 1.5em 0 0 0;
}

div#content_wrapper a,
.footnote_truncated a,
.full_footnote_inner a{
    color:#4d98ff;
}

h2{
    font-size:36px;
    line-height:42px;
    font-weight:normal;
    color: #222;
}

div#news_popular{
  width:180px;
  float:left;
  margin: 40px 0 0 60px;
}

div#news_popular h3{
  font-family: 'OpenSansBold';
  font-size:13px;
  line-height:17px;
  color:#888;
  font-weight:normal;
  margin-top:0;
}

div#news_popular h3{
  font-weight:normal;
  font-family: 'CardoRegular';
  font-size:14px;
  line-height:19px;
  margin:0;
  padding:0;
}

div#news_popular h3.news_popular_header{
  font-family: 'OpenSansBold';
  font-size:13px;
  line-height:17px;
  color:#888;
  font-weight:normal;
  margin:0 0 10px 0;
  text-transform:uppercase;
  font-weight:normal;
  letter-spacing:0.1em;
}

div#news_popular h3.news_popular_header a{
  color:#888;
}

div.news_item, div.popular_item{
  margin: 0 0 10px 0;
}

.pre_intro{
    font-size:14px;
    line-height:19px;
}

.date{
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 10px;
  line-height: 15px;
  color:#888;
  letter-spacing:0.1em;
}

span.tags{
  font-family: "OpenSans";
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing:0.1em;
}
span.tags a {
  color: #444 !important;
}

div.news_item h3 a, div.popular_item h3 a{
  font-weight:normal;
  font-family: 'CardoRegular';
  font-size:14px;
  line-height:19px;
  color:#888 !important;
  margin:0;
  padding:0;
}

div.news_item h3 a i, div.news_item h3 a em{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div.news_item h3 a b, div.news_item h3 a strong{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

div.popular_item h3 a i, div.popular_item h3 a em{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div.popular_item h3 a b, div.popular_item h3 a strong{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

d.author{
  font-family: 'CardoItalic';
  font-weight:normal;
  font-style:normal;
  font-size: 14px;
  line-height: 19px;
  color:#888;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

a.archive{
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 10px;
  line-height: 15px;
  color:#888;
  letter-spacing:0.1em;
}

/*ARCHIVES*/
.archive_item{
  margin:0 0 40px;
}

.archive_item h6{
  margin:0;
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-weight:normal;
  font-size: 10px;
  line-height: 15px;
  color:#444;
  letter-spacing:0.1em;
}

.archive_item h3{
  margin:0;
  font-size: 18px;
  line-height: 24px;
  font-weight:normal;
}

.archive_item h3 a{
  color:#002a80;
}

.archive_item .author{
  color:#444;
  margin: 5px 0 0;
}

.archive_item p{
  font-size: 14px;
  line-height: 19px;
  margin:0;
}

/*COLLECTION DESCRIPION*/
#collection_desc {
  margin: 30px 0 40px;
}

#collection_desc h6 {
  margin:0;
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 13px;
  line-height: 17px;
  color:#222;
}

#collection_desc h2 {
  margin:0;
  font-size: 36px;
  line-height: 42px;
  color:#222;
}

#collection_desc p {
  margin:45px 0 0;

}

div#main_col{
  width:720px;
  float:left;
  overflow: hidden;
}

div.last_toc_item{
  margin: 0 0 0px 0;
}

div.toc_item h4{
  font-family: 'OpenSansRegular';
  font-size:10px;
  font-weight:normal;
  color:#888;
  text-transform:uppercase;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  letter-spacing: 0.10em;
}

div.toc_item h3{
  font-weight:normal;
  font-style:normal;
  font-family: 'CardoRegular';
  font-size: 18px;
  line-height:24px;
  color:#4d98ff;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.toc_item h3 i, div.toc_item h3 em{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div.toc_item h3 b, div.toc_item h3 strong{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

div.toc_item h3.small_title{
/*    font-size: 14px;
    line-height: 19px;*/
}

div.toc_item h3 a, .collection_header h3 a{
  color:#4d98ff;
}

div.toc_item{
  font-family: 'CardoRegular';
  font-size: 14px;
  line-height: 19px;
  color:#888;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

div.volume_header{
  border-top:1px solid #519AFC;
}

div.volume_wrapper_last{
  border-bottom:1px solid #519AFC;
}

div.issue_wrapper{
  border-bottom:1px solid #ccc;
}

div.issue_wrapper_last{
  border-bottom:none;
  margin: 0 0 20px 0;
}

div.issue_header.last_issue_header{
  border-bottom:none;
}

div.volume_header:hover, div.volume_header.selected{
  background-color:#F2F8FF;
}

div.issue_header:hover, div.issue_header.selected{
  background-color:#F5F5F5;
}

div.volume_header, div.issue_header{
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 10px;
  line-height: 10px;
  color:#888;
  letter-spacing: 0.10em;
  height:30px;
  position:relative;
  cursor: pointer; cursor: hand;
}

div.volume_title,
div.volume_number,
div.volume_years,
div.view_masthead_button,
div.issue_title,
div.issue_number,
div.issue_date,
div.issue_pages{
  overflow: hidden;
  width:120px;
  position: absolute;
  left:0;
  bottom:6px;
}

div.issue_date{
    width:150px;
}

div.volume_title,
div.volume_number{
  width:60px;
}

div.volume_number,
div.issue_number{
  left:60px;
}

div.volume_years,
div.issue_date{
  left: 120px;
}

div.issue_pages{
  left: 270px;
}

div.view_masthead_button{
  right:3px;
  left:auto;
}

div.volume_number,
div.issue_number{
  font-size: 18px;
  line-height:18px;
  letter-spacing: normal;
  color:#222;
  bottom:5px;
}

div.volume_title,
div.issue_title{
  padding-left:3px;
}

div.view_masthead_button{
  text-align:right;
}

div.view_masthead_button a{
  color:#888;
  line-height: 12px;
}

div.view_masthead_button a:hover{text-decoration:underline;}

div.issue_toc{
  margin: 25px 60px;
}

div#content_html_wrap{
  font-size:18px;
  line-height:24px;
}

div#content_html_wrap em, div#content_html_wrap i{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div#content_html_wrap strong, div#content_html_wrap b{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

div.collection_wrapper{
  background-color:#f2f8ff;
  padding:10px;
  margin: 0 0 20px 0;
}

div.collection_header{
    margin: 0 0 20px 0;
}

div.collection_header h4{
    font-family: 'OpenSansBold';
    font-size:10px;
    line-height:15px;
    font-weight:normal;
    color:#888;
    text-transform:uppercase;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    letter-spacing: 0.10em;
}

div.collection_header h3{
    font-size:21px;
    line-height:27px;
    color: #666;
    
    font-weight:normal;
    font-family: 'CardoRegular';
    
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.collection_header p{
    font-family: 'CardoRegular';
    font-size: 14px;
    line-height: 19px;
    color:#888;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#news_popular div.collection_wrapper{
    background-color:transparent;
    padding:0;
}

div#news_popular div.collection_header h2{
    font-family: 'OpenSansBold';
    font-size:13px;
    line-height:17px;
    font-weight:normal;
    color:#888;
    text-transform:uppercase;
    margin: 40px 0 10px 0;
    padding: 0 0 0 0;
    letter-spacing: 0.10em;
}

div#news_popular div.collection_header h3{
    font-size:21px;
    line-height:27px;
    
    font-weight:normal;
    font-family: 'CardoRegular';
    
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#news_popular div.collection_header h3 a{
  color:#4d98ff;
}

div#news_popular div.collection_header p{
    font-family: 'OpenSansRegular';
    font-size:10px;
    line-height:15px;
    font-weight:normal;
    color:#888;
}

.small_caps{
    font-family: 'OpenSansBold';
    font-size:13px;
    line-height:19px;
    text-transform:uppercase;
    font-variant:small-caps;
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.1em;
}

.forced_sans{
    font-family: 'OpenSansBold';
    font-size:13px;
    line-height:19px;
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform: uppercase;
}

.forced_sans_reg{
    letter-spacing: 0.05em;
    font-variant: small-caps;
}

.response_to h4{
    font-family: 'OpenSansBold';
  font-size:13px;
  line-height:17px;
  color:#888;
  font-weight:normal;
  margin:10px 0 0 0;
  text-transform:uppercase;
  font-weight:normal;
  letter-spacing:0.1em;
}

.repsonse_item strong a{
  color: #002a80 !important;
}

.repsonse_item .author {
  color: #444;
}

/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir{background-color:transparent;border:0;overflow:hidden;/* IE 6/7 fallback */
*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
/*
* Hide from both screenreaders and browsers:h5bp.com/u
*/
.hidden{display:none !important;visibility:hidden;}
/*
* Hide only visually,but have it available for screenreaders:h5bp.com/v
*/
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard:h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
/*
* Hide visually and from screenreaders,but maintain layout
*/
.invisible{visibility:hidden;}
/*
* Clearfix:contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after{content:" ";/* 1 */
display:table;/* 2 */}
.clearfix:after{clear:both;}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix{*zoom:1;}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width:35em){/* Style adjustments for viewports that meet the condition */}
@media print,
(-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi){/* Style adjustments for high resolution devices */}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection:h5bp.com/r
========================================================================== */
@media print{*{background:transparent !important;color:#000 !important;/* Black prints faster:h5bp.com/s */
box-shadow:none !important;text-shadow:none !important;}
a,
a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
/*
* Don't show links for images,or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after{content:"";}
pre,
blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;/* h5bp.com/t */}
tr,
img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p,
h2,
h3{orphans:3;widows:3;}
h2,
h3{page-break-after:avoid;}
}