@charset "UTF-8"; /* CSS Document */ /* All the main styles and stylesheet imports * * @file screen.css * * @type strict * @browsers Windows: IE6+, Firefox2+, Safari3+ * Mac OS: Safari3+, Firefox2+ * * @link http://www.risermedia.com/ * @copyright 2009 RiserMedia. All Rights Reserved. * */ /*=================================== GLOBAL ===================================*/ @import "reset.css"; html {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;} body {background: #313131; text-align: center; height: 100%; /* for older browsers */} #main {background: #000 url(../images/bkg.jpg) no-repeat center top; margin: 0 auto; position: relative; width: 100%; text-align: left;} #main.architecture {background: #000 url(../images/bkg-architecture.jpg) no-repeat center top;} #main.art {background: #000 url(../images/bkg-art.jpg) no-repeat center top;} #main.design {background: #000 url(../images/bkg-design.jpg) no-repeat center top;} #main.fashion {background: #000 url(../images/bkg-fashion.jpg) no-repeat center top;} #main.film {background: #000 url(../images/bkg-film.jpg) no-repeat center top;} #main.food {background: #000 url(../images/bkg-food.jpg) no-repeat center top;} #main.music {background: #000 url(../images/bkg-music.jpg) no-repeat center top;} #main.social good / giving {background: #000 url(../images/bkg-social.jpg) no-repeat center top;} #main.social {background: #000 url(../images/bkg-social.jpg) no-repeat center top;} #main.tech {background: #000 url(../images/bkg-tech.jpg) no-repeat center top;} #main.theatre {background: #000 url(../images/bkg-theatre.jpg) no-repeat center top;} #main.writing {background: #000 url(../images/bkg-writing.jpg) no-repeat center top;} .inside {margin: 0 auto; position: relative; width: 919px;} #header, #nav, #content, #footer {position: relative;} /*---- GENERAL FONT SETTINGS ----*/ p, strong, a, input, h3, h4, p small, p small {font-family: Helvetica,Arial,sans-serif;} a {color: #0078ae; text-decoration: none;} h1 a {color: #fff; text-decoration: none;} a:hover {text-decoration: underline;} .gotham_book, .gotham_bold, .gotham_bold span {letter-spacing: -1px;} .clear_left {clear: left !important;} .clear_right {clear: right !important;} .clear_both {clear: both;} .float_left {float: left;} .float_right {float: right;} /*=================================== HEADER ===================================*/ #header {height: 181px; padding: 15px;} #header .inside {height: 181px;} .facebook_connect {position: absolute; left: 0; top: 0; width: 189px; font-size: 12px; overflow: hidden;} .facebook_connect img {float: left; margin: 0 5px 0 0;} .facebook_connect strong {color: #fff;} .facebook_connect a {font-size: 10px;} .facebook_connect p {padding-bottom: 3px;} .top_ad {position: absolute; top: 0; right: 0;} .search_container {position: absolute; bottom: 0px; right: 0; width: 245px;} .search_container form {overflow: hidden; float: right;} .search_container input {float: left;} .button_search {width: 21px; height: 24px; cursor: pointer; outline: none; border: none; overflow: hidden; display: block; text-indent: -9999px; background: url(../images/button_search.jpg) no-repeat left top;} .button_search:hover {background-position: left bottom;} .input_search {border: 1px solid #0078ae; height: 18px; padding: 4px 0 0 5px; color: #0078ae; font-size: 11px;} .logo_container {position: absolute; left: 0; bottom: 5px;} .logo {overflow: hidden; position: relative; width: 765px; margin-bottom: 5px;} .logo h1 {position: absolute; bottom: -5px; left: 105px; color: #fff; text-transform: uppercase; font-size: 30px;} .logo h1, .logo img {float: left;} .logo_container h2 {color: #969696; font-size: 16px;} .nav_search {float: right;} .nav_about { margin: 10px 0px 0px 4px; float: left;} .nav_about a { background: url(/images/about_button.gif) no-repeat; display: block; width: 71px; height: 27px; } .nav_about a span, .nav_usa_home a span { display: none; } .nav_usa_home { margin: 10px 0px 0px; float: left;} .nav_usa_home a { background: url(/images/usa_network_home.gif) no-repeat; display: block; width: 164px; height: 27px; } /*.nav_about a { color: #fff; font-size: 14px; font-weight: bold; }*/ /*--NAVIGATION----------------------*/ ul.nav {overflow: hidden;} ul.nav li {float: left;} ul.nav li.last {padding-right: 0;} ul.nav li a {padding: 18px 9px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/nav3.jpg) no-repeat left top;} ul.nav li a:hover {text-decoration: none;} .rss {position: absolute; top: 18px; right: 18px;} #nav .inside {background: #fff; padding: 0 9px; width: 901px;} #nav .promo {padding: 18px; background: #fff; width: 883px;} ul.nav li.architecture a {width: 88px; background-position: -10px top;} ul.nav li.architecture a:hover, ul.nav li.architecture a.selected {background-position: -10px -52px;} ul.nav li.art a {width: 22px; background-position: -116px top;} ul.nav li.art a:hover, ul.nav li.art a.selected {background-position: -116px -52px;} ul.nav li.design a {width: 41px; background-position: -156px top;} ul.nav li.design a:hover, ul.nav li.design a.selected {background-position: -156px -52px;} ul.nav li.fashion a {width: 51px; background-position: -215px top;} ul.nav li.fashion a:hover, ul.nav li.fashion a.selected {background-position: -215px -52px;} ul.nav li.film a {width: 25px; background-position: -284px top;} ul.nav li.film a:hover, ul.nav li.film a.selected {background-position: -284px -52px;} ul.nav li.food a {width: 33px; background-position: -327px top;} ul.nav li.food a:hover, ul.nav li.food a.selected {background-position: -327px -52px;} ul.nav li.music a {width: 36px; background-position: -378px top;} ul.nav li.music a:hover, ul.nav li.music a.selected {background-position: -378px -52px;} ul.nav li.social a {width: 81px; background-position: -432px top;} ul.nav li.social a:hover, ul.nav li.social a.selected {background-position: -432px -52px;} ul.nav li.tech a {width: 79px; background-position: -531px top;} ul.nav li.tech a:hover, ul.nav li.tech a.selected {background-position: -531px -52px;} ul.nav li.theatre a {width: 53px; background-position: -628px top;} ul.nav li.theatre a:hover, ul.nav li.theatre a.selected {background-position: -628px -52px;} ul.nav li.writing a {width: 49px; background-position: -699px top;} ul.nav li.writing a:hover, ul.nav li.writing a.selected {background-position: -699px -52px;} ul.nav li.guest-writer a {width: 45px; background-position: -766px top;} ul.nav li.guest-writer a:hover, ul.nav li.guest-writer a.selected {background-position: -766px -52px;} /*--PROMO---------------------------*/ .promo {border-top: 1px solid #dddddd; overflow: hidden;} .promo h2, #content h2 {font-size: 27px; text-transform: uppercase;} #content h2 {background: #0078ae; color: #fff; padding: 10px 18px;} #content h2 div {font-size: 18px; margin-bottom: -4px;} .promo_pagination, .pagination {overflow: hidden; float: right;} .promo_pagination li, .pagination li {float: left; padding-left: 5px;} .promo_pagination li a {display: block; cursor: pointer; overflow: hidden; text-indent: -9999px; width: 20px; height: 20px; background: url(../images/promo_pagination.jpg) no-repeat;} .promo_pagination li a.first {background-position: left top;} .promo_pagination li a.first:hover, .promo_pagination li.on a.first {background-position: left bottom;} .promo_pagination li a.second {background-position: -25px top;} .promo_pagination li a.second:hover, .promo_pagination li.on a.second {background-position: -25px bottom;} .promo_pagination li a.third {background-position: -50px top;} .promo_pagination li a.third:hover, .promo_pagination li.on a.third {background-position: -50px bottom;} .promo_pagination li a.fourth {background-position: -75px top;} .promo_pagination li a.fourth:hover, .promo_pagination li.on a.fourth {background-position: -75px bottom;} .promo_pagination li a.fifth {background-position: -100px top;} .promo_pagination li a.fifth:hover, .promo_pagination li.on a.fifth {background-position: -100px bottom;} .promo_pagination li a.sixth {background-position: -125px top;} .promo_pagination li a.sixth:hover, .promo_pagination li.on a.sixth {background-position: -125px bottom;} .promo_pagination li a.seventh {background-position: -150px top;} .promo_pagination li a.seventh:hover, .promo_pagination li.on a.seventh {background-position: -150px bottom;} .promo_pagination li a.eighth {background-position: -175px top;} .promo_pagination li a.eighth:hover, .promo_pagination li.on a.eighth {background-position: -175px bottom;} .promo_pagination li a.ninth {background-position: -200px top;} .promo_pagination li a.ninth:hover, .promo_pagination li.on a.ninth {background-position: -200px bottom;} .promo_pagination li a.tenth {background-position: -225px top;} .promo_pagination li a.tenth:hover, .promo_pagination li.on a.tenth {background-position: -225px bottom;} .pagination {padding-bottom: 20px;} .pagination a {border: 1px solid #007ab2; letter-spacing: 0.02em; display: block; overflow: hidden; padding: 3px 4px 1px; color: #007ab2; text-transform: uppercase; font-size: 14px;} .pagination a:hover, .pagination a.selected {color: #fff; text-decoration: none; background: #007ab2;} .pagination a.more {padding: 3px 8px 1px;} .clear {overflow: hidden; padding-bottom: 13px;} .right {float: left; width: 293px;} .retweet {float: right; padding: 0 0 20px 10px;} .fblike {float: right; padding: 0 0 20px 10px;} .right .text h3 {font-size: 22px; color: #007ab2; padding-bottom: 5px;} .right .text small, .post_excerpt .copy small {color: #666666; font-size: 11px;} .right .text .title {padding-bottom: 15px;} .right .text .title p, p.author {padding-bottom: 3px !important;} .right .text {height: 355px; position: relative;} .right .text li {position: absolute; height: 355px;} .right .text .copy p {font-size: 12px; line-height: 15px; padding-bottom: 15px;} .post_excerpt .copy p, .content_right .author_desc p {font-size: 11px; line-height: 15px; padding-bottom: 10px;} .right .text .copy img {float: left; margin: 0 20px 10px 0;} .button_more {text-transform: uppercase; font-size: 11px; font-weight: bold; background: url(../images/button_more.jpg) no-repeat right 2px; padding-right: 8px;} .holiday_btn { width:192px; margin:0 auto; } .left {width: 571px; float: left; overflow: hidden; margin-right: 19px;} .left ul.images {width: 1142px; height: 355px; overflow: hidden;} .left ul.images li {width: 571px; float: left;} .meta {position: absolute; left: 0; bottom: 0;} .meta a {font-size: 11px;} .meta p {padding-bottom: 2px !important; color: #666666; font-size: 11px !important;} .meta span {float:left;} .meta .commentsContainer span { float: none;} .sharePosition { float: left; } .commentsContainer { color: #666666; font-size: 11px !important; } .tags a {font-size: 9px; text-align: center; text-transform: uppercase; background: #cfe0e7; padding: 2px 3px 1px 3px; display: block;} .tags a:hover {text-decoration: none; background: #bbcfda;} .tags {overflow: hidden; width: 293px; clear:both;} .tags li {float: left; padding: 3px 3px 0 0; position: inherit !important; height: auto !important;} div.pad .meta {padding: 15px 0 25px 0; position: relative; bottom: auto; left: auto;} div.pad .pagination {width: 571px; padding-bottom: 0; float: none;} .content_left .author_img {padding: 0 15px 15px 0;} #images {width: 571px; overflow: hidden; position: relative;} #images li.first {left: 0px;} #images li {position: absolute; float: none; left: 571px;} .text li {display: none;} .text li.first {display: block;} /*a img.sm_img, :link img.sm_img, :visited img.sm_img { border: inherit; }*/ .img_architecture, a img.img_architecture {border: 1px solid #86b0ac;} .img_art, a img.img_art {border: 1px solid #d03127;} .img_back_to_school, a img.img_back_to_school {border: 1px solid #d03127;} .img_design, a img.img_design {border: 1px solid #ee7631;} .img_fashion, a img.img_fashion {border: 1px solid #9fb419;} .img_film, a img.img_film {border: 1px solid #4aa314;} .img_food, a img.img_food {border: 1px solid #068140;} .img_music, a img.img_music {border: 1px solid #2fbc9f;} /*.img_social, a img.img_social {border: 1px solid #169ccf;}*/ .img_social, a img.img_social {border: 1px solid #417387; } .img_social_good_giving, a img.img_social_good_giving {border: 1px solid #417387; } .img_tech, a img.img_tech {border: 1px solid #21428d;} .img_writing, a img.img_writing {border: 1px solid #7b3377;} .img_theatre, a img.img_theatre {border: 1px solid #5b4b9f;} .img_guest_writer, a img.img_guest_writer {border: 1px solid #008cbc;} .img_holiday_guide, a img.img_holiday_guide {border: 1px solid #ed1b24;} .img_top_ten, a img.img_top_ten {border: 1px solid #ed1b24;} .img_honorees, a img.img_honorees {border: 1px solid #169ccf; } .img_2011_holiday_guide, a img.img_2011_holiday_guide {border: 1px solid #aaaaaa;} /*=================================== CONTENT ===================================*/ #content {margin: 13px 0 20px 0; /*overflow: hidden;*/} /*#content .inside, .author_page {overflow: hidden;}*/ .author_page {overflow: hidden;} .img_container, .post_excerpt .thumb, .post_excerpt {overflow: hidden;} .img_container img, .post_excerpt .thumb img, .post_excerpt .thumb, .post_excerpt .copy {float: left;} .author_page .thumb img, .author_page .thumb, .author_page .copy {float: left;} .author_page .thumb {overflow: hidden; width: 262px; padding-right: 15px;} .author_page .copy {width: 294px;} .content_left h1 {font-size: 22px; padding-bottom: 5px; color: #0078AE;} .content_left p, .post_body, .post_body div {font-size: 12px; line-height: 15px; padding-bottom: 10px;} .lrg_img {border-left: none !important; width: 532px; height: 353px;} .md_img {border-left: medium none !important; height: 223px; width: 223px;} .sm_img {border-left: none !important; width: 118px; height: 118px;} .content_left {width: 607px; float: left; margin-right: 12px; background: #fff; padding-bottom:10px;} #content .pad {padding: 18px;} #content .title {padding-bottom: 2px; border-bottom: 1px solid #e3e3e3;} .post_excerpt .thumb {width: 144px; padding-right: 15px;} .post_excerpt .copy {width: 412px;} #content h3 {font-size: 16px; padding-bottom: 5px;} #content h4 {font-size: 15px; text-transform: uppercase; padding: 10px 18px 8px 18px;} .post_excerpt {border-bottom: 1px solid #e3e3e3; margin-bottom: 20px; padding-bottom: 15px;} #content h5 {font-size: 15px; text-transform: uppercase; color: #007ab2; padding-bottom: 10px; margin-bottom: 0px; border-bottom: 1px solid #dddddd;} .post_list { margin: 10px 0px 0px 0px; } .post_list li {margin-bottom: 15px; padding-left: 10px;} .post_list li p {padding-bottom: 0; color: #000;} .post_list li p.post_title {padding-bottom: 2px;} div.pad p small {font-size: 11px;} p.rss_link {padding: 4px 0 2px 20px; font-size: 10px; background: url(../images/rss.jpg) no-repeat left top;} p.date, p.author {color: #666666;} .post_title {padding-bottom: 20px;} ul.tags li {display: block;} .post_architecture {background: url(../images/list_architecture.jpg) repeat-y left top;} .post_art {background: url(../images/list_art.jpg) repeat-y left top;} .post_design {background: url(../images/list_design.jpg) repeat-y left top;} .post_fashion {background: url(../images/list_fashion.jpg) repeat-y left top;} .post_film {background: url(../images/list_film.jpg) repeat-y left top;} .post_food {background: url(../images/list_food.jpg) repeat-y left top;} .post_music {background: url(../images/list_music.jpg) repeat-y left top;} .post_social {background: url(../images/list_social.jpg) repeat-y left top;} .post_tech {background: url(../images/list_tech.jpg) repeat-y left top;} .post_theatre {background: url(../images/list_theatre.jpg) repeat-y left top;} .post_writing {background: url(../images/list_writing.jpg) repeat-y left top;} .post_guest_writer {background: url(../images/list_guest_writer.jpg) repeat-y left top;} .hiddenId { display:none; line-height:inherit; } .visibleId { display:inline; line-height:inherit; } /*--SIDEBAR-------------------------*/ .content_right {width: 300px; float: left;} .our_writers {background: #fff;} .our_writers, .block {margin-bottom: 13px;} .content_right .pad {overflow: hidden;} .author_img {width: 75px; float: left; padding-right: 10px;} .author_desc {float: left; width: 179px;} #content .content_right h3 {font-size: 14px; padding-bottom: 2px;} .content_right .author_desc p {color: #000; padding-bottom: 5px;} .simple_pagination {overflow: hidden; border-top: 1px solid #dddddd; padding: 8px 14px;} .button_prev {float: left; text-transform: uppercase; font-size: 11px; font-weight: bold; background: url(../images/button_prev.jpg) no-repeat left 2px; padding-left: 13px;} .button_next {float: right; text-transform: uppercase; font-size: 11px; font-weight: bold; background: url(../images/button_next.jpg) no-repeat right 2px; padding-right: 13px;} #our_writers {position: relative; height: 125px;} #our_writers li {position: absolute; display: none;} .sidebar_main { padding:14px; font-size: 11px; } .sidebar_main p { font-size:11px; line-height:15px; padding-bottom: 5px; } .sidebar_main li { padding-bottom: 5px; } .sidebar_main li.year { font-weight: bold; } .sidebar_main li.month { } .sidebar_main input { text-transform:uppercase; font-size:12px; color:#0078AE; } /*=================================== FOOTER ===================================*/ #footer {background: #313131 url(../images/footer_bkg.jpg) repeat-x left top; padding-top: 30px;} #footer .inside {overflow: hidden;} #footer .about, #footer .archives, #footer .popular {float: left;} #footer .about {width: 525px; padding-right: 40px;} #footer .archives {width: 145px; padding-right: 39px;} #footer .popular {width: 170px;} #footer h4 {font-size: 14px; text-transform: uppercase; padding-bottom: 5px; color: #0078AE;} #footer p {font-size: 11px; line-height: 15px; padding-bottom: 10px; color: #e4e4e4;} #footer .button_more {background: url(../images/button_more_dark.jpg) no-repeat right 2px;} #footer .popular li {padding-bottom: 2px;} #footer .popular li a {color: #e4e4e4;} #footer .copyright {padding: 35px 0 20px 0; overflow: hidden; text-align: center;} #footer .copyright_left {float: left; margin: 0 auto; width: 919px;} #footer .copyright_left h4 {color: #0078ae; text-transform: none;} #footer .copyright_right {float: right; margin: 0 auto; width: 919px;} #footer .copyright_right p, #footer .copyright_right a {color: #959595; font-size: 10px;} .addthis_toolbox.addthis_default_style span { margin-top:-2px !important; } /* Sweepstakes Form */ #sweepstakesForm label { font-weight: bold; width: 100px; float: left; position: relative; top: 3px; } #sweepstakesForm div { margin: 10px 0px; } /* Honorees box */ #honorees { height: 277px; overflow: hidden; } #honorees .box { width:290px; height:209px; margin:4px 0 0 7px; } #honorees .clear { clear:both; padding-bottom: 0px; } #honorees .Ahonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px 0; border:none; display:block; float:left; } #honorees .Ahonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px 0; } #honorees .Bhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -69px; border:none; display:block; float:left; } #honorees .Bhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -69px; } #honorees .Chonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -138px; border:none; display:block; float:left; } #honorees .Chonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -138px; } #honorees .Dhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -207px; border:none; display:block; float:left; } #honorees .Dhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -207px; } #honorees .Ehonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -276px; border:none; display:block; float:left; } #honorees .Ehonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -276px; } #honorees .Fhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -345px; border:none; display:block; float:left; } #honorees .Fhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -345px; } #honorees .Ghonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -414px; border:none; display:block; float:left; } #honorees .Ghonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -414px; } #honorees .Hhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -483px; border:none; display:block; float:left; } #honorees .Hhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -483px; } #honorees .Ihonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -552px; border:none; display:block; float:left; } #honorees .Ihonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -552px; } #honorees .Jhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-1px -621px; border:none; display:block; float:left; } #honorees .Jhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-72px -621px; } #honorees .more_rollover { background-image:url(/images/findoutmore.png); background-position:0 0; border:none; display:block; float:right; position:relative; bottom:70px; right:1px; } #honorees .more_rollover:hover { background-image:url(/images/findoutmore.png); background-position:0 -51px; } #honorees .H2011_honorees_rollover:hover { background-image:url(/images/ca_2011_honorees.jpg); /*background-position:-72px -621px;*/ } #honorees .H2011_honorees_rollover { background-image:url(/images/ca_2011_honorees.jpg); /*background-position:-1px -621px;*/ border:none; display:block; float:left; margin: 4px 0 0 2px; } /*======////////////////////////////////////////////CSS Style Created by Amit Negi /////////////////////////////////////////////====*/ #honorees .CA_Ahonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:0 0; border:none; display:block; float:left; margin-bottom: 6px; } #honorees .CA_Ahonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-294px 0; } #honorees .CA_Bhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:0 -87px; border:none; display:block; float:left; margin-bottom: 6px; } #honorees .CA_Bhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-294px -87px; } #honorees .CA_Chonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-68px 0; border:none; display:block; float:left; margin-bottom: 6px; } #honorees .CA_Chonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-362px 0; } #honorees .CA_Dhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-68px -58px; border:none; display:block; float:left; margin-bottom: 6px; } #honorees .CA_Dhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-362px -58px; } #honorees .CA_Ehonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-68px -116px; border:none; display:block; float:left; } #honorees .CA_Ehonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-362px -116px; } #honorees .CA_Fhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-135px 0; border:none; display:block; float:left; margin-bottom: 7px; } #honorees .CA_Fhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-429px 0; } #honorees .CA_Ghonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-135px -88px; border:none; display:block; float:left; margin-right: 6px; } #honorees .CA_Ghonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-429px -88px; } #honorees .CA_Hhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-178px -88px; border:none; display:block; float:left; } #honorees .CA_Hhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-472px -88px; } #honorees .CA_Ihonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-221px 0; border:none; display:block; float:left; margin-bottom: 6px; } #honorees .CA_Ihonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-514px 0; } #honorees .CA_Jhonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-221px -58px; border:none; display:block; float:left; margin-bottom: 6px; } #honorees .CA_Jhonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-514px -58px; } #honorees .CA_Khonoree_rollover { background-image:url(/images/honoreeimages.jpg); background-position:-221px -117px; border:none; display:block; float:left; } #honorees .CA_Khonoree_rollover:hover { background-image:url(/images/honoreeimages.jpg); background-position:-514px -621px; } #honorees .watch_rollover:hover { background-image:url(/images/watch_telecast.png); /*background-position:0 -51px;*/ } #honorees .watch_rollover { background-image:url(/images/watch_telecast.png); /*background-position:0 0;*/ border:none; display:block; float:left; position:relative; bottom:; right:-3px; margin-top: 1px; } /*-------================================== Style End ==============================================*/ /*#honorees .watch_rollover:hover { background-image:url(/images/watch_telecast.gif); /*background-position:0 -51px;*/ } #honorees .watch_rollover { background-image:url(/images/watch_telecast.gif); /*background-position:0 0;*/ border:none; display:block; float:left; position:relative; bottom:; right:2px; }*/ #archives { } #mostPopular li { margin-left: 10px; } #mostPopular li { list-style: disc; color: #0078AE; } /*================================== Hide lists on page load ====================================*/ .stylish-select ul.newList {left:-9999px;} /*====================================== windows xp style - div that contains the