/* tibetsun-hp-main.css 
 * For home page only.
 * -> This is loaded *after* the main stylesheet:
 *        it only contains *differences*
 * NOTES: see main stylesheet for css notes, standards, etc.
 * HISTORY:
   27 oct 2009 jw - edited as recovered from cache.
   26 oct 2009 jw - edited without downloading from server!
   13 aug 2008 jw - reorganised a bit.
   21 jul 2008 jw - broke out of main stylesheet
 */

/* -----------------------------------------------------------
 *    *** { Standard Stuff - for all pages and page parts: *** 
 *       ----------------------------------------------------------- */

body#home-index #content ul {
  list-style-image: url(/images/bullets/bullet2.gif);
}

h3 {
  color: #cc0000;
  font-size: 80%;
  padding-left: 5px;
  text-transform: uppercase;
}
h3 a:link,
h3 a:visited,
h3 a:hover {
  color: #cc0000;
  text-decoration: none;
}


/* { The home page table: */
table#pageContent table#hp {
  border-collapse:  collapse;
  padding: 0;
}
table#pageContent table#hp td {
  font-size: 90%;
}
/* } The home page table. */


/* { top story: */
table#pageContent table#hp td.hp-story-image {
  padding: 0;
  padding-left: 6px;
  /* padding-left: 2px; from cache */
  width: 50%;
}
table#pageContent table#hp td.hp-story-image-wide {
  padding: 0;
  padding-left: 6px;
}
table#pageContent table#hp td.hp-story-image div {
  display: table;
  width: 260px;
}
table#pageContent table#hp td.hp-story-image-wide div {
  display: table;
  margin: auto;
  background-color: #eeeeee;
}
table#pageContent table#hp td.hp-story-image div a img {
  width: 260px;
  height: 173px;
  border: none;
}
table#pageContent table#hp td.hp-story-image-wide div a img {
  width: 530px;
  /* height: 218px; */
  height: 352px; /* from cache */
  border: none;
}
table#pageContent table#hp td.hp-story-image div p#photo-credit, 
table#pageContent table#hp td.hp-story-image-wide div p#photo-credit {
  font-size: 70%; 
  padding: 2px; 
  margin: 0;
  color: #666666; 
  /* color: #999999; from cache */
  text-align: right;
}
table#pageContent table#hp td.hp-story-image-wide div p#photo-caption {
  color:  #808a7c;
  padding-left: 12px;
  margin-bottom: 0;
}
table#pageContent table#hp td.hp-story-image-wide div p#photo-credit {
  color:  #999999;
  margin-left: 1em;
  font-size: 80%;
}
table#pageContent table#hp td.hp-story-image-wide div p#photo-credit:before {
  content: '(';
}
table#pageContent table#hp td.hp-story-image-wide div p#photo-credit:after {
  content: ')';
}

table#pageContent table#hp td.hp-story-text {
  padding-top: 0;
  padding-left: 10px;
  font-size: 90%;
}
table#pageContent table#hp td.hp-story-text p {
  padding-top: 0;
  margin-top: 0;
  line-height: 150%;
}
table#pageContent table#hp td.hp-story-text p:after {
  content:  ' \2026';
}
table#pageContent table#hp td.hp-story-text p span.credit {
  color: #aaaaaa; 
  font-size: 80%;
}
/* } top story. */


/* { home page news: */
table#pageContent table#hp td#news {
  padding-top: 0;
  padding-right: 5px;
  /* padding-right: 2px; from cache */
  width: 604px;
}
table#pageContent table#hp td#news h4.ts1 {
  font-size: 115%;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  /* margin-left: 12px; */
  margin-left: 6px; /* from cache */
  margin-bottom: 8px;
  line-height: 1.3em;
}

table#pageContent table#hp td.hp-story {
  padding-top: 20px;
  border-top: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
}
table#pageContent table#hp td.hp-story h4 {
  font-size: 90%;
  margin: 0;
  padding-bottom: 0;
  line-height: 120%;
}
table#pageContent table#hp td.hp-story h4 img {
  padding-top: 0;
  margin-right: 10px;
  float: left;
  width: 105px;
  height: 70px;
  border: 0;
}
table#pageContent table#hp td.hp-story h4 a {
  width: 115px;
  float: left;
}
table#pageContent table#hp td.hp-story p {
  font-size: 85%;
  padding-top: 4px;
  margin-top: 0;
  clear: both;
  line-height: 130%;
}
table#pageContent table#hp td.hp-story p {
  content:  ' \2026';
}
/* } home page news. */


/* { the rest of the news: */
div#more_news div#also_news, 
div#more_news div#elsewhere, 
div#more_news div#tech_news, 
div#more_news div#opinion, 
div#more_news div#other_news {
  display: table;
  float: left;
  clear: both;
  width: 99%;
  border-top: 1px solid #cc0000;
  margin-top: 10px;
}
div#more_news {
  line-height: 110%;
}
div#more_news div#other_news h3 {
  margin-left: 12px;
}
div#more_news div#also_news h3, 
div#more_news div#elsewhere h3, 
div#more_news div#tech_news h3 {
  margin-bottom: 0;
  margin-left: 12px;
  padding-bottom: 0;
}
div#more_news div#also_news ul, 
div#more_news div#elsewhere ul, 
div#more_news div#other_news ul, 
div#more_news div#tech_news ul { 
  margin-top: 0;
}
div#more_news ul {
  margin-bottom: 2ex;
}
div#more_news div#also_news li, 
div#more_news div#elsewhere li,  
div#more_news div#opinion li, 
div#more_news div#other_news li, 
div#more_news div#tech_news li { 
  font-size: 80%;
  list-style-type: none;
  list-style-image: none;
  float: left;
  clear: both;
  margin-top: 4px;
  margin-bottom: 8px;
}
div#more_news div#other_news ul { 
  padding-left: 1em;
}
div#more_news div#other_news li {
  padding-top: 8px;
  border-top: 1px dotted #cccccc;
  margin-left: 0;
  width: 100%; /* from cache */
}

/* from cache: */
div#more_news div#also_news li, 
div#more_news div#elsewhere li, 
div#more_news div#tech_news li {
  list-style-image: url(/images/bullets/bullet.gif);
  width: 100%;
  border-top: 1px dotted #cccccc;
  padding-top: .8ex;
  margin-bottom: 4px;
}
div#more_news div#also_news li:first-child, 
div#more_news div#elsewhere li:first-child, 
div#more_news div#tech_news li:first-child {
  border: none;
}

/* from dev:
div#more_news div#also_news li, 
div#more_news div#tech_news li {
  list-style-image: url(/images/bullets/bullet.gif);
}
*/

/* from dev: */
div#more_news div#other_news li img,
div#more_news div#also_news li img {
  width: 100px;
  height: 66px;
  background-color: #cccccc;
  margin-right: 12px;
  float: left;
  border: none;
}

/* { feat/int: */
div#more_news table#features {
 clear: both;
 border-top: 1px solid #cc0000;
 border-collapse: collapse;
}
div#more_news table#features td {
  width: 50%;
}
div#more_news table#features td h3 {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 90%;
}
div#more_news table#features td h4 {
  font-size: 90%;
  margin: 0;
  padding-bottom: 0;
  line-height: 120%;
}

div#more_news table#features td img {
  padding-top: 0;
  margin-right: 10px;
  float: left;
  width: 105px;
  height: 70px;
  border: 0;
}
div#more_news table#features td p {
  font-size: 85%;
  padding-top: 4px;
  margin-top: 0;
  clear: both;
  line-height: 130%;
}
table#pageContent table#hp td.hp-story p:after {
  content:  ' \2026';
}

/* } feat/int. */

/* { opinion: */
div#more_news div#opinion div {
  display: table;
  background-color: #eeeeee;
  padding-bottom: 8px;
  padding-right: 8px;
  width: 99%;
}
div#more_news div#opinion h3 {
  margin-bottom: 4px;
}
div#more_news div#opinion div ul {
  margin-left: 0;
  padding-left: 8px;
}
div#more_news div#opinion div ul li {
  clear: both;
  list-style-type: none;
  list-style-image: none;
  border-top: 1px dotted #cccccc;
  padding-top: 8px;
  width: 100%;  /* from cache */
}
div#more_news div#opinion div ul li:first-child {
  border-top: none;
  padding-top: 0;
}
div#more_news div#opinion div ul li img {
  width:  60px;
  height: 72px;
  border: none;
  float: left;
  margin-right: 8px;
  margin-bottom: 12px;
}
/* } opinion. */

/* { tech_news: */
div#more_news div#tech_news div {
  display: table;
  float:   left;
  padding-bottom: 8px;
  padding-right: 8px;
  width: 48%;
}
div#more_news div#tech_news div h3 {
  margin-left: 0;
}
div#more_news div#tech_news div ul {
  margin-left: 0;
  padding-left: 8px;
}
div#more_news div#tech_news div ul li {
  clear: both;
  list-style-type: none;
  list-style-image: none;
  width: 100%;
}
div#more_news div#tech_news div ul li:first-child {
  border-top: none;
  padding-top: 0;
}
/* } tech_news. */

/* } the rest of the news. */



/* } home page left column. */


/* { home page right column: */
table#pageContent td#right {
}
table#pageContent td#right>div {
  display: table;
  clear: both;
  width:   280px;
  margin: auto;
  padding:       4px;
  margin-bottom: 8px;
  border-top: 1px solid #cc0000;
}
/* from cache: */
table#pageContent td#right>div h3 {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 10px;
}
/* not in cache:
table#pageContent td#right>div p {
  font-size: 80%;
}
*/
table#pageContent td#right>div>div {
  display: table;
  clear: none;
  border: none;
  padding: 0;
  margin: 0;
  background-color: #eeeeee;
}
table#pageContent td#right>div>div>img {
  border: none
}
table#pageContent td#right>div>div>p {
  background-color: #eeeeee;
  border: 4px solid #cccccc;
  margin-top: 4px;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 80%;
}

/* { video section:  */
table#pageContent td#right div#video_sec {
  vertical-align: middle;
  text-align: center;
  padding-top: 0;
  margin-top:  0;
  border-top: none;
}
/* not in cache: 
table#pageContent td#right div#video_sec h3 {
  margin-top: 6px;
  margin-bottom: 10px;
}
*/
table#pageContent td#right div#video_embed {
  background-color: #eeeeee;
}
table#pageContent td#right div#video_embed object {
  border-bottom: 4px solid #cccccc;
}
table#pageContent td#right div#video_sec p {
  font-size: 70%;
  text-align: center;
  font-weight: normal;
  margin-top: 0;
  padding: 5px;
}
table#pageContent td#right div#video_sec p#caption {
  border: 4px solid #cccccc;
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
}
table#pageContent td#right div#video_sec p#caption > span.cite {
  font-size: 90%;
  color: #999999;
}
/* } video section. */
                  
/* { have your say section:  */
table#pageContent td#right div#say {
  margin-top: 10px;
}
/* not in cache: 
table#pageContent td#right div#say h3 {
  margin-top: 6px;
  margin-bottom: 10px;
}
table#pageContent td#right div#say img {
  border: none;
}
*/
/* } have your say section.  */

/* { world news section: */
table#pageContent td#right div#world_news {
  margin-top: 10px;
}
table#pageContent td#right div#world_news p {
  padding-bottom: 8px;
  border-bottom: 1px dotted #cccccc;
  margin: 4px;
  padding: 4px;
  font-size: 70%;
  vertical-align: middle;
}
table#pageContent td#right div#world_news p:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px dotted #cccccc;
}
table#pageContent td#right div#world_news p img {
  float: left;
  margin-right: .5em;
  vertical-align: middle;
}
table#pageContent td#right div#world_news p a img {
  border: none;
}
/* } world news section. */


/* { week in photos: */
table#pageContent td#right div#wip {
  margin-top: 10px;
}
table#pageContent td#right div#wip div {
  display: table;
  margin:  auto;
  width: 99%;
  background-color: #eeeeee;
  border: none;
}
table#pageContent td#right div#wip div img {
  width:  280px;
  height: 180px;
}
table#pageContent td#right div#wip p {
  clear: both;
  text-align: center;
  border: 4px solid #cccccc;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
/* } week in photos. */


/* { news you witness: */
table#pageContent td#right div#nyw {
  display: table;
  margin: auto;
  margin-top: 10px;
}
/* not in cache: 
table#pageContent td#right div#nyw h3 {
 margin-top: 10px;
 margin-bottom: 4px;
 padding-top: 8px;
}
*/
table#pageContent td#right div#nyw div#nyw_cntnt {
  background-color: #ffffff; /* from cache */
  /* background-color: #eeeeee; */
  width:   280px;
  position: relative;
  top: 0;
  left: 0;
  font-size: 90%;
}
table#pageContent td#right div#nyw p {
  clear:      both;
  margin-top: 8px;
  font-size:  90%;
}
/* ok i give up - jail the sucker! */
table#pageContent td#right div#nyw div#nyw_cntnt table {
  border-collapse: collapse;
  width: 280px;
}
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_photo,
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_text {
  padding-top: 8px;
  padding-bottom: 8px;
}
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_photo, 
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_text {
  width:  50%;
}
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_photo a img {
  width:  105px;
  height:  70px;
  border: none;
}
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_photo h4,
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_text  h4 {
  margin: 0;
  margin-top: 2px;
  font-size: 80%;
  text-align: center;
}
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_photo {
  text-align: center;
}
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_photo img {
  margin: auto;
  margin-top: 10px;
}
/* from cache: */
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_photo p {
  font-size: 80%;
  margin: 0;
}
table#pageContent td#right div#nyw div#nyw_cntnt table td#nyw_text p {
  margin-top: 6px;
}
/* } news you witness. */

/* { weather and calendar: */
table#pageContent td#right div#weather, 
table#pageContent td#right div#cal {
  /* display: table;  not in cache */
  width: 270px;
  text-align: center; /* from cache */
  margin-top: 20px;   /* from cache */
}
table#pageContent td#right div#weather h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}
table#pageContent td#right div#weather div, 
table#pageContent td#right div#cal div {
  display: table;
  border: none;
  margin: auto; 
  text-align: center;
  width: 270px;
}
table#pageContent td#right div#weather div table div, 
table#pageContent td#right div#cal div table div {
  width: 130px;
}
/* } weather and calendar. */


/* { sponsor: */
table#pageContent td#right div#sponsor {
}

/* e o f */
