/* ==============================================================
   AUTHOR:         IRM-CAS
   WEBSITE:         http://www.lanl.gov/newsroom/publications/
   TEMPLATE NAME:   LANL Core CMS Template Publications
   VERSION:             1.0  
   FRAMEWORK:       Responsive layout       
================================================================= */ 
/* OVERWRITES STYLES FROM core-layout.css */

/* Boxes on landing page for publications */


.pub-item-landing
{
  clear: none;
  float: left;
  height: 130px;
}

#contentwrapper {padding-top: 0px !important;
    background-image: none;}
 /*Connections*/
 
.connections-thumbnail {
border: 1px solid #dedede; 
margin: 15px 20px 10px 0; 
float: left; 
border: none; 
width: 20%;
}
#publication-feature h1 {
    margin: 0px 0 -5px 0!important;
}
 /* PUBLICATION HOMEPAGE STRUCTURE */
.columns-narrow {
    width:59%; 
    float:left;padding-top: 0!important;
}   
#pagecontent .column2.first {
    width:36%; 
    float: left;
    padding-top:10px;
}

#pagecontent .column3{padding-top: 0!important;
}  
#pagecontent .columns-narrow .column2{
    width: 46%; padding-top:0;}

#pagecontent .columns-narrow .column3{
    width: 100%;padding-top:10px!important;}
    
    
#pagecontent .columns-narrow .column2 p{
    margin-top:0;}
    
/* latest issue cover image and teasers */    
#latest-issue{  
    display:block;
    min-height:400px;
    width:100%;
    clear:both;
    float:none;
    margin-bottom:20px;
}
#latest-issue h2{
    font-size:165%;
    margin-bottom:10px;
    text-transform:uppercase;
}
#latest-issue img{
    width:38%;
    margin:0 40px 0 0;
    float:left;
    border-radius:3px;
}
#latest-issue ul#teasers{
    width:45%;
    margin:0; 
    float:left;
}
#latest-issue ul#teasers li {
    border-bottom: 1px solid #dadada;
    font-size: 110%;
    list-style: outside none none;
    margin: 0;
    padding: 11px 0 11px;
}
/* other issues */
#other-issues{
    width:100%;
    clear:both;
    float:none;
    margin: 0 0 30px 0;
}
.other-issues-item{
    width:24%;
    margin-right:1%;
    float:left;
}
.other-issues-item img{
    width:80%;
    margin:0 0 -5px 0;
    border-radius:3px;
}
#other-issues p{
    clear:both;
}
/* PUBLICATION HEADER */
#publication-header {
    height: 90px; margin-top: 15px; margin-bottom: 0; border: 2px #ddd solid; width:100%;background: #eee;
}
#publication-header div{
    float: left;    
}
/* logo */
#publication-logo {
    width: 52%; padding: 0;}
    
/* issue */
#issue {
    width: 24%;
    font-weight: bold;
}
#issue img{
    height: 70px; 
    float: right; 
    margin: -30px 30px 15px 5px;
    }
#issue p {
    padding: 0;
}
#issue h4, #issue p {
    font-size: 90%; color: #999; margin: 11px 0 0 -2px;} 
#issue h5 span.latest-issue, #issue p span.latest-issue {font-size: 100%; color: #999; margin: 11px 0 0 -2px; display:block;}
#issue h5 a:hover span.latest-issue, #issue p a:hover span.latest-issue{text-decoration:none;}
#issue h5, #issue p {
    font-size: 85%;  margin: 0;}
#issue h5 a, #issue p a{color: #555;}   
#issue h5 a:hover, #issue p a:hover{text-decoration: underline;}
#issue h5.past-issues  {margin-top:23px;}  
#issue p.past-issues {margin-top:13px;}  

/* search */
#publication-search {
    width:20%; padding: 30px 0 0 1%;}
#publication-search input#publication-searchBox-button {
    display: inline-block; width: 27px; height: 22px; margin-left: 1.5%; border-radius: 5px; border: 2px #ddd solid; background: url("../images/button_search_small.jpg") no-repeat top left;
    }
#publication-search input#publication-searchBox-button:hover {
    border-radius: 5px; border: 2px #ddd solid; background: url("../images/button_search_small_on.jpg") no-repeat top left;
    }

/* SITE NAME */
#sitename {min-height: 70px; 
    padding-bottom: 20px; 
    margin-bottom: 20px;
    margin-top: 30px;} 
   
} 
#sitename h1{
    width: 95%;
}
#sitename div.summary {
    width: 80%;
}
/* HOMEPAGE */
.column2.first > h2 {
    margin: -5px 0 10px;
}
h2 span.small {color: #777; font-size:70%;}
h3.section {
    background-color: #EEEEEE;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #666666;
    font-size: 125%;
    font-weight: bold;
    line-height: 136%;
    margin: 0 5px 0 -12px;
    padding: 5px 10px;
}
/* ADD THIS BUTTONS */
#pubs.addthis_toolbox.addthis_default_style {
    float: right;
    margin: 0 -30px 0 0;
}
/* HOMEPAGE FEATURE */
#publication-feature h1{
    font-size: 185%; line-height: 120%; margin: 45px 0 -5px 0; }
#publication-feature h1 a{color: #000; text-decoration: none;}
#publication-feature h1 a:hover{color: #007cba; text-decoration: underline;}
#publication-feature {margin: 0 0 0 5px; padding: 0;}
#publication-feature img{margin-top:0;}    
p.caption{font-size: 90%; width: 95%; margin: 8px 0 0 0; padding: 0;}

/* ADD THIS ICONS ON PUBLICATION HOME PAGE */
#pub-homepage.addthis_toolbox.addthis_default_style{
    float: none;
    margin: 0 0 5px 0;
    width: 250px;
}
#pub-homepage.addthis_toolbox.addthis_default_style p{margin-bottom:0;padding:0;width:250px;}
/* FEATURED ARTICLES */
.column2.first ul li {border-bottom: 1px #dadada solid; width:96%;}
.column2.first ul li:last-child{border-bottom:0;}

/* SIDEBAR */
#pagecontent .sidebar ul li {
    border-bottom-color: #DADADA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#pagecontent .sidebar #contacts ul li{
    border-bottom:0 none;
}
/* MORE FROM THIS PUBLICATION */
#pagecontent .column2 blockquote  li {padding: 2px 0;}

.highlight-1663{ 
  margin: 15px 0 80px 0;
  background-color: #f3f3f3;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding: 4% 6% 4% 6%;
}

.highlight-nss
{
  border-radius: 15px;
  margin-top:15px 0 50px 0;
  background-color: #f3f3f3;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding: 4% 6% 4% 6%;
}

/* ARCHIVE PAGE */
.pub-item {clear:none; float:left; height:230px;}
.pub-item h3 {margin-left:20px;}
.item {clear:both; height:auto;}
.item h3 {margin-left:20px;}
.item a img {margin-bottom:20px !important;}
#publication-archive{margin-top:25px;}
.archive-item{float:left; margin:5px 15px 5px 0;}
.archive-item img {width:233px; height:299px;}
.archive-item p{width:230px;margin:0;}

/* MOBILE */
@media only screen and (max-width: 640px) {
/*.ui-mobile #contentwrapper {
    background-color: #FFFFFF;
    padding-bottom: 20px;
    width: 96%;
}    */
/* PUBLICATION HEADER */    
.ui-mobile #publication-header{ 
    background:#fff; 
    border:none 0;
    width:100%;
    height:auto;
}

/* logo */
.ui-mobile #publication-header #publication-logo {
    background: #eee;
    border: 1px #ddd solid;
    display:block;
    float:none;
    width:99%;
    margin-top:20px;
}

.ui-mobile #publication-header #publication-logo img {
   width:100%;
  }

/* issue */  
  .ui-mobile #issue {width: 96%; padding-left: 10px;} 
.ui-mobile #publication-header #issue h5 a{
 font-weight: bold; text-decoration: none; padding: 10px; margin: 8px 0; border: 1px solid #ddd /*{c-body-border}*/;
    color: #333333 /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #aaa /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #f9f9f9 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #dadada /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; display: block;
    width:93%;
}

.ui-mobile #publication-header #issue h5 a:hover{
    padding: 10px; margin: 8px 0; border: 1px solid #bf8b31 /*{c-body-border}*/;
    color: #ffffff /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #888 /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #F6BC42 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F6BC42 /*{c-body-background-start}*/), to( #bf8b31 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #F6BC42 /*{c-body-background-start}*/,#bf8b31 /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  cursor:pointer; display: block; width: 93%; text-decoration:none;
} 
.ui-mobile #publication-header #issue h5  a{}
.ui-mobile #publication-header #issue h5 a:hover span.latest-issue{color:#fff;}    
.ui-mobile #publication-header #issue h5 span.latest-issue{padding-right: 10px; display:inline; color:}
    
.ui-mobile #publication-header #issue img{
    display:none;}
.ui-mobile #publication-header #issue h5.past-issues {
    margin-top: 5px;
}    
/* search */
.ui-mobile #publication-header #publication-search{
    width: 98%; text-align:center; float:none; clear: both; margin-bottom: 30px; padding:5px 0 0 0;}
.ui-mobile #publication-header #publication-search input#searchBox_text {width: 65%; margin-left:0; padding: 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border-top: 2px #555 solid;
    border-left: 2px #555 solid;
    border-right: 2px #bbb solid;
    border-bottom: 2px #ccc solid;
    background: #f3f9f9;
}    
.ui-mobile #publication-header #publication-search input#searchBox_button{display: block;
    float: right;
    width: 35px;
    height: 33px;
    background: url("../../../../_assets/images/button_search_large.jpg") no-repeat -7px -2px;
    border: 2px #bbb solid;
    margin: 0 10px 0 -10px;
}
.ui-mobile #publication-header #publication-search input#searchBox_button:hover{
    background: url("../../../../_assets/images/button_search_large_on.jpg") no-repeat -7px -2px;

}
/* HOMEPAGE */
#latest-issue img {
    border-radius: 3px;
    float: none;
    margin: 0 0 15px 0;
    padding:0;
    width: 95%;
}
#latest-issue ul#teasers {
    float: left;
    margin: 0 0 25px 15px;
    padding: 0;
    width: 100%;
}
#other-issues .other-issues-item img{
    padding:0;
    width:80%;
}
#other-issues .other-issues-item p{
    font-size:80%;
    line-height:110%;
}
#other-issues p{font-size:70%;float:none; clear:both;}

#all.addthis_toolbox.addthis_default_style {
    float: none !important;
    margin-bottom: 25px;
    margin-left: 0 !important;
    width:100%;
}
    
/* COLUMNS */
.ui-mobile #pagecontent .columns-narrow {width: 90%; float:none; clear:both; margin:0; padding: 0;}
.ui-mobile #pagecontent .column2.first, .ui-mobile #pagecontent .column2, .ui-mobile #pagecontent .column1{width: 95%; float:none; clear:both; padding: 0 0 0 15px;}
.ui-mobile #subscribe-button {text-align:center; margin-top: 30px;}
.ui-mobile .column3 {width:95%; padding: 0 15px;}
.ui-mobile .column3 img{width:95%; padding:15px 0 0 0;}

.ui-mobile #publication-feature{margin-bottom:25px;}
.ui-mobile #publication-feature h1 {font-size:140%;}
.ui-mobile h2 span {color: #F29604;}
.ui-mobile .column2.first ul, .ui-mobile .column2 ul, .ui-mobile .column1 ul{margin:0; padding: 0;}
.ui-mobile .column2.first li, .ui-mobile .column2 li, .ui-mobile .column1 li{padding: 10px 0; list-style:none; list-style-image:none;}

/* PUBLICATION STORY PAGES */
.ui-mobile #sitename {margin-top:-20px;}
}
/* ALL PUBLICATIONS HOMEPAGE */
.publications-homepage#latest-issue{
    margin:30px 0 40px 30px;
}
.publication-item{
    display:block;
    width:45%;
    float:left;
    margin:0 30px 20px 0;
    min-height:270px;
}
.publication-cover{
    min-height:250px;
    width:30%;
    float:left;
    margin:0 20px 0 0;
    padding-top:15px;
}
.publication-description{
    min-height:250px;
    float:left;
    width:60%;
}
/* PRINT */
@media print
  {
#sitename {height: 70px; margin:30px 0 0 0; padding: 0;}
.feature-image-caption, .feature-image-caption p {display:block;}
.feature-image-caption img {
    display: block;width:94%; margin: 0 0 10px 0;}
.feature-image-caption .mask {
    display:block;
    height: 460px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 730px;
} 
#publication-feature {
    display:block;
    margin:5px 0 0 0;
    padding: 0;
    width:415px;
    height:380px;
}
#publication-feature img{display:block; width:415px; height:180px; padding:0; margin:0 0 5px 0;}
#publication-feature h1 {font-size:17pt; line-height:19pt; margin-bottom: 10px;}
#publication-feature h1 a {
    color: #1BA2DA;
}
#publication-feature p.caption, .feature-image-caption p {
    display:block;
    color: #666666;
     font-size: 10pt;
     line-height:12pt;
    margin:5px 0 0 0;
    padding: 0;
    width: 95%;
    height: auto;
}
}