@charset "UTF-8";
/* CSS Document */

/* --------------------------------
PSW product styles
-------------------------------- */

a:hover {color:#06C;}
#gray-background {background-color:#EEE; width:100% !important; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE;}
#full-width {padding:16px 0 16px 0; min-height:200px;}
.home-image {width:100%; height:340px; margin-bottom:12px; overflow:hidden; }
.home-image img {width:100%; height:auto; }
.home-desc {margin:0 0 20px 0; font-size:94%; line-height:120%; color:#666;}
.top-story-left {width:660px; float:left; margin-right:16px;}
.top-story-left h2 a, .home-best h2 a {color:#09F; font-weight:500;}
.top-story-left h2 a:hover, .home-best h2 a:hover {color:#06C;}
.top-story-right {width:320px; float:left; margin:0 -10px 0 0; font-size:10pt; line-height:12pt;}
.overline {color:#666; font-size:11pt; margin-bottom:4px;}
.dateline {color:#777; font-size:10pt; padding:6px 0 6px 0; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; margin-bottom:6px; margin-top:-18px;}
.small-dateline, .smaller-dateline {color:#777; font-size:10pt; padding:6px 0 6px 0; border-top:1px dotted #CCC; }
.rightpad {margin-right:-40px; padding-right:0px;}
.visible-xl {display:none;}
.special-box {width:50%; padding-right:20px; float:left;}
.special-box h2 {color:#09F;}
.special-box h3 {font-size:100%;}
h3 a:hover  {color:#09F !important;}
.special-box .tease-post {line-height:120%; color:#666;}
.special-box h2:hover  {color:#06C;}
.home-title {float:left; min-width:250px; font-size:24pt;}
.home-sponsor {float:left; color:#666; font-weight:300; margin: -10px 0px 12px 20px; padding:6px 0 6px 20px; border-left:1px dotted #AAA; font-size:13pt; line-height:120%;}
.home-sponsor-logo {float:right; padding:0px 10px 6px 0; width:220px;}
.home-best {width:32%; padding:6px 7px; border:1px solid #DDD; float:left; margin:0 12px 10px 0;}
.home-best .image {width:100%; height:250px; margin-bottom:10px; overflow:hidden; }
.home-best .image img {width:100%; height:auto; }
.top-story-right .daily-promo {width:156px; float:left; margin-right:4px;}
.top-story-right .magazine-promo {width:144px; float:left; margin-right:16px;
-webkit-box-shadow: 2px 2px 4px 1px rgba(159,161,168,1);
-moz-box-shadow: 2px 2px 4px 1px rgba(159,161,168,1);
box-shadow: 2px 2px 4px 1px rgba(159,161,168,1);
}

.home-box {float:left; margin-right:16px; display:inline; width:254px; margin-bottom:18px; border:1px solid #DDD; padding:8px 8px 0px 8px; background-color:#FFF;}
.home-box img {width:100%; height:auto; margin-bottom:6px;}
.home-box h2 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  min-height:90px;
  margin: 0 auto;
  font-size: 14pt; line-height:108%;
  line-height: 15pt;
}
#home h3 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  font-size: 14pt; line-height:100%;
}

.home-box .icon-18 {float:right; height:18px; width:18px; margin:-30px 0 0 10px;}


/* Grow Shadow */
.home-box {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.home-box:hover, .home-box:focus, .home-box:active {
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  cursor:default;
}

/* --------------------------------
Media queries
-------------------------------- */

/* Extra Small */
@media (min-width:300px) and (max-width:767px) {
.top-story-left, .home-best {width:100%;}
.top-story-right, .sponsor {display:none; visibility:hidden;}
.home-image {height:220px; }    
.rightpad {margin-right:0px; padding-right:10px;}
.home-box {width:46%; float:left; margin-right:10px; margin-bottom:12px; padding:6px 6px 0px 6px; min-height:180px;}
.home-box h2 {font-size: 10pt; line-height: 13pt;}
.visible-xl {display:none;}
.small-dateline {display:none;}
.smaller-dateline {display:block;}
.icon-18 {display:none;}
.special-box {width:100%; padding-right:0px; float:none;}
.home-sponsor {display:none; visibility:hidden;}
.home-sponsor-logo {margin-top:-24px;}
.home-title {float:none; width:300px; font-size:18pt;}
.tease-post {margin-top:4px;}
}

/* Small */
@media (min-width:768px) and (max-width:991px) {
.top-story-left, .home-best {width:100%;}
.top-story-right, .sponsor {display:none; visibility:hidden;}
.home-box {width:230px;}
.home-box h2 {font-size: 12pt; line-height: 14pt;}
.visible-xl {display:none;}
.small-dateline {display:none;}
.smaller-dateline {display:block;}
.home-best h2 {font-size:134%;}
.home-best .image {height:180px; }
.home-title {float:left; width:200px; font-size:18pt;}
.tease-post {margin-top:4px;}
}

/* Medium */
@media (min-width:992px) and (max-width:1199px) {
.top-story-left {width:370px;}
.top-story-right {width:230px; margin-right:-10px;}
.home-image {height:220px; }
.home-box {width:222px;}
.home-box h2 {font-size: 12pt; line-height: 14pt;}
.visible-xl {display:none;}
.small-dateline {display:block;}
.smaller-dateline {display:none;}
.home-best {min-height:380px;}
.home-best h2 {font-size:134%;}
.home-best .image {height:180px; }
.top-story-right .daily-promo {width:122px;}
.top-story-right .magazine-promo {width:110px;}
}

/* Large */
@media (min-width:1200px) and (max-width:1699px) {
.top-story-left {width:500px;}
.top-story-right {width:298px;}
.home-image {height:280px; }
.home-box {width:272px;}
.visible-xl {display:none;}
.small-dateline {display:block;}
.smaller-dateline {display:none;}
.home-best {min-height:460px;}
.home-best h2 {min-height:80px;}
.home-best .image {height:230px; }
.top-story-right .daily-promo {width:146px;}
.top-story-right .magazine-promo {width:134px;}
.home-box h2 {min-height:120px;}
}

/* Extra Large */
@media (min-width:1700px) {
.top-story-left {margin-right:24px;}
#home {font-size:15pt;}
.visible-xl {display:block;}
.small-dateline {display:block;}
.smaller-dateline {display:none;}
.home-best {min-height:440px;}
.home-best h2 {min-height:80px;}
.home-box {min-height:280px;}
.home-box h2 {min-height:120px;}
}