/* ==========================================================================
   base.css

   ========================================================================== */






/* ==========================================================================
   Main

   ========================================================================== */


/* JAV STUFF, organize it later ... */

.mb20 {margin-bottom: 20px;}
.mt20 {margin-top: 20px; float:left;}
/*body {font-family: 'Roboto', serif; }*/
p {font-size: 13px; line-height: 1.5; }
h1,h2, h3, h4, h5 {font-family: 'Roboto Slab', serif; line-height: 1.4; }
.ad-and-callout .right > div {margin: 20px 0 0 0; }
.social .sms {background: none repeat scroll 0 0 #078341; font-size: 14px; line-height: 14px; text-indent: 0; }

/* ==========================================================================
  WIDGETS
========================================================================== */
.widget-1 {
  background-color: #333333;
  color: #cccccc;
  margin-bottom: 20px;
  position: relative;
  height: 300px; }
  .widget-1 a {
    color: #fff; }
  .widget-1 img {
    display: block; }
  .widget-1 div {
    padding: 10px;
    height: 80px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background-color: #333333; }
    .widget-1 div h4 {
      margin: 0 0 4px 0;
      color: white;
      overflow: hidden;
      height: 20px; }
    .widget-1 div p {
      height: 40px;
      overflow: hidden;}
      .widget-1 div p.date { margin: 0; height: 15px; font-size: 10px; color: #999; }

.widget-2 {
  background-color: #333333;
  color: #cccccc;
  height: 140px;
  margin-bottom: 20px;
  position: relative; }
  .widget-2 article {
    margin: 10px; }
  .widget-2 h4 {
    margin: 0 0 10px 0;
    height: 20px;
    overflow: hidden;
    /* font-weight: 400;*/ }
  .widget-2 img {
    display: block;
    margin: 0 10px 10px 0;
    float: left; }
  .widget-2 p {
    margin: 0 0 10px 0;
    height: 80px;
    overflow: hidden; }
  .widget-2 a {
    color: #fff; }

.widget-3 {
  background-color: #333333;
  color: #fff;
  margin-bottom: 3px;
  float: left;
  display: inline;
  position: relative; }
  .widget-3 a {
    color: #fff; }
  .widget-3 img {
    margin: 10px;
    display: block; }
  .widget-3 h4 {
    float: left;
    margin: 10px 10px 0 0;
    /*font-weight: 400;*/
    width: 153px;
    max-height: 78px;
    overflow: hidden; }

.widget-3:last-child {
  margin-bottom: 20px; }

.widget-4 {
  background-color: #333333;
  color: #cccccc;
  height: 140px;
  margin-bottom: 20px;
  position: relative; }
  .widget-4 a {
    color: #fff; }
  .widget-4 img {
    display: block; }
  .widget-4 h4 {
    height: 32px;
    overflow: hidden;
    padding: 7px 4px 0 8px;
    font-size: 12px;
    /*font-weight: 400;*/
    margin: 0 0;
    color: white; }

/*===========================
SECTION HEADING
============================*/
.heading {
  color: #fff;
  position: relative;
  margin: 0 0 20px 0;
  font-weight: 400; }
  .heading h2 {
    background-color: #333;
    padding: 0 10px;
    width: 180px;
    display: block;
    font-size: 15px;
    line-height: 2; }
  .heading a {
    color: #fff; }
  .heading:after {
    display: block;
    content: " ";
    background-color: #333;
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0; }

.heading.videos h2, .heading.videos:after {background-color: #CC9900; }
.heading.photos h2, .heading.photos:after {background-color: #336699; }
.heading.events h2, .heading.events:after {background-color: #222222; }
.heading.blogs h2, .heading.blogs:after {background-color: #ff9900; }
.heading.rewards h2, .heading.rewards:after {background-color: #FF9900; }
.heading.offers h2, .heading.offers:after {background-color: #669900; }
.heading.contests h2, .heading.contests:after {background-color: #669900; }
/*.heading.facebook h2, .heading.facebook:after {background-color: #25507B; }*/
.heading.facebook h2, .heading.facebook:after {background-color: #333333; }
/*.heading.twitter h2, .heading.twitter:after {background-color: #93C7E2; }*/
.heading.twitter h2, .heading.twitter:after {background-color: #333333; }
.heading.instagram h2, .heading.instagram:after {background-color: #333333; }

/*===========================
TAGS
============================= */
.tag {
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  text-transform: uppercase;
  background-color: #ff9900;
  padding: 0 10px;
  display: block;
  left: -5px;
  margin: 0;
  position: absolute;
  top: 15px;
  font-family: 'Roboto Slab';
  font-weight: bold;
}

.tag a { color: #fff; }
.tag.hotels-tourism {background: #660000; }
.tag.arts-entertainment {background: #cc6600; }
.tag.blogs {background: #ff9900; }
.tag.photos {background: #336699; }
.tag.videos {background: #cc9900; }
.tag.offers {background: #669900; }
.tag.contests {background: #669900; }
.tag.rewards {background: #669900; }
h4 + .tag {top:47px; left:-5px; }

/* ==========================================================================
   Main Navigation
========================================================================== */

#nav-main {margin-bottom:20px; overflow: hidden; position: relative; }
#nav-main:hover, #nav-main.iframe-hover {overflow: visible; }
#nav-main > nav > ul {width: 940px; background: none; margin: 0; }
#nav-main .ad728x90 {background: #444444; height: 90px; }
#nav-main .ad728x90 iframe {margin: 0 auto; position: relative; }
#nav-main .nav-item {opacity: 1; position: inherit; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
#nav-main .faded {opacity: .4; }
#nav-main .active-hover {-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25); }
#nav-main .nav-item > a {
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    font-size: 23px;
    line-height: 60px;
    text-align: center;
    display: block;
    color: #d8d8d8;
    margin: 0;
    padding:0 34px;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    background: #4a4a4a;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4a4a4a), color-stop(100%, #333333));
    background-image: -webkit-linear-gradient(#4a4a4a, #333333);
    background-image: -moz-linear-gradient(#4a4a4a, #333333);
    background-image: -o-linear-gradient(#4a4a4a, #333333);
    background-image: linear-gradient(#4a4a4a, #333333);
    letter-spacing: -1.5px;
}

#nav-main .homepage > a {width:60px;padding:0;height:60px;color:#49b4eb;border-right: 1px solid #333333;}
#nav-main .eat-drink > a {width:195px;padding:0;height:60px;border-left: 1px solid #4a4a4a;border-right: 1px solid #333333;}
#nav-main .stay> a {width:119px;padding:0;height:60px;border-left: 1px solid #4a4a4a;border-right: 1px solid #333333;}
#nav-main .play > a {width:119px;padding:0;height:60px;border-left: 1px solid #4a4a4a;border-right: 1px solid #333333;}
#nav-main .fit > a {width:119px;padding:0;height:60px;border-left: 1px solid #4a4a4a;}
#nav-main .media > a {width:92px;padding:0;height:60px;border-right:1px solid #89aed1;}
#nav-main .events > a {width:92px;padding:0;height:60px;border-right:1px solid #89aed1;border-left:1px solid #467896;}
#nav-main .extras > a, #nav-main .search {
    font-size: 18px;
    background: #89aed1;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #467896), color-stop(100%, #467896));
    background-image: -webkit-linear-gradient(#89aed1, #467896);
    background-image: -moz-linear-gradient(#89aed1, #467896);
    background-image: -o-linear-gradient(#89aed1, #467896);
    background-image: linear-gradient(#89aed1, #467896);
    border-right: 1px solid #89aed1;
    padding:0 8px 0 12px;
    height: 60px;
    color: #333;
}
#nav-main .search  {position: absolute; right: 0; bottom: 0; z-index: 10; border-left:1px solid #467896;border-right: none;padding:0; }
/*#nav-main .search:hover {border-right:none;}*/
#nav-main .search form {margin-bottom:0;padding:0; }
#nav-main .search label {line-height: 50px;font-size: 18px;margin: 9px 8px 0 18px;color:#333;}
#nav-main .search input[type="submit"] {position: absolute;top:17px;left:10px;width:30px;height:30px;background-color: transparent;}
#nav-main .search input[type="text"] {color:#ccc;margin:17px 10px 0 0; width:26px;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
#nav-main .search input[type="text"]:focus {color:#444;}
#nav-main .extras a span {line-height: 14px;vertical-align: middle;padding:0 5px 0 0;}
#nav-main .extras a .ss-icon { margin-right: 0px;}
#nav-main .homepage > span {display: block;}
#nav-main .nav-item:hover > a, #nav-main .search:hover {color: #fff; text-decoration: none; }
#nav-main .media:hover > a {background: #343434;}
#nav-main .events:hover > a {background: #343434;}

/* NAV DROPDOWN SECTION */
.drop-down {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
    color: #fff;
    height: 0;
    left: 61px;
    opacity: 0;
    position: absolute;
    top: 60px;
    visibility: hidden;
    z-index: 999999; /* Overrides #BAP-holder .bap-trigger in ads - TTenoever */
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.stay .drop-down {left:258px;}
.play .drop-down {left:316px;}
.fit .drop-down {left:436px;}
.media .drop-down {left:247px;}

.lt-ie9 .drop-down {overflow: hidden; }
.active-hover .drop-down,
.iframe-hover .drop-down{height: auto; opacity: 1; visibility: visible; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.drop-down .clearfix {overflow: hidden; }
.drop-down a {color: #d8d8d8; font-weight: 400; }
.drop-down a:hover {color:#fff; }
.drop-down .sub-nav {background-color: #343434; height: 250px; border: 1px solid #444; }
.drop-down .play {height: 300px; }
.drop-down .sub-nav .column {height: 210px; padding: 20px; width: 141px; }
.drop-down .sub-nav .column {border-right: 1px dotted #fff; border-right: 1px dotted rgba(255, 255, 255, 0.4); }
.drop-down .sub-nav .column:last-child {border-right: none; }
.drop-down .sub-nav li a {border-top: 1px dotted #fff; border-top: 1px dotted rgba(255, 255, 255, 0.4); display: block; padding: 7px 0; font-weight: bold; }
.drop-down .sub-nav li:first-child a {border-top: 0; padding-top: 0; }
.drop-down .ad300x250 {border: none;height: 250px; }
.drop-down .ad300x250 iframe {border: 1px solid #444; background-color: #333; }
.drop-down .drop-close {display: none; cursor: pointer; position: absolute; right: 10px; top: 10px; }
.drop-down .drop-close .ss-icon {vertical-align: middle; }

.touch .nav-item {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.touch .nav-item > a {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.touch .nav-item .drop-down {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.touch .active-hover .drop-down{-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.touch .drop-down .drop-close {display: block; }


/* ==========================================================================
   Buttons
   ========================================================================== */

.button {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #ffffff;
	display: block;
	font-family: 'roboto slab',serif;
	font-weight: 700;
	font-size: 15px;
	font-weight: normal;
	height: auto;
	line-height: 39px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 190px;
}
.button,
.button.blue {
	background: #2d6c90; /* Old browsers */
	background: -moz-linear-gradient(top, #89aed1 0%, #467896 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89aed1), color-stop(50%, #89aed1), color-stop(51%, #467896), color-stop(100%, #467896)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89aed1 0%, #467896 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89aed1 0%, #467896 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89aed1 0%, #467896 100%); /* IE10+ */
	background: linear-gradient(to bottom, #89aed1 0%, #467896 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89aed1', endColorstr='#467896', GradientType=0 ); /* IE6-9 */
}
.button:hover {text-decoration: none; }
.button.small {font-size: 10px; line-height: normal; padding: 2px 0 3px;border: none; box-shadow: none; }
.button.large {font-size: 24px; line-height: 51px; width: 220px; }


/* ==========================================================================
   Helpers

    	Colors
    	Text
    	Display
    	Background textures
    	Tags
    	Images
    	Forms
    	Callouts
   ========================================================================== */

/* Message callouts */
.message {margin-bottom:20px;padding:20px 20px 20px 85px;background-color:#f5f5f5;background-position:20px 50%;background-repeat:no-repeat;}
.message h4 {margin-bottom:0;font-size:20px;line-height:25px;font-weight:bold;}
.message p {margin:3px 0 0 0;font-size:15px;line-height:18px;}
.message a {text-decoration:underline;}
.message ul {list-style:none;margin:0;padding:0;}
.message li {font-size:15px;line-height:20px;}

.message_debug {background-color:#fffadb;background-image:url(../images/messages/debug.gif);}
.message_debug h4 {color:#8e812e;}
.message_debug p, .message_debug li, .message_debug a {color:#a49535;}

.message_info {background-color:#e0f1f9;background-image:url(../images/messages/info.gif);}
.message_info h4 {color:#4e7894;}
.message_info p, .message_info li, .message_info a {color:#68a1c6;}

.message_success {background-color:#dafad0;background-image:url(../images/messages/success.gif);}
.message_success h4 {color:#608255;}
.message_success p, .message_success li, .message_success a {color:#7da96f;}

.message_warning {background-color:#ffecec;background-image:url(../images/messages/warning.gif);}
.message_warning h4 {color:#af4949;}
.message_warning p, .message_warning li, .message_warning a {color:#e15e5e;}

.message_error {background-color:#ffecec;background-image:url(../images/messages/error.gif);}
.message_error h4 {color:#af4949;}
.message_error p, .message_error li, .message_error a {color:#e15e5e;}




/* Text
   ========================================================================== */

.roboto slab {
	font-family: 'roboto slab';
}
.roboto slab-light {
	/*font-family: 'roboto slabLight';*/
	font-family: 'roboto slab';
	font-weight: 300;
}
.roboto slab-bold {
	/*font-family: roboto slabBold';*/
	font-family: 'roboto slab';
	font-weight: 700;
}
.pt-serif {
	font-family: 'PT Serif', serif;
}
.pt-serif-bold {
	font-family: 'PT Serif', serif;
	font-weight: 700;
}
.upper {
	text-transform: uppercase;
}
.listing li a,
.reporter .content li,
#author-module .articles li,
.featured-slideshow .slideshow h2,
.section-columnists li,
.tv-block-list h2,
#countdown-gallery .title,
#comments li a,
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Display
   ========================================================================== */

.left {
	display: inline;
	float: left;
}
.right {
	display: inline;
	float: right;
}
.space-bot {
	margin-bottom: 30px;
  border-top: #fff;
}

.static {
	position: static !important;
}

.text-center {
	text-align: center;
}

/* Hides tracking iframes and pixels */
body > iframe {
	display: none;
}
body > img {
	position: absolute;
	bottom: 0;
}

/* Background textures
   ========================================================================== */


.bg-texture.grey-lighter {
	background-color: #e9e6e2;
}
.bg-texture.grey-light {
	background-color: #333333;
}
.bg-texture.grey-more-light {
	background-color: #ccc;
}
.bg-texture.grey-dark {
	background-color: #333333;
}
.bg-texture.tan-light {
	background-color: #fffcf7;
}
.bg-texture.greyish {
	background-color: #e3e3e3;
}

.bg-texture.blackish {
	background-color: #2d2e2e;
}
.bg-texture.grey-lighter h2 {
	color: #444444
}
.bg-texture.grey-light h2 {
	color: #fff;
}
.bg-texture.grey-light h3 {
	color: #ffffff;
}

#footer-bottom .alpha .footer-main-nav a {
  color: #ccc;
}

.bg-texture.grey-lighter,
.bg-texture.grey-lighter a {
	color: #444444;
}
.bg-texture.grey-light,
.bg-texture.grey-dark,
.bg-texture.grey-light a,
.bg-texture.grey-dark a {
	color: #fff;
}

/* Images
   ========================================================================== */

.img-border,
.list-video img {
	border: 3px solid #fff;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

/* Updated HTML for images with frame, drop-shadow, and inset shadow - TTenoever:

<a class="img-frame" href="#">
	<div class="img-overlay">
		<div class="image">
			<img alt="" src="#">
		</div>
	</div>
</a>
*/

.img-frame {
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 0px;
	/*-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);*/
	display: table; /* Auto sizes to dimensions of image - TTenoever */
}
.img-overlay {
	display: block;
	position: relative;
}
.img-overlay:hover {
	text-decoration: none;
	zoom: 1;  filter: alpha(opacity=50);
	opacity: 0.5;
}
.img-overlay::before {
 content: '';
 height: 100%;
 position: absolute;
 width: 100%;
 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75) inset;
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75) inset;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.75) inset;
}
 .icon-container{
    position: absolute;
    top: 110px;
    left: 270px;
    color: white;
    font-size: 80px;
    vertical-align: middle;
    height: 80px;
    padding: 0;
    width: 80px;
    height:80px;
    font-family: 'roboto slab';
     text-shadow: 0px 0px 5px rgba(0, 2, 0, .7);
}
html .video .icon-container:after {
    content: "Video";
    position:absolute;
    bottom:-30px;
    left:0px;
    font-size: 30px;
}
.photos .icon-container:after {
    content: "Gallery";
    position:absolute;
    bottom:-30px;
    left:-10px;
    font-size: 30px;
}
 .icon-container .ss-icon {
    margin-top:40px;
    display: block;
    opacity: .8;
}
.article-view .icon-container {
    bottom: 20px;
}

/* Forms
   ========================================================================== */

.submit-inline {
	position: relative;
}
.submit-inline input.text {
	line-height: 18px;
	display: block;
	margin: 0;
	padding: 7px 0;
	position: relative;
	vertical-align: bottom;
	border-right: 20px solid #fff;
	border-left: 20px solid #fff;
}
.submit-inline input.text.icon {
	border-left: 36px solid #fff;
}
.submit-inline .ss-icon {
	color: #adadad;
	font-size: 18px;
	position: absolute;
	top: 9px;
	left: 9px;
}
.submit-inline input.submit {
	color: #fff;
	/*font-family: 'roboto slabBold';*/
	font-family: roboto slab;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	text-transform: uppercase;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: 36px;
	height: 34px;
	padding: 8px 0;
	position: absolute;
	top: 0;
	right: -1px;
	border: 1px solid #77c6e5;
	background: #5fb7d8; /* Old browsers */
	background: -moz-linear-gradient(top, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65bada), color-stop(50%, #65bada), color-stop(51%, #59b2d5), color-stop(100%, #59b2d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65bada', endColorstr='#59b2d5', GradientType=0 ); /* IE6-9 */
}
.submit-inline input.submit:hover {
	background: #2b6587; /* Old browsers */
	background: -moz-linear-gradient(bottom, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #65bada), color-stop(50%, #65bada), color-stop(51%, #59b2d5), color-stop(100%, #59b2d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* IE10+ */
	background: linear-gradient(to top, #65bada 0%, #65bada 50%, #59b2d5 51%, #59b2d5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#65bada', startColorstr='#59b2d5', GradientType=0 ); /* IE6-9 */
}
.featured-wrap .submit-inline input.text {
	width: 173px;
}
#footer-bottom .submit-inline input.text {
	width: 135px;
}

/* Callouts
   ========================================================================== */

a.callout {
	color: #fff;
	/*background: #191919;*/
	display: block;
	text-decoration: none;
}
a.callout:hover {
	/*background-color: #404040; */
}
.callout .ss-icon {
	font-size: 60px;
	line-height: 70px;
	margin: 18px 0 0;
}
.callout h3 {
	color: #fff;
	font-size: 22px;
	line-height: 18px;
	margin: 27px 0 0 7px;
}
.callout h3 span {
	font-family: roboto slab;
	font-weight: 400;
	font-size: 12px;
}
.callout .double-line {
	margin: 5px 0 0 87px;
}
.ad-and-callout {

	margin-bottom: 20px;
}
.ad-and-callout .callout {
	/*width: 200px;*/
	/*height: 108px;*/
  padding: 22px 0 0 47px;
}
.callout.privacy {
	background-image: url('../images/icon-u-t.png');
	background-position: 10px 20px;
	background-repeat: no-repeat;
}
.callout.privacy h3 {
	font-size: 18px;
	margin: 20px 0 0 65px;
}
.callout.subscribe {
	background-image: url('../images/icon-u-t.png');
	background-position: 15px 22px;
	background-repeat: no-repeat;
}
.callout.subscribe .ss-icon,
.callout.subscribe .logo-white-small {
	display: none;
}
.callout.subscribe h3 {
	font-size: 18px;
	margin: 30px 0 0 76px;
}
.callout.edition {
	background-image: url('../images/icon-u-t-e-edition.png');
	background-position: 15px 22px;
	background-repeat: no-repeat;
}
.callout.edition .ss-icon,
.callout.edition .logo-white-small {
	display: none;
}
.callout.edition h3 {
	font-size: 18px;
	margin: 30px 0 0 87px;
}
.callout.edition h3.small {
	font-size: 14px;
}
.callout.news {
	background-image: url('../images/icon-ipad.png');
	background-position: 15px 16px;
	background-repeat: no-repeat;
}
.callout.ipad-mini {
	background-image: url('../images/icon-ipad-mini.png');
	background-position: 13px 16px;
	background-repeat: no-repeat;
}
.callout.ipad-mini h3 {
	margin: 25px 0 0 68px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.callout.ipad-mini h3 span {
	font-size: 21px;
	font-weight: 700;
}
.callout.news .ss-icon,
.callout.news .logo-white-small {
	display: none;
}
.articles .callout.get-mobile-300 {
	background-image: url('../images/icon-phone.png');
	background-position: 15px 16px;
	background-repeat: no-repeat;
	width: 300px;
}
.articles .callout.get-mobile-300 h3 {
	font-size: 16px;
	line-height: normal;
	margin: 27px 0 0 60px;
}
.callout.arrest-300 {
	background-image: url('../images/icon-handcuffs.png');
	background-position: 15px 16px;
	background-repeat: no-repeat;
}
.callout.arrest-300 .ss-icon,
.callout.arrest-300 .logo-white-small {
	display: none;
}
.callout.arrest-300 h3 {
	font-size: 18px;
	margin: 30px 0 0 87px;
}
.callout.arrest-300 h3.space {
	margin-left: 110px;
}
.callout.radio-300 {
	background-image: url('../images/icon-radio.png');
	background-position: 15px 16px;
	background-repeat: no-repeat;
}
.callout.radio-300 .ss-icon,
.callout.radio-300 .logo-white-small {
	display: none;
}
.callout.radio-300 h3 {
	font-size: 18px;
	margin: 30px 0 0 87px;
}
.callout.radio-300 h3.space {
	margin-left: 75px;
}
.articles .callout.ut-tv h3 {
	line-height: normal;
	margin: 27px 0 0 18px;
	white-space: nowrap;
}
.callout.ribbon-300x250 {
	background-image: url('../images/icon-ribbon.png');
	background-position: 15px 11px;
	background-repeat: no-repeat;
}
.callout.ribbon-300x250 .ss-icon,
.callout.ribbon-300x250 .logo-white-small {
	display: none;
}
.callout.ribbon-300x250 h3 {
	font-size: 18px;
	margin: 10px 0 0 87px;
}
.callout.ribbon-300x250 h3.line {
	font-size: 15px;
	margin: 10px 0 0 87px;
}
.callout.ribbon-300x250 h3.space {
	margin-left: 60px;
	margin-top: 15px;
	line-height: 22px;
}
.callout.car-300x250 h3.line {
	font-size: 15px;
	line-height: 20px;
	margin: 15px 0 0 10px;
}
.callout.car-300x250 h3 {
	font-size: 18px;
	margin: 10px 0 0 10px;
}
.callout.car-300x250 h3 span {
	margin-top: 10px;
}
.callout.car-300x250 .logo-white-small {
	display: none;
}
.callout.chargers {
	background-image: url('../images/icon-u-t-chargers.png');
	background-position: 12px 10px;
	background-repeat: no-repeat;
}
.callout.chargers .ss-icon,
.callout.chargers .logo-white-small {
	display: none;
}
.callout.chargers h3 {
	font-size: 18px;
	margin: 30px 0 0 81px;
}
.callout.padres {
	background-image: url('../images/icon-u-t-p.png');
	background-position: 15px 16px;
	background-repeat: no-repeat;
}
.callout.padres .ss-icon,
.callout.padres .logo-white-small {
	display: none;
}
.callout.padres h3 {
	font-size: 18px;
	margin: 30px 0 0 81px;
}
.callout.deals {
	background-image: url('../images/icon-u-t-deals.png');
	background-position: 15px 25px;
	background-repeat: no-repeat;
}
.callout.deals .ss-icon,
.callout.deals .logo-white-small {
	display: none;
}
.callout.deals h3 {
	font-size: 18px;
	margin: 30px 0 0 81px;
}
.callout.sunday {
	background-image: url('../images/icon-sunday.png');
	background-position: 15px 25px;
	background-repeat: no-repeat;
}
.callout.sunday .ss-icon,
.callout.deals .logo-white-small {
	display: none;
}
.callout.sunday h3 {
	font-size: 18px;
	margin: 30px 0 0 76px;
}
.callout.unlimited {
	background-image: url('../images/icon-u-t-screen.png');
	background-position: 15px 29px;
	background-repeat: no-repeat;
}
.callout.unlimited .ss-icon,
.callout.unlimited .logo-white-small {
	display: none;
}
.callout.unlimited h3 {
	font-size: 18px;
	margin: 30px 0 0 75px;
}
.callout.nine {
	background-image: url('../images/icon-nine.png');
	background-position: 15px 21px;
	background-repeat: no-repeat;
}
.callout.nine .ss-icon,
.callout.nine .logo-white-small {
	display: none;
}
.callout.nine h3 {
	font-size: 20px;
	margin: 30px 0 0 76px;
}
.callout.deals {
	background-image: url('../images/icon-deals.png');
	background-position: 15px 23px;
	background-repeat: no-repeat;
}
.callout.deals .ss-icon,
.callout.deals .logo-white-small {
	display: none;
}
.callout.deals h3 {
	font-size: 20px;
	margin: 30px 0 0 76px;
}
.callout.comic {
	background-image: url('../images/icon-comic.png');
	background-position: 15px 15px;
	background-repeat: no-repeat;
}
.callout.comic .ss-icon,
.callout.comic .logo-white-small {
	display: none;
}
.callout.comic h3 {
	font-size: 20px;
	margin: 30px 0 0 87px;
}
.callout.subscribe-paper-300 {
	background-image: url('../images/icon-subscribe-paper.png');
	background-position: 15px 15px;
	background-repeat: no-repeat;
	width: 300px;
}
.articles .callout.subscribe-paper-300 h3 {
	font-size: 16px;
	margin: 22px 0 0 50px;
}
.articles .callout {
	height: 70px;
	margin: 12px 0 0;
}
.articles .callout .ss-icon {
	font-size: 36px;
	line-height: 40px;
	margin: 19px 0 0 17px;
}
.articles .callout h3 {
	/*font-family: 'roboto slabBold';*/
	font-family: roboto slab;
	font-weight: 700;
	font-size: 16px;
	margin: 22px 0 0 18px;
	text-transform: uppercase;
}

.callout.looking-job {
	background-image: url('../images/icon-looking-for-job.png');
	background-position: 11px 4px;
	background-repeat: no-repeat;
}
.callout.looking-job h3 {
	font-size: 24px;
	line-height: 28px;
	text-transform: none;
	margin: 9px 0 0 74px;
}
.callout.looking-job h3 span,
.callout.looking-candidate h3 span {
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	top: -9px;
}

.callout.looking-job-300 {
	background-image: url('../images/icon-looking-for-job-300x70.png');
	background-position: 44px 9px;
	background-repeat: no-repeat;
}
.callout.looking-job-300 h3 {
	font-size: 24px;
	text-transform: none;
	margin: 0 0 0 90px;
	padding-top: 9px;
}
.callout.looking-job-300 h3 span,
.callout.looking-candidate-300 h3 span {
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	top: -8px;
}

.callout.looking-candidate {
	background-image: url('../images/icon-looking-for-candidate.png');
	background-position: 9px 11px;
	background-repeat: no-repeat;
}
.callout.looking-candidate h3,
.callout.looking-candidate-300 h3 {
	font-size: 21px;
	line-height: 24px;
	text-transform: none;
	margin: 9px 0 0 77px;
}
.callout.looking-candidate h3 span,
.callout.looking-candidate-300 h3 span {
	top: -1px;
}

.callout.looking-candidate-300 {
	background-image: url('../images/icon-looking-for-candidate-300x70.png');
	background-position: 18px 9px;
	background-repeat: no-repeat;
}
.callout.looking-candidate-300 h3 {
	padding-top: 10px;
}

/* Ad unit placeholders */
.ad-300x250,
.ad-728x90 {
	overflow: hidden;
	background: #e9e6e2;
}
.ad-300x250 {
	width: 300px;
	height: 250px;
}
.ad-728x90 {
	width: 728px;
	height: 90px;
}
.ad-high-impact #pencilWrap {
	margin: 0 auto !important;
	padding: 0 !important;
}

.ad-300x40 {
  margin: -10px 0 0 0;
}

#dfp_940x125_1_ad_container {
  margin-bottom: 10px;
}

/***** New U-T San Diego 300 *****/
.callout.new-utsandiego-300 {
}
.callout.new-utsandiego-300 h3 {
	font-size: 16px;
	line-height: 18px;
	margin: 20px 0 0 18px;
	white-space: nowrap;
}
.lt-ie9 .callout.new-utsandiego-300 h3 {
	font-weight: 400;
}
.callout.new-utsandiego-300 h3 span {
	font-size: 10px;
}

/***** New U-T San Diego *****/
.callout.new-utsandiego-192 {
	height: 90px;
	width: 192px;
}
.callout.new-utsandiego-192 h3 {
	font-size: 17px;
	line-height: 22px;
	margin: 15px 0 0 16px;
	white-space: nowrap;
}
.lt-ie9 .callout.new-utsandiego-192 h3 {
	font-weight: 400;
}
.callout.new-utsandiego-192 h3 span {
	font-size: 5px;
}

/***** New North County Times *****/
.callout.new-nctimes-192 {
	background-image: url("../images/icon-ad-nctimes.png");
	background-position: 14px 26px;
	background-repeat: no-repeat;
	height: 90px;
	width: 192px;
}
.callout.new-nctimes-192 h3 {
	font-size: 19px;
	margin: 20px 0 0 64px;
}
.callout.new-nctimes-192 h3 span {
	font-size: 12px;
}

/***** New Californian *****/
.callout.new-californian-192 {
	background-image: url("../images/icon-ad-californian.png");
	background-position: 18px 29px;
	background-repeat: no-repeat;
    height: 90px;
	width: 192px;
}
.callout.new-californian-192 h3 {
	font-size: 16px;
	margin: 27px 0 0 64px;
}
.callout.new-californian-192 h3 span {
	font-size: 12px;
}

/* END Helpers
   ========================================================================== */


/* ==========================================================================
   Top Navigation
   ========================================================================== */

#nav-top {
	line-height: 20px;
	margin-bottom: 30px;
}
#nav-top .content {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
	height: 36px;
	margin: 0 -1px;
}
#nav-top .roboto slab-bold.upper {
	font-size: 12px;
	margin: 8px 0;
}
#nav-top .date.roboto slab-bold.upper {
	margin-left: 20px;
}
#nav-top nav {
	margin: 8px 0;
}
#nav-top nav ul {
	margin: 0;
}
#nav-top nav ul li {
	margin-left: 35px;
}
#nav-top nav a {
	color: #444444;
}
#nav-top nav a:hover {
	color: #2b6587;
	text-decoration: none;
}

/*** WEATHER ***/
#nav-top [data-icon]:before {
	font-family: 'MeteoconsRegular';
	content: attr(data-icon);
	display: inline;
	float: left;
	font-size: 20px;
	margin-right: 3px;
}


/*** SUBSCRIBE / LOGIN ***/
#nav-top a.login.roboto slab-bold.upper,
#nav-top #user-button {
	color: #fff;
	text-align: center;
	background: #222;
	margin: 0;
	min-width: 60px;
	padding: 8px 10px;
	width: auto;
}
#nav-top a.login.roboto slab-bold.upper:hover,
#nav-top #user-button:hover,
#nav-top .user:hover #user-button {
	background: #2b6587;
	text-decoration: none;
}

/*** USER BUTTON ***/
#nav-top .user {
	/*display: none;*/
}

#nav-top .user,
#nav-top .roboto slab-bold.upper.user {
	cursor: pointer;
	margin: 0 !important;
	max-width: 140px;
	padding: 0;
}
#nav-top #user-button .arrow-down {
	font-size: 5px;
}
#nav-top #user-button .user-name {
	height: 20px;
	max-width: 110px; /* 10 + 5 + 110 + 5 + 10 = 140px */
	max-width: 93px;
	padding: 0 5px;
}

#nav-top .user:hover #user-dropdown,
#nav-top.touch .user #user-dropdown.active {
	display: block;
}

#nav-top.touch .user #user-dropdown {
	display: none;
}

/* USER DROPDOWN MENU */
#nav-top #user-dropdown {
	display: none;
	padding-top: 8px;
	position: absolute;
	right: 10px;
	z-index: 999;
}
#nav-top #user-dropdown .arrow-up {
	color: #404040;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: -3px;
}
#nav-top #user-dropdown ul {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 10px 15px;
	text-transform: none;
	width: 140px;

	/* Box-shadow */
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
#nav-top #user-dropdown li {
}
#nav-top #user-dropdown a {
	color: #ffffff;
}

/* END Top Navigation
   ========================================================================== */



/* ==========================================================================
   Breaking News Homepage
   ========================================================================== */
.breaking-container {
	/*background: url('../images/breaking.png') no-repeat transparent;*/
	height: 80px;
	position: relative;
	width: 940px;
}

.breaking {
	background: #222;
	height: 80px;
	position: relative;
	width: 134px;
	z-index: 1;
}
.breaking:after {
	border-top: 40px dashed transparent;
	border-bottom: 40px dashed transparent;
	border-left: 33px solid #222;
	content: ' ';
	height: 0;
	position: absolute;
	right: -32px;
	top: 0;
	width: 0;
	z-index: 1;
}

.breaking h3 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 56px;
	margin: 0 0 0 20px;
}
.breaking a {
	font-family: roboto slab;
	color: #fff;
	font-size: 11px;
	display: block;
	background-color: #2b6587;
	text-transform: uppercase;
	position: relative;
	top: -10px;
	margin: 0 16px 0 20px;
	padding: 1px 4px 1px 5px;
	border-radius: 4px;
	text-decoration: none;
}

.breaking-topic {
	background-color: #2b6587;
	height: 80px;
	left: 140px;
	position: absolute;
	top: 0;
	width: 800px;
	overflow: hidden;
	z-index: 0;
}
.breaking-topic:after {
	border-top: 40px dashed transparent;
	border-bottom: 40px dashed transparent;
	border-left: 33px solid #fff;
	content: ' ';
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	z-index: 0;
}

.breaking-topic h2 {
	color: #fff;
	font-family: roboto slab;
	font-size: 35px;
	font-weight: 700;
	line-height: 80px;
	margin: 0;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}
.breaking-topic a {
	color: #fff;
	display: block;
	padding: 0 20px 0 53px;
	text-decoration: none;
}

.breaking-topic p.read-now {
	color: #fff;
	font-family: roboto slab;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	background-color: #222;
	position: absolute;
	top: 25px;
	right: -55px;
	width: 80px;
	margin: 0;
	padding: 5px 0;
	z-index: 1;

	-webkit-transition: all 800ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition:    all 800ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-ms-transition:     all 800ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition:      all 800ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition:         all 800ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg);
}
.breaking-topic:hover p.read-now {
	right: -25px;
}

.lt-ie9 .breaking-topic p.read-now {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	top: 0;
	right: -80px;
}
.lt-ie9 .breaking-topic:hover p.read-now {
	right: -50px;
}

/* END Breaking News
========================================================================== */

/* ==========================================================================
   customer service
   ========================================================================== */

.subnav ul {
	background-color: #e9e6e2;
	height: 37px;
	list-style-type: none;
	margin: auto;
	width: 940px;
}
.subnav li {
	border-right: 1px solid #FFF;
	float: left;
	width: 234px;
}
.subnav li.last {
	border-right: none;
	float: left;
	width: 235px;
}
.subnav ul a {
	display: block;
	font-family: roboto slab;
	font-size: 14px;
	font-weight: 700;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.call-us {
	border-bottom: 1px solid #c8c3c0;
	background-image: url('../images/icon-phone-big.png');
	background-position: 15px 0px;
	background-repeat: no-repeat;
	height: 90px;
	margin-bottom: 30px;
}
.call-us .logo-white-small {
	display: none;
}
.call-us h3 {
	font-size: 31px;
	margin: 0 0 20px 120px;
	text-transform: none;
	font-weight: 100;
	color: #444 !important;
}
.call-us h3 span {
    font-weight: 700;
	text-transform: uppercase;
	line-height: 40px;
	color: #444;
}

.customer-service-full {
	margin-bottom: 30px;
}
.customer-service-full .content {
	border: 1px solid #c8c3c0;
	margin: 0 -1px;
	padding: 30px 40px;
}
.customer-service-full .call-us {
	border-right: 1px solid #c8c3c0;
	border-bottom: none;
	width: 416px;
	margin: 0;
	height: 80px;
}
.customer-service-full .call-us h3 {
	margin: 11px 0 0 120px;
}

.customer-service-full .send-us {
	margin: 0 0 0 36px;
}

#subscriber-customer .customer-service-half .send-us .button {
	line-height: 51px;
	width: 190px;
	padding: 0;
	margin: 0;
}
.customer-service-full .button.full {
	width: 198px;
	line-height: 70px;
	margin: 5px 0 0;
}

.send-us .button span.ss-icon {
    font-size: 22px;
    position: relative;
    top: 3px;
    left: -4px;
}

/* END Customer Service
========================================================================== */

/* ==========================================================================
   404 page
   ========================================================================== */

.page-lost h2 {
	font-weight: 700;
}
/* END 404 page
========================================================================== */

/**********************
CONTACT-US
**********************/

.department a.button {
    display: inline-block;
	height: 13px;
	width: 25px;
	float:right;
	margin: -30px 0 20px 0;
}

/**********************
FAQ
**********************/

.faq {
	border-left: 1px solid #E1E1E1;
	font-size: 15px;
    line-height: 1.647;
	padding-left: 25px;
}
.faq-left {
	font-size: 15px;
    line-height: 1.647;
}
.faq .first {
	border:none;
	padding-top:0;
}
.faq h2,
.faq-left h2 {
	font-weight: 700;
	margin:0;
}
.faq .line {
	border-top: 1px solid #E1E1E1;
    padding: 20px 0 0 0;
	width: 100%;
}
.faq a,
.faq-left a {
	color: #2b6587;
}
.faq a.button {
    display: inline-block;
	height: 13px;
	width: 25px;
}
.faq .list-link,
.faq-left .list-link {
	margin-top: 20px;
}
.faq .list-link li,
.faq-left .list-link li {
	margin-top:10px;
	padding-left: 11px;
	text-indent: -11px;
}
.faq .list-link li:first-child {
	margin-top:0;
}
.faq .list-arrow {
	color:#bfbfa9;
	font-size:12px;
	font-weight:bold;
}
.faq .question {
	color:#000;
	font-size:16px;
	line-height: normal;
	font-weight: bold;
}
.faq .list-qa li {
	margin-top:25px;
}
.faq .list-qa li:first-child {
	margin-top:0;
}
.faq .answer {
	color:#000;
	margin-top:10px;
}

/* ==========================================================================
   Social Connect
   ========================================================================== */

.social h3,
.featured-wrap .social h3,
section.articles .social h3 {
	font-family: Roboto Slab;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 24px;
	text-transform: uppercase;
  color: #fff;
}
.social ul {
	margin: 0 0 20px;
}
.social li {
	margin: 0 0 0 10px;
}
.social li:first-child {
	margin: 0;
}
.social a.ss-icon {
	color: #333;
	font-size: 20px;
	line-height: 37px;
	text-align: center;
	display: block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: 32px;
	height: 32px;
  background: #d8d8d8;
}
.social a.facebook {
	font-size: 26px;
	line-height: 44px;
	text-indent: 6px;
	/*background: #25507b;*/
}
.social a.twitter {
	/*background: #93c7e2;*/
}

.social a.instagram {
  /*background: #8a7d62;*/
}

.social a.pinterest {
	font-size: 21px;
	line-height: 39px;
	/*background: #b32020;*/
}
.social a.youtube {
	/*background: #a80202;*/
}
.social a.rss {
	/*background: #ef843d;*/
}
.social a.googleplus {
	/*background: #edb700;*/
}

/***** Hover States *****/
.social a.facebook:hover {
	background-color: #61afff;
}
.social a.twitter:hover {
	background-color: #63dcff;
}
.social a.instagram:hover {
  background-color: #a79777;
}
.social a.pinterest:hover {
	background-color: #ff5f5f;
}
.social a.youtube:hover {
	background-color: #c73131;
}
.social a.rss:hover {
	background-color: #f39c63;
}
.social a.googleplus:hover {
	background-color: #f8ca30;
}

/*FACEBOOK LIKE BUTTON*/
.fb_iframe_widget {
  margin: 0 0 18px 0;
  min-height: 28px;
}

/*
.pluginButton {
  background: none;
  background-color: #fff;
  color: #333;
  text-shadow: 0;
}
*/


/***** SIGNUP BUTTON *****/
.signup.button {
}
.signup.button.x-large {
	font-size: 20px;
	line-height: 54px;
	text-transform: none;
	width: 260px;
  font-family: roboto slab;
  background-color: #ccc;
  color: #333;
}
.signup.button.x-large:hover {
  color: #fff;
}
#footer-bottom .signup.button {
	width: 220px;
}
.featured-wrap .social {
	color: #cccccc;
	background: #333333;
	height: 192px;
	margin-top: 20px;
}
.flatpage .featured-wrap .social {
	margin-bottom: 20px;
}
.featured-wrap .social .content {
	padding: 20px;
}
.featured-wrap .social h3 {
	margin-bottom: 15px;
}

/* END Social Connect
   ========================================================================== */



/* ==========================================================================
   Header
   ========================================================================== */

#header {
	line-height: 1;
}

/* END Header
   ========================================================================== */




/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
	clear: both;
	line-height: 1;
}
#footer .back-to-top {
	height: 72px;
	margin-top: 42px;
	position: relative;
}
#footer .back-to-top .circle {
	background-color: #2b6587;
	border: 10px solid #fcfcfc;
	border-radius: 52px;
	-webkit-border-radius: 52px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #ffffff;
	cursor: pointer;
	font-size: 24px;
	height: 84px;
	left: 0;
	line-height: 84px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: -52px;
	width: 84px;
}
#footer .back-to-top .circle:hover {
	background-color: #000000;
}

/* Footer Top
   ========================================================================== */

#footer-top ul {
	margin-top: 50px;
	margin-bottom: 40px;
}
#footer-top li {
	line-height: 1;
	margin-left: 25px;
}
#footer-top li:first-child {
	margin-left: 0;
}
#footer-top a {
	/*font-family: 'roboto slabBold';*/
	font-family: roboto slab;
	font-weight: 400; /* Reduce weight for IE8 */
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
#footer-top a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.70;
}

/* Footer Bottom
   ========================================================================== */

#footer-bottom {
	padding: 30px 0 30px;
}
#footer-bottom h3 {
	border-bottom: none;
	margin: 0 0 10px;
	padding-bottom: 0;
}
#footer-bottom li {
	line-height: 1;
	margin-bottom: 14px;
}

#footer-bottom .clearfix li a {
  color: #cccccc;
  font-size: 12px;
}

#footer-bottom .social h3 {
	border-bottom: none;
}
#footer-bottom .social ul {
	margin: 0;
}
#footer-subscribe-large {
}
#footer-subscribe-large .logo-large {
	background: url('../images/logo-large.png') no-repeat center top transparent;
	background-size: 178px 138px;
	height: 138px;
	margin: 0 auto 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 178px;
}
#footer-subscribe-large p {
	color: #ffffff;
	/*font-family: 'roboto slabLight';*/
	font-family: roboto slab;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
}
#footer-subscribe-large .button {
	width: 220px;
}

/* Footer Copyright
   ========================================================================== */

#footer-copyright {
	color: #b3b3b3;
	font-size: 12px;
	margin-top: 25px;
}
#footer-copyright hr {
	border-color: #656565;
}
#footer-copyright p {
	background: url('../images/icon-flag-usa.png') no-repeat 0 0 transparent;
	line-height: 15px;
	padding-left: 42px;
}
#footer-copyright .credit {
	color: #b3b3b3;
	text-decoration: none;
}

/* END Footer
   ========================================================================== */


/* ==========================================================================
   Sectionfront
   ========================================================================== */

.sectionfront .title-main {
	height: 55px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.sectionfront .title-main .content {
	border-color: #444;
	border-style: solid;
	border-width: 0 1px 0 20px;
	border-left: 20px solid #444;
	border-right: 1px solid #444;
}
.sectionfront .title-main hr {
	background-color: transparent;
	border-top: 5px solid #444;
	margin: 0;
	width: 100%;
	position: absolute;
	top: 25px;
	left: 0;
}

.sectionfront .title-main h1,
.sectionfront .title-main h2 {
  background: #fcfcfc;
  border-right: 1px solid #444;
  display: inline;
  float: left;
  font-size: 46px;
  font-weight: 700;
  line-height: 55px;
  margin: 0;
  padding: 0 15px;
  position: relative;
}


/* Californian and North County Times */

.sectionfront.californian .title-main h1,
.sectionfront.nct .title-main h1 {
	background-image: url("../images/h1-californian.png");
	background-position: 20px 5px;
	background-repeat: no-repeat;
	background-size: 466px 44px;
	overflow: hidden;
	text-indent: -9999px;
	width: 466px;
}
.sectionfront.nct .title-main h1 {
	background-image: url("../images/h1-nct.png");
	background-size: 584px 44px;
	width: 584px;
}

.container .featured-wrap .eight.columns {
	/*width: 640px;*/
}
.featured-wrap {
	margin-bottom: 20px;
}
.featured-wrap .callout-connect,
.articles .featured-wrap .callout-connect {
	margin: 16px 0;
}
.tv.shows .featured-wrap {
	margin-bottom: 0;
}
.featured-slideshow {
	background: #333333;
	position: relative;
	overflow: hidden;
	height: 462px;
}
.featured-slideshow .slideshow {
	width: 620px;
	height: 412px;
	overflow: hidden;
}
.featured-slideshow .slideshow.no-title {
	height: 462px;
}
.featured-slideshow .slideshow a {
	display: block;
	text-decoration: none;
	position: relative;
}
.featured-slideshow .slideshow .img-wrap {
	height: 412px;
	text-align: center;
	width: 620px;
}
.featured-slideshow .slideshow  img {
    width:100%;
}
.featured-slideshow .slideshow h2,
section.articles .featured-wrap .featured-slideshow .slideshow h2 {
	background: #333333;
	bottom: 0;
	color: #fff;
	font-size: 24px;
	height: 34px;
	line-height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 15px 20px 0 20px;
	position: absolute;
	text-align: left;
	width: 580px; /* 20 + 580 + 20 = 620px */
}
/*.featured-slideshow .anythingSlider .slideshow h2 {
	height: 68px;
	line-height: 68px;
	position: relative;
	top: -68px;
}*/
.featured-slideshow .slideshow p {
	display: none; /* NOT USING THIS FEED FIELD */
}
.featured-slideshow .pagination {
	background: #404040;
	bottom: 0;
	color: #ffffff;
	height: 40px;
	line-height: 1;
	overflow: hidden;
	position: absolute;
	width: 620px;
}
.featured-slideshow .pagination a {
	color: #ffffff;
	text-decoration: none;
}
.featured-slideshow .pagination .play {
	display: inline;
	float: left;
	margin: 15px 20px 0 20px;
}
.featured-slideshow .pagination .pager {
	display: inline;
	float: left;
	height: 12px;
	margin: 14px 20px 0;
	overflow: hidden;
	width: 340px;
}
.featured-slideshow .pagination .pager li {
	font-size: 12px;
	line-height: 1;
	margin-left: 23px;
}
.featured-slideshow .pagination .pager li:first-child {
/*margin-left: 0;*/
}
.featured-slideshow .pagination .pager a {
	background-color: #6c6c6c;
	color: #6c6c6c;
	display: inline-block;
	font-size: 12px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	width: 12px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.featured-slideshow .pagination .pager a:hover,
.featured-slideshow .pagination .pager a.selected {
	background-color: #ffffff;
}
.featured-slideshow .pagination .prev-next {
	display: inline;
	float: right;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 14px;
	margin: 10px 10px 10px 0;
	text-transform: uppercase;
}
.featured-slideshow .pagination .prev-next li {
	border-left: 1px solid #ffffff;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
.featured-slideshow .pagination .prev-next li:first-child {
	border: none;
	margin-left: 0;
	padding-left: 0;
}
.featured-slideshow .pagination .prev-next a:hover {
}
.featured-slideshow .pagination .prev-next .ss-icon {
	font-size: 14px;
	margin: 0;
	padding: 0 10px;
	position: relative;
	top: 1px;
}

/* MAIN TAGLINE */
.sectionfront .title-main .tagline {
    background-color: #fcfcfc;
    display: inline;
    float: left;
    font-size: 12px;
    line-height: 18px;
    padding: 15px 20px 5px 20px;
    position: relative;
    height: auto;

}
.sectionfront .title-main .tagline h2 {
    font-family: Oswald;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: none;
    line-height: 22px;
    border: none;
    color: #777;

}

.sectionfront .title-main .tagline ul {
    margin: 0;
    padding: 0;
    background-color: #fcfcfc;
}
.sectionfront .title-main .tagline li {
    border-left: 1px solid #444444;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1;
    margin: 0;
    padding: 0 7px;
}



/* Sectionfront

   ========================================================================== */

.listing {
	height: 260px;
}
.listing.customer-service {
	height: auto;
	margin-bottom: 40px;
}
#sidebar .listing {
	height: auto;
}
.listing h2 {
	font-weight: 700;
	line-height: 1;
	margin: 0 0 3px;
	padding: 0;
}
.listing h2 a {
	background: #444;
	color: #fff;
	display: block;
	padding: 10px 12px 8px;
}
.listing h2 a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.80;
	text-decoration: none;
}
.business.listing h2 a {
	background: #3ca746;
}
.military.listing h2 a,
.military .listing h2 a {
	background: #5fb7d8;
}
.opinion.listing h2 a,
.opinion .listing h2 a {
	background: #3d4c8a;
}
.real-estate.listing h2 a {
	background: #2e556f;
}
.sectionfront.news .listing h2 a,
.news.listing h2 a,
.customer-service.listing h2 a,
.sectionfront.communities .listing h2 a,
.sectionfront.local-topics .listing h2 a,
.sectionfront.national-news .listing h2 a,
.sectionfront.obituaries .listing h2 a,
.sectionfront.watchdog .listing h2 a,
.sectionfront.world-news .listing h2 a {
	background: #007dae;
}
.sectionfront.sports .listing h2 a,
.sports.listing h2 a {
	background: #ff3939;
}
.sectionfront.business .listing h2 a {
	background: #3ca746;
}
.sectionfront.entertainment .listing h2 a,
.entertainment.listing h2 a {
	background: #a0317f;
}
.san-diego-red.listing h2 a {
	background: #cc2525;
}
.vida-latina.listing h2 a {
	background: #2b6587;
}
.customer-service.listing .subtitle {
	font-weight: bold;
	margin: 15px 0 1px 0;
}
.customer-service.listing p {
	margin: 0 0 10px;
}
.customer-service.listing p.first {
	margin-top: 15px;
}
.listing ul {
	margin: 0 0 25px;
}
.listing li {
	border-top: 1px dotted #bababa;
	line-height: 1;
	position: relative; /* for admin_link positioning */
}
.listing li:first-child {
	border: none;
}
.listing li a {
	display: block;
	padding: 12px 10px 10px;
}
.listing li a:hover {
	background: #f2f2f2;
	text-decoration: none;
}
.listing.image li a {
	padding: 12px 0 0;
}
.listing.image li a:hover {
	background: none;
}
.customer-service.content {
	padding: 0 20px 0 0;
}

/* Sectionfront Top Videos
   ========================================================================== */

#top-videos {
	margin-bottom: 30px;
}
#top-videos .six.columns {
	height: 560px;
}
#top-videos .content {
	padding: 20px;
}
#top-videos .video-widget .watch-now-placeholder {
	background: url("../images/tv-watch-now-placeholder.png") no-repeat;
	width: 440px;
	height: 370px;
}
.nav-watch-now-placeholder {
	background: url("../images/tv-watch-now-placeholder-mini.png") no-repeat;
	width: 142px;
	height: 90px;
}
#top-videos .video-widget .info {
	background: #191919;
	font-size: 13px;
	height: 97px;
	line-height: 20px;
	width: 440px;
}
#top-videos .video-widget .info .content {
	padding: 15px 20px;
}
#top-videos .video-widget .info h3 {
	color: #ffffff;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#top-videos .video-widget .info span {
	color: #909090;
}

/*
#top-videos .list-video {
	margin-left: -15px;
}
#top-videos .list-video li {
	margin: 0 0 20px 15px;
}*/

#top-videos {
	position: relative;
}
#top-videos .item-wrap {
	margin: 0 0 0 -15px;
	padding: 0;
	position: relative;
	width: 455px;
}

/* Add class .clearfix instead
.item-wrap:before,
.item-wrap:after {
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
.item-wrap:after {
	clear: both;
}*/
#top-videos .item {
	background: none;
	float: left;
	font-size: 13px;
	/*height: 175px;*/
	height: 130px;
	margin: 0 0 20px 15px;
	padding: 0;
	position: relative;
	width: 130px;
}
#top-videos .item a {
	display: block;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#top-videos .item img {
	border: 3px solid #FFFFFF;
	display: block;
	height: 75px;
	width: 124px;
}
#top-videos .item .overlay {
	background: url("../images/icon-play-video.png") no-repeat scroll 50% 18px transparent;
	color: #ebebeb;
	left: 3px;
	padding: 85px 0 0;
	position: absolute;
	top: 3px;
	width: 124px;
}
#top-videos .item span {
	display: block;
}
#top-videos .item span.title {
	font-weight: bold;
	line-height: 1.25;
}
#top-videos .item span.time {
	font-size: 11px;
	font-weight: normal;
	line-height: 2;
}
#top-videos .item:hover img {
	border-color: #007dae; /* Blue */
}
#top-videos .item:hover span {
	color: #ffffff;
}

/* Sectionfront Articles Listing
   ========================================================================== */

/*section.articles article {
	position: relative;
}*/

.article-view p {
  font-size: 15px;
}

.article-view #sidebar p {
  font-size: 13px;
}


section.articles .story-block article {
	margin-bottom: 40px;
}


section.articles article.no-image .content {
	overflow: hidden;
}
section.articles h3,
.article-h3 {
	color: #fff;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 20px;
	line-height: 29px;
	max-height: 86px;
	margin: 0 0 5px;
	text-transform: none;
	overflow: hidden;
}
section.articles article.no-image h3 {
	max-height: 59px;
}
/*section.articles article h2 .tag,
section.articles article h3 .tag {
	display: inline-block;
	position: relative;
	top: -1px;
	margin: 0 5px 0 0;
}*/
/*.lead-story .tag {
	top: 15px;
    position: absolute;
}*/
/*section.articles article .img-frame + .content h2 .tag,
section.articles article .img-frame + .content h3 .tag {
	display: block;
	position: absolute;
	top: 16px;
	left: 3px;
	margin: 0;
}
section.articles article.lead-story .img-frame + .content h2 .tag {
	left: 5px;
}*/
/*section.articles article p {
	max-height: 38px;
	margin: 0;
	overflow: hidden;
}*/
/*section.articles article.no-image p {
	max-height: 78px;
}
.staff section.articles article.no-image p {
	max-height: 250px;
}*/
.lead-story .date {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
section.articles .featured-wrap,
.real-estate-modules section.articles .featured-wrap {
	height: auto;
}
section.articles .featured-wrap .lead-story .content {
	height: auto;
	padding: 0;
}
section.articles .featured-wrap h2 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 10px;
}
section.articles .featured-wrap article p {
  font-size: 14px;
  line-height: 22px;
}
section.articles .featured-wrap article p {
	max-height: none;
}
section.articles .featured-wrap article.no-image p {
	max-height: none;
}

/****** SUB NAV *****/

.sectionfront .nav-sub,
.sectionfront ul.tabs.nav-sub {
	border-bottom: none;
	margin-bottom: 35px !important;
}
.sectionfront .nav-sub li,
.sectionfront ul.tabs.nav-sub li {
	background-color: #e9e6e2;
}
.sectionfront .nav-sub.items-3 li,
.sectionfront ul.tabs.nav-sub.items-3 li {
	margin-left: 2px !important; /* three nav items */
}
.sectionfront .nav-sub.items-3 a,
.sectionfront ul.tabs.nav-sub.items-3 a {
	width: 464px; /* three nav items */
}
.sectionfront .nav-sub.items-4 li,
.sectionfront ul.tabs.nav-sub.items-4 li {
	margin-left: 1px !important; /* four nav items */
}
.sectionfront .nav-sub.items-4 a,
.sectionfront ul.tabs.nav-sub.items-4 a {
	width: 234px; /* four nav items */
}
.sectionfront .nav-sub li:first-child,
.sectionfront ul.tabs.nav-sub li:first-child {
	margin-left: 0 !important;
}
.sectionfront .nav-sub a,
.sectionfront ul.tabs.nav-sub a {
	background-color: #e9e6e2;
	color: #444444;
	display: block;
	font-family: roboto slab;
	font-size: 14px;
	font-weight: 700;
	height: 37px;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.sectionfront .nav-sub a:hover,
.sectionfront ul.tabs.nav-sub a:hover{
	background-color: #2b6587;
	color: #e9e6e2;
}
.sectionfront .nav-sub a.current,
.sectionfront ul.tabs.nav-sub a.current{
	background-color: #444444;
	color: #e9e6e2 !important;
}

/***** Sectionfront Pagination *****/
section.articles div.sectionfront-pagination {
	height: auto;
}
.sectionfront-pagination {
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	margin-top: 40px;
	text-transform: uppercase;
}
.sectionfront-pagination ul {
}
.sectionfront-pagination li,
.sectionfront-pagination li .ss-icon {
	display: inline;
}
.sectionfront-pagination .left {
	float: left;
}
.sectionfront-pagination .right {
	float: right;
}
.sectionfront-pagination li a {
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #d8d8d8;
    display: block;
    font-family: 'roboto slab',serif;
    font-weight: 700;
    font-size: 15px;
    height: auto;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;
    background: #333333;
    letter-spacing: -1px;
}
.sectionfront-pagination li a:hover {
    text-decoration: none; color:#fff;background: #444;
}
.sectionfront-pagination li a .ss-icon {
    position: relative;
    vertical-align: middle;
}
.sectionfront-pagination .right .ss-icon {
    margin-left: 5px;
}
.sectionfront-pagination .left .ss-icon {
margin-right:5px;
}


/* END Sectionfront
   ========================================================================== */


/* Sectionfront Offers
   ========================================================================== */

/****** SUB TITLES *****/
.sectionfront .title-sub {
	height: 35px;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
}
.sectionfront .title-sub .content {
}
.sectionfront .title-sub hr {
	border-top: 5px solid #444444;
	left: 0;
	position: absolute;
	top: 10px;
	width: 100%;
}
.sectionfront .title-sub h2 {
	background-color: #fcfcfc;
	display: inline;
	float: left;
	font-family: roboto slab;
	font-size: 18px;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
	padding: 0 12px 0 0;
	position: relative;
	text-transform: uppercase;
}
.sectionfront .title-sub a {
	background-color: #444444;
	color: #ffffff;
	display: inline-block;
	font-family: roboto slab;
	font-size: 12px;
	line-height: 21px;
	padding: 0 10px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	top: 10px;
}

/****** SIGNUP OFFERS MODULE *****/
.signup-offers-module {
}
.signup-offers-module .content {
	padding: 20px 20px 0;
}
section.articles .featured-wrap .signup-offers-module h2,
.signup-offers-module h2 {
	color: #ebebeb;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 10px;
}
.signup-offers-module form {
	margin-bottom: 0;
}
.signup-offers-module input[type="text"] {
	margin-bottom: 20px;
	padding-bottom: 7px;
	padding-top: 7px;
	width: 250px;
}
.signup-offers-module .row {
	margin-bottom: 0;
}

/***** SOCIAL MODULE OVERRIDES *****/
.sectionfront.offers .featured-wrap .social {
	height: 158px;
}
.sectionfront.offers .featured-wrap .social .content {
	padding-top: 13px;
}
.sectionfront.offers .featured-wrap .social h3 {
	line-height: 1;
	margin-bottom: 12px;
}
.sectionfront.offers .featured-wrap .social ul {
	margin-bottom: 15px;
}
.sectionfront.offers .featured-wrap .social {
}

.sectionfront.offers .featured-wrap .social,
.sectionfront.tv.watch-live .featured-wrap .social {
	margin-top: 0;
}

/***** OFFERS ARTICLES: LEAD ARTICLE *****/
.sectionfront.offers .featured-wrap {
	margin-bottom: 40px;
}
.lead-story {
    position: relative;;
}
/*.lead-story .img-frame {
	margin-bottom: 10px;
	padding: 5px;
}*/
.lead-story .banner {
	display: inline;
	float: left;
	margin: 0 20px 10px 0;
	position: relative;
}
/*.featured-wrap .lead-story .banner .cart {
	background-color: #f58220;
	color: #ffffff;
	display: block;
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	padding: 0 11px 0 8px;
	position: absolute;
	right: 5px;
	top: 15px;
}*/
/*.featured-wrap .lead-story .banner .cart .ss-icon {
}
.featured-wrap .lead-story .banner .cart .count {
}*/
/*.lead-story .banner .overlay {
	background-color: rgba(0, 0, 0, 0.50);
	bottom: 0;
	color: #ffffff;
	font-family: roboto slab;
	font-size: 28px;
	font-weight: 400;
	left: 0;
	line-height: 45px;
	margin: 0 5px 5px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 310px;
}
.featured-wrap .lead-story .banner .overlay:hover {
	background-color: rgba(0, 0, 0, 1.0);
	background-color: #00000;
}*/
/*.featured-wrap .lead-story .content {
	height: 320px;
	padding: 1px 0 0;
}
.featured-wrap .lead-story .vendor,
.featured-wrap .lead-story .offer,
.featured-wrap .lead-story .summary {
	overflow: hidden;
}
.featured-wrap .lead-story .vendor {
	color: #f58220;
	font-size: 16px;
	font-weight: bold;
	height: 18px;
	line-height: 1;
	margin-bottom: 5px;
}
.featured-wrap .lead-story .offer {
	font-family: roboto slab;
	font-size: 28px;
	font-weight: 400;
	height: 102px;
	line-height: 33px;
	margin-bottom: 20px;
}
.featured-wrap .lead-story .summary {
	font-size: 13px;
	height: 160px;
	line-height: 20px;
	margin-bottom: 0;
	overflow: hidden;
}*/

/***** OFFERS ARTICLES: DEALS *****/
section.articles .deal {
	height: 470px;
}
.articles .deal .banner {
	position: relative;
}
.articles .deal .banner .cart {
	background-color: #f58220;
	color: #ffffff;
	display: block;
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	padding: 0 11px 0 8px;
	position: absolute;
	right: 3px;
	top: 12px;
}
.articles .deal .banner .cart .ss-icon {
}
.articles .deal .banner .cart .count {
}
.articles .deal .banner .overlay {
	background-color: rgba(0, 0, 0, 0.50);
	bottom: 0;
	color: #ffffff;
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	left: 0;
	line-height: 52px;
	margin: 0 3px 3px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 215px;
}
.articles .deal .banner .overlay:hover {
	background-color: rgba(0, 0, 0, 1.0);
	background-color: #00000;
}
section.articles .deal .content {
	padding: 0 3px;
}
.articles .deal .vendor,
.articles .deal .offer,
.articles .deal .summary {
	/* See individual elements for fixed heights */
	overflow: hidden;
}
.offers .summary ul {
	list-style: disc outside none;
	white-space: normal;
	margin: 0;
	padding: 0;
}
.offers .summary li {
	white-space: normal;
	padding:0;
	margin: 0 0 0 15px;
}
section.articles .deal .img-frame {
	margin-bottom: 10px;
}
.articles .deal .vendor {
	color: #f58220;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	line-height: 1;
	margin-bottom: 5px;
}
.articles .deal .offer {
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	max-height: 69px;
	line-height: 22px;
	margin-bottom: 15px;
}
.articles .deal .summary {
	font-size: 13px;
	height: 80px;
	line-height: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}
.articles .deal .details {
	bottom: 0;
	font-size: 13px;
	margin: 10px 0;
	position: absolute;
}
.articles .deal .details li {
	margin-right: 4px;
}
.articles .deal .price {
}
.articles .deal .value {
}
.articles .deal .savings {
}
.articles .deal .details span {
	font-weight: bold;
}
/*****  to display "...more" for hidden content *****/
.dotdot:before {
    content:"";
    float: left;
    width: 5px;
}
.dotdot > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}
.dotdot:after {
    content: "\02026more";
    font-weight: bold;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -20px;
    left: 100%;
    width: 7em;
    margin-left: -7em;
    padding-right: 5px;
    text-align: right;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 18%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(18%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */

}
.lt-ie9 .dotdot:after  {
/*CAN'T apply gradient on pseudo elements filter, so just don't
 progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); */
 content:"";
}
/* height and other overwrites of each .dotdot element where it will be applied */
.offers .lead-story .dotdot:before {
    height: 160px;
}
.offers .deal .dotdot:before {
    height: 80px;
}
/***** OFFERS ARTICLES: CONTESTS *****/
section.articles .contest {
	height: 450px;
}
.articles .contest .banner {
	position: relative;
}
section.articles .contest .img-frame {
	margin-bottom: 7px;
}
section.articles .contest .content {
	padding: 0 3px;
}
.articles .contest .offer,
.articles .contest .summary {
	/* See individual elements for fixed heights */
	overflow: hidden;
}
.articles .contest .offer {
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	height: 45px;
	line-height: 22px;
	margin-bottom: 10px;
}
.articles .contest .cta {
	background-color: #000000;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 10px;
	white-space: nowrap;
	width: 69px;
}
.articles .contest .summary {
	font-size: 13px;
	height: 100px;
	line-height: 20px;
	margin-bottom: 2px;
	overflow: hidden;
}
section.articles article.contest p {
	/* Override to default */
	max-height: 100px;
}
.articles .contest .more {
	bottom: 0;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0;
	position: absolute;
}

/***** LINK: View More (Offers) *****/
.more-offers {
	color: #444444;
	display: inline;
	float: right;
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	margin: 15px 0 45px;
	text-transform: uppercase;
}
.more-offers .ss-icon {
	background-color: #444444;
	bottom: 2px;
	color: #ffffff;
	display: block;
	float: right;
	font-size: 10px;
	height: 22px;
	line-height: 24px;
	margin-left: 5px;
	position: relative;
	text-align: center;
	width: 22px;
	/* Rounded Borders */
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

/***** AD: ONLINE COUPONS *****/
.sectionfront.offers .ad-coupons {
	margin-top: 20px;
	margin-bottom: 40px;
}
.ad-coupons {
	border: 1px solid #c8c3c0;
}

.ad-coupons .content {
	padding: 15px 30px 15px 30px;
}
.ad-coupons h2 {
	color: #444444;
	display: inline;
	float: left;
	font-family: roboto slab;
	font-size: 36px;
	font-weight: 700;
	line-height: 69px;
	margin: 0;
	padding: 0;
	text-transform: none;
	white-space: nowrap;
	width: 304px;
}
.ad-coupons p {
	border-left: 1px solid #c8c3c0;
	display: inline;
	float: left;
	font-size: 18px;
	font-family: roboto slab;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
	padding: 6px 0 6px 22px;
	width: 230px;
}
.ad-coupons .button {
	display: inline;
	float: right;
	font-size: 15px;
	font-weight: 700;
	line-height: 49px;
	margin: 11px 0 0;
	width: 316px;
}

.sectionfront.offers .ad-browse {
	margin-top: 0;
}

.ad-browse {
	border: none;
}

.ad-browse h2,
.ad-browse p {
	color: #ffffff;
}

.ad-browse p {
	border-color: #525252;
}

/* END Sectionfront Offers
   ========================================================================== */

/* ==========================================================================
   Sectionfront Guides
   ========================================================================== */

/*.sectionfront.guides {
}*/

/***** ARTICLES *****/
/*section.articles .guide {
	height: auto;
}
.articles .guide .banner {
	position: relative;
}
.articles .guide .banner .img {
	height: 194px;
	width: 294px;
}
.articles .guide .banner .overlay {
	height: 194px;
	left: 3px;
	position: absolute;
	top: 3px;
	width: 294px;
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75) inset;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75) inset;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75) inset;
}
.articles .guide .content {
}
.articles .guide .content h2.title {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	text-transform: none;
}
.articles .guide .content .summary {
	height: 84px;
	overflow: hidden;
}*/

/***** ADVERTISEMENT *****/
/*.sectionfront.guides .ad-and-callout {
}
.sectionfront.guides .ad {
	display: block;
}
.sectionfront.guides .callout.subscribe-paper {
	background-image: url('../images/icon-subscribe-paper.png');
	background-position: 15px 9px;
	background-repeat: no-repeat;
	height: 60px;
	width: 300px;
}
.sectionfront.guides .callout.subscribe-paper h3 {
	margin: 18px 10px 0 60px;
}*/

/* END Sectionfront Guides
   ========================================================================== */

/* ==========================================================================
   Sectionfront (San Diego's) Best
   ========================================================================== */

.sectionfront.best {}

.featured-slideshow.best-of #breadcrumbs {
	margin-bottom: 15px;
	width: 619px;
}

/***** BEST-OF FEATURED SLIDESHOW  *****/

section#best-featured {}

.featured-slideshow.best-of .slideshow {
	height: 387px;
}
.featured-slideshow.best-of .slide {
	overflow: hidden;
	height: 387px;
}
.featured-slideshow.best-of .banner {
	padding: 5px;
}
.featured-slideshow.best-of .img-frame {
	height: 294px;
	margin-bottom: 15px;
	width: 294px;
	/* Box-shadow */
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
}

/***** BEST-OF SLIDESHOW: PAGINATION*****/
.featured-slideshow.best-of .pagination {
	background: transparent;
	color: #ffffff;
	height: 12px;
	line-height: 1;
	overflow: hidden;
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	width: 300px;
}
.featured-slideshow.best-of .pagination .pager {
	display: block;
	float: none;
	margin: 0 auto;
	width: 85px;
}
.featured-slideshow.best-of .pagination .pager li {
	margin-left: 23px;
}
.featured-slideshow.best-of .pagination .pager li:first-child {
	margin-left: 0;
}
.featured-slideshow.best-of .pagination .pager a {
	background-color: #c8c3c0;
	color: #c8c3c0;
}
.featured-slideshow.best-of .pagination .pager a:hover,
.featured-slideshow.best-of .pagination .pager a.selected {
	background-color: #a0317f;
}

/***** BEST-OF SLIDESHOW: CAPTION*****/
.featured-slideshow.best-of .caption {
	color: #444444;
	font-size: 13px;
	height: 30px;
	line-height: 1;
	overflow: hidden;
	text-align: center;
}

/***** BEST-OF SLIDESHOW: CONTENT *****/
.featured-slideshow.best-of {
	background: transparent;
}

.featured-slideshow.best-of .slideshow .content {}

.featured-slideshow.best-of h2 {
	background: none;
	color: #444444;
	font-size: 27px;
	font-weight: 400;
	height: auto;
	line-height: normal;
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	text-transform: none;
	width: auto;
}
.featured-slideshow.best-of ol {
	font-family: roboto slab;
	font-size: 14px;
	font-weight: 400;
	list-style: decimal;
	margin: 0 0 20px 1.5em;
}
.featured-slideshow.best-of ol li {
	margin-bottom: 20px;
}
.featured-slideshow.best-of h3 {
	margin-bottom: 10px;
	text-transform: none;
}
.featured-slideshow.best-of .other ul li {
	margin-bottom: 5px;
}

/***** BEST LISTS *****/
.bg-bestof-welcome {
	background: url('../images/bg-bestof-welcome.jpg') no-repeat;
	width: 620px;
	height: 462px;
	position: relative;
}
.bg-bestof-welcome .transparent-to-black {
	width: 100%;
	height: 230px;
	position: absolute;
	bottom: 0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.bg-bestof-welcome h3,
.bg-bestof-welcome p {
	color: #fff;
	margin: 0 40px 10px;
}
.bg-bestof-welcome h3 {
	font-size: 24px;
	margin-top: 130px;
}

#best-lists {
	margin-bottom: 20px;
}
#best-lists .ss-icon {
	font-size: 12px;
	line-height: 24px;
}

#best-lists h2 .plus,
#best-lists .closed h2 .minus,
#best-lists .disabled h2 .plus,
#best-lists .disabled h2 .minus {
	display: none;
}
#best-lists h2 .minus,
#best-lists .closed h2 .plus {
	display: block;
}

#best-lists .listing {
	height: auto;
	min-height: 64px;
}
#best-lists .listing ul {
	overflow: hidden;
}

/***** BEST RESOURCES & RESULTS *****/
#best-resources {
	margin-bottom: 50px;
}
#best-resources .columns.twelve {
	border-top: 1px solid #d8d8d8;
	padding-top: 25px;
}
#best-resources h2 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 15px;
	text-transform: capitalize;
}
#best-resources li {
	border-left: 1px solid #444444;
	line-height: 1;
	margin-right: 5px;
	padding-left: 5px;
}
#best-resources li:first-child {
	border: none;
	padding-left: 0;
}
#best-resources .resources {
	text-align: left;
}
#best-resources .results {
	text-align: right;
}
#best-resources .results ul {
	display: inline;
	float: right;
	margin: 0 -5px 0 0;
	padding: 0;
}

/*
   END Sectionfront (San Diego's) Best
   ========================================================================== */

/* ==========================================================================
   Sectionfront Contact Staff
   ========================================================================== */

/***** SECTION TITLE *****/

.sectionfront .title-section {
    height: 26px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.sectionfront .title-section .content {
    border: none;
}
.sectionfront .title-section hr {
    border-top: 5px solid #444444;
    left: 0;
    position: absolute;
    top: 12px;
    width: 100%;
}
.sectionfront .title-section h2 {
    background: none repeat scroll 0 0 #FCFCFC;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    padding: 0 12px 0 0;
    position: relative;
	text-transform: uppercase;
}
/*
.news .title-section hr {
    border-color: #007DAE;
}
*/

/***** CONTACT STAFF PAGE *****/
.staff {
}

/***** TOOLS *****/
.staff .tools {
	display: none: /* TEMPORARY! DISPLAY NONE UNTIL FUNCTIONALITY ENABLED -- TTenoever */
	clear: both;
	line-height: 36px;
}
.staff .tools h3 {
	display: inline;
	float: right;
	line-height: inherit;
	margin: 0;
}

/***** TOOLS: Search *****/
.staff #form-staff-search {
	margin: 0;
	position: relative;
}
.staff #form-staff-search input[type="text"] {
	border: 1px solid #000;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-family: roboto slab;
	margin: 0;
	padding: 7px 48px 7px 10px;
	width: 240px;
}
.staff #form-staff-search .ss-icon {
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 4px;
}
.staff #form-staff-search input[type="submit"] {
	height: 36px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
}

/***** TOOLS: Filter *****/
.staff .filter {
}

/***** DEPARTMENTS *****/
.staff .department {
	margin-bottom: 20px;
}
.staff .department ul {
	margin-bottom: 0;
}

/***** STAFF MEMBER LISTING *****/
.staff .department li {
	height: 380px;
	margin: 0 20px 30px 0;
	width: 215px;
}
.staff .department li .img-frame {
	display: block;
	margin: 0;
	float: none;
	text-decoration: none;
}
.staff .department .reporter .img-frame .ss-icon {
	width: 199px;
	height: 210px;
	font-size: 190px;
	line-height: 277px;
	padding-left: 10px;
}
.staff .department .member h3 {
	margin: 20px 0 0;
	text-transform: none;
	font-weight: 400;
	font-size: 18px;
}
.staff .department .member h4 {
	font-family: roboto slab;
	font-weight: 400;
	color: #777;
	font-size: 13px;
	height: 40px;
	margin: 0;
}
.staff .department .member .email {
	margin: 0;
}
.staff .department .member .email a,
.staff .department .member .resource-links a {
	color: #2b6587;
	font-size: 14px;
}
.staff .department .member .phone {
	font-size: 14px;
}

/***** Advertising Department *****/
.staff .advertising {
}
.staff .advertising h3 {
	display: inline;
	float: right;
	font-family: roboto slab;
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-transform: none;
	width: 122px;
}
.staff .advertising .member .name {
	clear: both;
	height: 24px;
}

/*
   END Sectionfront Contact Staff
   ========================================================================== */

/* ==========================================================================
   Sectionfront Staff Detail View
   ========================================================================== */

/***** Header *****/
#staff-header .featured-wrap {
	margin-bottom: 0;
}
#staff-header .banner {
	display: inline;
	float: left;
	width: 240px;
}
#staff-header .banner img {
	max-width: 230px;
}
#staff-header .content {
	display: inline;
	float: left;
	width: 360px;
}
#staff-header .contact-list {
	margin-top: 20px;
}
#staff-header .contact-list li {
	margin-right: 20px;
	width: 160px;
}
#staff-header .contact-list li .ss-icon {
	margin-right: 5px;
}

/***** View More Link *****/
.view-more {
    color: #444444;
    display: inline;
    float: right;
    font-family: roboto slab;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}
.inline-gallery + .view-more {
	display: block;
	float: none;
	text-align: right;
	margin-bottom: 20px;
}

/***** Articles Listing *****/
section.staff-articles article {
	height: 340px;
	overflow: hidden;
}
section.staff-articles .img-frame {
	display: inline;
	float: left;
	margin-right: 15px;
	width: 140px;
}
section.staff-articles h3 {
	margin-bottom: 15px;
	max-height: 120px;
	overflow: hidden;
}
.staff-articles .date {
	clear: both;
	font-family: roboto slab;
	font-weight: 700;
	margin-bottom: 10px;
}
.staff-articles .summary {
	clear: both;
}
section.staff-articles .summary p {
	margin-bottom: 1em;
	max-height: none;
}

/*
   END Sectionfront Staff Detail View
   ========================================================================== */

/* ==========================================================================
   Contact Info
   ========================================================================== */

.contact-header {
	clear: both;
	margin-bottom: 10px;
}
.contact-header a {
	text-decoration: underline;
}
#contact-info {
}
#contact-info a {
	text-decoration: underline;
}
#contact-info h2 {
	margin-bottom: 0;
}
#contact-info h3 {
	margin-bottom: 0;
}

/* END Columnists and Reporters Widget
   ========================================================================== */


/* Breadcrumbs Nav
   ========================================================================== */

#breadcrumbs {
	font-family: 'Roboto Slab';
	font-weight: 700;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 20px;
	position: relative;
	text-transform: uppercase;
	z-index: 0;
}
#breadcrumbs .content {
	border-right: 1px solid #444;
	position: relative;
	z-index: 0;
}
#breadcrumbs hr {
	border-top: 5px solid #444;
	left: 0;
	position: absolute;
	top: 11px;
	width: 100%;
	z-index: -1;
}
#breadcrumbs a {
	color: #444;
}

#breadcrumbs ul {
	margin: 0;
	padding: 0;
}
#breadcrumbs li {
	background-color: #fcfcfc;
	border-right: 1px solid #444;
	line-height: 26px;
	margin: 0;
	padding: 0 14px 0 14px;
}
#breadcrumbs li:first-child {
	border: none;
	padding: 0;
}
#breadcrumbs .home {
	background-color: #444;
	color: #ffffff;
	display: block;
	font-size: 11px;
	text-align: center;
	width: 26px;
}

/* END Breadcrumbs Nav
   ========================================================================== */

/* ==========================================================================
   ARTICLE VIEW
   ========================================================================== */


/* Article Header
   ========================================================================== */

.article-view article header {
	color: #a1a1a1;
	font-family: roboto slab;
	font-weight: 400;
	margin-bottom: 10px;
}
.article-view article hgroup {
	border-bottom: 1px solid #d8d8d8;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.article-view article hgroup h1 {
	color: #444444;
	font-size: 48px;
	font-weight: 700;
	line-height: 50px;
	margin: 0 0 10px;
	padding: 0;
	text-transform: none;
	background: none;
}
.article-view article hgroup h2 {
	color: #a1a1a1;
	font-size: 20px;
	line-height: 1.2;
	margin: 0;
	text-transform: none;
}
.article-view article .byline {
	color: #a1a1a1;
	display: inline;
	float: left;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 12px;
	width: 380px;
}
.article-view article .byline span {
	padding-left: 5px;
}
.article-view article .byline span:first-child {
	padding-left: 0;
}
.article-view article .byline .author a {
	color: #2b6587;
	font-size: 16px;
}
.article-view article .byline .author a:hover {
	text-decoration: underline;
}
.article-view article .byline .time,
.article-view article .byline .date {
	text-transform: uppercase;
}
.article-view article .tools {
	display: inline;
	float: right;
	font-size: 10px;
	text-transform: uppercase;
	width: 240px;
}
.article-view article .tools ul {
	float: right;
	margin: 0;
}
.article-view article .tools li {
	margin-left: 20px;
}
.article-view article .tools li:first-child {
	margin-left: 0;
}
.article-view article .tools a {
	color: #a1a1a1;
	text-decoration: none;
}
.article-view article .tools a:hover {
	color: #2b6587;
}
.article-view article .tools .print {
}
.article-view article .tools .save {
}
.article-view article .tools .comments {
	position: relative;
	top: -10px;
}
.article-view article .tools .comments .count {
	background-color: #2b6587;
	color: #ffffff;
	display: inline-block;
	height: 22px;
	margin-left: 5px;
	padding: 10px 5px 0 7px;
	position: relative;
	text-align: center;
	top: 0;
	width: auto;
}
.article-view article .tools .ss-icon {
	margin-right: 5px;
	margin-top: 2px;
}
.article-view article .tools .comments .count:hover {
	background-color: #000000;
}

.article-view .inline-left {
	clear: left;
	float: left;
	margin-right: 10px;
	max-width: 540px;
}
.article-view .inline-right {
	clear: right;
	float: right;
	margin-left: 10px;
	max-width: 540px;
}
/* Article Image
   ========================================================================== */

.article-view .article-image {
	margin-bottom: 20px;
}
.article-view  .thumb{
	width: 180px;
}
.article-view .inline_weight_medium{
	width: 300px;
}
.article-view .inline_weight_large{
	width: 380px;
}
.article-view .inline_weight_lead{
	width: 540px;
}
.article-view .article-image img{
	width:100%;
}
.article-view .article-image a {
	display: block;
}
.article-view .article-image figcaption {
	color: #a1a1a1;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
}
.article-view .article-image figcaption em {
	font-style: italic;
	font-weight: normal;
}
.article-view .video {
    position: relative;;
}

/* Inline Gallery */
.article-view #article-copy .featured-slideshow.inline-gallery {
	height: 380px;
	margin-bottom: 20px;
}
.article-view #article-copy .featured-slideshow.inline-gallery ul {
	margin: 0;
}
.featured-slideshow.inline-gallery {
	background-color: #404040;
	clear: both;
}
.featured-slideshow.inline-gallery .slideshow {
	width: 540px;
	height: 330px;
	margin: 0;
}
.featured-slideshow.inline-gallery .slideshow img {
	text-align: center;
	display: block;
	max-height: 270px;
	max-width: 540px;
	margin: 0 auto;
}
.featured-slideshow.inline-gallery .slideshow .caption {
	background: #404040;
	bottom: 0;
	position: absolute;
}

.featured-slideshow.inline-gallery .slideshow .caption p {
	color: #fcfcfc;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 10px 20px;
	width: 500px;
}
.inline-gallery .anythingSlider-default .anythingControls ul {
	margin: 0 !important;
	left: 10px;
	bottom: -10px;
}
.article-view #article-copy .featured-slideshow .anythingSlider-default .arrow a {
	color: #ffffff;
}

/* Inline Brightcove Media */
.article-view #article-copy .inline_brightcove {
	margin: 0 0 10px;
	overflow: hidden;
	width: 100%;
}
/* Inline Audio */
html .audio {
	border: 1px solid #d8d8d8;
	border-width: 1px 0;
	color: #a1a1a1;
	font-family: Helvetica, Arial, sans-serif;
	margin: 20px 0;
	padding: 15px 0;
	word-wrap: break-word;
}
.inline_audio_clips .audio {
	border-width: 1px 0 0 0;
}
html .audio .title {
	color: #a1a1a1;
	font-family: roboto slab;
	font-size: 30px;
	font-weight: 300;
	line-height: 44px;
	margin-bottom: 10px;
}
.audioclip_detail .title, audioclip_set_detail {
	color: #444;
}
/* Inline Text */
.article-view #article-copy .text_inline {
	border: 1px solid #d8d8d8;
	border-width: 1px 0;
	color: #a1a1a1;
	font-family: Helvetica, Arial, sans-serif;
	margin: 30px 0;
	padding: 15px 0 0;
	word-wrap: break-word;
}
.text_inline .title {
	color: #a1a1a1;
	font-family: roboto slab;
	font-size: 30px;
	font-weight: 300;
	line-height: 44px;
	margin-bottom: 10px;
}
.text_inline ol,
.text_inline ul {
	color: #444444;
	font-family: roboto slab;
	font-weight: 300;
	list-style: disc;
	margin-left: 20px;
}
.text_inline ol {
	list-style: decimal;
}
.text_inline li {
	line-height: 32px;
}
.text_inline ol + p,
.text_inline ul + p {
	color: #a1a1a1;
	font-family: roboto slab;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
	text-transform: uppercase;
}

/* Inline Recurring */
.article-view #article-copy .recurring_inline {
	border: 1px solid #d8d8d8;
	border-width: 1px 0;
	color: #a1a1a1;
	font-family: Helvetica, Arial, sans-serif;
	margin: 30px 0;
	padding: 15px 0 0;
	word-wrap: break-word;
}
.recurring_inline .title {
	color: #a1a1a1;
	font-family: roboto slab;
	font-size: 30px;
	font-weight: 300;
	line-height: 44px;
	margin-bottom: 10px;
}
.recurring_inline ol,
.recurring_inline ul {
	color: #444444;
	font-family: roboto slab;
	font-weight: 300;
	list-style: disc;
	margin-left: 20px;
}
.recurring_inline ol {
	list-style: decimal;
}
.recurring_inline li {
	line-height: 32px;
}
.recurring_inline ol + p,
.recurring_inline ul + p {
	color: #a1a1a1;
	font-family: roboto slab;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
	text-transform: uppercase;
}




/* Inline Poll Results */
.article-view #article-copy .inline_poll_results {
	border: 1px solid #d8d8d8;
	border-width: 1px 0;
	margin: 30px 0;
	padding: 15px 0 0;
	clear:both;
}
.inline_poll_results .type {
}
.inline_poll_results .question {
	color: #a1a1a1;
	font-family: roboto slab;
	font-size: 30px;
	font-weight: 300;
	line-height: normal;
	margin: 0 0 20px;
	padding: 0;
	text-transform: none;
}
#article-copy .inline_poll_results .question a {
	color: #a1a1a1;
}
.inline_poll_results .poll-results {
	margin-bottom: 10px;
}
.inline_poll_results .poll-results .choice {
	background-color: #c8c3c0;
	text-shadow: none;
}
.inline_poll_results .poll-results .choice .choice_title {
	font-size: 32px;
}
.inline_poll_results .poll-results .choice .choice_title .percent {
}
.inline_poll_results .poll-results .choice .bar {
	background-color: #444444;
}
.inline_poll_results .total_votes  {
	color: #a1a1a1;
	font-family: roboto slab;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
	text-transform: uppercase;
}

/* Inline Poll */
.article-view #article-copy .inline_poll {
	margin-bottom: 20px;
}
.polls.inline_poll .content {
	font-family: roboto slab;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}
.polls.inline_poll p {
	margin-bottom: 20px;
}
.polls.inline_poll ul {
	margin-bottom: 64px;
}
.polls.inline_poll .button {
	font-size: 24px;
	height: 47px;
	width: 500px;
}

/* Inline Pullquote */
.article-view #article-copy .inline_pullquote {
	border: 1px solid #d8d8d8;
	border-width: 1px 0;
	color: #a1a1a1;
	font-family: roboto slab;
	font-weight: 300;
	font-size: 30px;
	line-height: 44px;
	margin: 30px 0;
	padding: 30px 0;
}
.inline_pullquote .name {
	color: #a1a1a1;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 12px;
	line-height: normal;
	margin-top: -10px;
	text-transform: uppercase;
}
.inline_pullquote .pullquote {
	color: #a1a1a1;
	font-family: roboto slab;
	font-weight: 300;
	font-size: 30px;
	line-height: 44px;
	margin: 0 20px;
}

/* Inline Document */
.inline_document {
	margin: 0 0 20px 10px;
	overflow: hidden;
	width:180px;
	float:right;
	border: 1px solid #d8d8d8;
	border-width: 1px 0 0 0;
	padding:10px 0;
}
.inline_embedded {
	margin: 0 0 20px 10px;
	float:right;
	border: 1px solid #d8d8d8;
	border-width: 1px 0 0 0;
	padding:10px 0;
}
.inline_document .type, .inline_embedded .title {
	text-align:center;
	color: #A1A1A1;
	font-family: roboto slab;
	font-size: 30px;
	font-weight: 300;
	line-height: normal;
	margin: 0 0 10px;
	padding: 0;
	text-transform: none;
}
.inline_document .thumbnail {
	padding: 0;
}
.inline_document .thumbnail a {
	display: block;
}
.inline_document .thumbnail a img {
}
.inline_document .download {
	margin: 0;
	padding: 0;
}
.inline_document .download .button {
	width:180px;
}

/* Article Copy
   ========================================================================== */

.article-view #article-copy {
	/*font-family: 'PT Serif', serif;*/
	font-size: 17px;
	line-height: 1.647;
	margin-bottom: 20px;
	min-height: 250px;
	position: relative;
}
#article-copy a {
	color: #2b6587;
}
#article-copy img {
	max-width: 540px;
}
#article-copy ul {
	list-style: disc outside none;
	margin: 0 0 20px 20px;
}#article-copy ol {
	list-style: decimal outside none;
	margin: 0 0 20px 20px;
}
#article-copy li {
	line-height: 1.647;
}
#article-copy blockquote {
	border-left: 5px solid #ddd;
	color: #777;
	margin-left: 10px;
	padding-left: 10px;
}
#article-copy blockquote p {
	margin-bottom: 10px;
}
/* Article Pagination
   ========================================================================== */
.article-pagination {
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 400;
	margin: 45px 0 15px;
}
.article-pagination .subject {
	display: inline;
	float: left;
	margin-right: 3px;
	text-transform: uppercase;
}
.article-pagination ul {
}
.article-pagination li {
	margin-right: 5px;
}
#article-copy .article-pagination li a {
	color: #2b6587;
	display: block;
	line-height: 29px;
	padding: 0 3px;
	text-decoration: none;
}
#article-copy .article-pagination li a:hover,
#article-copy .article-pagination li a.current {
	background-color: #2b6587;
	color: #ffffff;
}
#article-copy .article-pagination li a .ss-icon {
	position: relative;
	top: 2px;
}

/* Article Sharing Bar
   ========================================================================== */

.article-view #article-copy .fixedbar {
	left: -80px;
	position: absolute;
	top: 3px;
	z-index: 9999;
}
.article-view #article-copy .sticky {
	position: fixed;
	top: 0;
}
.fixedbar #toolbar-sharing {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
#toolbar-sharing li {
	color: #ffffff;
	font-size: 24px;
	line-height: 65px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#toolbar-sharing a {
	color: #ffffff;
	display: block;
	height: 60px;
	width: 60px;
}
#toolbar-sharing .facebook {
	background-color: #3a7ea2;
}
#toolbar-sharing .facebook:hover {
	background-color: #4494bd;
}
#toolbar-sharing .twitter {
	background-color: #55c5ef;
}
#toolbar-sharing .twitter:hover {
	background-color: #69d7ff;
}
#toolbar-sharing .email {
	background-color: #444444;
  height: 60px;
}
#toolbar-sharing .email:hover {
	background-color: #5e5e5e;
}
#toolbar-sharing .comments {
	background-color: #2b6587;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
}
#toolbar-sharing .comments span {
	display: block;
	font-size: 19px;
	padding-top: 10px;
}
#toolbar-sharing .comments span.fb_comments_count {
	padding-top: 0;
}
#toolbar-sharing a:hover {
	background-color: #000000;
	text-decoration: none;
}

#toolbar-sharing .email .st_sharethis_custom { padding: 10px; background: none; cursor: pointer; }

/* Article Countdown
   ========================================================================== */

#article-countdown {
	margin-bottom: 60px;
	position: relative;
}

#article-countdown .img-wrap {
	height: 465px;
	text-align: center;
}

#countdown-slideshow {
	/* 620x349 = 16:9 aspect ratio */
	height: 800px;
	overflow: hidden;
	position: relative;
	width: 620px;
}
#countdown-slideshow li .caption {
	background: rgba(0,0,0,.5);
	bottom: 355px;
	line-height: 30px;
	padding: 10px 20px;
	position: absolute;
	width: 580px;
}

#countdown-slideshow li .caption strong {
	font-size: 16px;
}

#countdown-slideshow li .caption em {
	float: right;
	font-size: 12px;
}

.lt-ie9 #countdown-slideshow li .caption {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E61A1A1A,endColorstr=#E61A1A1A);
}
#countdown-slideshow li .caption p {
	margin: 0;
}
#countdown-slideshow .slideshow {
	height: 820px;
}
#countdown-slideshow .controls,
#countdown-slideshow .controls a {
	color: #ffffff;
}
#countdown-slideshow .controls a:hover {
	text-decoration: none;
}
#countdown-slideshow .controls .ss-icon {
	font-size: 18px;
}
#countdown-slideshow .controls .arrow a,
#countdown-slideshow .controls .expand,
#countdown-slideshow .controls .likes {
	position: absolute;
}

#countdown-slideshow .arrow {
	height: 120px;
	top: 175px;
}

#countdown-slideshow .arrow a,
#countdown-gallery .arrow a {
	background-color: rgba(0, 0, 0, 0.70);
	display: block;
	height: 120px;
	line-height: 120px;
	margin: 0;
	text-align: center;
	top: 115px;
	width: 45px;
	text-decoration: none;
}

.lt-ie9 #countdown-slideshow .arrow a {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E61A1A1A,endColorstr=#E61A1A1A);
}

#countdown-slideshow .arrow a {
	font-size: 23px;
}

#countdown-gallery .arrow a {
	background-color: #2b6587;
	height: 94px;
	line-height: 94px;
	width: 18px;
}
#countdown-slideshow .arrow span,
#countdown-gallery .arrow span {
	visibility: visible;
}

#countdown-gallery .arrow {
	opacity: 0;
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-o-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
}

#countdown-gallery .anythingSlider-hovered .arrow {
	opacity: 1;
}

#countdown-slideshow .back {
	left: 0;
}
#countdown-gallery .back {
	top: 0;
	left: -20px;
}
#countdown-slideshow .forward {
	right: 0;
}
#countdown-gallery .forward {
	top: 0;
	right: -12px;
}
#countdown-slideshow .expand {
	bottom: 15px;
	font-size: 18px;
	left: 20px;
}
#countdown-slideshow .likes {
	bottom: 9px;
	font-size: 14px;
	line-height: 18px;
	right: 18px;
}
#countdown-slideshow .likes .ss-icon {
	position: relative;
}
#countdown-slideshow .like {
	border-left: 1px solid #ffffff;
	margin: 0 10px;
	padding: 0 0 0 15px;
	top: 0;
}
#countdown-slideshow .dislike {
	top: 7px;
}
#article-countdown .content {
	padding: 30px 20px;
}
#article-countdown .counter {
	display: inline;
	float: left;
	width: 120px;
}
#article-countdown .circle {
	background-color: #2b6587;
	color: #ffffff;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 30px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	width: 96px;
	/* Rounded Borders */
	border-radius: 48px;
	-webkit-border-radius: 48px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#article-countdown #article-copy {
	display: inline;
	float: left;
	width: 460px;
}
#article-countdown h2 {
	margin-bottom: 5px;
	text-transform: none;
}
/* Horizontal version of Sharing Toolbar */
#article-countdown .simple-share #toolbar-sharing {
	/*margin: 0 0 20px 100px;*/
	left: 75px;
	overflow: hidden;
	position: absolute;
	top: 430px;
}
.simple-share #toolbar-sharing li {
	display: inline;
	float: left;
	font-size: 16px;
	line-height: normal;
}
.simple-share #toolbar-sharing a {
	background: none;
	height: auto;
	width: 35px;
}
.simple-share #toolbar-sharing a:hover {
	background: none;
}
.simple-share #toolbar-sharing .comments {
	display: none;
}
.simple-share #toolbar-sharing .email { height: 20px; background: none; }

#article-countdown .countdown-gallery-wrap {
	background: #191919;
	border-top: 1px solid #414242;
	padding: 40px 20px;
}


#countdown-gallery {
	clear: both;
	height: 115px;
}
#countdown-gallery ol,
#countdown-gallery ul {
	width: 147px;
	height: 115px;
	list-style: none;
	margin: 0;
	overflow: hidden;
}
#countdown-gallery li {
	margin: 0;
	position: relative;
	width: 147px;
}
#countdown-gallery li:hover {
	cursor: pointer;
}
#countdown-gallery img {
	border: 2px solid #ffffff;
	height: 90px;
	margin-bottom: 5px;
	width: 135px;
}
#article-countdown .overlay {
	display: block;
	height: 90px;
	left: 2px;
	position: absolute;
	top: 2px;
	width: 135px;
}
#article-countdown .overlay:hover,
#article-countdown .selected {
	text-decoration: none;
}
#article-countdown li:hover .overlay,
#article-countdown li .selected {
	background: none;
}

#countdown-gallery .title {
	font-size: 13px;
	line-height: 1.5;
}

#article-countdown .overlay .circle {
	text-shadow: 0 0 10px #000;
	background-color: rgba(0,0,0,.25);
	color: #ffffff;
	display: block;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 30px;
	height: 100%;
	line-height: 90px;
	margin: 0;
	text-align: center;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.lt-ie9 #article-countdown .overlay .circle {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E21A1A1A,endColorstr=#E21A1A1A);
}

#article-countdown li:hover .overlay .circle,
#article-countdown li .selected .circle {
	opacity: 0;
}

.lt-ie9 #article-countdown li:hover .overlay .circle,
.lt-ie9 #article-countdown li .selected .circle {
	display: none;
}

/* Article Footer
   ========================================================================== */

.article-view article footer {
	border-top: 1px solid #d8d8d8;
	clear: both;
}
.article-view article footer h3 {
	font-size: 15px;
	margin: 0;
	text-transform: none;
}

/* Article Author Module
   ========================================================================== */

.article-view #author-module {
	clear: both;
	display: inline;
	float: left;
	margin-bottom: 30px;
	margin-top: -10px;
}
#author-module .headshot,
#author-module .details,
#author-module .articles {
	display: inline;
	float: left;
	padding-top: 35px;
}
#author-module .headshot {
	margin-top: 5px;
	width: 115px;
}
.headshot.reporter .img-frame {
	margin: 0;
}
#author-module .headshot img {
	width: 95px;
}
#author-module .details {
	border-right: 1px solid #d8d8d8;
	margin-left: -1px;
	width: 195px;
}
#author-module .details .title {
	font-family: roboto slab;
	font-weight: 400;
	font-size: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#author-module .details .social {
	margin-bottom: 12px;
}
#author-module .details .social li {
	border-left: 1px solid #444444;
	line-height: 1;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
}
#author-module .details .social li:first-child {
	border: none;
	margin-left: 0;
	padding-left: 0;
}
#author-module .details .social a {
	color: #2b6587;
}
#author-module .button {
	background: #2b6587;
	color: #ffffff;
	display: block;
	font-size: 10px;
	line-height: 2;
	text-transform: uppercase;
	width: 70px;
}
#author-module .articles {
	margin-left: 30px;
	width: 280px;
}
#author-module .articles h3 {
	margin-bottom: 0.5em;
}
#author-module .articles ul {
	margin: 0;
}
#author-module .articles li,
#author-module .articles a {
	color: #2b6587;
}

/* Article Nav
   ========================================================================== */

.article-view #article-nav {
	clear: both;
	color: #ffffff;
	font-family: roboto slab;
	font-weight: 400;
	font-size: 15px;
	height: 96px;
	margin-bottom: 30px;
	overflow: hidden;
}
#article-nav a {
	text-decoration: none;
}
/* Not used
#article-nav a .ss-icon {
	background-color: #2b6587;
	display: block;
	font-size: 23px;
	height: 96px;
	line-height: 101px;
	text-align: center;
	width: 46px;
}*/
#article-nav ul {
	margin: 0;
}
#article-nav li {
	height: 96px;
	width: 310px;
}
#article-nav li:first-child {
	border: none;
}
#article-nav .title {
	display: block;
	height: 42px; /* 2 lines */
	margin: 27px 0;
	overflow: hidden;
	padding: 0;
}
#article-nav .prev {
	padding-left: 30px;
	padding-right: 30px;
}
#article-nav .next {
	border-left: 1px solid #646260;
	padding-left: 30px;
	padding-right: 30px;
}

/***** Hover State *****/
#article-nav li:hover {
	background-color: #000000;
}

/* Article Comments Module
   ========================================================================== */

.article-view #comments-module {
	border-top: 1px solid #d8d8d8;
	clear: both;
	margin-bottom: 40px;
	padding-top: 30px;
}
#comments-module .header {
	font-family: roboto slab;
	font-weight: 400;
}
#comments-module .header .count {
	background: #2b6587;
	color: #ffffff;
	display: inline;
	float: left;
	font-size: 36px;
	font-weight: 300;
	line-height: 60px;
	margin-right: 20px;
	padding: 6px 10px 0;
}
#comments-module .header h2 {
	line-height: 36px;
	margin: 0;
	padding: 0;
}
#comments-module .header p {
	font-size: 14px;
	text-transform: uppercase;
}
#comments-module .header a {
	color: #2b6587;
}

/* end ARTICLE VIEW
   ========================================================================== */


/* ==========================================================================
   ARTICLE SIDEBAR
   ========================================================================== */

#sidebar {
}
#sidebar .module {
	margin-bottom: 20px;
}
.sectionfront #sidebar .module {
	margin-bottom: 0;
  clear: both;
}
#sidebar .module > .content {
	padding: 20px;
	position: relative;
}
#sidebar .module h2 {
	border-bottom: 1px solid #646260;
	margin-top: -4px;
	padding-bottom: 15px;
}

/***** SIDEBAR MODULES *****/

/***** Related Articles *****/
#related-articles {
/* See tabs.css */
}

/* If no tabs, use H2 */
#sidebar #related-articles.module h2 {
  border-bottom: 1px dotted #646260;
  margin-bottom: 0;
}
#related-articles .listing li {
  border-color: #737373;
}
#related-articles .listing li a {
  padding: 12px 0 10px;
  text-decoration: none;
}
#related-articles .listing li a:hover {
  background-color: transparent;
  text-decoration: underline;
}

#sidebar .related-articles.module h2 {
  border-bottom: 1px dotted #646260;
  margin-bottom: 0;
}
.tabs-related .listing li {
  border-color: #737373;
}
.tabs-related .listing li a {
  padding: 12px 0 10px;
  text-decoration: none;
}
.tabs-related .listing li a:hover {
  background-color: transparent;
  text-decoration: underline;
}

/* If no tabs, use H2 */
#sidebar #related-articles.module h2 {
	border-bottom: 1px dotted #646260;
	margin-bottom: 0;
}
#related-articles .listing li {
	border-color: #737373;
}
#related-articles .listing li a {
	padding: 12px 0 10px;
	text-decoration: none;
}
#related-articles .listing li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

/***** Social Connections *****/
#social-connect {
  background-color: #333333;
}
#social-connect .content {
	padding: 15px 20px 20px;
}

/***** Polls *****/
.poll {
	font-family: roboto slab;
	font-weight: 400;
}
.poll h2 {
	position: relative;
}
.poll .question {
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 20px;
}
.poll .answers {
	margin: 0 0 20px;
}
.poll .answers li {
	margin-left: 50px;
}
.poll .answers label {
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	text-transform: uppercase;
}
.poll .button {
	line-height: 70px;
	width: 260px;
}
.poll .results-button {
	color: #f46639 !important;
	font-size: 15px;
	font-weight: 700;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	top: 20px;
}
.choice_list .fi-checkbox,
.choice_list .fi-radio,
.choice .fi-checkbox,
.choice .fi-radio {
		background:#ddd;
		border:1px solid #ccc;
}
.choice_list li {
	list-style: none;
	margin-bottom:20px;
}

/***** Poll Results *****/
.polls .poll-results .choice .choice_title {
	text-indent: 7px;
}

/* end ARTICLE SIDEBAR
   ========================================================================== */

/* ==========================================================================
   POLL RESULTS PAGE
   ========================================================================== */

.poll-page {
}
.poll-page hgroup {
	border-bottom: 1px solid #D8D8D8;
	margin: 0 0 30px;
	padding: 0 0 20px;
}
.poll-page h1 {
	font-size: 33px;
	line-height: 48px;
	margin: 0;
	padding: 0;
	text-transform: none;
}
.poll-page h3 {
	margin-bottom: 5px;
}
.poll-page .orange-link {
	color: #f46639;
	float: right;
	font-family: 'roboto slab';
	font-size: 15px;
	font-weight: 700;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	bottom: 0;
}
.poll-page .orange.small {
	width: auto;
	float:left;
	padding: 5px 10px;
}
.poll-form{
	position: relative;
}
.poll-form label {
	font-family: 'roboto slab';
	font-size: 15px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	cursor: pointer;
}
.poll-page .sub{
	color: #A1A1A1;
	display: inline;
	font-family: roboto slab;
	font-size: 12px;
	font-weight: 400;
}
.poll-page .closed, .poll-page .open {
	margin-right: 20px;
}
.poll-page .closed {
	color: #ff0000;
	margin-left: 10px;
	width: 81px;
}
.poll-page .related-articles{
	width: 500px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	float: left;
}
.poll-page .votes{
	width: auto;
	top: -5px;
	position: relative;
	float: right;
}
.poll-page .votes .count {
	background-color: #2b6587;
	color: #FFFFFF;
	display: inline-block;
	height: 22px;
	margin-left: 5px;
	padding: 5px 15px;
	position: relative;
	text-align: center;
	top: 0;
	width: auto;
	font-weight: bold;
}
.poll-page .clearleft{
	clear: left;
}
.poll-page .flatpage-content .content{
	position: relative;
}
/***** POLL RESULTS *****/
.poll-results {
	margin-bottom: 30px;
	position: relative;
}
.poll-results p {
}
.poll-results .choice {
	background-color: #232323;
	color: #ffffff;
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 300;
	height: 70px;
	margin-bottom: 2px;
	position: relative;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	width: 100%;
}
.poll-results .choice .choice_title {
	font-size: 28px;
	font-weight: 300;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: 20px;
	top: 8px;
	width: 98%;
	z-index: 1;
}
.ss-check:before{
	color:green;
}
.poll-results .choice .percent {
	display: block;
	font-size: 15px;
	font-weight: 400;
}
.poll-results .choice .total {
	font-size: 12px;
	font-weight: bold;

/*	position: absolute;
*/}
.poll-results .choice .bar {
	background-color: #2b6587;
	display: block;
	height: 70px;
	position: absolute;
}

/***** POLL TOOLS *****/
.poll-tools {
	border-bottom: 1px solid #D8D8D8;
	margin: 0 0 30px;
	padding: 0 0 10px;
}
/* Button Links */
.poll-tools .button-links {
	display: inline;
	float: left;
	margin: 0 0 20px;
}
.poll-tools .button-links li {
	margin-left: 10px;
}
.poll-tools .button-links li:first-child {
	margin-left: 0;
}
.poll-tools .button-links .button {
	width: 170px;
}

/* Social Links */
.poll-tools .social-links {
	display: inline;
	float: right;
	margin-top: 10px;
}
.poll-tools .social-links li {
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 700;
	margin-left: 15px;
	text-transform: uppercase;
}
.poll-tools .social-links li:first-child {
	margin-left: 0;
}
.poll-tools .social-links li a:hover {
	opacity: 0.5;
}

/* end POLL RESULTS PAGE
   ========================================================================== */

/* ==========================================================================
   POLLS ARCHIVE PAGE
   ========================================================================== */

.poll-archive {
}
.poll-archive .polls-wrap {
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 50px;
}
.poll-archive .row {
	border-top: 1px solid #d8d8d8;
	clear: both;
	margin: 0;
	padding: 20px 0;
}
.poll-archive .poll-cta {
}
.poll-archive .poll-cta .button {
	line-height: 47px;
	width: 140px;
}
.poll-archive .poll-cta .button {
}
.poll-archive .poll-topic {
	font-family: roboto slab;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	padding-top: 10px;
}
.poll-archive .poll-closed {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
.poll-archive .poll-closed a {
	color: #2b6587;
}
.poll-archive .poll-date {
	font-size: 13px;
	padding-top: 12px;
}

/* end POLLS ARCHIVE PAGE
   ========================================================================== */

/* ==========================================================================
STORY ARCHIVE DAY PAGE
========================================================================== */
.story_archive_day .story_list { margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px solid #ccc; clear: both; }
.story_archive_day .story_list  h4 { font-size: 22px; margin: 10px 0; }
.story_archive_day .story_list p { margin: 0 0 10px 0; }
.story_archive_day ul.footer { clear: both; display: inline-block; margin: 0; }
.story_archive_day ul.footer li { float: left; border-left: 1px solid #ddd; padding: 2px 5px; list-style: none; color: #999; }
.story_archive_day ul.footer li:first-child { border-left: none; }


/* end STORY ARCHIVE DAY PAGE
========================================================================== */


   /* ==========================================================================
   EVENTS PAGE
   ========================================================================== */
.events ul.inline_list { clear: both; margin-bottom: 10px; display: block; }
.events p.pagination { display: block; clear: both; width: 620px; }
.events p.pagination a { padding: 5px 10px; display: inline-block; }
.events p.pagination a.previous { float: left; display: inline-block; padding: 5px 10px; background: #eee; margin: 5px 0; border-radius: 5px; border: 1px solid #ddd; }
.events p.pagination a:hover.previous { background: #ddd; }
.events p.pagination a.next { float: right; display: inline-block; padding: 5px 10px; background: #eee; margin: 5px 0; border-radius: 5px; border: 1px solid #ddd; }
.events p.pagination a:hover.next { background: #ddd; }
.events ul.inline_list li { padding: 5px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; }
.events table.event_list { width: 100%; background: #f1f1f1; }
.events table.event_list tr { border-bottom: 1px solid #ccc; }
.events table.event_list td { padding: 5px; }
.events h3.divider { margin: 10px 0 0 0; border-bottom: 3px solid #2b6587;  }
.events h3.divider a { background: #2b6587; padding: 10px 20px; color: #fff; display: inline-block; }
.events table.event_list td.title h4 { margin: 0;}
.events table.event_list td.title h5 { margin: 0; font-weight: normal; font-size: 10px; }

   /* end EVENTS PAGE
   ========================================================================== */

/**************************************************
	BVALIDATOR ERRORS
**************************************************/

/* invalid input */
.bvalidator_invalid{
	background-color: #FFFFAE;
}

/* error message */
.bvalidator_errmsg {
	background-color: red;
	font-size:10px;
	border:1px solid #999;
	color:#FFF;
	display:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	white-space:nowrap;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}
.bvalidator_errmsg span {
	display: none;
}

/* close icon */
.bvalidator_errmsg .bvalidator_close_icon {
	margin-left: 5px;
	margin-top: -2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#F96;
	cursor:pointer;
}

/* arrow */
.bvalidator_errmsg em {
	display:block;
	border-color: #333 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	height: 0;
	width: 0;
	position:absolute;
	bottom:-10px;
	left:5px;
}



/* ==========================================================================
   FLAT PAGES
   ========================================================================== */

.flatpage-content {
	padding-bottom: 40px;
}
.flatpage-content ol,
.flatpage-content ul {
	margin-bottom: 20px;
	margin-left: 20px;
}
.flatpage-content ol {
	list-style: decimal;
}
.flatpage-content ul {
	list-style: disc;
}

/***** SOCIAL SHARE ***/
/* Button Links */
.flatpage-content .button-links {
	display: inline;
	float: left;
	margin: 0 0 20px;
}
.flatpage-content .button-links li {
	margin-left: 10px;
}
.flatpage-content .button-links li:first-child {
	margin-left: 0;
}
.flatpage-content .button-links .button {
	width: 170px;
}

/* Social Links */
.flatpage-content .social-links {
	display: inline;
	float: right;
	/*margin-top: 10px;*/
}
.flatpage-content .social-links li {
	font-family: roboto slab;
	font-size: 18px;
	font-weight: 700;
	margin-left: 15px;
	text-transform: uppercase;
}
.flatpage-content .social-links li:first-child {
	margin-left: 0;
}
.flatpage-content .social-links li a:hover {
	opacity: 0.5;
}

/***** FORMS *****/
.flatpage-content .form-row {
	float: left;
	width: 310px;
	margin-bottom: 10px;
}
.flatpage-content .form-row {
	float: left;
	width: 310px;
	margin-bottom: 10px;
}

.flatpage-content .form-row.email_type,
.flatpage-content .form-row.read_mobile_device,
.flatpage-content .form-row.sdut_subscriber {
	margin-bottom: 20px;
}
.flatpage-content .form-row.email_type,
.flatpage-content .form-row.sdut_subscriber {
	clear: both;
}
.flatpage-content .form-row.sdut_subscriber {
	width: 610px;
}

.flatpage-content .form-row label {
	font-size: 16px;
	font-family: roboto slab;
}
.flatpage-content .form-row input[type="text"] {
	background: #ddd;
	width: 260px;
	padding: 6px 10px;
}
.flatpage-content .form-row .fi-select {
	width: 278px;
}
.flatpage-content .submit-row input[type="submit"] {
	width: 280px;
	margin-top: 20px;
}

/***** HOROSCOPE *****/
/*.sectionfront.horoscope {
}
.sectionfront.horoscope .fi-select {
	margin-bottom: 10px;
}
.sectionfront.horoscope .widget-wrap {
	margin-bottom: 30px;
}
.sectionfront.horoscope TD.AZ09 + td {
	padding-top: 20px;
	vertical-align: top;
}*/

/***** SURF REPORT *****/
/*.sectionfront.surf {
}
.sectionfront.surf .surfline {
	margin-bottom: 30px;
}
*/
/***** TRAFFIC *****/
/*.sectionfront.traffic {
}
*/
/***** WEATHER *****/
/*.sectionfront.weather {
}

.sectionfront.gas-prices {
}

.sectionfront.lottery {
}

.sectionfront.sudoku {
}

.sectionfront.advertise {
}

.sectionfront.page-lost {
}*/


/* end FLAT PAGES
   ========================================================================== */

/*** SOCIAL - TWITTER FACEBOOK ***/
.social-block {
	border-top: 1px solid #cacaca;
	padding-top: 20px;
}

.facebook-widget h2,
.twitter-widget h2 {
	border-bottom: 1px solid #cacaca;
	margin: 0;
	padding-bottom: 20px;
}

.twitter-widget h2 {
	margin-bottom: 20px;
}

.facebook-widget .fb-wrap {
	position: relative;
}

.facebook-widget .fb-wrap .fb-border {
	border: 1px solid #fff;
	overflow: hidden;
}

.facebook-widget iframe {
	height: 193px;
	margin: -1px;
}

.twitter-widget .tweet_time,
.twitter-widget .tweet_join {
	display: none;
}

.twitter-widget li {
	margin-bottom: 25px;
}

.twitter-widget a {
	color: #2b6587;
}

.social-block .ad300x250 {
	margin: 50px 0 20px;
}

/***** HIGH SCHOOL SPORTS Module *****/

/*.high-school-sports .content {
    border: 1px solid #C2C1C0;
    padding: 20px 20px 0 20px;
}
.high-school-sports h2 {
    border-bottom: 1px solid #C8C3C0;
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 15px;
    padding-bottom: 15px;
}

.high-school-sports ul {
	color: #fc6942;
	float: left;
	font-family: Helvetica, Arial;
	font-size: 13px;
	width: 149px;
}
.high-school-sports ul a {
	color: #fc6942;
}*/

/***** WELCOME LANDING *****/
/*.welcome h1 {
	color: #444;
	font-size: 59px;
	font-weight: 100;
	text-transform: none;
	margin-top: 50px;
}
.welcome h1 span {
	font-weight: 700;
}

.welcome .title-section h2 {
	color: #a4a4a4;
	font-size: 28px;
	line-height: 36px;
	font-weight: 300;
	text-transform: none;
	border-top: 1px solid #a4a4a4;
	padding-top: 20px;
}
.welcome .title-section p {
	line-height: 29px;
	font-size: 18px;
	width: 435px;
}

.welcome .ipad {
	background: url("../images/ipad-welcome.png") no-repeat 0 0;
	height: 607px;
	width: 440px;
	margin-bottom: 40px;
}

.welcome hr {
    border-top: 3px solid #a4a4a4;
    position: absolute;
    top: 162px;
}
.welcome .title-section hr.break {
	border-top: 3px solid #a4a4a4;
}
.welcome .title-section hr.first {
	margin-left: 0px;
	margin-right: 12px;
}

.welcome .title-section h4 {
    color: #a4a4a4;
	font-size: 18px;
	font-family: roboto slab !important;
    margin-top: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
	font-weight: 400;
    z-index: 1;
}
.welcome .title-section h4:before {
    border-top: 1px solid #a4a4a4;
    content:"";
	margin: 0 auto;
    position: absolute;
    top: 9px; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}
.welcome .title-section h4 span {
	background: #fcfcfc;
	padding: 0 10px;
}
.welcome .highlight-social {
	background: url("../images/bg-highlight-social.png") no-repeat 0 0;
	height: 219px;
	margin-top: 25px;
	width: 700px;
	position: relative;
}
.welcome .highlight-social span {
	background: url("../images/bg-highlight-social-rollover.png") no-repeat 0 0;
	height: 219px;
	width: 700px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
    -webkit-transition: opacity 1.0s;
    -moz-transition:    opacity 1.0s;
    -o-transition:      opacity 1.0s;
}
.welcome .highlight-social span:hover {
	opacity: 1;
}
.welcome .highlight-social p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 45px 0 0 250px;
}
.welcome .highlight-social p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-left: 250px;
	margin-top:-8px;
}
.welcome .highlight-comment {
	background: url("../images/bg-highlight-comment.png") no-repeat 0 0;
	height: 218px;
	margin-top: -45px;
	width: 700px;
	position: relative
}
.welcome .highlight-comment span {
	background: url("../images/bg-highlight-comment-rollover.png") no-repeat 0 0;
	height: 218px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
	width: 700px;
}
.welcome .highlight-comment span:hover {
	opacity: 1;
}
.welcome .highlight-comment p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 45px 250px 0 0;
	text-align: right;
}
.welcome .highlight-comment p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-right: 250px;
	margin-top:-8px;
	text-align: right;
}
.welcome .highlight-images {
	background: url("../images/bg-highlight-images.png") no-repeat 0 0;
	height: 218px;
	margin-top: -45px;
	position: relative;
	width: 700px;
}
.welcome .highlight-images span {
	background: url("../images/bg-highlight-images-rollover.png") no-repeat 0 0;
	height: 218px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
	width: 700px;
}
.welcome .highlight-images span:hover {
	opacity: 1;
}
.welcome .highlight-images p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 42px 0 0 250px;
}
.welcome .highlight-images p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-left: 250px;
	margin-top:-8px;
}
.welcome .highlight-articles {
	background: url("../images/bg-highlight-articles.png") no-repeat 0 0;
	height: 217px;
	margin-bottom: 30px;
	margin-top: -45px;
	position: relative;
	width: 700px;
}
.welcome .highlight-articles span {
	background: url("../images/bg-highlight-articles-rollover.png") no-repeat 0 0;
	height: 217px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
	width: 700px;
}
.welcome .highlight-articles span:hover {
	opacity: 1;
}
.welcome .highlight-articles p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 58px 250px 0 0;
	text-align: right;
}
.welcome .highlight-articles p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-right: 250px;
	margin-top: -8px;
	text-align: right;
}
.welcome .highlight-new-articles {
	background: url("../images/bg-highlight-new-articles.png") no-repeat 0 0;
	height: 220px;
	position: relative;
	width: 700px;
}
.welcome .highlight-new-articles span {
	background: url("../images/bg-highlight-new-articles-rollover.png") no-repeat 0 0;
	height: 220px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
	width: 700px;
}
.welcome .highlight-new-articles span:hover {
	opacity: 1;
}
.welcome .highlight-new-articles p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 45px 0 0 250px;
}
.welcome .highlight-new-articles p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-left: 250px;
}
.welcome .highlight-nav {
	background: url("../images/bg-highlight-nav.png") no-repeat 0 0;
	height: 219px;
	margin-top: -45px;
	position: relative;
	width: 700px;
}
.welcome .highlight-nav span {
	background: url("../images/bg-highlight-nav-rollover.png") no-repeat 0 0;
	height: 219px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
	width: 700px;
}
.welcome .highlight-nav span:hover {
	opacity: 1;
}
.welcome .highlight-nav p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 45px 250px 0 0;
	text-align: right;
}
.welcome .highlight-nav p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-right: 250px;
	text-align: right;
}
.welcome .highlight-photos {
	background: url("../images/bg-highlight-photo.png") no-repeat 0 0 #fcfcfc;
	height: 221px;
	margin-top: -45px;
	position: relative;
	width: 700px;
}
.welcome .highlight-photos span {
	background: url("../images/bg-highlight-photo-rollover.png") no-repeat 0 0;
	height: 221px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
	width: 700px;
}
.welcome .highlight-photos span:hover {
	opacity: 1;
}
.welcome .highlight-photos p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 58px 0 0 250px;
}
.welcome .highlight-photos p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-left: 250px;
}
.welcome .highlight-mobile {
	background: url("../images/bg-highlight-mobile.png") no-repeat 0 0;
	height: 221px;
	margin-bottom: 30px;
	margin-top: -45px;
	position: relative;
	width: 700px;
}
.welcome .highlight-mobile span {
	background: url("../images/bg-highlight-mobile-rollover.png") no-repeat 0 0;
	height: 221px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
	width: 700px;
}
.welcome .highlight-mobile span:hover {
	opacity: 1;
}
.welcome .highlight-mobile p.title {
	color: #444;
	font-size: 28px;
	font-family: roboto slab;
	font-weight: 100;
	padding: 58px 250px 0 0;
	text-align: right;
}
.welcome .highlight-mobile p.sub-title {
	font-size: 15px;
	line-height: 22px;
	margin-right: 250px;
	text-align: right;
}
#middlebar {
	clear: both;
	line-height: 1;
}
*/
/* end WELCOME LANDING
   ========================================================================== */




/*** EMAIL SUBSCRIPTION POPUP ***/
#modal-email-subscription .content {
	padding: 30px;
}

.modal .modal-close {
	cursor: pointer;
	float: right;
	font-size: 16px;
	font-weight: 700;
	margin-top: 8px;
}

.modal .modal-close .ss-icon {
	vertical-align: middle;
}

#modal-email-subscription h2 {
	border-bottom: 1px solid #7a7a7a;
	font-weight: 700;
	margin: 0;
	padding: 0 0 25px;
}

#modal-email-subscription h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
}

#modal-email-subscription h2 .ss-icon {
	font-size: 30px;
	margin-right: 15px;
	vertical-align: middle;
}

#modal-email-subscription form {
	margin: 0;
}

#modal-email-subscription form > .column {
	padding: 30px 0 0 30px;
	width: 469px;
}

#modal-email-subscription form > .column:first-child {
	border-right: 1px solid #7a7a7a;
	padding: 30px 30px 0 0;
	width: 350px;
}

#modal-email-subscription form > .column:first-child p {
	font-size: 15px;
}

#modal-email-subscription form > .column:first-child p.highlight {
	font-family: roboto slab;
	font-size: 31px;
	font-weight: 300;
	line-height: 1.4em;
}

#modal-email-subscription form input[type="text"] {
	margin-bottom: 15px;
	padding: 12px 16px;
	width: 138px;
}

#modal-email-subscription form .column .section {
	border-top: 1px solid #7a7a7a;
	padding-top: 30px;
}

#modal-email-subscription form .column .section .column {
	width: 170px;
}

#modal-email-subscription form .fi-select,
#modal-email-subscription form select {
	margin-bottom: 25px;
	width: 348px;
}

#modal-email-subscription form label,
#modal-email-subscription form .fi-checkbox {
	line-height: normal;
	vertical-align: middle;
}

#modal-email-subscription form > .column:first-child .section .fi-checkbox {
	margin-bottom: 30px;
}

#modal-email-subscription form input[type="submit"] {
	clear: both;
	display: block;
	height: 45px;
	margin-bottom: 25px;
	margin-top: 25px;
	width: 168px;

}

#modal-email-subscription form > .column:first-child p.note {
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	margin: 0;
}

#modal-email-subscription .packages .alpha {
	width: 55px;
}

#modal-email-subscription .packages .omega {
	width: 346px;
}

#modal-email-subscription .packages label {
	font-family: roboto slab;
	font-size: 15px;
	line-height: normal;
}

#modal-email-subscription .packages .ss-icon {
	line-height: normal;
}

#modal-email-subscription .packages .cash {
	font-size: 52px;
}

#modal-email-subscription .packages .ticket {
	font-size: 55px;
}

#modal-email-subscription .packages .newspaper {
	font-size: 43px;
}

#modal-email-subscription .packages .fi-checkbox {
	margin-top: 3px;
}

#modal-email-subscription .options-offers li {
	margin-bottom: 25px;
	padding-left: 22px;
	width: 400px;
}

#modal-email-subscription .options-offers li .fi-checkbox {
	margin-left: -22px;
}

#modal-email-subscription .options-offers li a {
	color: #2b6587;
}


/* ==========================================================================
   MARKETING ADS
   ========================================================================== */

.subscription-box {
	background-color: #404040;
	color: #ffffff;
	width: 300px;
}

.subscription-box .content {
	padding: 20px;
}

.subscription-box h3 {
	border-bottom: 1px solid #707070;
	color: #ffffff !important;
	line-height: 18px !important;
	margin-bottom: 15px !important;
	padding-bottom: 10px !important;
}

.subscription-box h4 {
	color: #ffffff;
	font-family: roboto slab;
	font-weight: 300;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 30px;
}

.subscription-ad-small,
.subscription-email-ad-small {
	height: 250px;
}


/***** FORM#SUBSCRIPTION-OPTIONS *****/

form#subscription-options {
	margin-bottom: 0;
}

form#subscription-options fieldset {
	margin-bottom: 5px;
}

#subscription-options ul {
	margin-bottom: 0;
}

#subscription-options li {
	color: #ffffff;
	font-size: 13px;
	line-height: 18px;
}

#subscription-options .icons {
	display: inline;
	float: right;
	font-size: 24px;
	line-height: 1;
	margin-left: 10px;
	margin-top: 10px;
}

#subscription-options label {
	cursor: pointer;
	margin-bottom: 5px;
	margin-left: 25px;
}

#subscription-options .fi-radio {
	top: 2px;
}

#subscription-options .button {
	font-size: 13px;
	height: 31px;
	line-height: 31px;
	padding: 0;
	text-transform: uppercase;
	width: 108px;
}

/***** OVERRIDES FOR LARGE ADS *****/

.subscription-ad-large,
.subscription-email-ad-large {
	height: 462px;
}

.subscription-ad-large h3 {
	background-image: url("../images/icon-subscription-options.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 72px 54px;
	font-size: 25px !important;
	font-weight: 300 !important;
	line-height: 30px !important;
	margin: 5px 0 25px !important;
	padding: 0 0 15px 90px !important;
	text-transform: none !important;
}

.subscription-ad-large h3 span {
	font-weight: 500;
}

.subscription-ad-large #subscription-options fieldset {
	margin-bottom: 5px;
}

.subscription-ad-large #subscription-options li {
	margin-bottom: 15px;
}

.subscription-ad-large #subscription-options .button {
	font-size: 18px;
	height: 71px;
	line-height: 71px;
	padding: 0;
	text-transform: uppercase;
	width: 258px;
}

/***** SUBSCRIPTION-EMAIL-AD-SMALL *****/

.subscription-email-ad-small h3 {
	margin-bottom: 20px !important;
	padding-bottom: 15px !important;
	padding-left: 60px;
	font-size: 15px !important;
	text-transform: uppercase !important;
}

.subscription-email-ad-small h3 .ss-icon {
	display: block;
	float: left;
	font-size: 42px;
	margin-left: -60px;
	position: relative;
	top: 13px;
}

/***** FORM#SUBSCRIPTION-EMAIL-OPTIONS *****/

form#subscription-email-options {
	margin-bottom: 0;
}

#subscription-email-options input[type="text"],
#subscription-email-options input[type="email"] {
	padding: 7px 10px;
	width: 240px;
}

#subscription-email-options input.half {
	width: 103px;
}

#subscription-email-options input.half + input.half {
	margin-left: 10px;
}

.subscription-email-ad-small fieldset {
	margin-bottom: 10px;
}

.subscription-email-ad-small .button {
	font-size: 13px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	width: 123px;
}

/***** OVERRIDES FOR LARGE EMAIL SUBSCRIPTION ADS *****/

.subscription-email-ad-large {
	height: 462px;
}

.subscription-email-ad-large h3 {
	font-size: 25px !important;
	font-weight: 300 !important;
	line-height: 30px !important;
	margin: 5px 0 15px !important;
	padding: 0 0 15px !important;
	text-transform: none !important;
}

.subscription-email-ad-large h3 .ss-icon {
	left: 4px;
	position: relative;
	top: 4px;
}

.subscription-email-ad-large p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 15px;
}

.subscription-email-ad-large #subscription-email-options fieldset {
	margin-bottom: 10px;
}

.subscription-email-ad-large #subscription-email-options input[type="text"],
.subscription-email-ad-large #subscription-email-options input[type="email"] {
	padding: 12px 10px;
}

.subscription-email-ad-large #subscription-email-options .button {
	font-size: 18px;
	height: 71px;
	line-height: 71px;
	padding: 0;
	text-transform: uppercase;
	width: 258px;
}

/***** MODAL-SUBSCRIPTION POP-UP *****/

#modal-subscription {
	width: 646px;
	/* Box-shadow */
	-moz-box-shadow: 0 25px 50px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0 25px 50px rgba(0, 0, 0, 0.30);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.30);
}

#modal-subscription .content {
	padding: 50px;
}

#modal-subscription .modal-close {
	margin: 20px 20px 0;
}

#modal-subscription .modal-close .ss-icon {
}

#modal-subscription .column {
	min-height:428px;
	height: auto !important;
	height: 428px;
}

#modal-subscription .column.alpha {
	border-left: none;
	margin-right: 0;
	width: 320px;
}

#modal-subscription .column.omega {
	border-left: 1px solid #7a7a7a;
	margin-left: 0;
	padding-left: 43px;
	width: 182px;
}

#modal-subscription fieldset {}

#modal-subscription h2 {
	background-image: url("../images/icon-subscription-popup.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 112px 77px;
	border-bottom: 1px solid #7a7a7a;
	font-family: roboto slab;
	font-size: 31px;
	font-weight: 300;
	height: 77px;
	line-height: 43px;
	margin: 0 0 25px;
	padding: 0 0 30px 130px;
	text-transform: none;
}

#modal-subscription .icons {
	font-size: 45px;
	width: 130px;
}

#modal-subscription .icon-digital {
	background-image: url("../images/icon-subscription-options.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 72px 54px;
	display: inline-block;
	height: 54px;
	width: 72px;
}

#modal-subscription .highlight {
	font-family: roboto slab;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#modal-subscription ul.features {
	margin: 25px 20px 10px 0;
}

#modal-subscription ul.features li {
	font-size: 14px;
	line-height: 1.1;
	margin: 0 0 12px 10px;
}

#modal-subscription ul.features li .ss-icon {
	position: relative;
	right: 5px;
}

/***** MODAL SUBSCRIPTION FORM *****/

#modal-subscription #subscription-options li {
	margin-bottom: 20px;
}

#modal-subscription .fi-radio {
	top: 50px;
}

#modal-subscription #subscription-options label {
	margin-left: 37px;
}

#modal-subscription #subscription-options .icons {
	float: none;
	margin-top: 0;
}

#modal-subscription #subscription-options .button {
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	width: 168px;
}

/***** MODAL-FOOTER *****/

#modal-subscription .modal-footer {
	background-color: #5e5e5e;
	color: #ffffff;
}

#modal-subscription .modal-footer .content {
	padding: 15px 50px;
}

#modal-subscription .modal-footer .footnote {
	font-size: 11px;
	line-height: 15px;
}

/* end MARKETING ADS
   ========================================================================== */


/* ==========================================================================
   RETINA DISPLAY IMAGES (@2x)
   ========================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	#nav-main a#logo {
		background-image: url('../images/logo-header@2x.png');
	}
	#footer-subscribe-large .logo-large {
		background-image: url('../images/logo-large@2x.png');
	}
	#top-videos .video-widget .watch-now-placeholder {
		background: url("../images/tv-watch-now-placeholder@2x.png") no-repeat;
		background-size: 440px 370px;
	}
	.sectionfront.californian .title-main h1 {
		background-image: url("../images/h1-californian@2x.png");
	}
	.sectionfront.nct .title-main h1 {
		background-image: url("../images/h1-nct@2x.png");
	}
}

/* end RETINA DISPLAY IMAGES (@2x)
   ========================================================================== */

/* ==========================================================================
   SPONSORED
   ========================================================================== */
.sponsored .tagline h3 { float: right; display: inline; font-size: 18px; margin: 32px 5px 0 0; }

/* end SPONSORED
   ========================================================================== */

/* ==========================================================================
   LIGHT/FANCY BOX
   ========================================================================== */
.fancybox-inner .ad-728x90, .gallery-lightbox .ad-728x90 { margin: 0 auto 15px; }
.fancybox-inner .video-widget [data-module="video"] {height: auto; width: auto; text-align: center; }
#featured-photos .story-lightbox { height: 492px; width: 728px; }
.lightbox h3 { color: #fff; margin: 10px 10px 0 10px; }
.gallery-lightbox #featured-photos {width: 728px;}
.gallery-lightbox #featured-photos .caption { padding: 10px 15px 40px; }
.gallery-lightbox #featured-photos { margin-bottom: 0; }
.gallery-lightbox #featured-photos-nav {width:728px; margin:auto 0;}

/* end LIGHT/FANCY BOX
   ========================================================================== */

.container .top-bar {
	width: 100%;
	/*background: url('../images/discoversd/header-bar-top.png');*/
	height: 15px;
  background-color: #333333;
}


/* LEADERBOARD */
.ad {
	margin-bottom: 20px;
  float: left;
}
.leaderboard-and-ads {
	margin: 10px 10px 30px;
}
.leaderboard-side-ad {
	height: 6.923em; /*90px */
	width: 6.923em; /*90px */
  background: url('../images/subscribe-90x90.jpg');
	background-repeat: no-repeat;
	float: left;
	margin: 0;
}
.leaderboard {
	height: 90px;
	width: 728px;
	background: #333333;
	margin: 0 14px;
	float: left;
}

/* BELOW BIG BOX */

.below-big-box-300x80 {
	height: 80px;
	width: 300px;
	background: #333333;
	margin: 0px 0 20px 0;
  background: url('../images/dsd-call-out-300x80.jpg');
  border: 1px solid #ccc;
  float: left;
}

.ad.story_list { background: #eee; height: 300px; background: #333; }

/* FOOTER */
#footer-bottom ul.footer-main-nav {
  float: left;
  display: block;
  margin: 0;
  padding: 0px 0 0 0;
}

#footer-bottom ul.footer-main-nav li {
  float: left;
  display: inline;
  width: 115px;
  padding: 0 0 0 20px;
  min-height: 320px;
}

#footer-bottom ul.footer-main-nav li.first {
  border-left: none;
}

#footer-bottom ul.footer-main-nav li.last {
  border-right: none;
}

#footer-bottom ul.footer-main-nav li .footer-thumb {
  display: block;
  float: left;
  height: 66px;
  width: 100px;
  overflow: hidden;
  margin-bottom: 5px;
}
#footer-bottom ul.footer-main-nav li a{
  display: block;
  margin-bottom: 20px;
  line-height: 1.4;
  height: 55px;
  overflow: hidden;
  width: 102px;
}
#footer-bottom ul.footer-main-nav li h3+a{
  height: 125px;
}
#footer-bottom ul.footer-sub-nav {
  float: left;
  width: 470px;
  margin: 0px;
  padding: 25px 0 0 0px;
}

#footer-bottom ul.footer-sub-nav li {
  display: block;
  margin: 0;
  padding: 0 12px 0 0;
  text-align: left;
  float: left;
}

#footer-bottom ul.footer-sub-nav li a {
  font-size: 17px;
  line-height: 26px;
  color: #ccc;
}

#footer-bottom ul.footer-sub-nav li a:hover {
  color: #fff;
}

#footer-bottom ul.footer-sub-nav li.last {
  border: none;
}

#footer-bottom img.footer-logo {
  float: right;
  padding: 20px 0 0 0;
  opacity: .6;
}

#footer-bottom img.footer-logo:hover {
  opacity: 1;
}


/* dividers */
.top-divider,.bottom-divider,.left-divider,.right-divider {
    position:relative;
}
.top-divider:before {
    display: block;
    content: " ";
    background: #424242;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #2c2c2c;
}
.bottom-divider:after {
    display: block;
    content: " ";
    background: #424242;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #2c2c2c;
}
.left-divider:before {
    display: block;
    content: " ";
    background: #424242;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #2c2c2c;
}
.right-divider:after {
    display: block;
    content: " ";
    background: #424242;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #2c2c2c;
}


/* VIDEO PAGE*/

section.articles .featured-wrap h2.videoheader {margin-bottom: 0; }
.videoheader { background: #333; padding: 10px 20px; color: #fff; }

.media-container li  {
  width: 213px;
  display: inline;
  float: left;
  width: 186px;
  height: 180px;
  padding: 10px;
  position: relative;
}
.media-container li:before {
    display: block;
    content: " ";
    background: #424242;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #2c2c2c;
}
.media-container li:after {
    display: block;
    content: " ";
    background: #424242;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #2c2c2c;
}
.media-container li:after {
    display: block;
    content: " ";
    background: #424242;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #2c2c2c;
}
.media-container li img {
  margin: 0 0 8px 0;
}
.media-container li h4 {
  color: #fff;
}

/* RELATED */


.img-placeholder img {
  width: 100%;
}

/* THE CONVERSATION */

.home .the-conversation-header {
  width: 310px;
  height: 98px;
  background-image: url('../images/the-convo.png');
  margin: 0 -10px 0 -5px;
}

.home .the-conversation-header h2 {
  color:#fff;
  font-size: 38px;
  margin: 0px;
  padding: 5px 0 0 154px;
  line-height: 27px;
}

.home .the-conversation-header a {
  color: #fff;
}

.home .the-conversation-header h2 a span {
  font-size: 15px;
}

.home .the-conversation {
  background: #333;
  height: 803px;
  padding: 20px;
  text-align: center;
	color: #ccc;
	overflow: hidden;
}
.home .the-conversation h2 {
	line-height: 1.1;
	font-size: 20px;
	font-weight: 400;
	overflow:hidden;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 15px 0;
}
.home .the-conversation a {
	color: #fff;
}
/*ARTICLE*/
.home .the-conversation .article {
	height: 256px;
	overflow: hidden;
	margin-bottom: 15px;
}
.home .the-conversation .article h2 {
		height: 40px;
    line-height: 19px;
}
.home .the-conversation .article > a {
	display: block;
	margin-bottom: 20px;
}
.home .the-conversation .article p {
	height: 36px;
	overflow: hidden;
	margin-bottom: 0;
}
.home .the-conversation .article .tag {
	top: 65px;
	left: 30px;
}
/*GALLERY*/
.home .the-conversation .gallery {
	height: 230px;
	overflow: hidden;
	margin-bottom: 0px;
	position: relative;
}
.home .the-conversation .gallery > a {
	display: block;
	margin-bottom: 15px;
}
.home .the-conversation .gallery h4 {
	height: 34px;
	overflow: hidden;

}
.home .the-conversation .gallery .tag {
	top: 45px;
	left: 30px;
  background: #cc9900;
}
/*POLLS*/


.home .the-conversation .polls-home p {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  font-family: 'Roboto Slab', serif;
  height: 46px;
  overflow: hidden;
  margin: 0 0 8px 0;
}

.home .the-conversation .polls-home {
	text-align: left;
	margin-bottom: 15px;
	padding-bottom: 20px;
	height: 290px;
	overflow: hidden;
}
.home .the-conversation .polls-home h2 {
	margin-bottom: 10px;
	text-align: center;
	height: auto;
}
.home .the-conversation .polls-home ul {
	margin-bottom: 20px;
}
.home .the-conversation .polls-home form {
	margin-bottom: 0px;
}
.home .the-conversation .polls-home label {
	margin: 0 0 5px 10px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

.home .the-conversation .polls-home input[type="radio"], .home .the-conversation .polls-home input[type="checkbox"] {
    margin: 5px 5px 0 0;
}

.home .the-conversation .polls-home .fi-radio {
	margin-left: -25px;
}
.home .the-conversation .polls-home .button {
	position: absolute;
	left: 60px;
	bottom: 30px;
  margin-bottom: 4px;
}
.home .the-conversation .polls-home .results-link {
	position: absolute;
	bottom: 10px;
	left: 92px;
}
/*POLL RESULTS*/
 .home .the-conversation .poll-results .choice .bar {
 	background-color: #ff9900;
 }
.home .the-conversation .poll-results .choice, .home .the-conversation .poll-results .choice .bar {
	height: 50px;
}
.home .the-conversation .poll-results .choice .choice_title {
	font-size: 13px;
	text-indent: 10px;
}
.home .the-conversation .poll-results .choice .percent, .home .the-conversation .poll-results .choice .total {
	margin-top:5px;
}

/* *******************************************
    EVENTS MODULE
**********************************************/
.carousel-container {
    margin: 0 0 20px 0;
    background-color: #333333;
    position: relative;
    overflow: hidden;
    width: 624px;
    float: left;
}
.carousel-container.no-premier {
    width:940px;
}
.carousel-container .move {
  background: rgba(255, 255, 255, 0.85);
    color: #231f20;
    width: 28px;
    height: 65px;
    position: absolute;
    top: 43px;
    text-align: center;
    cursor: pointer;
    z-index: 3000;
    opacity: .45;
    -webkit-transition: opacity 0.1s ease-in 0s;
    -moz-transition: opacity 0.1s ease-in 0s;
    transition: opacity 0.1s ease-in 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
.move.back {
    left: 0;
}
.move.forward{right: 0;}
.carousel-container .move:hover {
  -webkit-transition: opacity 0.25s ease-in 0s;
    -moz-transition: opacity 0.25s ease-in 0s;
    transition: opacity 0.25s ease-in 0s;
    opacity: 1;
}
.carousel-container .move a {
  margin: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.carousel-container .move .ss-icon {
  position: absolute;
  top: 25px;
  left:0;
  width: 25px;
  visibility: visible;
  color: #333;
}

.events-carousel {
    list-style-type: none;
    margin: 0 10px;
    padding: 0 0 10px;
    position: relative;
    width: 9999px;
}
.events-carousel a, .premier a {
    color: #FFFFFF;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
}
.events-carousel a:hover, .premier a:hover {
  opacity: .5;
  transition: opacity 0.25s ease-in 0s;
}
.events-carousel li, .premier {
    background-color: #333333;
/*    border: 1px solid #000000;
*/    float: left;
    height: 160px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 156px;
    position: relative;
}

.events-carousel li img, .premier img {
    border: 0 none;
    clip: rect(0px, 170px, 90px, 0px);
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 0;
}
.event_desc {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-family: "Roboto Slab";
    height: 36px;
    margin-top: 93px;
    overflow: hidden;
    padding: 4px 10px 0;
    text-overflow: ellipsis;
}
.event_location {
    bottom: 0;
    color: #999A9C;
    display: block;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.event_date {
    background-color: #111111;
    color: #999A9C;
    position: absolute;
    top: 0;
    right:0;
    padding: 3px 10px;
    text-transform: uppercase;
    z-index: 9;
}
.premier{
    width:316px;
}
.premier img{
    clip: rect(0px, 312px, 90px, 0px);
    width:100%;
}


/* ==========================================================================
   PLACES CSS (clean up!!!!!!)
   ========================================================================== */


/** Search
==============================================================================*/


/*these style should be same for all fields (general), fix it!!!*/
#search-place {position: relative; padding: 10px 0; margin-bottom:30px; }
#search-place fieldset {width: 940px; margin: 0 auto; }
#search-place .label {position: relative; width: 390px; margin-right: 5px; }
#search-place-near.label {width: 274px; margin-right: 5px; }

small {display: block; color: #777; font-size: 12px; margin: 5px 0 0 15px; }
#search-place-terms {width: 200px; margin: 0; }
#search-place .label label {position: absolute; top: 8px; left: 15px; font-size: 18px; color: #777; opacity: 0; z-index: 1; }
#search-place input {height: auto; }
#search-place .label input {
    position: relative;
    border: 1px solid #b7b5be;
    padding: 5px 15px;
    font-size: 18px;
    /**width: 355px; - For two fields **/
    width: 348px;
    z-index: 2;
    background: none;
}
#search-near.label input {
    width: 232px;
}
#search-distance.label input {
    width: 78px;
}
#search input#submit {
    width: 141px;
    margin: 0 0 0 0;
    padding: 7px 0;
    font-size: 15px;
    text-transform: uppercase;
    border: 1px solid #FF9474;
    color: #FFF;
    background: #d0e913;
}
#search input#submit:hover {
    cursor: pointer;
    color: #FFF;
    border-color: #FF9474;
}

/** Content
==============================================================================*/
.featured-items {margin:0 0 30px 0; }
.featured {background-color:  #fff; border-color: #ccc; border-radius: 0; border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 15px; clear:both; position:relative; }
.featured-text {background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; color: #666666; float: right; font-size: 10px; padding: 3px 10px 3px; }
.button.small {width:80px; margin:10px 0; }


/** Categories Nav
==============================================================================*/
.categories-nav li {margin-bottom:5px; }

/** Pagination
==============================================================================*/

/** Map
==============================================================================*/
 #map {width: 300px; height: 370px; margin-bottom:20px; }
.default_window { position: relative; }
.marker_balloon { padding: 7px; width: 180px; background: #fff; border: 3px solid #999; opacity: .9; /*margin-left:-100px; margin-top:-125px;*/}
.marker_balloon h4 { margin-bottom: 5px; font-size: 14px; line-height: 16px; font-weight: bold; }
.marker_balloon p { margin-bottom: 5px; font-size: 12px; line-height: 12px; }
.marker_balloon p.map-phone { font-weight: bold;}
a.locate_active {border-color: #aaa; background: -moz-linear-gradient(100% 100% 90deg, #dcdcdc, #f0f0f0); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcdcdc), to(#f0f0f0)); outline: none; font-weight: bold; color:#333!important; }

/** Detail Page
==============================================================================*/


/* MAILCHIMP SIGNUP FORM */

 #mc_embed_signup .mc-field-group input {
  width: 50%;
  background-color: #fff;
 }

 #mc_embed_signup input[type=checkbox] {
  margin: 0 10px 0 0;
 }

/* ==========================================================================
    XXXX CSS
   ========================================================================== */

#content > div > section.media-container.eight.columns.content.bg-texture.grey-light > a {
  background: #444444;
  color: #ccc;
  letter-spacing: -1px;
  margin: 10px;
  border: 1px solid #252525;
  border-radius: 0;
  font-weight: bold;
}

#content > div > section.media-container.eight.columns.content.bg-texture.grey-light > a:hover {
  background: #555;
  color: #fff;
}

@media screen and (max-width: 959px) {
    #footer{
        display: inline-block;
    }

}