/* For Templates 2.0 Democrate-Herald, Gazette-Times, Lebanon-Express
   Lee Enterprises
   CSS created by Jeremy Reukauf
   
Colors    
#313F3E - Pastel Dark Green (p)
#5B7876 - Pastel Medium Green (a) 
#8F9E8B - Pastel Light Green (Video headlines, Search icon hover)

#C5C2AF - Dark Tan (Background Vertical lines)
#DAD7C8 - Medium Tan (Background top of gradient, border)
#E4E2D6 - Light Tan (Comment color)

#F2F1EB - Off White (Backgound Featured, Related blocks and Featured)
#FFFFFF - White (Background bottom of gradient

#292929 - Off Black Dark (Background for Videos and Photos)
#3A3A3A - Off Black Light

#F15A24 - Orange
#871E26 - Red
*/

/* pencil-ad  */
#pencilAd {padding-bottom:10px;}

/* body - vertical stripes over a gradient of #dad7c8 to #ffffff */
body {
color:#222222;
background: #ffffff; 
}


/* main content bg */
.main-body { background: #fff; border-radius:4px; }

.box-shadow { -webkit-box-shadow:0 2px 10px rgb(0, 0, 0);-moz-box-shadow:0 2px 10px rgb(0, 0, 0); box-shadow: 0 2px 10px rgb(0, 0, 0);}


/* default href */
a {color:#313F3E;}

/* related links in frontpage carousel */
.centerpiece-container .related a {color: white;}

/* logo */
#site-logo {margin: 0 0 5px 0; width:350px;}

/* top leaderboard bg */
.top-leader-wrapper {
background: rgb(49,63,62); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(49,63,62,1) 0%, rgba(91,120,118,1) 50%, rgba(49,63,62,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,63,62,1)), color-stop(50%,rgba(91,120,118,1)), color-stop(100%,rgba(49,63,62,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(91,120,118,1) 50%,rgba(49,63,62,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(91,120,118,1) 50%,rgba(49,63,62,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(91,120,118,1) 50%,rgba(49,63,62,1) 100%); /* IE10+ */
background: linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(91,120,118,1) 50%,rgba(49,63,62,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313f3e', endColorstr='#313f3e',GradientType=1 ); /* IE6-9 */
}

.top-nav-container li#customer-service > a.parent {
	color: #e4e2d6;
}

/* top navigation */
.top-nav-wrapper {
color:#FFFFFF;
background: rgb(49,63,62); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(49,63,62,1) 0%, rgba(142,158,151,1) 50%, rgba(49,63,62,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,63,62,1)), color-stop(50%,rgba(142,158,151,1)), color-stop(100%,rgba(49,63,62,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(142,158,151,1) 50%,rgba(49,63,62,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(142,158,151,1) 50%,rgba(49,63,62,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(142,158,151,1) 50%,rgba(49,63,62,1) 100%); /* IE10+ */
background: linear-gradient(left,  rgba(49,63,62,1) 0%,rgba(142,158,151,1) 50%,rgba(49,63,62,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313f3e', endColorstr='#313f3e',GradientType=1 ); /* IE6-9 */
}
.top-nav-container {color:#FFFFFF; background:none repeat scroll 0 0 transparent; text-shadow: 1px 1px 1px #313F3E;}
/* top nav links */
.top-nav-container a.parent { color:#E4E2D6; text-shadow: 1px 1px 1px #313F3E;}
.top-nav-container a.parent:hover { color:#FFFFFF; text-decoration:underline;}



/* byline */
.centerpiece p.byline {color:#8f9e8b;}
.index-list-container .byline {color:#8f9e8b;}

/* search */
#search-container {width:240px;}
.input-append {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);        
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* expand color */
#search-dropdown a.parent { color: #313F3E; }
/* search button */
#search-text,#search-dropdown { background-color: rgba(255, 255, 255, 0.9);}
#search-button {background-color:#5b7876;width:20px;}
#search-button:hover {background-color:#8F9E8B;}
/* advanced search | color */
.adv-search span { color: #313F3E; }
.adv-search a{ color: #5b7876; }
.adv-search a:hover{ color: #5b7876; }
header .yahoo-search { color:#5b7876; }

/* weather */
#site-weather .current-temp, #site-weather .current-conditions {color:#5b7876;text-shadow: 1px 1px 1px #8f9e8b; }
#site-weather a.parent {color:#5b7876;}
#site-weather .sponsored { color: #5b7876; }



/* main navigation */
.main-navigation-container{
  margin-bottom:10px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#main-navigation, #scroll-nav-container {background: #3a3a3a; /* Old browsers */
background: -moz-linear-gradient(top,  #3a3a3a 0%, #292929 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#292929)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3a3a3a 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3a3a3a 0%,#292929 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3a3a3a 0%,#292929 100%); /* IE10+ */
background: linear-gradient(top,  #3a3a3a 0%,#292929 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
border-radius:4px;
}

/* link style */
#main-navigation li a.parent { 
    font-family: arial;
	color: #e4e2d6; 
    border-left: 1px solid #3a3a3a; 
    border-right: 1px solid #141414;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size:13px;
}
#main-navigation li a.parent:hover { background-color: #ffffff; 
color:#292929;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
text-shadow:none;

}

/* selected styles */
#main-navigation li a.parent.selected { 
    background: #fff; 
    color: #292929; 
    margin-top:2px;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
/* simple dropdown styles */
#main-navigation li ul.subnav.no-media a:hover { background: #dad7c8; color:#313f3e; }
#main-navigation li .subnav h6 { color:#c5c2af}

#main-navigation li ul.subnav li .topics li a:hover { background: #dad7c8; color:#313f3e; text-decoration:none;}

/* footer */
#site-footer { color: #fff; }
#site-footer h5 { color:#313f3e;}
#site-footer a { color: #f2f1eb; }
#site-footer ul { border-bottom: 1px dotted #3a3a3a; }
#site-copyright {background:#313f33;}
#site-copyright span {color:#dad7c8;}
#footer-navigation {background:#5B7876;}

/*New, updated, hot topic*/
.label.success {background-color: #f15a24;}
.label.important {background-color: #f15a24;}
#hot-topics .topic-label {
background: rgb(241,90,36); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(241,90,36,1) 1%, rgba(135,30,38,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(241,90,36,1)), color-stop(100%,rgba(135,30,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(241,90,36,1) 1%,rgba(135,30,38,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(241,90,36,1) 1%,rgba(135,30,38,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(241,90,36,1) 1%,rgba(135,30,38,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(241,90,36,1) 1%,rgba(135,30,38,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15a24', endColorstr='#871e26',GradientType=0 ); /* IE6-9 */
}
.labelsimple.important {color:#f15a24;}
.labelsimple.success {color:#f15a24;}

/* Headlines Block Front Page */
.excerpt { margin-bottom:0;}

/* Featured Extras Slider */
.tc-slider .overview {background: #3a3a3a;}
.featured-desc p {color:#dad7c8;}
.featured-desc a {color:#8f9e8b;}

/* Centerpiece */
.asset-info {background:#F2F1EB;padding: 0 10px 10px;}
.centerpiece-nav.tabs li a, .centerpiece-phasing li div.item-label { 
background: #f2f1eb; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f1eb 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f1eb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f1eb 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f1eb 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f1eb 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #f2f1eb 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1eb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.viewport.grid_8.alpha  { height: 400px !important; }

/**crops carousel**/
.centerpiece.tabbed .image {
width: 600px;
height: 370px;
overflow: hidden;
border-top: 10px solid #444;
border-left: 10px solid #444;
border-bottom: 10px solid #333;
border-right: 10px solid #333;
background-color: #000;
}
.centerpiece.tabbed .image img{
min-width: 570px;
min-height: 370px;
}
 
/* Breadcrumbs */
.breadcrumb {
background-color: #f2f1eb; /* Old browsers */
background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f1eb 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f1eb)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f1eb 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f1eb 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f1eb 100%); /* IE10+ */
background-image: linear-gradient(top,  #ffffff 0%,#f2f1eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1eb',GradientType=0 ); /* IE6-9 */
border: 1px solid #E4E2D6;
font-size:12px;
}
.breadcrumb .active a { color:#8F9E8B;}

/* Featured and Headlines copy */
.excerpt {color:#313F3E;}
.well {background-color:#f2f1eb;}

/* Story Buckets */
.story-bucket .list ul li.odd { background-color:#f2f1eb;}
.story-bucket h3{
	background: none repeat scroll 0 0 #5B7876;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	-webkit-box-shadow: 0px 5px 3px -2px black;
	-moz-box-shadow:    0px 5px 3px -2px black;
	box-shadow:         0px 5px 3px -2px black;
	color:  white;
}
.bucket h3 a {color:#FFFFFF;}
.bucket .title-links a {color:#FFFFFF;}

/* Video & Find a local business */
.vmix-widget.horizontal {
	border-color: #DAD7C8 #ffffff #ffffff #DAD7C8; 
	border-style:solid; 
	border-width: 1px;
}

.light-gradient {
background: #dad7c8; /* Old browsers */
background: -moz-linear-gradient(top,  #dad7c8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dad7c8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dad7c8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dad7c8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dad7c8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #dad7c8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad7c8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* commenting */
input, textarea, select, .uneditable-input {color:#222222;}


/* forms */

#blox_form_form-page label {width: 150px;}
#blox_form_form-page textarea {width: 340px;}
#blox_form_form-page input {width: 340px;}
#blox_form_form-page .check-box {width: 13px;}

/* label {float:none;} */
#phone_areacode {width:50px;}
#phone_prefix {width:50px;}
#phone_suffix {width:50px;}
#wedding_day {width:50px;}
#wedding_year {width:50px;}
#zipcode {width:50px;}
#state {width:75px;}
.careerHomeRight dd {margin:10px 0;}


.myButton2 {
    background: #f57120; /* Old browsers */
background: -moz-linear-gradient(top,  #f57120 5%, #fabe57 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f57120), color-stop(100%,#fabe57)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f57120 5%,#fabe57 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f57120 5%,#fabe57 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f57120 5%,#fabe57 100%); /* IE10+ */
background: linear-gradient(top,  #f57120 5%,#fabe57 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57120', endColorstr='#fabe57',GradientType=0 ); /* IE6-9 */
    border: 1px solid #F57120;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    -moz-box-shadow:inset 0px 1px 0px 0px #fab082;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fab082;
	box-shadow:inset 0px 1px 0px 0px #fab082;
    color: #FFFFFF;
    display: inline-block;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
    padding: 6px 85px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #9F430A;
}

/**Gallery List Images**/
.index-list-container .gallery-list ul li {
border: 1px solid #DDD;
overflow: hidden;
padding: 10px;
margin-bottom: 5px;
}
.gallery-list ul li .index-image {
max-height: 73px;
overflow: hidden;
margin-bottom: 5px;
}
.gallery-list ul li .index-image img {
width: 200px;
max-height: 150px;
}

/**Blog inline images**/
img.blog-img-landscape {
min-width: 620px;
max-width: 620px;
overflow: hidden;
border-top: 5px solid #000;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
border-right: 5px solid #000;
background-color: #000;  
}

img.blog-img-portrait {
display: block;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
min-height: 620px;
max-height: 620px;
overflow: hidden;
border-top: 5px solid #000;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
border-right: 5px solid #000;
background-color: #000;
}

/**Contributor**/
.thumb img {width:65px;}
.blog-authors ul {
  list-style: none outside none; margin: 0;
}
.bios ul li { border-bottom:1px dotted #cccccc; margin-bottom: 10px;}
.bios ul li .thumb { float:left; margin: 0 15px 5px 0;}
.bios ul li .links a {
    border-right: 1px solid #EEEEEE;
    margin-right: 5px;
    padding-right: 5px;
}
.thumb h4 {margin-bottom:0;}

/**10 things to know**/
#tncms-block-742462 h3,#tncms-block-803146  h3, #tncms-block-803145 h3 {
	font-weight: bold;
	color: #ffffff;
}


/**Main Nav Ad button Far Right**/
#http-food4less-megafoods-com-nav{
	background:url(/app/branding/megafoods1.png);
	width: 100px;
	background-position:center; 
	background-repeat:no-repeat;
}
#main-navigation li#http-food4less-megafoods-com-nav a.parent:hover{
	background:url(/app/branding/megafoods2.png);
	background-position:center; 
	background-repeat:no-repeat;
}

.round4 li{
	height: 126px;
	width: 128px;
	margin-right: 5px;
}


/*=======================================
- Mobile Touch Styles
=======================================*/

#mt #mobile-header .button,
#mt .mobile-navigation { background-color: #313F3E !important; }
#mt #mobile-footer { background-color: #cccccc !important; text-align: center !important; }
#mt #mobile-footer > div { margin: 0 auto !important; }