@charset "utf-8";
/*
 * Theme Name:   TibetSun 2010
 * Theme URI:    https://www.webwalker.to/walker/jobs#drongo
 * Description:  Theme for TibetSun.com. This is a stand-alone theme, made as a copy of the TwentyTen theme. There is no way to change the theme or page design through the WordPress admin. It must all be done through editing files, in a real editor. This is a feature, not a bug  :)
 * Version:  1.11
 * Author:  Lobsang Wangyal (concept, design, graphics), James Walker (code)
 * Author url:  https://lobsangwangyal.com/
 * License: GNU
 * License URI: http://www.gnu.org/
 * Tags: red, black, one-column, two-column, fixed-width, comments, translation-ready, microformats
 * Text Domain: drongo
 *
 * history:
 * v 1.11
 *   24 nov 2021 jw - fixed paths in this file to directory name. duh.
 *   20 nov 2021 jw - changed directory name to 'tibetsun-2010'.
 * v 1.10
 *   28 aug 2021 jw - changes for 2021 final results elections page.
 *   21 mar 2021 jw - changes for 2021 candidates elections page.
 *    8 feb 2021 jw - add 'official' table class for plain background for official results.
 *    6 jan 2021 jw - page nav for elections pages.
 *    5 jan 2021 jw - changes for elections pages.
 *   30 aug 2020 jw - change photo caption size/color as per lw email.
 *   13 dec 2019 jw - make sure we get only first b tag for interview q/a. 
 *   30 jun 2019 jw - add css for archive links from drongo-core.css.
 *    4 jun 2019 jw - add css for support, adsense box.
 *                  - add :root and start normalising this a bit.
 *                  - update header items.
 *   23 apr 2018 jw - add styling for interview Q/A, so that 'Q.' and 'A.' no visible
 *                      on screen, but parsers and text will know which is which.
 *   13 feb 2017 jw - styling for news ticker.
 *   14 mar 2016 jw - more elections page styling.
 *   13 oct 2015 jw - elections cpt working; go live.
 *   18 jul 2015 jw - add .bo block and inline.
 *    2 apr 2015 jw - add style for contact info.
 *   19 jan 2015 jw  - putting color names next to codes, while trying to figure out where
 *                              text color changed.
 *                          - and formatting as i go.
 *   10 aug 2014 jw  - removing table code in templates.
 *                          - merging structure and code from twentythirteen.
 *                          - "TBD" means "To Be Deleted"! once code is merged.
 *                          - detailed notes in sites file.
 *   jul 2008 jw - being.
 *
 */
/*   If we import any fonts, put here before the styles. */

/**
 * Table of Contents:
 *
 *  0.0 - Root
 *  1.0 - Reset
 *  2.0 - Repeatable Patterns        NOT YET
 *  3.0 - Basic Structure
 *  4.0 - Header                     NOT YET
 *    4.1 - Site Header              NOT YET
 *    4.2 - Navigation               NOT YET
 *  5.0 - Content                    NOT YET
 *    5.1 - Entry Header             NOT YET
 *    5.2 - Entry Meta               NOT YET
 *    5.3 - Entry Content            NOT YET
 *    5.4 - Galleries                NOT YET
 *    5.5 - Post Formats             NOT YET
 *    5.6 - Attachments              NOT YET
 *    5.7 - Post/Paging Navigation   NOT YET
 *    5.8 - Author Bio               NOT YET
 *    5.9 - Archives                 NOT YET
 *    5.10 - Search Results/No posts NOT YET
 *    5.11 - 404                     NOT YET
 *    5.12 - Comments                NOT YET
 *    5.13 - Multisite               NOT YET
 *    5.14 - Sharing                 22 sep 2016
 *  6.0 - Sidebar                    NOT YET
 *    6.1 - Widgets                  NOT YET
 *  7.0 - Footer
 *  8.0 - Media Queries              NOT YET
 *  9.0 - Print                      NOT YET
 * ----------------------------------------------------------------------------
 */

/* {{{ 0.0 Root 
 * -----------------------------------------------------------
 */
:root {
  /* colors */
  --color-white:            #ffffff;
  --color-grey-lightest-1:  #fdfdfd;    /* very light grey */
  --color-grey-lightest-2:  #eeeeee;    /* light grey - red spectrum */
  --color-grey-lighter:     #f0f0f5;
  --color-grey-light:       #eeeeee;
  --color-grey-med:         #cccccc;
  --color-grey-med-red:     #666666;    /* medium grey - in the red spectrum */
  --color-grey-med-dark:    #767676;
  --color-grey-med-darker:  #6c6c6c;
  --color-grey-dark:        #333333;
  --color-grey-dark-red:    #979797;    /* dark grey - in the red spectrum */
  --color-grey-deep:        #999999;
  --color-grey-deep-green:  #808a7c;    /* deep grey - green spectrum */
  --color-blue-med:         #0066ff;
  --color-blue-deep:        #1f527b; 
  --color-green-light:      #66ffd9;
  --color-green-med:        green;
  --color-green-dark:       #00664d;
  --color-green-deep-dark:  #408000;
  --color-maroon:           #cc0000;
  --color-black:            #000000;
  /* vars */
  --color-text:             var(--color-grey-dark);
  --color-link:             var(--color-blue-deep);
  --color-h1:               var(--color-green-med);
  --color-h2:               var(--color-green-med);
  --color-h3:               var(--color-green-med);
  --color-h4:               var(--color-green-med);
  --color-body-background:      var(--color-grey-lightest-2);
  --color-content-background:   var(--color-grey-lightest-1);
  --font-main:              "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  --font-bo:                "Microsoft Himalaya", "Monlam Uchen1", "Tibetan Machine Uni", "Arial Unicode";
  --font-monospace:         monospace;
  --font-monospace-fix:     monospace-bug-fix;
}
/* }}} 0.0 Root ---------------------------------------------- */

/* {{{ 1.0 Reset - Standard Stuff 
 *  - for all pages and page parts: 
 * -----------------------------------------------------------
 */
body {
  color:            var(--color-text);
  font-family:      var(--font-main);
  background-color: var(--color-body-background);
  padding:          0;
  margin:           0;
}

p, li, dt, dd {
  font-size:        90%;
}

ul li {
  list-style-type:  none;
  list-style-image: url(/wp-content/themes/tibetsun-2010/images/bullets/bullet.gif);
  margin-top:       .5ex;
}
li:first-child {
  margin-top:       .1ex;
}
ul li li {
  list-style-image: none;
}

/* { links: */
a, a:link, a:visited {
  text-decoration:  none;
  color:            var(--color-link);
}
a:hover {
  text-decoration: underline;
  color:            var(--color-link);
}
a[name] {
  text-decoration: none;
}
a[name]:hover {
  text-decoration: none;
}
  /* all external links: */
span.outlink, 
a.outlink {
  background-image:     url(/wp-content/themes/tibetsun-2010/images/bullets/outlink.png);
  background-position:  center right;
  background-repeat:    no-repeat;
    /* padding visually puts some space btwn text and image,
       and margin puts some space after the image. */
  padding-right:        .9em;
  margin-right:         .3em;
}
/* 
span.outlink:after, 
a.outlink:after {
  margin-right:     6px;
  content:          '\00a0'url(/wp-content/themes/tibetsun-2010/images/bullets/outlink.png);
}
8/
  /* all pdf links: */
span.pdflink, 
a.pdflink {
  background-image:     url(/wp-content/themes/tibetsun-2010/images/bullets/pdf-th.png);
  background-position:  center right;
  background-repeat:    no-repeat;
    /* padding visually puts some space btwn text and image,
       and margin puts some space after the image. */
  padding-right:        .9em;
  margin-right:         .3em;
}
/*
span.pdflink:after, 
a.pdflink:after {
  margin-right:     6px;
  content:          url(/wp-content/themes/tibetsun-2010/images/bullets/pdf-th.png);
}
a.outlink:after+a.pdflink {
  margin-right:     0;
}
*/

  /* { archive links */
span.archive {
  font-size:        .8em;
}
span.archive:before {
  content:          '\005b';
}
span.archive:after {
  content:          '\005d';
  margin-left:      .05em;
}
span.archive a.outlink {
  background-image: none;
  padding-right:    0;
  margin-right:     0;
}
span.archive a.outlink:after {
  content:          '';
}
  /* } archive links */

/* } links. */

/* { basic image styles: */
img {
  border: 0;
}
span.img p {
  color:            var(--color-green-deep-dark);
  font-weight:      normal;
  font-size:        80%;
  margin-top:       0;
  margin-bottom:    0;
  width:            300px;
}
span.img p.caption {
  text-align:       left;
}
span.img p.credit {
  text-align:       right;
  color:            var(--color-grey-deep);
}
/* } basic image styles. */

/* { 'read more' links: */
span.more {
  white-space:      nowrap;
  font-size:        .9em;
}
span.more:before {
  content:          '... [ ';
}
span.more:after {
  content:          ' ]';
}
span.more a {
  display:          inline;
}
/* } 'read more' links. */

sup {
  font-size:        80%;
}
/* }}} 1.0 Reset ---------------------------------------------- */


/**
 * {{{ 2.0 Repeatable Patterns
 * -----------------------------------------------------------
 */
/* T B D */
/* }}} 2.0 Repeatable Patterns ---------------------------------------------- */


/**
 * {{{ 3.0 Basic Structure
 * -----------------------------------------------------------
 */

div#page-wrapper {
  background-color: var(--color-content-background);
  width:            990px;
  max-width:        990px;
  margin:           auto;
  margin-bottom:    10px;
}

.site-main {
  position: relative;
}

/*  --- { Header: --- */
header {
  margin:           auto;
  top:              0;
  height:           127px;  
}
header div#logo-bar {
  background-color: var(--color-maroon);
  height:           117px;
  position:         relative;
}
/* { logo to the left: */
header div#logo-bar div#logo {
  width:            260px;
  position:         absolute;   /* relative to logo-bar */
  bottom:           2px;
}
header div#logo-bar div#logo a img {
  border:           0;
  width:            240px;
  height:           88px;
}
/* } logo to the left. */

/* { google adsense to right of logo: */
header div#logo-bar div.adsense-ad {
  width:            710px;
  position:         absolute;   /* relative to logo-bar */
  bottom:           2px;
  left:             250px;
}
/* so i can see on development:
header div#logo-bar div.adsense-ad ins {
  background-color: var(--color-grey-med);
}
*/
header div#logo-bar div.adsense-ad p {
  width:            728px;
  height:           90px;
  background-color: var(--color-grey-med);
  text-align:       center;
  margin:           0;
  padding:          0;
}
header div#logo-bar div.adsense-ad span {
  display:          block;
  font-size:        75%;
  letter-spacing:   .05em;
  color:            #f5f5f5;        /* light grey - red spectrum */
  margin-bottom:    3px;
}
/* } google adsense to right of logo. */

/*  --- } Header. --- */

/* --- { pageContent area: --- */
/* { TBD */
table#pageContent {
  background-color: var(--color-white);
  width:            990px;
  margin:           auto;
  border-collapse:  collapse;
}
/* } TBD */

table#pageContent tr {
  vertical-align:   top;
}
table#pageContent td {
  vertical-align:   top;
  padding:          0 10px 10px;
  background-color: var(--color-white);
}

 /* styling for interview Q/A, so that 'Q.' and 'A.' not visible
  *   on screen, but parsers and text will know which is which.
  */
div.q p {
  font-weight:      600;
}
div.a p {
  font-weight:      normal;
}
    /* hide the 'Q' and 'A' by making same color as page background color;
     * pull the first line of para to left to fill the gap  :)   
     * 29 apr 2018 - working on firefox on linux; is showing indent on some others. 
     *      tweaking it, so far still problem. */
div.q p:first-child, 
div.a p:first-child {
  text-indent:      -1.3em;
}
    /* make sure we get only first b tag! */
div.q p:first-child b:first-child, 
div.a p:first-child b:first-child {
  color:            var(--color-white);
  width:            1.3em;
}
/* --- } pageContent area. --- */

/* --- { pageContent area top and bottom bars: --- */
/* { date/time: */
table#pageContent td#date {
  border-bottom:    1px solid var(--color-maroon);
  vertical-align:   middle;
  padding:          0 0 0 10px !important;
}
table#pageContent td#date iframe {
  vertical-align: middle;
  display: block;
  width:   13em;
  height:  20px;
  float: left;
  margin-top: 2px;
}
/* this isn't showing
table#pageContent td#date iframe:after {
  content: ' IST';
}
*/
table#pageContent td#date span {
  font-size: 60%;
  float: left;
  vertical-align: middle;
  padding-right: .5em;
  padding-top: 3px;
  height: 20px;
}
/* } date/time. */

/* { utilities bar: */
div#utils-bar {
  font-size:        80%;
  background-color: var(--color-black);
  height:           100px;
  white-space:      nowrap;
  padding:          0 !important;
}
/* search */
div#search-wrapper {
  float:            right;
  margin:           4px 20px 4px 0;
}
div#search-wrapper form#searchform {
  display:          inline;
}
div#search-wrapper form#searchform input {
  margin-left:      4px;
  margin-right:     4px;
}
div#search-wrapper form#searchform input#search-text {
  -webkit-border-radius:  0;
  border-radius:          0;
  width:            200px;
  background-color: var(--color-white);
  padding-left:     2px;
}
div#search-wrapper form#searchform input#submit {
  background-color: var(--color-maroon);
  border:           none;
  height:           20px;
  line-height:      1;
  color:            var(--color-white);
}
/* newsfeed */
div img#newsfeed {
  float:            right;
  margin-right:     80px;
  margin-top:        6px;
  width:            67px;
  height:           18px;
  border:           0;
}
/* } utilities. */

/* { topbar with news ticker: */
table#pageContent td#topbar {
  font-size:        85%;
  height:           24px;
  border-bottom:    1px solid var(--color-maroon);
  padding:          0 0 0 24px !important;
  vertical-align:   middle;
}

    /* news ticker benaceur - 13 feb 2017 
        - mostly done in the plugin settings.
        - change depending on animation effect. */
div.news-ticker-ntb span {  /* the header */
  text-align:       left;
  display:          table;
  min-width:        auto    !important;
}
div.news-ticker-ntb ul#ntbne_five {  /* the post titles/links */
  padding-left:     0;
  margin-left:      102px   !important;
}
/* } topbar with news ticker. */


/* { the breadcrumbs trail at top of content: */
p#breadcrumbs {
  color:            #f96;           /* peach */
  font-size:        90% !important;
  margin:           0;
  margin-top:       8px;
  padding-bottom:   2px;
  border-bottom:    1px dashed var(--color-grey-med);
}
p#breadcrumbs strong {
  font-weight:      normal;
  color:            var(--color-black);
}
/* For Breadcrumb NavXT.
 * tags only show on individual week-in-photos page (custom post type).
 * Can't figure out how to disable this in admin. So ...
 */
p#breadcrumbs a.post_tag {
  display:          none; /* dang. hard-coded commas! */
}
/* } the breadcrumbs trail at top of content. */

/**
 * {{{ 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

/**
 * {{{ 7.0 Footer
 * ----------------------------------------------------------------------------
 */

footer { 
  text-align:       center;
  font-size:        90%;
  border-top:       1px solid var(--color-grey-med);
  width:            990px;
  max-width:        990px;
  padding:          8px 0 !important;
}

div#siteInfo1,
div#siteInfo2 {
  clear:            both;
  padding-bottom:   8px
}
div#siteInfo1 {
  border-bottom:    1px solid var(--color-grey-med);
}

nav#footer {
  display:          table;
  margin:           auto;
}
nav#footer ul {
  list-style-type:  none;
  margin:           0;
  padding:          0;
}
nav#footer li {
  list-style-image: none;
  float:            left;
  margin-top:       0;
  font-size:        100%;
}
nav#footer li:after {
  content:          '\2002|\2002';
}
nav#footer li:last-of-type:after {
  content:          '';
}

div#siteInfo2 a {
  text-decoration: none;
}
div#siteInfo2 p {
  font-size:        100%;
}
div#siteInfo2 p span#maint, 
td#siteInfo2 p span#maint {
  display:          block;
  font-size:        95%;
  margin-top:       8px;
}

div#site-generator {
  font-size:        75%;
  color:            #868686;        /* deep grey - red spectrum */
  display:          table;
  margin:           auto;
}
div#site-generator a {
  display:          inline-block;
  height:           20px;
  color:            #868686;        /* deep grey - red spectrum */
}

/* { google adsense (in footer.php - displays in visual content area) */
div#adsense-wrapper {
  clear:            both;
  padding-top:      .7em;
  border-top:       1px solid var(--color-grey-med);
}
td#thecontent div.adsense-ad {
  display:          table;
  width:            728px;
  margin:           0 auto 2ex auto;
  clear:            both;
}
/* so i can see on development:
td#thecontent div.adsense-ad ins {
  background-color: var(--color-grey-med);
}
*/
td#thecontent div.adsense-ad span {
  display:          block;
  font-size:        80%;
  color:            var(--color-grey-deep-green);
  margin-bottom:    3px;
}
/* } google adsense in content area. */

/* }}} 7.0 Footer */

/* --- } pageContent area top and bottom bars. --- */


/* }}} 3.0 Basic Structure. *** */


/* --- {{ standard blocks in content area: --- */
/* { related info: */
div#related_info {
  display:          table;
  font-size:        90% !important;
  border:           1px dashed var(--color-grey-med);
  width:            100%;
  clear:            both;
  margin-top:       30px;
}
div#related_info h3 {
  margin:           8px 16px;
}
div#related_info ul {
  margin-left:      8px !important;
  margin-bottom:    12px !important;
}
div#related_info li {
  font-size:        100% !important;
  margin-top:       8px !important;
}
div#related_info span.cite {
  color:            var(--color-grey-deep-green);
  font-size:        90%;
}
/* } related info. */

/* { callout: */
div.callout {
  display:          table;
  width:            300px;
  float:            left;
  background-color: #f5f5f5;        /* light grey - red spectrum */
  border:           1px dashed var(--color-grey-med);
  margin-right:     20px;
  font-size:        110%;
  color:            #006699;        /* deep dark blue */
}
div.callout2 {
  float:            right;
  margin-right:     0;
  margin-left:      20px;
}
div.callout > p > img {
  width:            24px;
  height:           13px;
}
div.callout > p {
  margin-left:      20px;
  line-height:      140%;
  letter-spacing:   .01em;
  margin-bottom:    5px;
}
div.callout > p.cite {
  text-indent:      1em;
  font-size:        80%;
  padding-top:      0;
  margin-top:       0;
  padding-bottom:   1ex
}
div.callout > p.cite:before {
  content:          '\2014';
}
/* } callout. */

/* --- }} standard blocks in content area. --- */



/* --- {{ Special pages: --- */

/* { news you witness: */
div#nyw-page {
  display:          table;
  width:            800px;
  margin:           auto;
  font-size:        80%;
}
div#nyw-page div#nyw-photos {
  display:          table;
  width:            350px;
  float:            left;
  margin-right:     20px;
}
div#nyw-page div#nyw-text {
  display:          table;
  width:            350px;
  float:            left;
  clear:            none;
}
div#nyw-page div#nyw-photos h3,
div#nyw-page div#nyw-text h3 {
  text-align:       center;
}
div#nyw-page div#nyw-photos ul li {
  list-style-type:  none;
  list-style-image: none;
  clear:            left;
  margin-bottom:    10px;
  margin-top:       15px;
  padding-bottom:   10px;
  border-bottom:    1px dashed var(--color-grey-med);
  height:           75px;
}
div#nyw-page div#nyw-photos ul li a img {
  float:            left;
  width:            105px;
  height:           70px;
  margin-right:     20px;
  border:           none;
}
div#nyw-page div#nyw-text ul li {
  clear: left;
  margin-bottom:    10px;
  margin-top:       10px;
  padding-bottom:   10px;
  border-bottom:    1px dashed var(--color-grey-med);
}
/* } news you witness. */


/* { elections: */
body.post-type-archive-cpt-elections div#content ul {
  margin-top:       10px;
  width:            85%;
}
body.post-type-archive-cpt-elections span.entry-title {
  font-size:        110%;
}
    /* separate 2016/2021 sections on main elections page: */
body.post-type-archive-cpt-elections li#post-70272 {
  border-top:       1px solid #c00;
  padding-top:      1em;
}

    /* don't want breadcrumbs on elections pages: */
body.single-cpt-elections            p#breadcrumbs,
body.post-type-archive-cpt-elections p#breadcrumbs {
  display:          none;
}

body.single-cpt-elections td#thecontent h1 a {
  color:            #c00;
  font-size:        .9em;
  font-weight:      normal;
}
body.single-cpt-elections td#thecontent h1 a:after {
  content:          '\2002\00bb\2002';
}

    /* { notes */
body.single-cpt-elections div#elec-notes {
  font-size:        .9em;
}
body.single-cpt-elections div#elec-notes h3 {
  margin-bottom:    0;
}
body.single-cpt-elections div#elec-notes p {
  margin-top:       .3em;
}
    /* } notes. */

    /* { election pages onthispage navigation: */
nav.onthispage {
  font-size:        .9em;
  margin-top:       .5em;
  width:            80%;
}
nav.onthispage span {
  font-style:       italic;
}
nav.onthispage span:after {
  content:          '\2002';            /* space */
}
nav.onthispage a {
  font-size:        .9em;
  white-space:      nowrap;
}
nav.onthispage a:after {
  content:          '\202f\2193\2002';  /* down arrow */
  font-size:        1.1em;
}
    /* } election pages onthispage navigation. */

    /* { election pages latest navigation: */
div#latest-results {
  margin-bottom:    3em;
}
div#latest-results ul {
  margin-left:      2em         !important;
}
div#latest-results li large {   /* the down-arrow */
  color:            #c00;
  font-weight:      bold;
}
div#latest-results li pre {
  font-family:      var(--font-main)    !important;
  font-size:        .8em;
  margin:           0 0 .2em 2em        !important;
}
    /* } election pages latest navigation: */


    /* { election pages links navigation: */
div#linksnav {
  clear:            both;
  margin-top:       2em;
  padding-top:      .5em;
  padding-bottom:   .5em;
  border-top:       1px dashed #703d3d;   /* darker reddish grey */
  border-bottom:    1px dashed #703d3d;   /* darker reddish grey */
}
div#linksnav h3 {
  color:            #c00            !important;
  font-size:        .9em            !important;
  font-weight:      normal;
  font-style:       italic;
  margin:           0;
  padding-bottom:   0;
}
nav#elec-pages {
  font-size:        .9em;
  clear:            both;
  margin-top:       .7em;
  margin-left:      2em;
}
nav#elec-pages h4 {
  margin:           0;
  margin-bottom:    .3em;
}
    /* } election pages links navigation. */

nav#elec-pages li {
  margin-top:       8px             !important;
}
  /* "you are here" for the nav links, since we are hard-coding them: */
body.cpt-elections-sikyong-2016-final-round-results nav#elec-pages li#final-results,
body.cpt-elections-election-2016-the-candidates     nav#elec-pages li#the-candidates,
body.cpt-elections-preliminary-18-october-2015-official-results nav#elec-pages li#prelim-official-results,
body.cpt-elections-preliminary-18-october-2015      nav#elec-pages li#prelim-results {
  list-style-image: none;
  list-style-type:  disc;
}
body.cpt-elections-sikyong-2016-final-round-results nav#elec-pages li#final-results  a, 
body.cpt-elections-election-2016-the-candidates     nav#elec-pages li#the-candidates a, 
body.cpt-elections-preliminary-18-october-2015-official-results nav#elec-pages li#prelim-official-results  a, 
body.cpt-elections-preliminary-18-october-2015      nav#elec-pages li#prelim-results  a {
  font-weight:      bold;
  cursor:           text;
}
body.cpt-elections-sikyong-2016-final-round-results nav#elec-pages li#final-results  a:hover, 
body.cpt-elections-election-2016-the-candidates     nav#elec-pages li#the-candidates a:hover, 
body.cpt-elections-preliminary-18-october-2015-official-results nav#elec-pages li#prelim-official-results  a:hover, 
body.cpt-elections-preliminary-18-october-2015      nav#elec-pages li#prelim-results  a:hover {
  text-decoration:  none;
}

body.single.cpt-elections-preliminary-18-october-2015-official-results div#content-wrapper {
  margin-right:     80px;
}
body.single-cpt-elections h1 {
  margin:           0;
  margin-top:       20px;
  font-size:        130%;
}

div#election-totals {
  margin-bottom:    3em;
}

div.vote-results > h3 {   /* the first header in each section - declared/undeclared */
                          /* in 2015 prelim so far we aren't doing this. */
  color:            var(--color-maroon)     !important;
  font-size:        110%    !important;
  margin-bottom:    0       !important;
}

div#chitue-results {
  margin-top:       20px;
}

table.election-results {
  border-collapse:  collapse;
  border-top:       1px dashed #703d3d;   /* darker reddish grey */
  width:            500px;
}
div#chitue-results table.election-results, 
div#sikyong-results table.election-results {
  width:            600px;
}
body.single.cpt-elections-preliminary-18-october-2015-official-results table.election-results {
  width:            99%   !important;
}

div#chitue-results  table.election-results,
div#sikyong-results table.election-results, 
div#election-totals table.election-results {
  border-top:       1px solid #703d3d;   /* darker reddish grey */
  border-bottom:    1px solid #703d3d;   /* darker reddish grey */
  margin-bottom:    12px;
}

table.election-results th {
  text-align:       left;
}
div#sikyong-results table.election-results th {
  padding-top:      8px;
}
div#chitue-results table.election-results tr:nth-of-type(2) th {
  font-size:        90%;
}
div#chitue-results table.election-results tr:nth-of-type(2) th:last-of-type {
  text-align:       right;
}

body.single-cpt-elections h2 {
  font-size:        120%;
  margin:           10px 0 0 0;
  padding-top:      8px;
  padding-bottom:   6px;
  border-top:       1px solid #703d3d;   /* darker reddish grey */
}
body.single-cpt-elections div#comments h2 {
  border-top:       none;               /* why isn't "not" working? */
}
body.single-cpt-elections h2.results {
  margin-top:       30px;
}
body.single-cpt-elections h2 span {
  font-weight:      normal;
  font-size:        70%;
  margin-left:      10px;
}

table.election-results th h3 {
  margin:           10px 0 0 0;
  padding-top:      8px;
}
div#chitue-results table.election-results th h3 {
  font-size:        110%;
  color:            var(--color-maroon);
  border:           none;
  margin:           0 0 5px 0;
}
table.election-results th h3 span {
  font-weight:      normal;
  font-size:        85%;
  margin-left:      10px;
}
   /* there is a message about 'subtotals not counted in results above'
      and i can't figure out what is making it or why we have it.
      so at least, i can hide it. 5 jan 2021 */
table.election-results th h3 span.msg-subtotal {
  display:          none;
  font-size:        80%;
}

table.election-results th h2 span.updated, 
table.election-results th h3 span.updated {
  color:            var(--color-maroon);
  font-size:        75%;
}
table.election-results th h2 span.updated:before, 
table.election-results th h3 span.updated:before {
  content:          '[';
}
table.election-results th h2 span.updated:after, 
table.election-results th h3 span.updated:after {
  content:          ']';
}
body:not(.cpt-elections-preliminary-18-october-2015) table.election-results span.updated { 
  display:          block;
}

table.election-results th h2 span.note, 
table.election-results th h3 span.note {
  display:          block;
}

  /* { automatic counter! */
div#chitue-results table.election-results {
  counter-reset:    cndt;
}
div#chitue-results table.election-results td.ctr {
  text-align:       right;
  padding-left:     0;
  width:            40px;
}
div#chitue-results table.election-results td.ctr:before {
  counter-increment:  cndt;
  content:          counter(cndt) '. ';
}
  /* } automatic counter. */

table.election-results td {
  padding:          8px 0 8px 0         !important;
}

table.election-results td span:not(.nm) { 
  font-size:        85%;
}
table.election-results td.name span.nm, 
table.election-results td.origin span.or, 
table.election-results td.from span.fr, 
table.election-results td.occupation span.oc {
  float:            left;
  margin-right:     8px;
}
table.election-results td.votes {
  padding-right:    0;
}
table.election-results td.votes span.vt {
  float:            right;
  margin-left:      8px;
}
table.election-results td span.dots {
  display:          block;  /* encloses everything */
  overflow:         auto;   /* keeps it from going under the name/vote spans */
  position:         relative;
  top:              -4px;   /* to light up with baseline of name/vote */
  border-bottom:    1px dotted #afafaf;   /* very light grey */
  color:            #afafaf;
}

table.election-results h3, 
table.election-results td {
  background-color: #ccccff                 !important;    /* bright lavender */
}
table.election-results.official h3, 
table.election-results.official td {
  background-color: var(--color-white)      !important; 
}
/* partial results (most of them), and top totals table: */
table.election-results.subtotal h3, 
table.election-results.subtotal td, 
div#election-totals table.election-results td {
  background-color: #f8f8f8                 !important;    /* very light grey */
}

   /* { messin around with colors, don't remember what i was doing here. */
/*
table.election-results#ancherry th,     
table.election-results#ancherry td,     

table.election-results[id^="canada-"] th, 
table.election-results[id^="canada-"] td, 
table.election-results[id^="united-"] th, 
table.election-results[id^="united-"] td, 
table.election-results#dharamshala-gangkyi-and-utcv th, 
table.election-results#dharamshala-gangkyi-and-utcv td, 
table.election-results#dharamshala-gopalpur-and-ltcv th, 
table.election-results#dharamshala-gopalpur-and-ltcv td {
  background-color: #f8f8f8   !important; 
}

table.election-results[id="canada-overall"] th, 
table.election-results[id="canada-overall"] td, 

table.election-results[id="united-states-overall"] th, 
table.election-results[id="united-states-overall"] td {
  background-color: transparent   !important;
}

table.election-results#ancherry td,  

table.election-results[id^="canada-"] td, 

table.election-results[id^="united-"] td, 
table.election-results#dharamshala-gangkyi-and-utcv td, 
table.election-results#dharamshala-gopalpur-and-ltcv td {
  color:            #282828;           
  font-size:        90%; 
}

table.election-results[id="canada-overall"] td, 

table.election-results[id="united-states-overall"] td {
  color:            var(--color-black);
  font-size:        100%; 
}

table#ancherry th h3 span.note,     
table[id^="canada-"] th h3 span.note, 
table[id^="united-"] th h3 span.note, 
table#dharamshala-gangkyi-and-utcv th h3 span.note, 
table#dharamshala-gopalpur-and-ltcv th h3 span.note {
  color:            #282828; 
}
table[id^="canada-overall"] th h3 span.note, 
table[id^="united-states-overall"] th h3 span.note {
  color:            var(--color-black);
}
*/
   /* } messin around with colors, don't remember what i was doing here. */


  /* { candidates and 2021 final pages */
body.cpt-elections-election-2016-the-candidates     div#content-wrapper 
body.cpt-election-2021-official-final-round-results div#content-wrapper {
  width:            800px       !important;
  margin-left:      0           !important;
}
div#the-candidates {
  margin-top:       30px;
}
div[id^="cdts-"],  
div[id^="rslts-"] {
  clear:            both;
  margin:           0 auto;
  display:          table;
}
div#cdts-sikyong {
  margin:           auto auto;
}

div.cdt-thumb {
  width:            180px;
  float:            left;
  text-align:       center;
}
div.cdt-pg, 
div.rslts-pg {
  max-width:        600px;
  height:           auto;
  float:            none;
  text-align:       center;
  margin-bottom:    4em;
}

div#cdts-sects div.cdt-thumb {
  width:            160px;
}
div.cdt-thumb img {
  width:            160px;
  height:           auto;
  margin:           auto;
}
div#cdts-sects div.cdt-thumb img {
  width:            140px;
}
div.cdt-thumb p { 
  margin-top:       0;
  font-size:        80%         !important;
}
div.cdt-pg p, 
div.rslts-pg p {
  margin-top:       0;
  font-size:        1em         !important;
}
div.cdt-thumb p span.pdf {
  font-size:        60%;
  display:          block;
}
div.cdt-thumb p span.pdf:before {
  content:          '[';
}
div.cdt-thumb p span.pdf:after {
  content:          ']';
}
  /* } candidates and 2021 final results pages */

/* } elections */


/* { week in photos: */
div.photo-box {
  display:          table;
  margin:           auto;
  width:            80%;
  text-align:       center;
}
div.photo-box div {
  display:          table;
  float:            left;
  padding:          10px;
  margin:           10px;
  width:            140px;
  height:           180px;
}
div.photo-box div p {
  font-size:        70%;
  margin-top:       0;
}
div.photo-box div p span.photo_credit {
  color:            #999;           /* deep grey - red spectrum */
  font-size:        70%;
}
/* } week in photos. */

/* { team page - using humans.txt file: */
pre#humans-txt  {
  font-size:        105%; 
  line-height:      1.3; 
  white-space:      pre-wrap; 
  padding:          20px 30px;
  border:           1px solid var(--color-grey-med);
  border-radius:    12px;
}
/* } humans-txt file. */

/* { about page: */
div.attrib p:before {
  content:          '\2014\2002';  /* em dash en space */
}
/* } about page. */

/* {  contact page */
div#contact-info {
  margin-top:       30px;
  margin-bottom:    50px;
}
div#contact-info fieldset {
  padding-top:      0;
  padding-bottom:   0;
}
div#contact-info fieldset tt {
  font-size:        120%;
}
div#contact-info p:nth-of-type(1) {
  margin-top:       10px;
}
/* }  contact page */

/* --- }} Special pages --- */
/* --- }} Special pages. --- */


/* *** {{ Special stuff on all pages - in td#content: */
h1.entry-title,
h1.page-title {
  font-size:        150%;
  padding:          5px 0px;
  margin-bottom:    0;
}

/* { post meta content: */
div.entry-content h2 {
  font-size:        100%;
  font-weight:      normal;
}
p#post-subtitle {
  margin:           0;
  margin-bottom:    12px;
  font-size:        100%  !important;
  font-weight:      normal;
  color:            #282828;        /* very dark grey - red spectrum */
}
p#post-credit {
  color:            #333;           /* very dark grey - red spectrum */
  font-size:        95% !important;
  font-weight:      normal;
  margin:           0;
}
p#dateline { /* actually lives in entry-content, so that image will float up next to it. */
  clear:            left;
  margin-top:       4px   !important;
  margin-bottom:    0     !important;
  font-size:        75%   !important;
  color:            var(--color-grey-med-red)  !important; 
}
/* } post meta content. */

/* { all disclaimers: */
p#disclaimer {
  font-size:        80%;
}
/* } all disclaimers. */

/* { ad slideshow: */
div#banner-ad {
  display:          table;
  width:            530px;
  height:           173px;
  margin:           auto;
  text-align:       center;
}
td#thecontent div#banner-ad li {
  list-style-type:  none;
  margin:           0;
  padding:          0;
}
td#thecontent div#banner-ad h3 {
  color:           var(--color-grey-deep-green);
  font-size:       100%      !important;
  font-weight:     normal    !important;
  text-transform:  lowercase !important;
  letter-spacing:  .1em;
  text-align:      left;
  margin-top:      2px;
  margin-bottom:   3px;
}
/* } ad slideshow. */

/* { paypal buttons and links: */
p.ppl br,
form.ppl-btn br {
  display:          none;
}
p.ppl {
  margin-bottom:    0;
}
form.ppl-btn {
  display:          table;
  margin:           auto;
}
/* } paypal buttons and links. */

/* *** }} Special stuff on all pages - in td#content. */

/* {{ Archive (listing) pages: */
body.archive li.post span.entry-title {
  font-size:        110%;
  display:          block;
}

body.archive span.dateline {
  display:          block;
  font-size:        80%;
  margin:           .5ex 0;
}
body.archive span.cmnt-count {
  margin-left:      2em;
}

body.archive li p {
  margin-top:       .5ex;
}
body.archive h1.page-title,
body.archive h2,
body.category h1.page-title,
body.category h2 {
  font-size:        120%;
}

/* { haveyoursay and opinions archive listing: */
body.category-have_your_say div#content li,
body.category-opinions      div#content li {
  list-style-image: none;
  border-top:       1px solid var(--color-grey-med);
  margin-left:      2px                     !important;
  padding-top:      20px;
}
body.category-have_your_say div#content li:first-child,
body.category-opinions      div#content li:first-child {
  border-top:       0;
  padding-top:      0;
}
/* } haveyoursay and opinions archive listing. */

/* { haveyoursay archive listing: */
body.category-have_your_say div#content li {
  clear:            both;      /* clear because of below img and p float */
  margin-top:       1em;
  padding:          20px 15px 10px 15px;
}
body.category-have_your_say div#content li:first-child {
  margin-top:       0;
}
    /* thumbnail image for post listing: */
body.category-have_your_say div#category-content li img {
  float:            left;
  width:            105px;
  height:           70px;
  margin-right:     1em;
  margin-top:       .5em;
}
/* } haveyoursay archive listing. */

/* { opinions archive listing: */
body.category-opinions div#content li img {
  float:            left;
  margin-top:       .5em;
  margin-right:     20px;
  width:            60px;
  height:           72px;
}
/* } opinions archive listing. */

/* }} Archive (listing) pages. */

/* { all archive: */

#entry-note {
  font-size:        .9em;
  line-height:      1.5;
  border-top:       1px solid var(--color-grey-med);
  padding-top:      5px;
  margin:           10px 0;
}
#entry-note li {
  margin-top:       .2em            !important;
}

#entry-profile {
  font-size:        80%;
  line-height:      1.2;
  border-top:       1px dashed var(--color-grey-med);
}
#entry-disclaimer {
  font-weight:      bold;
}
#entry-disclaimer p {
  margin:           0    !important;
  font-size:        90%  !important;
  line-height:      1.2  !important;
}
span.post-disclaimer {
  margin-left:      4px;
}
#entry-credits {
  margin-top:       20px;
  padding:          6px 0;
  border-top:       1px solid var(--color-grey-med);
}
span#entry-copyright,
span#entry-posted-in,
span#entry-published-in {
  display:          block;
  padding:          6px 0;
  font-size:        90%;
}
span#entry-posted-in {
  font-size:        90%;
}

/* { story images: */
div#image,
div.image {
  display:          table;
  width:            600px;
  margin:           10px 0 15px 0;
  border-bottom:    1px solid #bfc9bb;
}
div.image.inexting { /* "inextinguishable" story from tchrd */
  float:            right;
  display:          table;
  margin-left:      20px;
  margin-bottom:    10px;
  width:            260px;
}
div.image.inexting img {
  margin-bottom:    10px;
}
div#image.opinions {
  width:            200px;
  float:            right;
  margin-left:      40px;
  margin-bottom:    20px;
}
div#image img {
  display:          block;
  width:            600px;
  height:           399px;
}
div#image.opinions img {
  width:            200px;
  height:           240px;
}
div#image.tech_news {
  width:            auto;
  float:            right;
  margin-left:      40px;
  margin-bottom:    20px;
}
/* { i don't think we are using these: */
div#image-wide {
  display:          table;
  width:            810px;
  margin:           auto;
  margin-top:       5px;
  margin-bottom:    10px;
  background-color: #eee;           /* light grey - red spectrum */
}
div#image-wide img {
  width:            810px;
  height:           539px;
}

/* misc  images with varying sizes */
div.image-var-left {
  display:          table;
  float:            left;
  margin-right:     20px;
  margin-bottom:    10px;
  background-color: #eee;            /* light grey - red spectrum */
}
div.image-var-right {
  display:          table;
  float:            right;
  margin-left:      20px;
  margin-bottom:    10px;
  background-color: #eee;            /* light grey - red spectrum */
}
/* } i don't think we are using these. */

/* image captions and credits */
div#image p#image-caption,
div#image-wide p#image-caption,
div.image.wip p.image-caption,
div.image-var-left p.image-caption,
div.image-var-right p.image-caption {
  color:            var(--color-text);
  font-family:      var(--font-main);
  font-size:        .9em                !important;
  text-align:       left;
  padding:          0;
}
div#image p#image-caption span.image-credit,
div#image-wide p#image-caption span.image-credit,
div#image.opinions p#image-caption span.image-credit,
div.image-var-right p.image-caption span.image-credit,
div.image-var-left p.image-caption span.image-credit,
div.image.wip p.image-caption span.image-credit {
  font-weight:      bold;
  font-size:        .9em;
  display:          block;
  margin-top:       8px;
}
div.category-opinions  span.image-credit:before {
  content:          '(';
}
div.category-opinions  span.image-credit:after {
  content:          ')';
}

/* lightbox - override lightbox.css: */
#imageData #imageDetails {
  width:            99%  !important;
  float:            none !important;
}
#imageData span#caption {
  font-weight:      normal  !important;
}
#imageData span#caption span.image-credit {
  display:          block;
  font-size:        90%;
  margin-top:       4px;
}
#imageData span#caption span.image-credit:before {
  content:          '(';
}
#imageData span#caption span.image-credit:after {
  content:          ')';
}
/* lightbox. */

/* } story images. */

/* } all archive. */

/* { weather page: */
  /* page nav */
div#wthr-nav {
  line-height:      1.5;
}
div#wthr-nav nav:nth-of-type(2) {
  margin-top:       10px;
}
div#wthr-nav a:after {
  content:          '\2002\2193\2003';
}
  /* weather boxes */
div [id^="wthr-"] {
  clear:            both;
  border-top:       1px solid var(--color-maroon);
}
div [id^="wthr-"] h3 {
  color:            var(--color-maroon);
}
div [id^="wthr-"] table {
  width:            99%;
  border-collapse: collapse;
}
div [id^="wthr-"] table td {
  text-align:       center;
  padding:          20px;
}
div#wthr-india td {
  padding:          20px 30px;
}
div [id^="wthr-"] table td.clock {
  padding-top:      70px;
}
  /* weathernetwork widget */
/*
div.weather table td a:last-of-type {
  display:          none;
}
*/
/* } weather page. */

/* { sharing */
div#share-buttons a {
  display:  	    block;
  float:  	        right;
  width:  	        32px;
  height:  	        32px;
  margin-right:     4px;
  background-image: url(/wp-content/themes/tibetsun-2010/js/share42/icons.png)
}
div#share-buttons a.tw {
  background-position: 32px 0;
}
/* } sharing */

/* --- } pageContent area with top and bottom bars. --- */



/* --- { Sidebar: --- */
table#pageContent td#nav-side  {
  width:            132px;
  padding:          0;
  background-color: var(--color-grey-med);
}

nav#sidebar-scnd {
  border-bottom:    2px solid var(--color-white);
}
nav#sidebar-main ul, 
nav#sidebar-scnd ul {
  list-style-type:  none;
  margin:           0;
  padding:          0;
}
nav#sidebar-main li, 
nav#sidebar-scnd li {
  list-style-image: none;
  font-size:        80%;
  display:          block;
  margin-top:       0;
  padding:          6px 0;
  padding-left:     10px;
  text-decoration:  none;
  border-bottom:    1px solid var(--color-white);
}
nav#sidebar-main li {
  font-weight:      bold;
}

/* { tbdeleted */
table#pageContent td#nav-side div.nav {
  font-size:        80%;
  display:          table;
  width:            100%;
  margin:           0;
}
table#pageContent td#nav-side div.nav div.main,
table#pageContent td#nav-side div.nav div.sub {
  display:          table;
  width:            100%;
}
table#pageContent td#nav-side div.nav div.main {
  font-weight:      bold;
}
table#pageContent td#nav-side div.nav div.sub,
table#pageContent td#nav-side div.widget-area.nav {
  border-bottom:    2px solid var(--color-white);
  padding:          0;
}
table#pageContent td#nav-side div.nav ul.xoxo li {  /* wp */
  font-size:         105%;
  list-style-image:  none;
}
table#pageContent td#nav-side div.nav ul.xoxo > li ul li {  /* wp */
  margin:           0;
  padding-bottom:   0;
}
/* } to be deleted */

ul.xoxo,  /* wp */
ul.xoxo ul { 
  list-style-type:  none;
  margin:           0;
  padding:          0;
}
ul.xoxo li {  /* wp */
  padding:          0;
}
table#pageContent td#nav-side div.nav h3,
table#pageContent td#nav-side div.nav ul.xoxo > li > h3 {  /* wp */
  color:            var(--color-white)     !important;
  background-color: var(--color-maroon)     !important;
  margin:           0;
  padding:          6px 0 6px 10px !important;
}

table#pageContent td#nav-side div.nav div.main a,
table#pageContent td#nav-side div.nav div.sub a,
table#pageContent td#nav-side div.nav ul.xoxo > li ul li {  /* wp */
  display:          block;
  padding:          6px 0;
  padding-left:    10px;
  text-decoration: none;
  border-bottom:   1px solid var(--color-white);
}
table#pageContent td#nav-side div.nav div.main a:hover,
table#pageContent td#nav-side div.nav div.sub a:hover {
  background-color: #d8d8d8;
}
table#pageContent td#nav-side div.translate {
  display:          table;
  margin:           auto;
  margin-top:       10px;
}

/* support box */
table#pageContent td#nav-side div.support-box {
  display:          table;
  width:            100%;
  padding:          4px 8px;
}
table#pageContent td#nav-side div.support-box h3 {
  text-align:       center;
  font-size:        90%;
  color:            var(--color-maroon);
}
table#pageContent td#nav-side div.support-box p {
 font-size:         1.1em; 
 line-height:       1.3;
}
/* --- } Sidebar. --- */



/* --- { The content area: */
td#thecontent {
  padding:          0 10px 10px 20px !important;
  width:            780px;
}
div#content-wrapper {
  max-width:        600px;
  float:            left;
  padding:          0 1em 0 3em;
}
/* narrow content for posts: */
body.single div#content-wrapper {
  margin-left:      40px;
  max-width:        600px;
}
/* wide content for week in photos: */
body.post-type-archive-week-in-photos div#content-wrapper, 
body.single-week-in-photos div#content-wrapper,
body.single-tibetsun_wip div#content-wrapper {
  max-width:        900px;
  margin:           auto;
}
body.single-week-in-photos div#content-wrapper {
  margin-top:       30px;
  padding-left:     0;
}

/* slideshow iframe for posts: */
body.single div.entry-content iframe {
  width:            600px;
  height:           540px;
  margin-top:       .3em;
  margin-bottom:    .3em;
  border:           none;
  border-bottom:    1px solid #bfc9bb;
}


/* { standard tags in content: */
div.entry-content {
  clear:            both;
  margin-top:       0;
}
div#post-content {
  clear:            both;
}

div#content p,
div#content li,
div#content dt,
div#content dd,
div.entry-content p,
div.entry-content li,
div.entry-content dt,
div.entry-content dd,
div#archive-content p,
div#archive-content li,
div#archive-content dt,
div#archive-content dd,
div#category-content p,
div#category-content li, 
div#category-content dt,
div#category-content dd {
  font-size:        100%;
  line-height:      1.5;
}
div#archive-content li p,
div#category-content li p {
  font-size:        90%;
}

td#thecontent ul, 
div#post-content ul {
  padding:          0;
  margin:           0;
  margin-bottom:    1ex;
}
div#post-content li {
  margin-top:       .5em;
  margin-left:      2em;
}
div#post-content ol.compact li,
div#post-content ul.compact li {
  margin-top:       .5em;
}
div#post-content li:first-child {
  margin-top:       0;
}
td#thecontent ol li, 
div#post-content ol li {
  margin:           0;
}
td#thecontent ul.links, 
div#post-content ul.links {
  margin-bottom:    2ex;
}
td#thecontent ul.links li, 
div#post-content ul.links li {
  margin-top:       1ex;
  margin-left:      2em;
}
td#thecontent ul li ul li, 
div#post-content ul li ul li {
  font-size:        100%;
  padding-top:      0;
  margin-top:       0;
  list-style-type:  circle;
  list-style-image: none;
}
td#thecontent dt, 
div#post-content dt {
  margin-top:       1em;
  padding:          0;
  line-height:      1.3;
}
td#thecontent dt:first-child, 
div#post-content dt:first-child {
  margin-top:       0;
}
td#thecontent dd, 
div#post-content dd {
  margin-top:       .5ex;
  padding:          0;
  line-height:      1.3;
}

td#thecontent blockquote, 
div#post-content blockquote {
  margin:           0 50px 0 40px;
  font-style:       normal;
}

td#thecontent h2:first-child, 
div#post-content h2:first-child {
  margin-top:       0;
}
td#thecontent h3, 
div#post-content h3 {
  font-size:        110%;
  color:            var(--color-black);
  line-height:      1.5;
}
td#thecontent h3#sub-title, 
div#post-content h3#sub-title {
  padding-top:      0;
  margin-top:       0;
  color:            var(--color-grey-med-red);
  font-weight:      bold;
  font-size:        90%;
}

td#thecontent h4, 
div#post-content h4 {
  font-size:        90%;
  font-style:       italic;
}

/* no borders on links inside other tags */
td#thecontent a img,
td#thecontent h1 a,
td#thecontent h2 a,
td#thecontent h3 a,
td#thecontent h4 a,
td#thecontent h5 a {
  color:            #996;         /*  med yellowish grey */
  border:           none;
  text-decoration:  none;
}

/* } standard tags in content. */


/* { useronline page */
body.page-useronline div.entry-content h2 {
  background-color: #efefef;
  padding:          4px;
  margin-bottom:    0;
}
body.page-useronline div.entry-content h2 + p {
  margin-top:       4px;
}
/* } useronline page */


/* week in photos section */
body.single-tibetsun_wip h1.entry-title {
  text-align:       center;
  margin-bottom:    20px;
}
div#image.wip,
div.image.wip {
  margin:           auto;
}
div#image.wip img,
div.image.wip img {
  width:            900px;
  height:           598px;
}
body.post-type-archive-week-in-photos h1.page-title {
  margin-left:      20px;
}
body.post-type-archive-week-in-photos div.entry-content {
  margin-top:       30px;
}
body.single-week-in-photos h1,
body.post-type-archive-week-in-photos h2 {
  text-align:       center;
  color:            var(--color-grey-med-red);
  font-size:        110%;
}
body.single-week-in-photos h1.entry-title {
  margin-bottom:    20px;
}
div.image.wip p.image-caption a {
  color:            var(--color-grey-med-red)  !important; 
}
div.image.wip p.image-caption a:hover {
  text-decoration:  none;
}
div.image.wip span.image-credit {
  text-align:       left;
  display:          block;
  color:            var(--color-grey-deep-green);
  font-size:        90%;
  margin-top:       8px;
  margin-right:     30px;
}

/* --- } The content area. */


/* { special styles in content: */

/* { previous next links: wordpress built-in: */
nav#nav-single {
  margin-top:       20px;
}
nav#nav-single h3 {
  margin:           0;
  margin-left:      -3000px; 
  padding:          0;
  line-height:      0;
}
nav#nav-single span.nav-previous {
  float:            left;
}
nav#nav-single span.nav-next {
  float:            right;
}
/* } previous next links: wordpress built-in. */
/* { previous next links: wp-pagenavi plugin: */
div.navigation {
  font-size:        80%;
  margin:           20px 0;
}
div#nav-above.navigation {
  margin-bottom:    30px;
}
div#nav-below.navigation {
  margin-top:       30px;
}
/* } previous next links: wp-pagenavi plugin. */

ol#people li {
  font-style:       italic !important;
  font-size:        160% !important;
  font-family:      times, serif !important;
  color:            var(--color-grey-dark-red)      !important;   
  border-top:       1px dotted var(--color-grey-med);
  padding-top:      20px;
  margin-left:      0 !important;
  margin-top:       20px !important;
  clear:            both;
}

ol#people li img {
  border:           none;
  float:            left;
  width:            60px;
  height:           72px;
  margin-right:     12px;
  margin-bottom:    12px;
}
ol#people li div {
  font-style:       normal !important;
  font-size:        55% !important;
  font-family:      var(--font-main);
  color:            var(--color-black)   !important;
  float:            left;
  width:            700px;
}
ol#people li p {
  margin-top:       0;
}
ol#people li span.name,
ol#people li span.date {
  font-weight:      bold;
}
ol#people li span.name:after {
  content:          ':';
}
ol#people li span.date:after {
  content:          ' \2014 ';
  font-weight:      normal;
}
/* } special styles in content. */

/* {{{ 10.0 Super Specialness: */

/* {{ clearfix! */
  /* { classic clearfix: http://css-tricks.com/snippets/css/clear-fix/ */
.clearfix:after {
  content:          '\2002'; 
  display:          block;
  clear:            both;
  /* for IE<8: */
  height:           0;
  visibility:       hidden;
  font-size:        0;
}
  /* } classic clearfix. */
  /* { micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after {
  content:          ''; 
  display:          table; 
}
.cf:after {
  clear: both;
}
  /* } micro clearfix. */
/* }} clearfix. */

/* {{ show-hide: for use with showhide.js */
div.showmore {
  font-size:        85%;
  padding-left:     40px;
}
a.showit {
  border-bottom:    1px dotted var(--color-maroon);
  font-size:        90%;
}
a.showit:after {
  content:          ' ...';
}
.showhide {
  display:          none;
}

/* div.text div[class~=link$]  */
div.text div[class$="link"] {
  margin-top:       -16px;
  font-size:        90%;
}
div.text div {
  line-height:      1.5;
}
/* }} show-hide. */

/* {{ tooltip! */
a.ttp {
  cursor:           help;
}
a.ttp:hover {
  text-decoration:  none;
  position:         relative;
}
a.ttp span {
  display:          none; 
  position:         absolute;
  top:              20px;
  left:             40px;
  padding:          8px 12px;
  background:       var(--color-white);
  border:           1px solid var(--color-grey-med);
  color:            var(--color-grey-med-darker);
  width:            600px;
  z-index:          4000;
}
a.ttp:hover span {
  display:          inline; 
}
/* }} tooltip. */

/* {{ quotes: */
q:before {
  content:          '\201c\2009';
  font-size:        150%;
}
q:after {
  content:          '\2009\201d';
  font-size:        150%;
}
/* }} quotes. */

/* {{ Tibetan bodyig */
*[lang=bo],             /* any bodyig */
html[lang="bo-CN"],     /* all bodyig */
html[lang="bo-IN"],     /* all bodyig */
html[lang="en-US"] .bo, /* bodyig in english pages */
a[hreflang="bo"],       /* bodyig link */
ul#menu-top-nav-bo,     /* bodyig top nav */
.bo {                   /* misc bodyig */
  font-family:      var(--font-bo);
  line-height:      1.5;
}
html[lang="bo-CN"] .en,
html[lang="bo-IN"] .en { /* english in bodyig pages */
  font-family:      Times, "Times Roman", serif;
  line-height:      1.3;
}
.bo.block {
  display:          block;
}
.bo.inline { /* this is when it's just a word or two; we don't want to increase the height of the entire line */
  line-height:      inherit;
}
/* }} Tibetan bodyig */
/* {{ Tibetan bodyig - wpml. */
/* Example:
p.icl_post_in_other_langs {
  font-size:        85%;
  color:            var(--color-grey-med-red);
  margin-top:       20px;
  padding-top:      5px;
  border-top:       1px solid var(--color-grey-med);
}
*/
/* }} Tibetan bodyig - wpml. */

/* }}} 10.0 Super Specialness */

/* e o f */