/* tibetsun-main.css 
 * Standards-based style sheet for tibetsun.com
 * -> This is loaded *first*, before special stylesheets
 * NOTES:
 * Classes may contain only the characters A-Z, a-z, 0-9, hyphens,
 *   and Unicode 161-255. 
 * HISTORY:
   13 feb 2011 jw - reorganised a bit; larger font-size for content.
   05 dec 2009 jw - some changes ...
   13 aug 2008 jw - reorganised and cleaned up.
   27 jun 2008 jw - for design plan of 26 june.
 */

/* *** { Standard Stuff - for all pages and page parts: *** */
body {
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #eeeeee;
  padding: 0;
  margin: 0;
}

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

ul li {
  list-style-image: url(/images/bullets/bullet.gif);
  margin-top: .5ex;
}
li:first-child {
  margin-top: .1ex;
}

/* { links: */
a:link, a:visited {
  text-decoration: none;
  color: #1F527B;
}
a:hover {
  text-decoration: underline;
  color: #1F527B;
}
a[name] {
  text-decoration: none;
}
a[name]:hover {
  text-decoration: none;
}
/* } links. */

/* { basic image styles: */
span.img p {
  color: #408000;
  font-weight: normal;
  font-size: 80%;
  margin-top: 0ex;
  margin-bottom: 0ex;
  width: 300px;
}
span.img p.caption {
  text-align: left;
  font-size: 100%;
}
span.img p.credit {
  text-align: right;
  color: #999999;
}
/* } basic image styles. */

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

/* *** } Standard Stuff - for all pages and page parts. *** */


/* *** {{ Special stuff on all pages - in td#content: */
/* all datelines: */
span.dateline {
  font-size: 80%;
  color:  #666666;
  margin-top: 20px;
  display: block;
}
table.hp-news-stories span.dateline, 
div#more_news span.dateline {
  margin-top: 0;
}
/* Disable until i can make dateline integrate into first paragraph!
span.dateline:after {
  content: ' \2014 ';
}
*/
/* { all external links: */
span.outlink:after, a.outlink:after {
  margin-right: 6px;
  content: ' ' url('/images/buttons/outlink.png');
}
/* } all external links. */

/* { 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;
}
div#banner-ad p {
  color: #808a7c;
  font-size: 75%;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 3px;
}
/* } ad slideshow. */


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


/* *** { Page parts:  *** */
/*  --- { Header: --- */
div#pageHead {
  margin:  auto;
  display: table;
  top:     0;
  width:   980px;
  background-color: #cc0000;
}
div#pageHead div#contain {
  position: relative;
  width: 980px;
  top:  0;
  left: 0;
}

/* { logo to the left: */
div#pageHead div#contain div#logo {
  margin:   0px;
  width: 220px;
  text-align: center;
  display: table;
}
div#pageHead div#contain div#logo a img {
  border: 0;
}
div#pageHead div#contain div#logo span {
  color: #ffffff;
  font-size: 70%;
  display: block;
}
/* } logo to the left. */

/* { adsense in the center: */
div#pageHead div#contain div.adsense-ad {
  width:       490px;
  position: absolute;
  top:  5px;
  left: 274px;
}
div#pageHead div#contain div.adsense-ad span {
  display: block;
  font-size: 75%;
  letter-spacing: .05em;
  color: #f5f5f5;
  margin-bottom: 3px;
}
/* } adsense in the center: */

/* { "best viewed in firefox" to the right: */
div#pageHead div#contain div#best-viewed {
  position: absolute;
  top: 0;
  left: 750px;
  width: 230px;
  height: 95px;
  margin:   0;
}
div#pageHead div#contain div#best-viewed img {
  margin: auto;
  margin-top: 25px;
  margin-left: 40px;
  width: 155px;
  height: 59px;
  border: 0;
}
/* } "best viewed in firefox" to the right. */

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


/* --- { pageContent area: --- */
table#pageContent {
  background-color: #ffffff;
  width:    984px;
  margin: auto;
  border-top:       1px solid #cccccc;
  border-collapse:  collapse;
}
table#pageContent td {
  vertical-align: top;
  padding: 4px;
  background-color: #ffffff;
}
/* --- } pageContent area. --- */

/* --- { pageContent area top and bottom bars: --- */
/* { date/time: */
table#pageContent td#date {
  border-bottom:  1px solid #cc0000;
  vertical-align: middle;
}
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: */
table#pageContent tr#utils td  {
  border-bottom: 1px solid #cc0000;
  /* background-color: #e87744; */  /* brown */
  background-color: #ff9966;  /* light orange */
  font-size: 80%;
  white-space: nowrap;
}
table#pageContent tr#utils td div {
  float: left;
}
/* beta */
table#pageContent tr#utils td img#beta {
  float: left;
  margin-left: 40px;
  margin-top:    4px;
  border: 0;
}
/* search */
table#pageContent tr#utils td div#search-wrapper {
  float:    left;
  margin-left:  100px;
  width: 580px;
}
table#pageContent tr#utils td div form#searchform {
  display: inline;
}
table#pageContent tr#utils td div form#searchform input {
  margin-left:  4px;
  margin-right: 4px;
}
table#pageContent tr#utils td div form#searchform input#search-text {
}
table#pageContent tr#utils td div form#searchform input#submit {
  background-color: #cc0000;
  color:   #ffffff;
  height:  20px;
  margin-top: 4px;
}
/* newsfeed */
table#pageContent tr#utils td img#newsfeed {
  float: right;
  margin-right: 80px;
  margin-top:    4px;
  border: 0;
}
/* } utilities. */

/* { topbar with newsflash: */
table#pageContent td#topbar {
  font-size: 85%;
  vertical-align: middle;
}
table#pageContent td#topbar div#newsflash {
  margin-left: 5px;
  border-bottom: 1px solid #cc0000;
  padding: 6px;
  padding-right: 0;
}
table#pageContent td#topbar div#newsflash div#ticker {
  width: 830px;
  height: 28px;
  padding: 5px;
  display: inline;
}

table#pageContent td#topbar div#newsflash div#ticker div {
  display: inline;
  /* IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. 
     Style inner DIV with same color as outer DIV */
}
table#pageContent td#topbar div#newsflash div#ticker div  a {
  text-decoration: none;
  color: #000000;
}

table#pageContent td#topbar div#newsflash p {
  margin: 0;
  padding: 0;
}
/* } topbar with newsflash. */


/* { the breadcrumbs trail at top of content: */
p#breadcrumbs {
  font-size: 80% !important;
  border-bottom: 1px dashed #cccccc;
  margin-top: 0;
}
/* } the breadcrumbs trail at top of content. */

/* { footer: */
td#siteInfo1, 
td#siteInfo2 {
  width:       750px;
  color:       #666666;
  font-size:   80%;
  border-top:  1px solid #cccccc;
  padding:     10px 10px 10px 30px;
  text-align:  right;
}
td#siteInfo1 a, 
td#siteInfo2 a {
  text-decoration: none;
}
td#siteInfo1 span.youarehere, 
td#siteInfo2 span.youarehere {
  font-weight:      bold;
}
/* } footer. */
/* --- } pageContent area top and bottom bars. --- */


/* --- { standard blocks in content area: --- */
/* { adsense in content area: */
td div.adsense-ad {
  display: table;
  margin: auto;
  clear: both;
  margin-top: 2ex;
}
td div.adsense-ad span {
  display: block;
  font-size: 80%;
  color:  #808a7c;
  margin-bottom: 3px;
}
/* } adsense in content area. */

/* { related info: */
div#related_info {
  display: table;
  font-size: 90% !important;
  border: 1px dashed #cccccc;
  width: 100%;
}
div#related_info h3 {
  margin-left: 16px;
  margin-top: 8px;
}
div#related_info h4 {
  margin-left: 16px;
}
div#related_info ul {
  margin-bottom: 1ex;
}
div#related_info li {
  margin-top: 1ex !important;
}
div#related_info span.cite {
  color:  #808a7c;
  font-size: 90%;
}
/* } related info. */

/* { callout: */
div.callout {
  display: table; 
  width: 300px; 
  float: left; 
  background-color: #f5f5f5; 
  border: 1px dashed #cccccc;
  margin-right: 20px;
  font-size: 110%;
  color: #006699;
}
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. */

/* { comments: */
div#comments {
  display: table;
  width: 500px;
  font-size: 90%;
  padding-top: 1ex;
  border-top: 1px dashed #cccccc;
  margin-top: 2ex;
}
div#comments h2 {
  color: #cc0000;
}
div#comments div.content_html {
  padding: 0 1em;
}
div#comments form#comment_form {
  padding: 12px;
  border: 1px dashed #cccccc;
}
/* cool word balloon: */
div#comments > form#comment_form > h3 {
  width: 250px;
  background-image: url(/images/page/balloontip.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #faeed7;
  margin-top: 0;
  padding-bottom: 28px;
  text-align: center;
}
div#comments > form#comment_form > h3 > span {
  display: block;
  border: 1px solid #000000;
  border-bottom: 0;
  padding: 10px;
  margin: 0;
  color: #cc0000;
}
div#comments > form#comment_form input, 
div#comments > form#comment_form textarea  {
  background-color: #faeed7;
  border: 1px solid #cccccc;
}
div#comments > form#comment_form input:focus, 
div#comments > form#comment_form textarea:focus  {
  background-color: #ffffcc;
}
div#comments > form#comment_form input#submit  {
  background-color: #faeed7;
  color: #cc0000;
  font-weight: bold;
  border: 3px ridge #cccccc;
}


div#comments div.comment {
  background-color: #f5f5f5;
  padding: 4px;
  margin-top: 1ex;
}
div#comments div.comment:first-child {
  margin-top: 0;
}
div#comments div.comment p.author {
  color: #808a7c;
  margin-top: 0;
  background-image: url(/images/bullets/commentit.gif);
  background-repeat: no-repeat;
  padding-left: 30px;
}
/* } comments. */
/* --- } 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 #cccccc;
  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 #cccccc;
}
/* } news you witness. */


/* --- } special pages. --- */



/* { 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% !important;
  margin-top:  0 !important;
}
div.photo-box div p span.photo_credit {
  color: #999999;
  font-size: 70%;
}
/* } week in photos. */


/* { all archives: */
div#profile {
  font-style: italic;
  font-size: 90%;
}
p#copyright-story {
  font-size:   80% !important;
  margin-top:  30px;
  padding-top: 6px;
  border-top:  1px solid #cccccc;
}
p#publishedin {
  font-size: 80% !important;
}

div#image {
  display: table;
  float: right;
  width: 400px;
  margin-left:   10px;
  margin-bottom: 10px;
  background-color: #eeeeee;
}
div#image-wide {
  display: table;
  width:  810px;
  margin: auto;
  margin-top:     5px;
  margin-bottom: 10px;
  background-color: #eeeeee;
}
div#image-wide {
  display: table;
  width:  810px;
  margin: auto;
  margin-top:     5px;
  margin-bottom: 10px;
  background-color: #eeeeee;
}
div#image.views {
  width: 200px;
}
div#image img {
  width:  400px;
  height: 266px;
}
div#image-wide img {
  width:  810px;
  height: 539px;
}
div#image.views img {
  width:  200px;
  height: 240px;
}

/* misc  images with varying sizes */
div.image-var-left {
  display: table;
  float: left;
  margin-right:  20px;
  margin-bottom: 10px;
  background-color: #eeeeee;
}
div.image-var-right {
  display: table;
  float: right;
  margin-left:   20px;
  margin-bottom: 10px;
  background-color: #eeeeee;
}

/* image captions and credits */
div#image p#image-caption, 
div#image-wide p#image-caption, 
div.image-var-left p.image-caption, 
div.image-var-right p.image-caption { 
  color:  #4f4f4f;
  font-size:  80% !important;
  padding-left: 12px;
}
div#image p#image-caption span#image-credit, 
div#image-wide p#image-caption span#image-credit, 
div#image.views 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 {
  color:  #4f4f4f;
  margin-left: 1em;
  font-size: 90%;
}
div#image p#image-caption span#image-credit:before, 
div#image-wide p#image-caption span#image-credit:before, 
div#image.views p#image-caption span#image-credit:before, 
div.image-var-right p.image-caption span#image-credit:before, 
div.image-var-left p.image-caption span#image-credit:before {
  content: '(';
}
div#image p#image-caption span#image-credit:after, 
div#image-wide p#image-caption span#image-credit:after, 
div#image.views p#image-caption span#image-credit:after, 
div.image-var-right p.image-caption span#image-credit:after, 
div.image-var-left p.image-caption span#image-credit:after {
  content: ')';
}

/* } all archive. */


/* { weather page: */
div.weather {
  width: 680px;
  margin: auto;
  display: table;
  clear: both;
}
div.weather h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}
div.weather table {
  margin: auto;
  border-collapse: collapse;
}
div.weather table td {
  text-align: center;
  padding: 10px;
  padding-top: 0;
}
div.weather table td.clock {
  padding-top: 70px;
}
/* } weather page. */
/* --- } pageContent area with top and bottom bars. --- */


/* --- { Sidebar: --- */
table#pageContent td#nav-side  {
  width: 132px;
  padding: 0;
  background-color: #cccccc;
}
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 {
  border-bottom: 4px solid #ffffff;
}
table#pageContent td#nav-side div.nav h3 {
  color:            #1f527b;
  background-color: #ff9966;
  margin-bottom:    0;
  padding-top:      6px;
  padding-bottom:   6px;
  padding-left:     14px;
}

table#pageContent td#nav-side div.nav div.main a, 
table#pageContent td#nav-side div.nav div.sub a {
  display: block;
  padding: 6px 0;
  padding-left: 10px;
  text-decoration: none;
  border-bottom: 2px solid #ffffff;
}
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;
}
table#pageContent td#nav-side div.other {
  display: table;
  border-bottom: 4px solid #ffffff;
  width: 100%;
  padding: 4px 8px;
}
table#pageContent td#nav-side div.other h3 {
  text-align: center;
  font-size: 90%;
  color: #cc0000;
}
table#pageContent td#nav-side div.other p {
 font-size: 80%;
}
/* --- } Sidebar. --- */



/* --- { The content area: */
table#pageContent td#content {
  padding:    10px;
  width:      850px;
}
/* --- } The content area. */


/* { standard tags in content: */
table#pageContent td#content li, 
table#pageContent td#content p {
  font-size: 108%;
}
table#pageContent td#content p {
  line-height: 1.5;
}
table#pageContent td#content img+p {
  margin-top: 2px;
}
table#pageContent td#content p#credit {
  color:  #333;
  margin: 0;
  font-weight: normal;
  font-size: 95%;
}

table#pageContent td#content ul {
  list-style-image: url(/images/bullets/bullet.gif);
  list-style-type: disc;
  margin:          0;
  padding:         0;
  margin-bottom:   1ex;
}
table#pageContent td#content li {
  margin-top:  2ex;
  margin-left: 2em;
}
table#pageContent td#content li:first-child {
}
table#pageContent td#content ol li {
  margin: 0;
}
table#pageContent td#content ul.links {
  margin-bottom: 2ex;
}
table#pageContent td#content ul.links li {
  margin-top:  1ex;
  margin-left: 2em;
}
table#pageContent td#content ul li ul li {
  font-size: 100%;
  padding-top: 0;
  margin-top: 0;
  list-style-type: circle;
  list-style-image: none;
}

table#pageContent td#content dt {
  margin-top:  .7ex;
  padding:     0px 0px 0px 0px;
}
table#pageContent td#content dt:first-child {
  margin-top:  0;
}
table#pageContent td#content dd {
  margin-top:  .5ex;
  padding:     0px 0px 0px 0px;
}

table#pageContent td#content blockquote {
  margin:     0px 0px 0px 15px;
  padding:    0px 0px 0px 15px;
}

table#pageContent td#content h2 {
  font-size:  125%;
  padding:    5px 0px 5px 0px;
  margin-bottom: 0;
}
table#pageContent td#content h2:first-child {
  margin-top: 0;
}
table#pageContent td#content h3 {
  font-size: 100%;
  color: #000000;
}
table#pageContent td#content h3#sub-title {
  padding-top: 0;
  margin-top: 0;
  color: #666666;
  font-weight: bold;
  font-size: 90%;
}

table#pageContent td#content h4 {
  font-size: 90%;
  font-style: italic;
}

/* no borders on links inside other tags */
table#pageContent td#content a img,
table#pageContent td#content h1 a,
table#pageContent td#content h2 a,
table#pageContent td#content h3 a,
table#pageContent td#content h4 a,
table#pageContent td#content h5 a {
  color: #999966;
  border: none;
  text-decoration: none;
}

/* } standard tags in content. */


/* news archive */

/* archive toc pages only */
/* I don't think we're using these any more:
table#pageContent td#content div.entry h3 {
  color: #1f527b;
  font-size: 90%;
  text-transform: none;
  padding-left: 0;
  padding-top: 12px;
  padding-bottom: 4px;
  margin-top: 0;
  margin-bottom: 2px;
}
table#pageContent td#content div.entry p {
  font-size: 80%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 4px;
}
table#pageContent td#content div.entry p:after {
  content:  ' \2026';
}


table#pageContent td#content p#years a {
  margin-right: 20px;
}
*/

/* for 'on this page' links in page header: */
/* I don't think we're using these any more:
table#pageContent td#content h2 span.pagenav {
  font-size: 70%;
  font-weight: normal;
  display: block
}
table#pageContent td#content h2 span.pagenav a {
  color: #0000cc;
  margin-left: .5em;
}
table#pageContent td#content h2 span.pagenav:before {
  content: '\2193';
}
*/

/* e o f */