@import url(/css/reset.css);
@import url(/css/richtext.css);
@import url(/css/font-face.css);

html {
	-webkit-text-size-adjust: none;
}
	body {}
		#header {
			margin: 0 auto;
			height: 200px;
			position: relative;
			background: #fff url(/img/header.png) no-repeat bottom left;
			width: 1024px;
			border-top: 1px solid #ffd200;
			border-left: 1px solid #ffd200;
			border-right: 1px solid #ffd200;
		}
			#header .self {
				position: absolute;
				top: 44px;
				left: 34px;
				width: 590px;
				height: 120px;
				text-indent: -999999px;
			}
			#header .bar {
				position: absolute;
				top: 174px;
				left: 0;
				width: 100%;
				height: 27px;
			}
				#header .bar .bit {
					float: left;
					height: 26px;
				}
				#header .bar .bit.beginning {
					background: url(/img/nav-beginning.png);
					width: 15px;
				}
				#header .bar .bit.spacer {
					background: url(/img/nav-spacer.png) repeat-x;
				}
				#header .bar .bit.spacer.active {
					background-image: url(/img/nav-spacer-active.png);
				}
				#header .bar .bit.separator {
					background: url(/img/nav-seperator.png) no-repeat;
					width: 36px;
				}
				#header .bar .bit.ender {
					background: url(/img/nav-ender.png);
					width: 18px;
				}
				#header .bar .bit.ender.active {
					background-image: url(/img/nav-ender-active.png);
				}
				#header .bar .bit.beginner {
					background: url(/img/nav-beginner.png);
					width: 18px;
				}
				#header .bar .bit.beginner.active {
					background-image: url(/img/nav-beginner-active.png);
				}
				#header .bar .bit.ending {
					background: url(/img/nav-ending.png);
					width: 18px;
				}
				#header .bar .bit.ending {
					background: url(/img/nav-ending.png);
					width: 18px;
				}
			#header .scaffold-bar {
				position: absolute;
				top: 174px;
				left: 0;
				width: 100%;
				height: 27px;
				background: url(/img/nav-spacer.png) repeat-x;
			}
			#header .navigation {
				position: absolute;
				top: 173px;
				left: 33px;
				overflow: hidden;
			}
				#header .navigation ul {
					float: left;
				}
					#header .navigation ul li {
						float: left;
					}
						#header .navigation ul li a {
							height: 27px;
							float: left;
							margin-right: 8px;
							margin-left: 8px;
							text-decoration: none;
							color: #fff;
						}
						.locale-eng #header .navigation ul li a {
							font: bold 18px/1em 'Joanna MT', Georgia, 'Times New Roman', serif;
							padding-top: 5px;
							text-transform: uppercase;
							padding-left: 0.7px;
							padding-right: 0.7px;
						}
						.locale-bod #header .navigation ul li a {
							font: 21px/1em serif;
							padding-left: 15px;
							padding-right: 15px;
							margin-top: -3px;
						}
						#header .navigation ul li a:hover,
						#header .navigation ul li a:active {
							color: #FFD200;
						}
						#header .navigation ul li.active a {
							color: #fff !important;
						}
						#header .navigation ul li.has-image a {
							margin-top: 0;
							padding-top: 0;
							overflow: hidden;
							text-indent: -99999px;
							background-position: center center;
							background-repeat: no-repeat;
						}
			#header .language-links {
				position: absolute;
				top: 181px;
				left: 939px;
			}
				#header .language-links .language-link {
					display: block;
					float: left;
					color: #fff;
					text-decoration: none;
				}
				#header .language-links .eng {
					font: bold 12px/1em 'Joanna MT', Georgia, 'Times New Roman', serif;
					text-transform: uppercase;
					margin-right: 9px;
				}
				#header .language-links .bod {
					font: 22px/1em "Tibetan Machine Uni" !important;
					margin-top: -4px;
					width: 36px;
					height: 21px;
					background: url(/img/tibetan-language-link.png) no-repeat;
					text-indent: -999999px;
				}
				#header a.eng:hover,
				#header a.eng:active,
				.locale-eng #header .eng {
					color: #FFD200;
				}
				#header a.bod:hover,
				#header a.bod:active,
				.locale-bod #header .bod {
					background-position: bottom;
				}
		#content {
			margin: 0 auto 100px;
			width: 1024px;
			border-left: 1px solid #ffd200;
			border-right: 1px solid #ffd200;
			border-bottom: 1px solid #ffd200;
			background: url(/img/content-bg.png) repeat-y right;
		}
		#content:after {
			content: "."; display: block; height: 0; clear: both;
			visibility: hidden;
		}
		#content { display: inline-block; }
		#content { display: block; }
			.english-home {
				background: #fff;
			}
				.english-home img {
					display: block;
				}
			#main {
				min-height: 568px;
			}
				#main .construction {
					margin: 23px 0 0 -7px;
				}
			#main.with-sidebar {
				float: left;
				width: 597px;
				padding: 0 52.5px 41.5px 41.5px;
			}
				#main .section-tree {
					margin-top: 24px;
					font-size: 9.5px;
					line-height: 1em;
					font-weight: bold;
				}
					#main .section-tree h2 {
						text-transform: uppercase;
						margin-left: 12px;
					}
					#main .section-tree h2,
					#main .section-tree li {
						margin-bottom: 7px;
					}
					#main .section-tree .level-0 > li.last {
						margin-bottom: 0;
					}
						#main .section-tree h2 a {
							color: #FFD200;
						}
					#main .section-tree .node-title {
						text-transform: uppercase;
					}
					#main .section-tree a {
						text-decoration: none;
						color: #A30046;
					}
					#main .section-tree .active-parent > .node-title,
					#main .section-tree .active > .node-title,
					#main .section-tree ul a:hover {
						color: #FFD200 !important;
					}
					#main .section-tree .has-popup.level-0 > li > a {
						color: #F8F0F4;
					}
					#main .section-tree .has-popup.level-0 > li > a:hover {
						color: #F8F0F4 !important;
					}
					#main .section-tree .has-popup.level-0 > li.active > a:hover {
						color: #FFD200 !important;
					}
					#main .section-tree .level-0 ul {
						margin-bottom: 30px;
					}
						#main .section-tree .level-0 {
							border-left: 5px solid #FFD200;
							padding-left: 7px;
							min-height: 73px;
						}
							#main .section-tree .level-0 > li {
								position: relative;
							}
							#main .section-tree .level-0 > li.active,
							#main .section-tree .level-0 > li.active-parent {
								z-index: 1;
							}
								#main .section-tree .level-0 > li > ul {
									position: absolute;
									top: 0;
								}
						#main .section-tree .level-1 {
							display: none;
						}
						#main .section-tree .level-0 > li.active > .level-1,
						#main .section-tree .level-0 > li.active-parent > .level-1 {
							display: block;
						}
				#main .notransform {
					text-transform: none;
				}
				#main .page {
					margin-top: 18px;
				}
				#main .letter {
					margin-top: 22px;
				}
					#main .letter .back {
						float: left;
						width: 150px;
						text-decoration: none;
						color: #A30046;
						font-size: 9.5px;
						line-height: 1em;
						font-weight: bold;
					}
					#main .letter .content {
						float: left;
						padding: 12px 12px 5px;
						border: 5px solid #FFD200;
					}
				#main .articles {}
					#main .article {
						margin-bottom: 5px;
					}
				#main .volumes {
					font: 12px/1.3em Helvetica, Arial, sans-serif;
					padding-top: 8px;
					padding-left: 1px;
				}
					#main .volume {
						position: relative;
						padding-bottom: 13px;
						clear: left;
					}
					#main .volume.enlarged {
						z-index: 1;
					}
					#main .volume:after {
						content: "."; display: block; height: 0; clear: both;
						visibility: hidden; }
					#main .volume { display: inline-block; }
					#main .volume { display: block; }
						#main .volume .col {
							float: left;
						}
						#main .volume h2 {
							font-weight: normal;
						}
						#main .volume .col1 {
							width: 61px;
							min-height: 1px;
						}
						#main .volume .col2 {
							width: 10px;
							padding-left: 15px;
							padding-right: 8px;
							text-align: right;
						}
						#main .double-digits .volume .col2 {
							width: 17px;
						}
						#main .triple-digits .volume .col2 {
							width: 23px;
						}
						#main .volume .col3 {
							width: 488px;
						}
						#main .volume .link {
							cursor: pointer;
						}
						#main .volume .enlargement {
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
							background: url(/img/volume-enlargement-bg.png);
							padding-bottom: 20px;
							margin-bottom: 20px;
						}
							#main .volume .enlargement .col1 {
								width: 126px;
							}
							#main .volume .enlargement .col3 {
								width: 423px;
							}
							#main .volume .enlargement .description {
								display: block !important;
							}
							#main .volume .enlargement .close {
								float: right;
								margin: 0 0 10px 20px;
								cursor: pointer;
							}
			#sidebar {
				float: left;
				width: 333px;
				min-height: 568px; /* Matches .sidebar-overlay */
				background-color: #FFD200;
				position: relative;
				padding-bottom: 41.5px; /* Matches .sidebar-overlay */
			}
				#sidebar .sidebar-display {
					margin: 0 auto;
				}
				#sidebar .sidebar-display.image {
					margin-top: 106px;
				}
					#sidebar .sidebar-display .display .frame {
						margin-bottom: 14px;
					}
					#sidebar .sidebar-display .display .frame:after {
						content: "."; display: block; height: 0; clear: both;
						visibility: hidden;
					}
					#sidebar .sidebar-display .display .frame { display: inline-block; }
					#sidebar .sidebar-display .display .frame { display: block; }
						#sidebar .sidebar-display .display .nw,
						#sidebar .sidebar-display .display .ne,
						#sidebar .sidebar-display .display .se,
						#sidebar .sidebar-display .display .sw {
							width: 22px;
							height: 23px;
							background-repeat: no-repeat;
						}
						#sidebar .sidebar-display .display .n,
						#sidebar .sidebar-display .display .s {
							height: 23px;
							background-repeat: repeat-x;
						}
						#sidebar .sidebar-display .display .w,
						#sidebar .sidebar-display .display .e {
							width: 22px;
							background-repeat: repeat-y;
						}
						#sidebar .sidebar-display .display .w,
						#sidebar .sidebar-display .display .sw {
							clear: left;
						}
						#sidebar .sidebar-display .display .frame > div,
						#sidebar .sidebar-display .display .frame > div > a > img {
							float: left;
						}
						#sidebar .sidebar-display .display .nw {
							background-image: url(/img/sidebar-display-nw.png);
						}
						#sidebar .sidebar-display .display .n {
							background-image: url(/img/sidebar-display-n.png);
						}
						#sidebar .sidebar-display .display .ne {
							background-image: url(/img/sidebar-display-ne.png);
						}
						#sidebar .sidebar-display .display .w {
							background-image: url(/img/sidebar-display-w.png);
						}
						#sidebar .sidebar-display .display .e {
							background-image: url(/img/sidebar-display-e.png);
						}
						#sidebar .sidebar-display .display .sw {
							background-image: url(/img/sidebar-display-sw.png);
						}
						#sidebar .sidebar-display .display .s {
							background-image: url(/img/sidebar-display-s.png);
						}
						#sidebar .sidebar-display .display .se {
							background-image: url(/img/sidebar-display-se.png);
						}
					#sidebar .sidebar-display .display .caption {
						font: 16px/17px 'Joanna MT', Georgia, 'Times New Roman', serif;
						font-style: italic;
						margin: 0 auto;
						text-align: center;
						margin-bottom: 4px;
					}
					#sidebar .sidebar-display .display .credits {
						font: 8px/1em Helvetica, Arial, sans-serif;
						margin: 0 auto;
						text-align: center;
					}
					.sidebar-overlay {
						position: absolute;
						width: 478px;
						min-height: 568px; /* Matches #sidebar */
						top: 0;
						right: 0;
						background: url(/img/sidebar-display-overlay-bg.png);
						padding-bottom: 41.5px; /* Matches #sidebar */
					}
						.sidebar-overlay .frame,
						.sidebar-overlay .caption,
						.sidebar-overlay .credits {
							width: 434px;
							margin-left: auto;
							margin-right: 22px;
						}
						.sidebar-overlay .frame {
							margin-top: 106px;
							margin-bottom: 14px;
						}
						.sidebar-overlay .frame:after {
							content: "."; display: block; height: 0; clear: both;
							visibility: hidden;
						}
						.sidebar-overlay .frame { display: inline-block; }
						.sidebar-overlay .frame { display: block; }
							.sidebar-overlay .nw,
							.sidebar-overlay .ne,
							.sidebar-overlay .se,
							.sidebar-overlay .sw {
								width: 36px;
								height: 34px;
								background-repeat: no-repeat;
							}
							.sidebar-overlay .n,
							.sidebar-overlay .s {
								height: 34px;
								background-repeat: repeat-x;
							}
							.sidebar-overlay .w,
							.sidebar-overlay .e {
								width: 36px;
								background-repeat: repeat-y;
							}
							.sidebar-overlay .w,
							.sidebar-overlay .sw {
								clear: left;
							}
							.sidebar-overlay .frame > div,
							.sidebar-overlay .frame > div > img {
								float: left;
							}
							.sidebar-overlay .nw {
								background-image: url(/img/sidebar-overlay-nw.png);
							}
							.sidebar-overlay .n {
								background-image: url(/img/sidebar-overlay-n.png);
							}
							.sidebar-overlay .ne {
								background-image: url(/img/sidebar-overlay-ne.png);
							}
							.sidebar-overlay .w {
								background-image: url(/img/sidebar-overlay-w.png);
							}
							.sidebar-overlay .e {
								background-image: url(/img/sidebar-overlay-e.png);
							}
							.sidebar-overlay .sw {
								background-image: url(/img/sidebar-overlay-sw.png);
							}
							.sidebar-overlay .s {
								background-image: url(/img/sidebar-overlay-s.png);
							}
							.sidebar-overlay .se {
								background-image: url(/img/sidebar-overlay-se.png);
							}
						.sidebar-overlay .caption {
							font: 16px/17px 'Joanna MT', Georgia, 'Times New Roman', serif;
							font-style: italic;
							text-align: center;
							margin-bottom: 4px;
						}
							.sidebar-overlay .caption > div {
								padding: 0 50px;
							}
						.sidebar-overlay .credits {
							font: 8px/1em Helvetica, Arial, sans-serif;
							margin: 0 auto;
							text-align: center;
						}
							.sidebar-overlay .credits > div {
								padding: 0 50px;
							}
				#sidebar .sidebar-display.quote {
					margin-top: 102px;
				}
					#sidebar .sidebar-display.quote .caption {
						font: 19px/23px 'Joanna MT', Georgia, 'Times New Roman', serif;
						font-style: italic;
						margin: 0 auto 5px;
						text-align: center;
					}
					#sidebar .sidebar-display.quote .credits {
						font: 14px/1em 'Joanna MT', Georgia, 'Times New Roman', serif;
						margin: 0 auto 46px;
						text-align: center;
					}
					#sidebar .sidebar-display.quote .design {
						margin: 0 auto 20px;
						text-align: center;
					}
		noscript div {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			padding: 5px 0;
			text-align: center;
			z-index: 999999;
			color: #fff;
			border-bottom: 1px solid red;
			background: red;
			font-weight: bold;
		}
		input, textarea, select {}
