@import url(/static/css/cwv3/base.css);

/* skeleton layout */
#page           { width: 984px; margin: auto; padding-left: 4px; }
#header         { height: 59px; }
#nav_column     { width: 128px; float: left; overflow: hidden; }
#main_column    { width: 640px; float: left; overflow: hidden; }
#right_column   { width:  216px; float: right; overflow: hidden; }

/* header style (top) */
  /** layout */
  #header                          { position: relative; margin-bottom: 16px; }
  #header h1                       { position: absolute;
                                     right: 88px; bottom: 16px; width: 856px; }
  #header h1.header_guangzhou,
  #header h1.header_budapest       { right: 120px; }
  #header h1.header_shanghai       { right: 116px; }
  #header .header_change_city      { position: absolute;
                                     left: 128px; bottom: 20px;
                                     font-size: 10px;  font-family: "Verdana", Tahoma, sans-serif;
                                     font-weight: normal; }

  #header .header_search #top_searchbox_hints  { position: absolute; right: 216px; top: 12px; }
  #header .input_search { position: absolute; right: 316px; bottom: 14px; }
  #header #search_banner { position: absolute; right: 216px; bottom: 10px; }
  #header .input_search { border: #666 solid 1px;
    border-right: #ccc solid 1px; border-bottom: #ccc solid 1px;
    padding: 5px 10px 0 10px;
  }
  #header .input_search { height: 22px; width: 280px; }
  #header #search_button_top  { position: absolute;
    top: 16px; right: 620px; .right: 600px; border: 0;  text-align: left; }
  #header .header_contact_feedback { position: absolute; right: 8px; top: 5px; }
  #header .header_contact_account  { position: absolute; right: 8px; bottom: 12px; }
  #header .header_contact_account img { vertical-align: text-bottom; 
                                        padding-left: 2px; }

  /** color/background */
  #header                 { background: url(/static/images/cwv3_header_bar.gif) top left no-repeat; }
  #header                 { color: #fff; }
  #header a               { color: #fff; }
  #header a:hover         { background-color: #e99; }
  #header .header_search #top_searchbox_hints  { color: #fba; font-size: 10px; }
  * html #header #search_button_top { background-image: url(/static/images/cwv3_header_magnifier.gif); }
  #header #search_button_top { background-image: url(/static/images/cwv3_header_magnifier.png); }
  #header #search_button_top { 
    background-repeat: no-repeat; background-position: 0 7px; .background-position-y: 8px;
    background-color: transparent; padding-left: 20px;
    color: #f69365; }
  #header .header_contact_account { color: #f69365; }
  #header .header_contact_account a { color: #fff; }

  /** font */
  #header    { font-size: 10px; font-weight: bold; }
  #header h1 { font-family: "Verdana", Tahoma, sans-serif; 
               font-size: 24px; font-weight: normal; }
  #header h1 small { font-size: 10px; }
  #header h1.header_guangzhou { font-size: 20px; }
  #header .input_search { font-size: 16px; }
  #header #search_button_top { font-family: "Verdana", Tahoma, sans-serif; 
                               font-size: 20px; font-weight: normal; }
  #header .header_contact_account a { font-weight: bold; font-size: 12px; }
  

/* nav_column style (left) */
  /** layout */
  #nav_column       { text-align: right; }
  #nav_column .logo_img { margin-right: 6px; }
  #nav_column ul        { margin: 24px 0; list-style-type: none; }
  #nav_column ul.content_menu { margin-bottom: 8px; }
  #nav_column ul li a   { padding: 0 8px; }
  #nav_column ul.secondary_links { margin: 0px 0 24px 0; }
  #nav_column ul.secondary_links li { font-weight: bold; }
  #nav_column ul.small_links { margin: 0px 0 24px 0; }
  #nav_column ul.small_links li { font-weight: bold; }
  #nav_column .advertisement { text-align: left; display: block; margin-left: 4px; }
  #nav_column #issue_box { padding-right: 6px; margin-bottom: 8px; }

  /** background/color */
  #nav_column ul.content_menu li a,
  #nav_column ul.secondary_links li a   { color: #c12; }
  #nav_column ul.small_links li a       { color: #c12; }
  #nav_column #issue_box small          { color: #333; font-weight: bold; }

  /** font */
  #nav_column a                    { text-decoration: none; }
  #nav_column                      { font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif; }
  #nav_column ul.content_menu li a { font-size: 21px; }
  #nav_column ul.submenu li a      { font-size: 14px; }
  #nav_column .small_links li a,
  #nav_column small                { font-size: 10px; }

  /** combine */
  .home #nav_column li.nav_home a,
  .listing #nav_column li.nav_listings a,
  .event #nav_column li.nav_events a,
  .classified #nav_column li.nav_classifieds a,
  .blogs #nav_column li.nav_blogs a,
  .people #nav_column li.nav_people a,
  .profile #nav_column li.nav_people a,
  .magazine #nav_column li.nav_magazine a { color: #000; font-weight: bold; 
                                            background: url(/static/images/cwv3_nav_tab.gif) no-repeat;
                                            padding: 0 8px; }

/* main_column (center) */
  /** layout */
  #content_area { width: 628px; padding: 4px 3px 0 9px; /* 628 + 3 + 9 = 640 */ }
  #content_box {  position: relative; padding-top: 8px; }
  html #content_box { .height: 1%; }

  /** background/color */
  #content_area { background: url(/static/images/cwv3_main_column_top_left.gif) 0 0 no-repeat #e8e8e8; 
                  border-bottom:3px solid #e8e8e8;/* in case page_browser does not exist. */ }
  #content_box  { background-color: #FFF; }

  /** font */
  #banner_top_main_column { margin-bottom: 2px; }
  #banner_bottom_main_column { margin: 0; text-align: center; height: auto; }
  #banner_bottom_main_column small { text-align: left; }

/* footer */
  /** layout */
  #footer label { float: left; margin: 24px 8px 0 160px; }
  #footer li { display: inline; list-style-type: none; }
  #footer ul { margin: 24px 0 4px; }
  #footer ul.bookmark_links { margin-left: 8px; margin-bottom: 24px; float: left; }
  #footer ul.footer_links li { padding-left: 8px; margin-right: 8px; }
  #footer ul.footer_links li { border-left: solid 1px; }
  #footer ul.footer_links li.first_in_list { border: none; }
  #footer .bookmark_links li a { padding: 2px 4px 6px 23px; }
  #footer .input_search { position: static; border: #666 solid 1px; }

  /** background/color */
  #footer { color: #555; }  
  #footer a { color: #369; }
  #footer ul.footer_links li { border-color: #555; }
  #footer .digg      { background-position: 0 -648px; }
  #footer .delicious { background-position: 0 -684px; }
  #footer .newsvine  { background-position: 0 -720px; }
  
  #footer input.input_search:focus, 
  #footer .input_search { background: white url(/static/images/magglass.png) no-repeat scroll 3px 4px; padding-left: 20px; }

  #keyword_bottom_wrapper   { width: 240px; border-style: none; height: 17px; display: block; margin: auto;  }
  * html #keyword_bottom_wrapper { height: 19px; }
  #search_button_bottom  { display: none; }


  /** font */
  #footer { text-align: center; font-size: 12px; }
  #footer label, #footer a { font-weight: bold; }



/* base item style */
  /** layout */
  .item #item_head        { position: relative; }
   /* 628 = 442 + 1 + 185 
            442 = 152 + 290
                  152 = 8 + 144
    */
  .item #item_main        { float: left; width: 442px; border-right: 1px solid; }
  .item #item_tools       { float: left; width: 185px; }
  .item #breadcrumb, small.breadcrumbs    { margin-left: 8px; }
  .item #item_view_count  { position: absolute; width: 156px; top: 0; right:0; padding-right: 10px; }
  .item #item_title       { margin: 4px 10px 4px 8px; padding: 4px 0; overflow: hidden; }
  .item #item_images      { float: left; width: 144px; padding-left: 8px; }  
  .item #item_images img  { display: block; margin: 0; margin-bottom: 4px; } 
  .item #item_info        { float: left; padding: 0 8px; width: 274px; overflow: hidden; }
  .item #item_tools .add_action {
    background-position: right -1080px; /* 1100 + tuning */ 
    padding: 2px 20px 2px 0; }
  .item #item_tools .item_buzz    { padding-right: 10px; margin-bottom: 8px; }
  .item #item_tools .item_buzz .buzz_bk { margin: 4px 0 4px 95px; text-align: left; }
  .item #item_tools ul.tools      { margin: 10px; }
  .item #item_tools ul.tools li   { margin: 5px 0 5px 8px; }
  .item #item_info_contributor { margin: 8px 0; }
  .item #item_info_contributor img { float: left; padding-right: 8px; }
  .comment_age, .item_age { font-size: 11px; color: #999; }
  .item #item_comment   { padding-bottom: 16px; .height: 1%; }
  .item #id_comment { margin: 0; }
  .item #item_tools #mobile_link { padding-right: 16px;}

  /** background/color */ 
  .item #item_main        { border-color: #e8e8e8; }
  .item #item_title       { color: #c12; }
  .item #breadcrumb a, small.breadcrumbs a { color: #336699; }
  .item #item_tools #mobile_link { background-image: url(/static/images/cwv3_phone_small.png); background-repeat: no-repeat; background-position: right top; }

  /** font */
  .item #breadcrumb, small.breadcrumbs   { font-size: 11px; }
  .item #item_title             { font-size: 28px; line-height: 1.0em; }
  .item #item_title small       { font-size: 18px; font-family: SimHei; 
    white-space: nowrap;}
  .item #item_view_count        { text-align: right; }
  .item #item_tools .item_buzz  { text-align: right; font-size: 11px; }
  .item #item_tools ul.tools li { font-size: 12px; font-weight: bold; }
  .item #item_tools #mobile_link { font-size: 16px; font-weight: bold; }
  .item #item_images ul li      { font-size: 11px; }

/* base item descriptions and comment list */
  * html .comment_list { height: 1%; }
  .classified_item #item_comment { margin-top: 0; }
/* layout 
 *
 * main column     628
 *                 148 + 12 + 468
 *                 |          | 452+16
 *                 |
 *                 | 8+140   padding+image
 *                 | 16+132  padding+magazine/contributor description
 */
  #item_descriptions { clear: both; }
  .descriptions dt { width: 132px; float:left; margin-left: 16px; _margin-left: 8px; clear:left; text-align: right;}
  .descriptions dd { width: 452px; float:left; margin-left: 12px;  }
  .descriptions dt { padding: 9px 0 8px 0px; }
  .descriptions dd { padding: 4px 0; }

  .comment_list dt { width: 148px; float:left; padding: 0px 12px 0 0; margin-bottom: 8px; clear: left; }
  .comment_list dd { width: 468px; float:left; margin-bottom: 16px; }
  .comment_list dd .comment_content { float: left; min-height: 40px; width: 390px; padding: 2px 8px 4px; overflow: hidden; }
  .comment_list dt p { margin-top: -2px; font-size: 11px; font-weight: normal; } /* username */
  .comment_list dd .comment_actions { float: left; width: 40px; margin: 0 6px 6px 6px; }

  .comment_header { margin-left: 160px; padding: 32px 0; }
  div.comment_rating { background-position: -3px -1246px; width: 60px;}
  div.comment_rating span { background-position: -3px -1174px; }
  div.comment_rating span, div.comment_rating.old_rating span {
    display: block; position: relative; text-align: right; }

  /** font */
  .descriptions dt { color: #c12; } 
  .descriptions dt,
  .comment_list dt { text-align: right; font-weight: bold; }
  h2.comment_header { font-size: 24px; }
  h3.comment_header { font-size: 16px; padding: 8px 0; }
  .comment_header small { font-size: 12px; }
  .rating_updated { font-weight: bold; }

  /** color/background */
  .gray_highlight { background-color: #f6f6f6 !important; padding: 4px 0; }
  .item #item_comment { background: #e8e8e8; }
  .comment_list dt { background: url(/static/images/cwv3_comment_arrow.gif) 150px 5px no-repeat #e8e8e8; }
  .comment_list dd .comment_content { background: #fff; }
  .comment_header  { color: #c12; }   
  .comment_header small { color: #555; }   
  .rating_updated { color: #c12; }

/* base item comment form */
  /** layout */

  #add_comment #new_comment_contributor { width: 148px; float: left; padding: 0 12px 0 0; margin-bottom: 8px; }
  /* keep comment_entry, comment_help with same height and padding */
  * html #comment_entry { height: 1%; overflow: hidden; }/* hacks for ie6 */
  #add_comment #comment_entry { width: 308px; float: left; padding: 6px 8px 4px; margin-bottom: 6px; height: 240px; }
  #add_comment #comment_help { width: 120px; float: left; padding: 6px 8px 4px; height: 240px; }
  #add_comment #rating_chooser {  }
  #add_comment .rating_hint  { height: 20px; padding: 0 4px 0 84px; float: right }
  #add_comment textarea      { border: 1px solid #bbb; display: block; height: 170px; width: 298px; padding: 4px; }
  #add_comment .buttons { margin-top: 8px; }
  #add_comment .buttons a { margin-left: 160px; }
  #add_comment .buttons_no_rating_star { margin-top: 18px; }
  #add_comment .post_button { border: 2em; }

  /** color/ background */
  #add_comment { background: #e8e8e8; }
  #add_comment #new_comment_contributor { background: url(/static/images/cwv3_comment_arrow.gif) 150px 5px no-repeat #e8e8e8; }
  #add_comment #comment_entry { background: #fff; }
  #add_comment .rating_hint { background: url(/static/images/cwv3_comment_rating_this.png) no-repeat; background-position: 1px 0; padding-right: 6px;}
  #add_comment #comment_help { background: #cfd3d3; }

  /** font */
  #add_comment #new_comment_contributor { text-align: right; }
  #add_comment .rating_hint  { color: #fff; }
  #add_comment .button { font-size: 14px; }
  #add_comment textarea { font-family: "Arial", sans-serif; font-size: 15px; }

/* Central browser styling */
/* special: background use of icons */
  /* IE 6-only hack - use gif instead of png */

  * html .queryset_actions .add_action,
  * html .item #item_tools .add_action,
  * html .icon.wifi_ok,
  * html .icon.family_ok,
  * html .icon.pick_tick,
  * html .icon.user_first,
  * html #stuff_reviews .review_stars,
  * html #stuff_reviews .review_stars span,
  * html .table_heading .sort_up,
  * html .table_heading .sort_down,
  * html .table_heading .sort_none,
  * html #footer .digg, * html #footer .delicious, * html #footer .newsvine,
  * html td .prices_view, * html td .prices_view span, 
  * html td .buzz_view, * html td .buzz_view span,
  * html div.comment_rating, *html div.comment_rating span,
  * html .filter_popup a.selected,
  * html #filter_list a.selected {
       background-image: url(/static/images/cwv3_browser_icons.gif);
       background-repeat: no-repeat; }


  .queryset_actions .add_action,
  .item #item_tools .add_action,
  .icon.wifi_ok,
  .icon.family_ok,
  .icon.pick_tick,
  .table_heading .sort_up,
  .table_heading .sort_down,
  .table_heading .sort_none,
  .icon.user_first,
  #stuff_reviews .review_stars,
  #stuff_reviews .review_stars span,
  #footer .digg, #footer .delicious, #footer .newsvine,
  td .prices_view, td .prices_view span, 
  td .buzz_view, td .buzz_view span,
  div.comment_rating, div.comment_rating span,
  .filter_popup a.selected,
  #filter_list a.selected {
      .height: auto; /* hacks for ie6/ie7 */
      background-image: url(/static/images/cwv3_browser_icons.png);
      background-repeat: no-repeat; }

  /** layout */
  div.queryset_actions { float: right; margin: 0px 4px 0 0; text-align: right; } /* 8+tweak */
  div.item_tools_actions { text-align: right; margin: 0 4px 8px 0; }

  #filter_browser { width: 474px; float: right; clear: none; }
  #filter_browser table { width: 474px; margin-top: 2px; }
  #filter_browser tr.table_heading td { padding-left: 8px; }
  #filter_browser tr.table_heading #order_by_b { padding-right: 8px; text-align: right; }
  #filter_browser tr.table_heading td a { padding-left: 0px; }
  #filter_browser tr.table_heading_no_events #order_by_d { padding-right: 8px; text-align: left; }
  #filter_browser tr.table_heading_events #order_by_d { padding-right: 5px; text-align: right; }
  #filter_browser .no_table_content { font-size: 14px; text-align: center; padding: 20%; padding-top: 32px; }
  #filter_browser .list_buzz    { margin-right: 4px; font-size: 11px; text-align: right; }
  .filter_subscription { margin: 4px 2px 0 0; font-size: 12px; text-align: right; padding-right: 18px; }
  #footer_subscription { font-size:12px; font-weight:bold; padding: 4px 4px 16px 20px; }
  #footer_subscription p,
  #footer_subscription ul,
  #footer_subscription h5 { margin-bottom: 4px; }   
  #footer_subscription ul,
  #footer_subscription h5 { padding-left: 20px; }   
  #footer_subscription ul { list-style-type: square; }
  #footer_subscription li { display: block; }
  #footer_subscription { text-align: left; }
  #footer_subscription_rule { width: 98%; text-align:left; margin:16px auto 4px 0; border: 1px dotted #e73; }
  .buzz_col { width: 52px; }
  .price_col { width: 50px; } /* price is classified numeric price */
  .prices_col { width: 60px; } /* prices is listing price-by-icon */
  .listing .title_col { width: 390px; }
  .search .title_col { width: 460px; }
  .people_list .title_col { width: 280px; }
  .people_list .country_col { width: 70px; }
  .event_list .title_col { width: 320px; }
  #order_by_a { padding-right: 20px; }
  .article #filter_browser a.item_more { font-size: 10px; }

  /** color/ background */
  .table_heading a.selected { color: #666; }
  .table_heading a { color: #c12; }

  .table_heading .sort_up { background-position: 0px -614px;
    padding-right: 10px; }
  .table_heading .sort_down { background-position: 0px -578px;
    padding-right: 10px; }
  .table_heading .sort_none { background-position: 0px -506px;
    padding-right: 10px; }
  .queryset_actions .add_action {
    background-position: right -1080px; /* 1100 + tuning */ 
    padding: 2px 20px 2px 0; }

  /** font */
  div.queryset_actions { font-weight: bold; font-size: 12px; }
  .table_heading a { text-transform: uppercase;
    font-size: 11px; font-weight: bold; }
  div.item_tools_actions { font-weight: bold; font-size: 12px; }


/* filter styling */
  /** layout */
  #filter_list    { width: 132px; float: left; clear: none;
    margin-right: 8px; margin-left: 8px; }
  * html #filter_list { width: 124px; }
  .filter_popup,
  #filter_list { margin-top: 16px; }
  #filter_list ul { margin: 3px 0 18px 0; }
  #filter_list li { line-height: 1.0em; }
  h1.browser_title { margin: 5px 0 0px 8px; }
  h2.search_string { margin: 4px 0 0px 8px; display: inline; }
  .vicinity_choice { margin-left: 16px; }

  /** color/ background */
  .filter_popup h5,
  #filter_list h5 { color: #c12; }
  .filter_popup a.selected,
  #filter_list a.selected { color:#000; padding-right: 16px; 
    background-position: right -1px; }
  h1.browser_title, h1.browser_title a { color: #c12; }
  h1.browser_title span { color: #000; }
  h2.search_string { font-size: 14px; color: #666; font-weight: normal; }
  h2.search_string strong { font-weight: bold; }
  small a.search_cancel { font-size: 10px; }

  /** font */
  .filter_popup h5,
  #filter_list h5 { text-transform: uppercase; font-size: 11px; }
  #filter_list li { font-size: 13px; }
  h1.browser_title, h1.browser_title a { font-size: 24px; font-weight: bold; }
  h1.browser_title span { font-size: 16px; }

/* popup filter styling */
  /** layout */
  .subscription_popup { width: 268px; position: absolute; padding: 8px 24px; right: 4px; z-index:999; }
  .subscription_popup ul { list-style-type: square; }
  .filter_popup { padding: 8px; z-index: 10; position: absolute; }
  .filter_popup { width: 480px; left: 120px; }
  .filter_popup ul { float: left; width: 144px; padding-right: 16px; }
  .filter_popup .hider { margin-left: 8px; }
  /** color/background */
  .filter_popup { border: #ddd solid 2px; 
    border-bottom: #bbb solid 2px; border-right: #bbb solid 2px; 
    background-color: #f0f0f0; }
  /** font */
  .filter_popup h5 { display: inline; }
  .filter_popup .hider { font-weight: bold; }
  .subscription_popup h5,
  .subscription_popup p { margin-bottom: 4px; }
  #filter_subscription_popup { text-align: left; }
  #filter_subscription_popup_hide { position: absolute; right: 16px; }

/* list item styling */
  /** layout */
  .right_align_col { text-align: right; }
  #filter_browser tr.entry td { vertical-align: top;
    padding: 8px 5px 8px 8px; }
  #filter_browser table.sponsored_result { margin-bottom: 10px; }
  #filter_browser td img { float: left; padding: 0 4px 0 0; }
  .article #filter_browser td img { float: right; padding: 0 4px 0 4px; }
  /*#filter_browser td img.profile { float: none; padding: 0 2px 0 0; } */
  /* inline-block makes ie display the empty span */
  .icon.wifi_ok, .icon.family_ok, .icon.pick_tick { display: inline-block; height: 11px; /* fixed the safari problem*/ }
  .icon.wifi_ok { padding-right: 21px; }
  .icon.family_ok { padding-right: 16px; }
  .icon.pick_tick { padding-right: 15px; }

  /** color/background */
  #filter_browser .item_meta, #filter_browser .item_meta a { color: #888; }
  #filter_browser tr.high_value { background-color: #f8f8f8; }
  #filter_browser table.sponsored_result,
  #filter_browser table.sponsored_result tr.high_value { background-color: #ffeecc; }
  .filter_subscription { background-image: url(/static/images/action_rss.png); background-repeat: no-repeat; background-position: right; }
  #footer_subscription h5 { background-image: url(/static/images/action_rss.png); background-repeat: no-repeat; background-position: left; color: #e73; }
  #footer_subscription .filter_subscription,
  .filter_subscription a { color: #f89800; }
  .icon.wifi_ok { background-position: 0 -939px; } /* 936 + tweaks */
  .icon.family_ok { background-position: 0 -795px; } /* 792 + tweaks */
  .icon.pick_tick { background-position: 0 -867px; } /* 864 + tweaks */
  .subscription_popup { background-color: #F0F0F0; border-color:#DDDDDD rgb(187, 187, 187) rgb(187, 187, 187) rgb(221, 221, 221); border-style:solid; border-width:2px; }
  .subscription_popup h5 { color: #CC1122; }

  /** font */
  #filter_browser a.item_title { font-size: 16px; }
  tr.high_value a.item_title { font-weight: bold; }
  .search h3 a { font-size: 14px; }
  #filter_browser a.item_location,
  #filter_browser .item_subtitle,
  .chain_location { font-size: 11px;  white-space: nowrap; }
  .item_meta { font-size: 11px; }

/* date column styling */
  /** layout */
  /** color/background */
  .date_col .list_event_date { color: #c12; }

  /** font */
  .high_value .date_col { font-weight: bold; }
  .date_col { font-size: 12px; }
  .date_col .list_event_time { font-size: 10px; }
  .narrow_nbsp { font-size: 2px; }

/* buzz column styling */
  /** color/background */
  /** layout */
  td .buzz_view { background-position: -4px -72px; display: block;
    float: left; width: 50px; position: relative; height: 16px; }
  td .buzz_view span { background-position: -4px -252px; position: relative;  
   text-align: right; display: block; height: 16px; }
  td .buzz_view strong { position: absolute; display: block; text-align: left;
    text-indent: -9999px; overflow: hidden; }

/* prices column styling */
  /* hide prices column in listing list */
  .listing .prices_col,
  .listing #order_by_p { display: none; }

  /** color/background */
  /** layout */
  td .prices_view { background-position: 0 -292px; display: block;
    float: left; width: 60px; position: relative; height: 16px; }
  td .prices_view span { background-position: 0 -466px; position: relative;  
   text-align: right; display: block; height: 16px; }
  td .prices_view strong { position: absolute; display: block; text-align: left;
    text-indent: -9999px; overflow: hidden; }

/* search results styling */
  .search .title_col h4 { color: #999; font-weight: normal; }
  .search .title_col h4 span { text-transform: uppercase; font-weight: bold; }


/* base list pagination */
  /** layout */
  #page_browser li { list-style-type: none; display: inline; }
  #page_browser { float: right; width: 100%; }
  #page_browser p { margin-top: 13px; }
  #page_browser ul { margin: 8px; float: right; _margin-right: 2px; }
  #page_browser li {  margin: 2px;  float: left; }
  #page_browser li a { border: 1px solid; display: block; padding: 2px 6px; }
  #page_browser li.current_page,
  #page_browser li.dropped_range,
  #page_browser li.prev_next a { border: 0px; padding: 3px 4px; }
  #page_browser li.prev_next a { margin-right: 16px;  }

  /** color/ background */
  #page_browser { background: #e8e8e8; }
  #page_browser li { border-color: #369; background: #fff;}
  #page_browser li.current_page,
  #page_browser li.dropped_range,
  #page_browser li.prev_next { background: #e8e8e8; }
  #page_browser li.current_page,
  #page_browser li.dropped_range { color: #000 }

  /** font */
  #page_browser li.prev_next { text-transform: uppercase; }

/* view in admin link */
  /** layout */
  p.edit { position: fixed; right: 16px; top: 70px; height: 16px; padding: 0 0 0 8px; }
  p.edit a { display: block; padding: .1em 28px .1em 8px; height: 14px; width: 80px; }

  /** color / background */
  p.edit { background:url(/static/images/tool-left.gif) 0 0 no-repeat; }
  p.edit:hover {background:url(/static/images/tool-left_over.gif) 0 0 no-repeat;}
  p.edit a { color: #fff; background:#999 url(/static/images/tooltag-arrowright.gif) top right no-repeat; }
  p.edit a:hover, 
  p.edit:hover a { background: #5b80b2 url(/static/images/tooltag-arrowright_over.gif) 100% 0 no-repeat; }

  /** font */
  p.edit a { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; }
  
/* session message box */
  /** layout */
  .message_box {
    margin: 0 10px 20px 10px; 
    position: relative; top: 8px;
    border: #d90 solid 2px; padding: 16px;
  }
  .message_box li { margin-bottom: 4px; }
  /** color/background */
  .message_box {
    background-color: #ffc; color: #730;
  }
  .message_box code { color: #930; }
  /** font */
  .message_box code { font-weight: bold; }
  .message_box em { font-size: 16px; font-weight: bold; }

/* buzz explanation box */
  /** layout */
  #buzz_factor, 
  #buzz_explanation {
    position: absolute;
    right: 0px;
    top: 64px;
    margin: 4px; 
    padding: 8px;
    border: #369 solid 2px;
    width: 300px;
    z-index: 1;
  }
  #buzz_explanation p { margin: 4px 0; }
  #buzz_explanation .hider { float: right; }
  #buzz_explanation ul { margin-left: 16px; }
  #buzz_explanation li { list-style-type: disc; margin-left: 4px; }
  /** color/background */
  #buzz_explanation { border: #ddd solid 2px; 
    border-bottom: #bbb solid 2px; border-right: #bbb solid 2px; 
    background-color: #f0f0f0; color: #000; }
  #buzz_explanation h1 { color: #c12; }
  /** font */
  #buzz_explanation { text-align: left; }
  #buzz_explanation h1 { font-size: 14px; }

/* Converged data boxes */
  /** layout */
  #converged_boxes .rss { float: right; }
  div.converged_data { border: 1px solid #e8e8e8; 
      margin: 2px 5px 12px 5px; padding: 5px;}
  .converged_data .more_picks { margin: 14px 0 3px 0; }
  .converged_data li { margin-top: 3px; }
  .converged_data li.indented_pick { text-indent: -12px; margin-left: 12px;}
  .converged_data.top_users img { vertical-align: middle; }
  .converged_data.top_users li { display: inline; }
  .converged_data.top_users li a { display: block; float: left; height: 32px; width: 32px; padding: 2px; }
  .converged_data .main_image { float: none; margin-right: 0; width: 190px; }
  #hot_topic.converged_data { padding: 10px; margin: 2px 5px 5px 5px;}
  #hot_topic.converged_data #hot_topic_feed_icon { float: right; }
  #hot_topic.converged_data #hot_topic_item_avatar { width: 32px; }
  #hot_topic.converged_data #hot_topic_item { width: 128px; border: solid 1px #eee; margin: 8px 0 8px 36px; padding: 6px; }
  #hot_topic.converged_data #hot_topic_container { margin-bottom: 12px; }
  #hot_topic.converged_data .hot_topic_avatar_container { float: left; padding-right: 5px; }
  #hot_topic.converged_data .hot_topic_comments_container { clear: both; }
  #hot_topic.converged_data .hot_topic_comments_avatar { width: 32px; }
  #hot_topic.converged_data .hot_topic_comments { width: 128px; border: solid 1px #eee; margin: 4px 0 4px 36px; padding: 6px; }
  .top_listings h3,
  .top_events h3,
  .editors_pick h3,
  .top_articles h3 { float: left; }
  .top_listings ul,
  .editors_pick ul,
  .top_events ul,
  .top_articles ul { clear: both; }
  .top_articles li { margin-top: 8px; }

  /** color/background */
  .converged_data h3, .converged_data h4 { color: #c12; }
  #hot_topic.converged_data  { background: #f8f8f8; }
  #hot_topic.converged_data  #hot_topic_title { color: #369; }
  #hot_topic.converged_data  #hot_topic_item { color: #000; background: #fff; }
  #hot_topic.converged_data  #hot_topic_item a { color: #000; }
  #hot_topic.converged_data  #hot_topic_item_contributor { color: #369; }
  #hot_topic.converged_data  .hot_topic_avatar_container { background: transparent url(/static/images/cwv3_speech_triangle_mini_hori.gif) no-repeat 32px 5px; }
  #hot_topic.converged_data  .hot_topic_comments { color: #666; background: #fff; }
  #hot_topic.converged_data  .hot_topic_comments .hot_topic_comments_contributor { color: #369; }
  #hot_topic.converged_data  .hot_topic_comments a { color: #666; }
  .top_articles a.popular_column_link { color: #666; }

  /** font */
  .converged_data h3 { font-size: 16px; font-weight: bold; }
  .converged_data h4 { font-size: 14px; font-weight: bold; }
  .converged_data { font-size: 13px; font-weight: bold; }
  .converged_data .more_picks { font-size: 14px; font-weight: bold;
      text-transform: uppercase; }
  .converged_data.top_users { font-size: 16px; }
  .converged_data .small_meta { font-size: 10px; }
  #hot_topic.converged_data { font-weight: normal; }
  #hot_topic.converged_data #hot_topic_title { font-size: 18px; font-weight: bold; }
  #hot_topic.converged_data #hot_topic_item { font-size: 16px; font-weight: bold; }
  #hot_topic.converged_data .hot_topic_comments .hot_topic_comments_contributor { font-weight: bold; }
  .top_articles .author { font-weight: normal; }
  
/* Flatpages */
  /** layout */
  .flatpage #content_box { padding: 8px; }
  .flatpage #item_title { font-size: 24px; color: #c12; }

/* Popular Subscriptions Flatpage */
  /** layout */
  .popular_subs dl { margin: 16px 0; }
  .popular_subs dt,
  .popular_subs dd { margin: 4px 0; }
  .popular_subs dt a { margin-right: 24px; }
  .popular_subs dl dd { width: 300px; }
  /** font */
  .popular_subs .title { font-size: 14px; color: #c12; font-weight: bold; }
  .popular_subs dl { font-size: 14px; }

/* Ad boxes */
  /* Don't move up when encounting floating elements*/
  div.adbox {clear: both;} 
  div#big_logobox_left_column { padding-right: 8px; }
  div#small_logobox_left_column { padding-right: 8px;  }
  div#mini_banner_right_column { padding-left: 5px; }
  div#converged_box_right_column { padding-left: 5px; }


  iframe.item_map_frame { width:204px; height:220px; border:0; }