/* 
	77-Homepage
	Author: Dan
	Last Update: 06/30/09
*/

body {
	background: #000000 url(../images/homepage-body-bg.jpg) no-repeat top center;
	color: #FFF;
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a { color: #FFF; }
a:hover { color: #5E838A; text-decoration: none; }

/* GLOBAL NAV */
#TownNewsGlobalNav { padding: 10px;}
#TownNewsGlobalNav .Container { width: 960px; margin: auto; }

/* News Template Overrides */
.blox-leaderboard-container {background: #000000;}
#blox-html-container { background: url(../images/homepage-lines-bg.jpg) no-repeat bottom center; border-bottom: 1px solid #000; }
#blox-wrapper { padding: 0x; background: none; }
#blox-wrapper .header-top { display: none;}
#blox-header { height: auto; }
#blox-container { padding: 0px; }
#blox-leaderboard-bottom { display: none; }
#blox-breadcrumbs {display: none;}


/* ### MAIN NAV STYLES ### */
/* parent ul items */
#blox-main-nav { height: 45px; background: transparent url(../images/homepage-nav-bg.jpg) no-repeat 0 0; margin-top: 20px; }
/* parent li items */
#blox-main-nav li, #blox-classifieds-nav li, #blox-body-nav li { text-transform: uppercase; padding-top: 0px; }
#blox-main-nav li a, #blox-classifieds-nav li a { line-height: 45px; padding: 0px; color: #adbecc; }
#blox-main-nav li a, #blox-classifieds-nav li a, #blox-body-nav li a { padding: 0px; }
#blox-main-nav li a span, #blox-body-nav li a span { padding: 6px 37px 0px 37px; }
#blox-main-nav li.selected-nav a, #blox-main-nav li.selected-nav a:hover { background: url(../images/homepage-nav-selected.jpg) repeat-x; color: #1A2A37;  }
#blox-main-nav li.selected-nav a span:hover { background: url(../images/homepage-nav-hover.jpg) repeat-x 0px 13px; color: #1A2A37; padding: 6px 37px 0px 37px; }
#blox-main-nav li.selected-nav a span { background: url(../images/homepage-nav-selected.jpg) repeat-x; }
#blox-main-nav li a:hover, #blox-classifieds-nav li a:hover { color: #FFF; }
/* child li items */
#blox-main-nav li.selected-nav ul { display: none; }
/* Body Tabs */
#blox-body-nav { height: 36px; margin: 20px 0px 0px 0px; }
#blox-body-nav li { margin-right: 6px 1px 0px 0px; margin:6px 1px 0px 0px;}
#blox-body-nav li a { height: 24px; line-height: 24px; background: #000; color: #FFF;}
#blox-body-nav li a.selected,#blox-body-nav li a.selected:hover, #blox-body-nav li a:hover { height: 24px; line-height: 24px; color: #FFF; background: #b02424; }
#blox-html-container #blox-wrapper {clear: both;}

/* 77-Homepage Block */
.feature-container { width: 705px; height: 292px; overflow: hidden; position: relative; float: left; }
.feature { width: 705px; height: 292px; background: url(../images/homepage-feature-fade.png); z-index:2; position: absolute; top: 0px; left: 0px; }
#search { background: url(../images/homepage-search-bg.jpg); width: 254px; height: 254px; float: left; margin-top: 16px; }
#feature-list {}
ul#feature-list { float: left; margin-top: 10px; }
ul#feature-list li { margin: 15px 8px; float: left; width: 165px; height: 165px; overflow: hidden; padding: 5px; }
ul#feature-list li.default { background: url(../images/homepage-feature-list-bg.png) no-repeat 0px 0px; }
ul#feature-list li.hover { background: url(../images/homepage-feature-list-bg.png) no-repeat 0px -175px; }
ul#feature-list li h1 { font-size: 12px; color: #FFF; text-transform: uppercase; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 25px; margin-left: 10px; padding-bottom: 0px; }
ul#feature-list li.hover h1 { color: #101b23;}
ul#feature-list li img { width: 165px; }
.feature-prologue-container { position: absolute; z-index: 3; top: 190px; left: 0px; width: 630px; padding: 10px 10px 10px 20px; background: #000; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;  }
.feature-prologue-container h1 { font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; color: #FFF;}
.feature-prologue { font-size: 14px; color: #b3b3b3; font-weight: normal; }
.feature-breadcrumb {margin: 0px 0px 5px 0px; color: #45707b; text-transform: uppercase;}
.feature-prologue-container h1 {padding-bottom: 5px;}

/* search */
#blox-search-form-container { float: right; display: none; }
.blox-search-form .search-bar { width: 203px; height: 24px; padding: 5px 3px 0px 5px; background: url(../images/homepage-search-input.jpg); margin: 13px 0px 0px 6px; float: left;}
.blox-search-form .search-bar:focus { background: url(../images/homepage-search-input.jpg) no-repeat 0px -29px; margin: 13px 0px 0px 6px;}
#search p.submit-search { float: left; margin-left: 6px; }
.submit-search a { background: url('../images/homepage-search-submit.jpg') 0px 0px; width: 22px; height: 29px; margin-top: 13px; }
.submit-search a:hover { background: url('../images/homepage-search-submit.jpg') 0px -58px; }
.submit-search a:active { background: url('../images/homepage-search-submit.jpg') 0px -29px; }

/* 77 Special Search */
#blox-search-form-container-77square { width: 363px; float: right; margin: 32px 0px 0px 0px;}
#blox-header-77square { padding-top: 2px; }
#blox-header .header-top { display: none; }
#blox-logo-77square { text-align: right; height: 105px; width: 260px; }
#blox-logo-77square h1 { display: none; }
#blox-search-form-container-77square .ui-tabs-nav { background: none; height: 25px; }
#tab-site.tab-block { margin: 0px; padding: 0px; background: none; border: none; }
#tab-dining.tab-block { margin: 0px; padding: 0px; background: none; border: none; }
#tab-movies.tab-block { margin: 0px; padding: 0px; background: none; border: none; }
#tab-cal.tab-block { margin: 0px; padding: 0px; background: none; border: none; }

#search ul { margin: 185px 0px 0px 6px; height: auto; background: none; }
#search ul li { float: left; height: 18px; margin-right: 1px; }
#search ul li a { background: #393939; color: #FFF; line-height: 20px; font-size: 10px; padding: 2px 5px; text-transform: uppercase; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-left: 1px solid #393939; border-right: 1px solid #393939;}
#search .ui-state-hover a, #search .ui-tabs-selected a, #search .ui-tabs-active a { color: #393939; background: url(../images/homepage-search-tab-selected.jpg) repeat-x; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-left: 1px solid #393939; border-right: 1px solid #393939; border-top: 1px solid #393939;}
#square-input-container { height: 49px; clear: left; }

/* footer styles */
#copyright-container { width: 960px; margin: auto;}
#blox-copyright-container { background: #32525b; padding: 0px; } 
#blox-copyright-container p { float: left; padding: 5px; text-align: right; margin-right: 0px; } 
#square-footer { padding: 0px; background: #1A1A1A; width: 960px; margin: auto; }
#square-footer .inner-footer { padding: 20px 0px 20px 10px; text-align: left; }
#square-footer-container { background: #1a1a1a; width: 960px; margin: auto; border-top: 1px solid #000; }
#square-footer h3 { color: #8ea9b0; font-size: 10px; text-transform: uppercase; }
#square-footer h3 a {color: #8ea9b0; text-decoration: none;}
#square-footer .bull-list { padding: 0px; margin: 0px; }
#square-footer .bull-list li { margin: 0px; list-style: none; line-height: 11px; }
#square-footer ul.bull-list li a { color: #606060; font-size: 10px; line-height: 12px; }
#square-footer ul.bull-list li a:hover {color: #5e838a; text-decoration: none; }

#square-footer .grid_3 { width: auto; margin: 0px 8px 0px 8px; }
#square-footer .omega { float: right; margin: 0px; }
#blox-ent-logo {margin-top: 90px; }
#blox-ent-logo a { background: url(../images/madison-logo_up.jpg); height: 88px; width: 238px; }
#blox-ent-logo a:hover {background: url(../images/madison-logo_over.jpg);}
#square-footer div.omega ul.bull-list li#blox-ent-logo a {margin: 0px;}
#footer-my-yahoo a { background: none;  }

#square-toggle { float: left; margin-left: 10px; }
#square-toggle a { padding-left: 20px; background-image: url('../images/77-footer-arrow.jpg'); background-position: 0 -36px; background-repeat: no-repeat; color: white; height: 18px; line-height: 18px; display: block; }
#square-toggle a:hover { background-position: 0 -18px; }
#square-footer {background: #1A1A1A;}