/*
    Document   : global
    Created on : Sep 1, 2012
    Author     : Zope Corporatation
    Description: Global styles to help override default bootstrap settings
*/

root {
   display: block;
}
body,label {
   font-size:13px;
}

/*
NAV OVERRIDES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#zone-main-nav ul.nav li.dropdown:hover ul.dropdown-menu{
    /* target this class to fix the navigation drop down issue
	// And unfrtunately, there isn't a reliable way (at the moment)
	// to only make this work for people with a mouse

	display: block;
	 */
}
#zone-main-nav .navbar-inner {
	padding-left:0px;
	padding-right:0px;
}

/*
LESS FONT STYLES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.sans {}
.serif {font-family:@serifFontFamily;}
.mono {font-family:@monoFontFamily}

hr {
   margin:10px 0px;
}

/*
MARGIN/ PADDING CONFIGURATION ++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.spaced {margin-bottom: 10px; padding-bottom: 10px}
.spaced-half {margin-bottom: 5px; padding-bottom: 5px}


.alpha {
   margin-left: 0px
}

/*
ZONE CONFIGURATION +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#zone-top-links {
   font-size:.85em;
}
#zone-top-links ul {
   margin-bottom: 0px;
}
#zone-top-links a {color:#555}

#zone-breaking a {color:#fff; display:block;}
#zone-breaking h5 a:hover, #zone-breaking a:hover {text-decoration:none}

#zone-breaking {color:#fff}
#zone-breaking .navbar-inner {
background: rgb(143,2,34); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTAzMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(143,2,34,1) 0%, rgba(169,3,41,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,2,34,1)), color-stop(100%,rgba(169,3,41,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(143,2,34,1) 0%,rgba(169,3,41,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(143,2,34,1) 0%,rgba(169,3,41,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(143,2,34,1) 0%,rgba(169,3,41,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(143,2,34,1) 0%,rgba(169,3,41,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0222', endColorstr='#a90329',GradientType=0 ); /* IE6-8 */
}

#zone-branding {
   margin-bottom:10px;
}

	header .weather {
		height:70px; overflow:hidden; margin-bottom:10px
	}
	header .input-append {
		margin-top:20px
	}
	.form-search .input-append .btn {
		font-size:12px;
	}

#zone-footer-ldrbrd {text-align:center;}
#zone-footer {margin-bottom: 60px;}
#zone-footer p {margin:0px}
#zone-footer .nav-header a {color:#555}

/*
IAB Ad Standards ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.iab-ldrbrd {
   width:728px; height:90px
}
.iab-med-rec {
   margin-bottom: 10px;
   padding-bottom: 10px;
}
.iab-sky {
   width:160px; height:600px
}



/*
SECTION TEXT OVERRIDES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
section h1 {
   font-size:1.2em;
   line-height: 0px;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 5px solid #999;
}
section h2 {margin:0px; line-height: 34px}
section .featured h2, section h4, section h1, section h2 {font-weight:normal}
section .featured p {font-size:16px}
section .featured img {width:100%; heigh:auto}
section .page-header small {font-size: .9em}
section .page-header {margin-top:0px;}
section .page-header {padding-bottom:0px}
section .article-tease h4 {margin:0px; font-weight:normal}
section a:hover {text-decoration: none;}
section .article-tease .img-polaroid {margin-bottom:10px}
section .widget-title {border-bottom:5px solid #999}
section .no-border {border:none}


/* ELEMETS */
#ticker {height: 20px; overflow: hidden;}
#ticker li {height: 20px;}

.thumb img {width:90%}

.pager a, .pager span {border-radius:5px 5px 5px 5px}

[class^="icon-"],
[class*=" icon-"] {
	background-image: url("../img/0/glyphicons-halflings.png");
	opacity: .6;
}

/*
ASIDE TEXT OVERRIDES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
aside .aside-widget {margin-bottom:20px}
aside .aside-widget:last-child {margin-bottom:0px}
aside a:hover {text-decoration: none}
aside .aside-section-tease div.link-title {border-bottom:1px solid #eee}
aside .aside-section-tease h4 {font-weight:normal; border-bottom:5px solid #eee}
aside .well {margin-botom:20px}
aside .well h4 {font-weight: normal}
aside label, aside input, aside button, aside select, aside textarea {font-size:13px}
aside .well-slide h4 {margin-bottom:0px}
aside .well .btn a {color:white}
aside .well .btn a:hover {text-decoration: none}
aside .no-border {border:none}

/*
ARTICLE TEXT OVERRIDES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
article h1 {font-size:24px; margin:0px; padding:0px; line-height:30px; font-weight: normal}
article div.summary {margin-bottom:10px}
article .dateline {margin-right:3px}
article .subhead {font-size:16px; margin-bottom:10px}
article .well .img-polaroid {margin-bottom:10px}
article p.caption, article  p.credit {line-height:16px; margin:0px; padding:5px}
article .well-photo {margin-bottom:20px}
/* article .well-photo:last-child {margin-bottom:0px} */
article .article-tease h4 {
   font-weight:normal;
   border-bottom:1px solid #999;
   margin-bottom:5px;
   padding-bottom:5px;
   font-size:1.2em
}

article .article-related ul {margin:0px}
article .article-related li {list-style:none; padding:5px 0px; font-size:.9em; line-height:14px}
article .article-related li a:hover {text-decoration:none}

/* Galleries */
ul.gallery-thumbs {margin:20px 0}
ul.gallery-thumbs li {
	display:inline-block;
	margin:10px 12px;
	width:20%;
	}

/*
VIDEO PLAYER DECLARATIONS
*/
video {
	width: 100%    !important;
	height: auto   !important;
	display:block;
	margin:20px 0;

}


/* CAROUSEL DEV */
.featured .carousel-inner p {
	font-size: 16px
}
.featured .carousel-inner h2.small{
	font-size:18px; 
	line-height:24px
}
.featured .carousel-inner p {
	font-size: 13px; line-height: 20px
}
.carousel-inner p {height:50px;}
.featured .carousel-inner p {height:auto;}

/*.carousel-img {
	width:99%;
	height:300px;
	background-color: #fff;
	background-size:cover; 
	background-position:center center;
	border: 1px solid #ccc;
}*/

.carousel-indicators {
  position: relative;
  top: inherit;
  right: inherit;
  z-index: inherit;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: none;
  width: 100%;
  height: auto;
  margin-left: 5px;
  text-indent: 0px;
  background-color: inherit;
  border-radius: 0px;
  color:#999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  cursor: pointer;
}

.carousel-indicators .active {
  background-color: inherit;
  color:#333;
}

.carousel-indicators li i {
	display: none;
}
.carousel-indicators li.active i {
	display: inline-block;
}

/*
MAIN NAV BUGFIX +++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.dropdown-menu {margin:0px}

/*
// MEDIA QUERY OVERRIDES ++++++++++++++++++++++++++++++++++++++++++++
*/
.mobile-nav {display:none}

@media (max-width: 600px) {
	/* center the logo */
	header .site-logo, header .search {text-align:center}

	/* to position ads */
	.aside-widget {position:inherit}

	/* can we pul images left? */
	.pull-left {float:left}

	/* add some space to images */
	.thumb {margin-right:10px}

	/* smaller headlines */
	h2.small {font-weight:normal; font-size:24px}

	/* gallery thumbnails */
	ul.gallery-thumbs li,
	div.mobile-thumbs {
		display:inline-block;
		margin:10px 6px;
		width:22%;
		}

	#related_photos {margin-bottom:20px}
	article .well-photo {margin-bottom:0px}


}

@media (max-width:320px){
	/*center iframed ads */
	.aside-widget iframe.iframe-ad {
		position:absolute;
		left:-10px;
	}
	/* gallery thumbs*/
	ul.gallery-thumbs li,
	div.mobile-thumbs {width:27%}

}

@media (min-width: 768px) and (max-width: 800px) {
	/* set absolute width for columns on tablet */
	.row-fluid aside.span4 {width:300px}
	.row-fluid .content-well .span8 {width:400px}

	ul.gallery-thumbs li {width:25%};

}

@media (max-width: 979px) {
	/* hide weather branding on tablet/mobile */
	header .weather {
		height:50px;
		overflow:hidden;
		margin-bottom:10px
	}
	/* give some room to breaking */
	#zone-breaking {margin-bottom:20px}

	.navbar-fixed-top .navbar-inner,
	.navbar-fixed-bottom .navbar-inner {
	  padding: 0px;
	}

	/* thumbnails */
	.thumb img {width:80px;}

	/* user bar */
	.brand.nav-header {
		font-size:11px;
		font-weight:bold;
		margin-left:10px;
		}


}

/* WIDE SCREEN */
@media (min-width: 980px) {
	/* float search t0 the right */
	header .input-append {float:right}
	header .weather {text-align:center}

	/* accounting for the top nav */
	body {padding-top:50px;}

	.content-sidebar {margin-left:10px}

}

@media (min-width: 1200px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width:980px;
	}
}