﻿/* Home Page, Article Page
------------------------------*/
body{background:#fff url(/scene/images/background/scene-bg.jpg) 0px 140px repeat-x; overflow: auto; margin: 0; padding: 0; font: 12px/1.2 Helvetica, Arial, Sans-serif}
a{color: #2B2922; text-decoration: none; border: none; outline: none;}
h3, .divgrayheader{display:block; min-height:30px; font-size: 17px; text-transform: uppercase; line-height: 30px; color: #fff; border-bottom:3px double #fff; padding-left: 5px; padding-right: -5px; margin-bottom: 0}
.main h3 a{color: #fff; float: right; font-size: 13px; padding-right: 5px}
.main h3 a:hover{color:#fff; text-decoration: underline}
.article #authortopic {width:300px; float:right}
/* Header
------------------------------*/
.header-wrapper{height: 95px}
.header-wrapper > .header{height: 90px; line-height: 90px; width: 980px; margin: 0 auto}
.logo{display:block; float: left; height: 55px; margin-top: 15px}
.elsewhere{display:block; float: right; text-align: right; color: #666; width:490px; height: 90px; font:21px/21px Helvetica, Arial, Sans-serif; line-height: 24px; font-weight: bold}
/* Navigation
------------------------------*/
.navigation-wrapper{height: 43px}
.navigation{width: 980px; margin: 0 auto; border-bottom: 1px solid #D2C290; height: 40px; padding-bottom: 1px}
.search{border: 1px solid #ccc; background: #fff url(/scene/images/background/search-bg.jpg) top right no-repeat; width: 220px; height: 30px; float: right; margin-top: 4px; color: #666}
.navigation ul{list-style-type: none; margin: 4px 0 0; padding: 0}
.navigation ul li{display: block; float: left; height: 40px; line-height: 40px; margin: 0; padding: 0}
.navigation a{display:block; color: #2B2922; text-transform: uppercase; height: 40px; font-size:14px; line-height: 40px; padding-left: 9px; padding-right: 9px}
.navigation a.selected, .navigation a:hover{background: #EADBAF}
.navigation a[href="/scene/weekend/"]{color: #ED1846; font-weight: bold}
.navigation a[href="/scene/weekend/"]:hover{background: #ED1846; color: #fff}
/* Advertising Banner
------------------------------*/
.banner-wrapper{width: 980px; height: 90px; margin-top: 20px;}
.call-out{display:block; width: 160px; height: 70px; float: left; font-size: 17px; line-height: 25px; background: #2076A4 url(/scene/images/header/call-out-bg.png) 10px 50% no-repeat; padding: 20px 10px 0 68px; font-weight: bold; color: #fff;}
.call-out:hover{padding: 10px;  height:70px; font-size: 24px; line-height: 32px; width: 218px}
.banner-ad{width: 728px; height: 90px; float: right}
.leaderboard2-ad{width: 728px; height: 90px; margin:0 auto; padding-top:10px;}
/* Content and Sidebar
------------------------------*/
.content{width: 980px; margin: 0 auto}
.main{width: 660px; margin: 0 auto; float: left}
.main a.featured-project{display:block; margin-top: 20px; margin-bottom: -10px; border: 2px solid #999; overflow: hidden;}
.main a.featured-project:hover{border-color: #666}
.main a.featured-project img{border: 0;}
.main a{font-size: 14px;}
.main h2, .main h2 a{font-size: 17px;}
.main p{color: #666; /* border-bottom: 1px solid #ccc; */ padding-bottom: 5px}
.article .main p{border-width: 0}
.main ul, .upcoming-events{list-style-type: none; margin: 0; padding: 0}
.main li, .upcoming-events li{margin-top: 15px; margin-bottom: 10px; color: #666}
.main li a, .upcoming-events li a{line-height: 21px;}
.main a:hover, .upcoming-events a:hover{text-decoration: underline}
.left > div, .right > div{margin-top: 20px;}
.left{width: 320px; float: left;}
.right{width: 320px; float: right}
.sidebar{width: 300px; float: right; margin-top: 20px}
.sidebar > div{margin-bottom: 20px}
.sidebar h3{background-color: #2076A4}
.articleText h3{color: #000}
/* Featured Story
------------------------------*/
.featured{width: 660px; background: url(/scene/images/background/gradient-bg.jpg) top left repeat-x; overflow: auto; margin-top: 20px;}
.featured h2, .featured h2 a{font-size:24px; margin: 10px 0 0 5px}
.featured img{display:block; margin: 0 auto}
.featured p{border: 0; padding-left: 5px;}
/* Home Page & Default Article Page
------------------------------*/
.home h2, .home h2 a, .home .main ul a:hover{color: #2076a4}
.home h3, .home .divgrayheader{background: #2076A4;}
.home .call-out:hover{background-color: #2076A4}
.article .divgrayheader{background-color: #2076A4;}
/* Food Page
------------------------------*/
.food h2, .food h2 a, .food main ul a:hover{color: #AABF80}
.food .call-out{color:#fff; background-color: #AABF80}
.food h3, .food .divgrayheader, .restaurant-reviews h3{background: #AABF80}
.recipe-description p{margin-top: 10px; margin-bottom: 10px; color: #666; border: 0}
.recipe-data p{margin-top: 10px; margin-bottom: 10px; color: #666; border: 0}
.recipe-data .notes a{color: #666; text-decoration: underline}
.recipe-image {background: url(/scene/images/food/recipes/food-no-image.jpg) top left no-repeat; display: block; width: 320px; min-height: 250px;}
.all-recipes p{border: 0}
.recipe-list li:nth-child(even){background: #eee}
.recipe-list li{display: block; height: 75px; overflow: hidden; margin: 5px 0}
.recipe-list li:hover{background: #EADBAF; text-decoration: none}
.recipe-list li img{float: left; padding-right: 5px; /*min-height: 75px;*/}
.recipe-list li a{font-size: 17px; font-weight: bold; color: #AABF80; display: block; height: 75px; padding-top: 20px; padding-bottom: -20px; margin-left: 5px;}
.recipe-list li a:hover{text-decoration: none; color: #666}
.recipe-controls{display: block; width: 660px; margin-top: 20px; background: url(/scene/images/background/gradient-bg.jpg) top left repeat-x; height: 20px; border-bottom: 1px solid #D2C290; padding: 5px;}
.breadcrumb{display: block; width: 320px; float: left}
.breadcrumb li{display: inline; font-size: 14px;}
.edit-links{display: block; float: right}
/* Movies Page
------------------------------*/
.movies h2, .movies h2 a, .movies .main ul a:hover{color: #B53921}
.movies h3, .movies .divgrayheader{background: #B53921}
.movies .call-out{background-color: #B53921}
.movie-poster img{float: left; padding: 0 10px;}
.movie-details a{text-decoration: underline}
.movie-details select{float: right; margin: 6px 10px}
.movie-details td{padding: 10px}
ul.results li{display: block; float: left; width: 100px; text-align: center; margin:0; padding: 12px}
ul.results li a img{border: 3px solid #ccc}
ul.results li a img:hover{border-color: #666}
.ui-widget-content p a{color: #B53921}
.ui-widget-content p a:hover{text-decoration: underline}
.movies-subnav{display: block; height: 30px; margin-top: 10px;}
.movie-details p{border: 0;}
/*Movies Tooltips*/
.popup{display:none}
.popup p{line-height: 17px; color: #333}
.popup p b{font-weight: bold}
/* Entertainment Page
------------------------------*/
.entertainment h2, .entertainment h2 a, .entertainment .main ul a:hover{color: #9166A5}
.entertainment h3, .entertainment .divgrayheader{background: #9166A5}
.entertainment .call-out{background-color: #9166A5} 
/* Home & Garden Page
------------------------------*/
.homegarden h2, .homegarden h2 a, .homegarden .main ul a:hover{color: #668F29}
.homegarden h3, .homegarden .divgrayheader{background: #668F29}
.homegarden .call-out{background-color: #668F29}
/* Features Page
------------------------------*/
.features h2, .features h2 a, .features .main ul a:hover{color: #CE7C1B}
.features h3, .features .divgrayheader{background: #CE7C1B}
.features .call-out{background-color: #CE7C1B}
.features .featured h3{margin: 0}
.features .featured h3 input{float: right; margin-right: 5px; margin-top: 4px;}
.latest-syndicated img{float: left;}
/*
 Celebrations page (In Features)
------------------------------*/
.celebrations .left div, .celebrations .right div{background: url(/scene/images/background/gradient-bg.jpg) top left repeat-x;}
.celebrations .left div img, .celebrations .right div img{display: block; margin: 0 auto}
.celebrations .main div div p{padding-left: 5px;}
.celebrations .right .get-forms{background: none}
.celebrations .get-forms a[href$=".pdf"]{background: url(/scene/images/icon/pdf.png) top left no-repeat; padding-left: 35px; display: block; height: 32px; line-height: 32px;}
/* Weekend page
------------------------------*/
.weekend h2, .weekend h2 a, .weekend li a:hover{color: #ED1846}
.weekend h3, .weekend .divgrayheader, #ctl00_BodyContent_divWeekend h3{background: #ED1846}
.weekend .call-out{background-color: #ED1846}
.featured-by-day, .stories-by-day{width: 300px; overflow: hidden}
.featured-by-day{float: left}
.stories-by-day{float: right}
.stories-by-day ul{width: 300px; list-style-type: none}
.weekend ul a:hover{color: #ed1846}
.tix-on-six li, .five-faves li{min-height: 80px; overflow: hidden}
.tix-on-six li img, .five-faves li img{float: left; margin-right: 5px}
/* All Pages
------------------------------*/
.home h2 a:hover, .food h2 a:hover, .movies h2 a:hover, .entertainment h2 a:hover, .homegarden h2 a:hover, .features h2 a:hover, .weekend h2 a:hover{color: #2B2922}
/* Module-Specific Styles
------------------------------*/
/*
 Restaurant Reviews
------------------------------*/
.restaurant-reviews h3{background: #AABF80}
.restaurant-reviews h2 a{color: #AABF80}
.newest-recipes h3{background: #AABF80}
/*
 Latest Headline Module
------------------------------*/
.latest-headlines{background: url(/scene/images/background/gradient-bg.jpg) top left repeat-x}
.latest-headlines img{display: block; margin: 0 auto}
/* Latest Blogs Module
------------------------------*/
.latest-blogs ul{list-style-type: none; padding: 0}
.author{font-size:14px; font-weight: bold}
.author:hover{text-decoration: underline}
.latest-blogs ul li, .stories-by-day li{display:block; margin-top:10px; margin-bottom:10px}
.latest-blogs ul li a{font-size: 14px}
.home .latest-blogs li, .features .latest-syndicated li{min-height: 80px}
.latest-blogs h3{margin-bottom: 10px;}
.latest-blogs img{float: left; padding-right: 5px;}
/* Upcoming Events Module
------------------------------*/
.upcoming-events div{/* display:inline-block; */ margin-bottom:10px;}
.upcoming-events h3{background: #369}
.upcoming-events li span a{color: #369}
.upcoming-events h3 span a{color: #fff}
.upcoming-events h3 span:hover{text-decoration: underline}
.upcoming-events ul, .upcoming-events li{list-style-type:none; padding:0; margin: 0;}
.upcoming-events ul li a{font-size: 14px; line-height: 21px}
.upcoming-events ul li span a:hover{text-decoration: underline; color: #369}
.upcoming-events img{float:left; margin-right:10px;}
.upcoming-events h3 a{font-size: 12px; color: #fff;}
/* Misc. Styling 
------------------------------*/.
customtitle{font-size: 11px} #textheader{margin: 0 auto}
form#aspnetForm > table{margin: 0 auto}
.clear{clear: both}
/* Forms and Worksheets Buttons*/
ul.worksheets {
    display: block;
    margin: 0;
    padding: 0;
}
ul.worksheets li {
    display: block;
    margin: 0;
    list-style-type: none;
}
ul.worksheets a {
    /*Box Model*/
    display: block;
    height: 50px;
    margin: 10px 5px 0 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*Font*/
    text-align: center;
    text-decoration: none;
    text-shadow: 0px -1px 0px #704f9b;
    line-height: 50px;
    font-weight: bold;
    /*Color*/
    color: #fff;
    background: #a391c1; /*older browers*/
    background: -moz-linear-gradient(top, #a391c1 0%, #6f4a9e 99%); /*FF3.6+*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a391c1), color-stop(99%,#6f4a9e)); /*Chrome, Safari4+*/
    background: -webkit-linear-gradient(top, #a391c1 0%,#6f4a9e 99%); /*Chrome10, Safari5+*/
    background: -o-linear-gradient(top, #a391c1 0%,#6f4a9e 99%); /*Opera*/
    background: -ms-linear-gradient(top, #a391c1 0%,#6f4a9e 99%); /*IE10*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a391c1', endColorstr='#6f4a9e',GradientType=0 ); /*IE6-9*/
    background: linear-gradient(top, #a391c1 0%,#6f4a9e 99%); /*W3C <-- Eventually, all browsers will use this!*/
}
ul.worksheets a:hover {
    text-decoration: none;
    background: #704f9b; /*Older Browsers*/
    background: -moz-linear-gradient(top, #704f9b 1%, #4d1b99 99%); /*FF3.6+*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#704f9b), color-stop(99%,#4d1b99)); /*Chrome, Safari4+*/
    background: -webkit-linear-gradient(top, #704f9b 1%,#4d1b99 99%); /*Chrome10, Safari5+*/
    background: -o-linear-gradient(top, #704f9b 1%,#4d1b99 99%); /*Opera*/
    background: -ms-linear-gradient(top, #704f9b 1%,#4d1b99 99%); /*IE10*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#704f9b', endColorstr='#4d1b99',GradientType=0 ); /*IE6-9*/
    background: linear-gradient(top, #704f9b 1%,#4d1b99 99%); /*W3C*/
}
.births p a, .graduation p a{font-size: 13px;}
