/**
 * @fileoverview:   News12 Primary Shared Styles Stylesheet
 * @author:         Matthew Cassella
 * @company:        Newsday Media Group
 * @version:        Last Changed in: N16-1
**/

/* The Basics -------------- */
#primary {width:632px;float:left;display:inline;margin:0 12px 12px 12px;position:relative;}
#secondary {width:324px;float:left;display:inline;margin:0;padding:0 0 12px 0;}
#primary.full {margin:0 12px 12px;width:956px;}
#primary.photolist aside{margin:-85px 0 40px 22px;}
#primary.photolist figure img{max-width: inherit; border:0;}
#primary #media .module {margin: 0 0 24px 0;}
#primary .module > h2, 
/*#primary .module > h3,
#primary .module > h4 {padding:0 0 12px 0;}*/
#secondary .cubeAd {padding-bottom:10px;}
#secondary .module.cubeAd p {padding:4px 0 0 12px;}
.cubeAd .adBanner {margin:10px 10px 0 10px;}
#secondary .module li {padding:6px 0;}
#secondary .module li img {margin:0;}
.storyGallery .topImg {padding-top:12px;}
#main .fullBanner {width:728px;margin:12px auto;clear:both;}
#media .module h3 a {font-size:18px;padding:0;}
#primary #myRating {padding:0 0 14px 0;}
.topImg.html5 {position: relative;z-index: 4000;}
#container_wrapper {margin:10px auto;}

/* Textual stylistics ---------------- */
h1 {font-size:42px;font-weight:bold;padding:12px 0 0 0;clear:both;}
h2.sub {padding:6px 0 0 12px;}
#primary h2.description,
#primary p,
.news12 #main .photolist section.vert p {color:#4a4a4a; font-size:17px; line-height:1.4; padding:10px 0 0 0; margin-bottom: 2px;}
#primary p {padding:6px 0 6px 0; }
#primary p em {color:#000;font-style:italic;}
#primary > img {margin:6px 0 0 12px;border:2px solid #CCC;}
#primary p.caption, #primary p.byline {color:#666;padding:6px 0 0 0;font-size:12px;line-height:1.8em;}
#primary p.summary {font-size:13px;line-height:1.3em;padding-bottom:22px;}
#primary .topImg {margin:0 0 0 0;position:relative;}
#primary .topImg .vid span {bottom:10px;left:10px;}
#primary .topImg .ugc {left:-2px;bottom:2px;}
#primary p .arrow {font-weight:bold;text-transform: uppercase;}

#primary section h2 { font:bold 24px/1.3 Arial, Helvetica, sans-serif; text-transform:inherit; margin:0; padding: 0;}
#primary section#mLike h2 { margin: 0 0 6px 12px;}


/* Related Media -------------------------- */
#media {float:left;width:190px;margin:0 12px 12px 0;}
#media .module a {padding:9px;display:block;position:relative;font-size:13px;font-weight:bold;color:#000;}
#media #numLink.module a {padding:0 10px 0 10px;margin:12px 8px 6px 0;display:inline-block;}
#media .module img {border:1px solid #CCC;margin-bottom:4px;}
#media .module a:hover img {border-color:#1a557b;}
#media .module p {padding:12px 8px 6px;font-size:13px;line-height:1.3em;}

.storyGallery #media{margin-top:30px;}
#primary .storyGallery p.caption{}
.html #primary .col .module a  {color:#000;font-size:13px;font-weight:bold;padding-left:0;}
.html #primary .col{width: 190px; margin:0 10px;}

/* Site Specific Toolbar - rest in share-bar.css ----- */
/*#primary ul.tools {width:100%;margin-left:0;}
#primary ul.tools li a.comments-fb {padding:0;float:right;background-position:-110px -359px;width:81px;text-indent:-99999em;height:21px;}
#primary ul.tools.bot {border-top:1px solid #ccc;}*/

/* Primary Tabs Display -------------------------- */
#primary ul.tabs {padding:0;margin:0;overflow:hidden;border-top:none;width:100%;}
#primary .module.tabbedPanel {background:none;margin-top:24px;}
#primary .module .tabs li {padding:0; display: table-cell;}
#primary .module .tabs.ct li a {width: 6.43em;}
#primary .module .tabs li a,
#main #primary .module.profile .tabs li a {width:auto;}
#primary.full .module .tabs{margin-bottom: 12px;}
#primary.full .module .tabs li{width:24%;}


#primary ul.tabs li { float:left;border-bottom:medium none;}
#primary ul.tabs li.first {border-left:none;}
#primary ul.tabs li a {border-left:none;}
#primary .tabs .btn.map {position:absolute;right:12px;top:6px;}

/* Sharebar overrides ----*/
#primary ul.tools li.commentCount {width:120px; color: #208fde;}
#main #primary ul.tools li.commentCount a {padding:0; color: #208fde;}

/* Overlay Icon Display -------------------------- */
#media .module a .ugc {top:109px;left:6px;}

/* Comments ---------------------- */
#comments {background:none;clear:both;margin:10px 0;position:relative;}
#comments h4 {font-size:18px;padding:6px 0 0 0;}

/* Project/Features list right rail ------------- */
#secondary .module.projects {padding-bottom: 6px;}
#secondary .module.projects ul {margin-left:10px;}

/* Poll --------------------------*/
#secondary .module.poll {padding-bottom:16px;}

/* Story Gallery --------------------------*/
.storyGallery hr {margin:0;}

/* Gating -----*/
#primary #gateOpt div {width:28%;height:90px;margin-bottom:22px;}
#primary #gateOpt .btn {background-position:0 -144px;position:absolute;bottom:0;width:70%;}
#gateOpt .btn:hover {background-position:0 -214px;}

/* social share tool bar */

#primary .pfont{top:10px;}
#primary .count{text-transform: capitalize; padding:12px  0 0 4px;}
#primary .pfont .fa.fa-comments{ font-size: 22px; padding: 6px 0px 0 10px;}
#primary .pfont .fa.fa-print { font-size: 24px; }
#primary .pfont .fa.fa-font.sm{font-size: 15px; padding:10px 0 0 7px; }
#primary .pfont .fa.fa-font.lrg{font-size: 20px; padding:7px 0 0 14px;}
#primary .cmtCount a{padding-right:2px;}