/* ------------------------------------------
TBD
http://tbd.com
1100 Wilson BLVD, Suite 601
Arlington, VA 22209

Author: Jared Cunha
Contact: jcunha@tbd.com 
------------------------------------------ */
   
@import url(/css/v2/global/base.css);           /* GLOBAL CSS */
@import url(/css/v2/global/tools.css);            /* TOOLS CSS */
@import url(/css/v2/global/side-widgets.css); 	  /* SIDEBAR WIDGETS CSS */
@import url(/css/v2/global/comments.css); 	  /* comments css */


/*common class==========================================================*/


/*Story==========================================================*/

#mainContent h1 {margin-bottom: 12px; font-size:2.57em;}

/*article info*/
.article-info {font-size: .86em; overflow:hidden; height:1%; margin: 12px 0;}
.article-info .byline, .article-info .time-date {color:#464646;}
.article-info .byline {float:left; display:inline; width: 361px;}
.article-info .time-date {float:right; display:inline; width:227px; text-align:right;}
h1 + .article-info .byline, h1 + .article-info .time-date {float:none; width:auto; text-align:left; padding-right:5px} /*this selector will preserve flattened stories*/


/*Story Header Overrides*/

.story-header {border-bottom:3px double #c6c6c6; margin-bottom:1em; padding-bottom:1em;}
.story-header h1 {font-size:2.57em;}
.story-header .article-info {margin:0;}
.story-header .article-info .byline {font-weight:bold;}


/*story art*/
.story-art {margin-bottom:1em;}
.story-art dt {overflow:hidden; height:1%; position:relative;}
.story-art dt a:link, .story-art dt a:visited {float:left;}
.story-art dt img {display:block;}
.story-art dd {color:#898989; font-size: .79em; line-height: 1.23; padding: 10px 0;}

.story-art-nav {position:absolute; left:0; top:0; width:100%; height:100%;}
.story-art-nav .previous, .story-art-nav .next {position:absolute; top:0; height:100%;}
.story-art-nav .previous {left:2px;}
.story-art-nav .next {right:2px;}
.story-art-nav li a {display:block; width:75px; height:100%; text-indent:-9999em; background:transparent url(/design/global/gallery/prev-next-overlay.png) no-repeat left center; opacity:.5;
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    transition:all .25s ease;
}
.story-art-nav li a:hover {opacity:1;}
.story-art-nav .previous a {background-position:-200px center;}
.story-art-nav .next a {background-position:-701px center;}


/*story-content*/
.story-content {font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:1em; overflow:hidden;}
.story-content p {font-size: 1.07em; line-height: 1.5em; margin-bottom: 1.2em; }
.story-content > h2 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.57em; margin-top:2em; border-bottom:1px dashed #cecece; clear:both; padding-bottom:5px; margin-bottom:14px; line-height:1.2}
.story-content > h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.14em;}
.story-content > ul { list-style:disc; font-size: 1.14em; line-height: 1.64em; margin-bottom:1em;}
.story-content > ol {list-style:decimal; font-size:1.14em; line-height: 1.64em; margin-bottom:1em;list-style-position:inside; }
.story-content > ul li {font-size:1em;list-style-position:inside; }

.story-content object, .story-content embed {display:block;text-align:center; margin: 0 auto 1em;}

.comment-prompt {font-family:Georgia, "Times New Roman", Times, serif; color: #666; font-style:italic; font-size:1.14em; margin-bottom:2em;}
.comment-prompt a {font-weight:bold;}

/*story-embed------------------------*/
.story-embed {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 300px; margin-right:20px; float:left;  margin-bottom: 15px; background: #FFFFFF;border-bottom: 5px solid #000000; border-top: 5px solid; padding: 1px 0;}
.embed-mod {border-top: 1px solid #dbdbdb; padding-top:5px;}
.embed-mod.last {border-bottom: 1px solid #dbdbdb;}
.embed-mod h3 {font-size: 1.14em; margin-bottom:5px; line-height:1.2}

/*comment display fixes*/
.story-embed .comment-summary {border-top:none; padding-top:0; margin-top:0;}

/*share tools*/
.story-embed .share-tools {float:none; display:block; border-bottom:none; padding:5px 0;}

/*story art*/
.story-embed .story-art {border-bottom:none; margin-bottom:0;}
.story-embed .story-art dt img {max-width: 296px;}
.story-embed .story-art dd {padding: 5px 0;}
.story-embed .story-art dd cite {display:block; font-style:italic}

/*related stories*/
.story-embed .related-stories ul {padding-bottom:5px;} 
.story-embed .related-stories li {font-weight:bold; line-height:1.2;padding-left:18px;
background: url(/design/global/bullet.gif) no-repeat 3px 6px; margin-bottom:5px}
.story-embed .related-stories li.video {background: url(/design/global/icons/video-link.gif) no-repeat 0 3px}



/*Long Story Short*/
.long-story-short {background: transparent url(/images/sumdup-bg.jpg) no-repeat left bottom; border-bottom: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb; position:relative; padding-bottom:35px; margin-bottom:15px; height:1%;}
.long-story-short h4 {background: transparent url(/images/logos/long-story-short.png) no-repeat; text-indent: -99999em; wdith: 173px; height: 44px; margin:10px 0;}
.long-story-short p {font-size:2.29em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2}
.long-story-short a.rounded:link, .long-story-short a.rounded:visited {position: absolute; bottom:5px; right:5px; display:block; width: 69px; height:31px; background: transparent url(/images/buttons/retweet.png) no-repeat; text-indent:-9999em; border:none; padding:0; }

/*related stories*/
.related-news {margin-bottom:1px;}
.related-news h4 {text-transform:uppercase;}
.related-news ul {font-size:.86em; margin-bottom:1em;}
.related-news ul li {background: url(/design/global/bullet.gif) no-repeat 5px 5px; padding-left: 20px}
.related-news ul li.video {background: url(/design/global/icons/video-link.gif) no-repeat 0 4px}

/*complete the story*/
.complete-story {adding-top:1px;border-top: 5px solid #29abe1;}
.complete-story h4 {border-top: 1px solid #cecece; margin: 1px 0 0; padding-top: 8px;  padding-bottom: 8px;  font-size: 2.14em; line-height:1; letter-spacing: -.05em}
.complete-story h4 span {display:block; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#464646; font-weight:normal; font-size:0.47em; padding-top:6px;letter-spacing: .001em}
.complete-story div {margin-bottom:8px; font-weight:bold;}


/*Vertical acuity==========================================================*/
.vertical-acuity-stories h2 {font-size:1.14em;}
.vertical-acuity-stories ul {overflow:hidden; height:1%; margin-bottom:30px;}
.vertical-acuity-stories li {float:left; display:inline; width:114px; margin-right:10px; line-height:1.2}
.vertical-acuity-stories li.last {margin-right:0;}
.vertical-acuity-stories img {display:block; width:110px;}
.vertical-acuity-stories li a {font-size:.86em;}
.vertical-acuity-stories li > a:first-child {font-size:1.43em}


/*Taboola==========================================================*/
.taboola-stories {margin-bottom:30px;}


/*Outbrain and ad==========================================================*/
.split-ads {zoom:1; margin-bottom:30px;}
.split-ads:after, .split-ads:before {content: "\0020"; display: block; height: 0; overflow: hidden;}
.split-ads:after {clear: both;}
.outbrain-container {float:left; width:300px; display:inline;}
.ais_header_outbrain {font-weight:bold; font-size:1.14em; margin-bottom:.75em;}
.outbrain-container ul li {line-height:1.2; margin-bottom:5px; background: url(/design/global/bullet.gif) no-repeat 5px 5px; padding-left: 20px}
.outbrain-container ul li a {font-weight:bold;}
.outbrain-container ul li span {font-size: .86em; font-style:italic; color:#666;}
.outbrain-recommendationsFieldset {padding-left: 0 !important; padding-right: 0 !important}
.Outbrain_recommendations_legend {display:none;}
.ob_empty, .ob_empty * {display:block; height:0;}
.ob_what a:link, .ob_what a:visited {font-size:.86em; color: #666;}

.split-ads .ad-flex {float:right; display:inline; padding:0; width:300px; background:none; margin-bottom:0;}



/*Complete the Story==========================================================*/
#completeTheStory {padding-bottom:15px;background: transparent url(/images/logos/tbd-ghosted.png) no-repeat right 2px;}
#completeTheStory > * {padding-left: 0; padding-right:0;}
#completeTheStory h3 {border-bottom:none; padding-bottom:0; margin-bottom:3px;}
#completeTheStory p {font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:1em;line-height:1.2}
#completeTheStory ul {list-style-type:disc; margin-left:18px;}
#completeTheStory ul li {margin-bottom:1em; line-height:1.2}



/*Bottom section==========================================================*/
.pagination {float:right; display:inline; margin-bottom:1em;}
.pagination li {float:left; display:inline; font-eight:bold;margin-left: 5px; border: 1px solid #e2e2e2; font-weight:bold; color: #acacac; text-align:center;min-width:20px; height:1%;}
.pagination li a:link, .pagination li a:visited {display:block; min-width:20px; height: 100%;}
.pagination li a:hover {text-decoration:none; color: #FFFFFF; background: #0986ba;} 
.pagination li a:active, .pagination li a:focus {position:static;}

.short-url {float:left; display:inline; margin-bottom:1em; font-weight: bold; text-transform: uppercase;}
.short-url a {text-transform:none;}

.tags {display:block; overflow:hidden; height:1%; margin:0 0 10px 0;}
.tags li {list-style-image:none; list-style-position:outside; list-style-type:none; font-weight:bold; float:left; font-size:.86em; margin-right:4px;}