/**
 * Theme Name:  WaPo Blogs 
 * Theme URI:   http://www.washingtonpost.com
 * Author:      The Washington Post 
 * Description: Core WaPo Blog Theme
 * Version:     0.2
 * License:     GNU General Public License
 * License URI: license.txt
**/

/******************************************
 * TABLE OF CONTENTS 
 ******************************************
 *
 * NORMALIZE
 * MAIN
 * STRUCTURE
 * LINKS
 * TYPE
 *
 * Backgrounds
 * Borders
 * Colors
 * Floats and clears
 * Forms
 * Lists
 * Images
 * Margins and padding
 * Positioning and alignment
 * 
 * Misc
 * Overrides
 *
 ******************************************/

/******************************************
 * NORMALIZE CSS
 * https://github.com/necolas/normalize.css
 ******************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}a{background:transparent;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
h2, h3, h4, p { margin: 0; padding: 0; }

/******************************************
 * MAIN 
 ******************************************/

/******************************************
 * STRUCTURE 
 ******************************************/
.col140 { width: 140px; }
.col220 { width: 220px; }
.col300 { width: 300px; }
.col350 { width: 350px; } /* Bastard size for right mega ad */
.col380 { width: 380px; }
.col460 { width: 460px; }
.col520 { width: 520px; }
.col620 { width: 620px; }
.col992 { width: 992px; } /* Bastard size for right mega ad */

/******************************************
 * LINKS 
 ******************************************/
a { color: #2a2a2a; text-decoration: none; }
    a:focus, a:active, a:hover { color: #005B88; text-decoration: none; }
p a { color: #005B88; border-bottom: 1px solid #d4d4d4; }
    p a:hover,
    .blue:hover,
    .byline a:hover { color: #6a6a69; }
.no-underline a,
.no-underline a:hover { text-decoration: none; }
h1 a:visited,
h2 a:visited,
h4 a:visited { color: #5a5a5a; }

/******************************************
 * TYPE 
 ******************************************/

/** Includes Franklin ITC Pro Bold **/
@font-face{font-family:"FranklinITCProBold";src:url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProBold/FranklinITCPro-Bold-webfont.eot");src:url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProBold/FranklinITCPro-Bold-webfont.eot?") format("embedded-opentype"),url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProBold/FranklinITCPro-Bold-webfont.woff") format("woff"),url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProBold/FranklinITCPro-Bold-webfont.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"FranklinITCProThin";src:url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProThin/FranklinITCPro-Thin-webfont.eot");src:url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProThin/FranklinITCPro-Thin-webfont.eot?") format("embedded-opentype"),url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProThin/FranklinITCPro-Thin-webfont.woff") format("woff"),url("http://img.washingtonpost.com/rw/sites/webfonts/FranklinITCProThin/FranklinITCPro-Thin-webfont.ttf") format("truetype");font-style:normal;font-weight:normal;}

/** Font Family **/
.sticky h1, h2, h3, .franklin-bold { font-family: 'FranklinITCProBold', 'Helvetica', 'Arial', sans-serif; }
h1, .franklin-thin { font-family: 'FranklinITCProThin', 'Helvetica Neue', 'Arial', sans-serif; }
p, .serif { font-family: Georgia, serif; }
h4, h5, h6, .sans { font-family: Helvetica, sans-serif; }

/** Font Size **/
h1 { font-size: 36px; line-height: 38px; }
h2 { font-size: 21px; font-weight: 400; line-height: 24px; }
h3 { font-size: 14px; line-height: 16px; }
h4 { font-size: 12px; line-height: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { font-size: 16px; line-height: 26px; padding-bottom: 24px; }

/** Font Weight **/
h1, h3, h5, h6 { font-weight: 400; }
h4, strong { font-weight: 700; }

/** Text-specific styles **/
blockquote { border-left: 6px solid #E08C53; font-style: italic; margin-bottom: 24px; padding: 0 0 0 20px; }
.uppercase { text-transform: uppercase; }
.strong { font-weight: 700; }

/******************************************/

/******************************************
 * BACKGROUNDS 
 ******************************************
 * 
 * Black:      #111
 * White:      #fff
 * Light grey: #F8F8F9
 *
 ******************************************/
.bg-black       { background: #111; }
.bg-white       { background: #fff; }
.bg-light-grey  { background: #F8F8F9 }

/******************************************
 * COLORS 
 ******************************************
 * 
 * Black:      #2a2a2a
 * White:      #fff
 * Grey:       #6a6a69
 * Light grey: #999
 * Blue:       #005B88
 * Orange:     #dd8d48
 * 
 ******************************************/
.black      { color: #2a2a2a; }
.white      { color: #fff; }
.grey       { color: #6a6a69; }
.light-grey { color: #999; }
.blue       { color: #005B88; }
.orange     { color: #dd8d48; }

/******************************************
 * BORDERS
 ******************************************/
.borB1S { border-bottom: 1px solid #d4d4d4; }
.borL1S { border-left: 1px solid #d4d4d4; }
.borR1S { border-right: 1px solid #d4d4d4; }
.borT1S { border-top: 1px solid #d4d4d4; }

/******************************************
 * FLOATS AND CLEARS
 ******************************************/
.left     { float: left; }
.right    { float: right; }
.clear    { clear: both; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf       { *zoom: 1; }

/******************************************
 * FORMS
 ******************************************/
 
/******************************************
 * IMAGES
 ******************************************/

/******************************************
 * LISTS
 ******************************************/
.no-bullet { list-style: none; margin-left: 0; padding-left: 0; }
.link-list a { color: #005B88; text-decoration: none; }
#post-content ul { margin-left: 0; padding-left: 20px; }
#post-content li { font-size: 16px; font-family: Georgia, serif; padding-bottom: 24px; }

/******************************************
 * MARGINS AND PADDING
 ******************************************/
.marB5   { margin-bottom: 5px; }
.marB10  { margin-bottom: 10px; }
.marB15  { margin-bottom: 15px; }
.marB26  { margin-bottom: 26px; } /* used for article paragraphs */
.marL5   { margin-left: 5px; }
.marLR5  { margin: 0 5px; }
.marR5   { margin-right: 5px; }
.marR10  { margin-right: 10px; }
.marR20  { margin-right: 20px; }
.marR30  { margin-right: 30px; }
.marT3   { margin-top: 3px; }
.marT5   { margin-top: 5px; }
.marT8   { margin-top: 8px; }
.marT10  { margin-top: 10px; }

.pad10   { padding: 10px; }
.pad20   { padding: 20px; }
.padB0   { padding-bottom: 0px; }
.padB10  { padding-bottom: 10px; }
.padB12  { padding-bottom: 12px; } /* Accomodate line-heights */
.padB15  { padding-bottom: 15px; }
.padB20  { padding-bottom: 20px; }
.padBT5  { padding: 5px 0; }
.padBT10 { padding-bottom: 10px; padding-top: 10px; }
.padBT15 { padding-bottom: 15px; padding-top: 15px; }

.padL5   { padding-left: 5px; }
.padL20  { padding-left: 20px; }
.padLR5  { padding: 0 5px; }
.padLR10 { padding: 0 10px; }
.padLR20 { padding-left: 20px; padding-right: 20px; }
.padR5   { padding-right: 5px; }
.padR10  { padding-right: 10px;}
.padR15  { padding-right: 15px; }
.padT10  { padding-top: 10px; }
.padT20  { padding-top: 20px; }
.padT30  { padding-top: 30px; }

/******************************************
 * POSITIONING AND ALIGNMENT
 ******************************************/
.absolute     { position: absolute; }
.relative     { position: relative; }
.centered     { margin: 0 auto; }
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.aligncenter  { clear: both; display: block; margin-left: auto; margin-right: auto; }
.alignleft    { display: inline; float: left; margin-right: 15px !important; }
.alignright   { display: inline; float: right; margin-left: 15px !important; }

/******************************************
 * WIDTHS AND HEIGHTS
 ******************************************/
.height-50 { height: 50px; }
.line-height-50 { line-height: 50px; }
.width-50  { width: 50px; }
.width-100 { width: 100px; }


/******************************************
 * MISC
 ******************************************/
.fw-normal { font-weight: normal; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.lh-20 { line-height: 20px; }

/* Dropdowns */
.dropdown a:active,
.dropdown a:hover,
.dropdown a:focus { background: #f3f3f3; border: 1px solid #d4d4d4; margin: -1px 0 -1px -1px; }
.dropdown ul a:active,
.dropdown ul a:hover,
.dropdown ul a:focus { background: none; border: 0; margin: 0; }
.dropdown ul { border: 1px solid #d4d4d4; left: -9999px; top: 28px; }
.dropdown:hover ul { left: -1px; }

/** Share tools **/
/*
#menu-share { background: #F8F8F9; height: 50px; left :0; position: fixed; top: -50px; width: 100%; z-index: 9999; }
*/
#menu-share a:hover,
#menu-share-float a:hover { background: #005B88; color: #fff; }
    .has-dropdown { position: relative; }
    .has-dropdown:hover .dropdown { display: block; position: absolute; left: 0; top: 51px; z-index: 99; }
    .dropdown { background: #fff; border: 1px solid #d4d4d4; border-top: none; }


.menu-share-fixed .none { display: block; }
.menu-share-fixed .dropdown.none { display: none; }
.menu-share-fixed .has-dropdown:hover .dropdown.none { display: block; position: absolute; left: 0; top: 41px; z-index: 9999; }

#menu-share-float { border: 1px solid #e4e4e4; border-right: 0; font-size: 12px; margin-left: -61px; position: fixed; top: 133px; width: 50px; z-index: 999; }

/** Next article popout **/
#single-next-article { bottom: 5%; position: fixed; z-index: 9998; }
/*#single-next-article:hover { background: #00588b; }*/
#single-next-article:hover h3,
#single-next-article:hover h6 { color: #6a6a69; }
.exit-single-next-article { float: right; font-size: 18px; padding-right: 10px; }
.exit-single-next-article:hover i { color: #6a6a69; }
#up-next { padding: 5px 0 0 10px; }

.transition-show {
    -moz-transition: right .5s ease-out;
    -webkit-transition: right .5s ease-out;
    -o-transition: right .5s ease-out;
    transition: right .5s ease-out;
    right: 0px;
}

.transition-hide {
    -moz-transition: right .5s ease-out;
    -webkit-transition: right .5s ease-out;
    -o-transition: right .5s ease-out;
    transition: right .5s ease-out;
    right: -410px;
}

@media only screen and ( max-width: 950px ) {
    .hide-for-medium { display: none; }
}

@media only screen and ( max-width: 768px ) {
    .hide-for-small { display: none !important; }
}

@media only screen and ( min-width: 1270px ) {
    .hide-for-large { display: none; }
    .show-for-large { display: block !important; }
}

/******************************************
 * OVERRIDES
 ******************************************/
.block { display: block; }
.inline { display: inline; }
.none  { display: none; }
.overflow { overflow: hidden; }
::selection { background: #005B88; color: #fff; text-shadow: none; }

/* To be removed when other css file is deleted */
body { font-family: Helvetica, Arial, sans-serif; font-weight: 400; }
h1, h5, h6,
.hentry { margin: 0; padding: 0; }
ul { margin-bottom: 0; }
.hentry { border: 0; }
div.entry-content ul li { list-style: inherit; }
.blue-link a, 
.byline a { color: #00588b; }

body #content { border-top: none !important; padding-top: 0 !important; }
#header-v3 .FranklinITCProThin h1 { font-size: 42px !important; line-height: 34px !important; }
/*.comment-bubble-small { float: left; margin-left: 10px; margin-top: -1px; } */
/*.hentry .icon-comment { float: left; margin-top: 2px; }*/
/*#single-next-article { height: 80px; overflow: hidden; }
#single-next-article .overflow { height: 50px; overflow: hidden; }*/