* { padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
pre { font-family: inherit; }
a img { border: none; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 .clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%; overflow: hidden; }


/* align */
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: left;}
.taj {text-align: justify;}

/* valign */
.vabl {vertical-align: baseline;}
.vas  {vertical-align: sub;}
.vasu {vertical-align: super;}
.vat  {vertical-align: top;}
.vatt {vertical-align: text-top;}
.vam  {vertical-align: middle;}
.vab  {vertical-align: bottom;}
.vatb {vertical-align: text-bottom;}

.first-letter {
  font-size: 24px;
}

h1 {
  font-size: 60px;
}

h2 {
	padding-bottom: 20px;
	font-size: 18px;
}

a {
  color: #06cff3;
  text-decoration: underline
}
a:hover {
  text-decoration: none;
}


.green { color: #9ed91d; }
.red { color: #ff5d5d; }
.yellow { color: #fff32f; }
.dark-yellow { color: #ffb606; }
.light-blue { color: #30dfff; }
.lighten-blue { color: #8dcbff; }
.pink { color: #ff3df8; }
.sallem { color: #92ffa4; }
.light-sallem { color: #91ff66; }
.olive { color: #ac1dfe; }

.hasFloat {
  overflow: hidden;
  width: auto !important;
  height: auto !important;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 65.5%;
}
html, body,
.page {
  width: 100%;
  height: 100%;
  background-color: #020303;
  color: #fff;
}

p, ul, ol {
  line-height: 19px;
  padding-bottom: 19px;
}

#header {
  height: 269px; width: 1000px; margin: 0 auto;
  position: relative;
}
#header li {
  list-style-type: none;
}

#index.page {
  background: transparent url(img/index.jpg) no-repeat center;
  position: relative;
  min-width: 1000px;
}
#index.page a {
  display: block;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 50%;
  text-indent: -3000px;
}
#index.page a.personal-site {}

#index.page a.current-site {
 left: 50%;
}
.page {
  font-size: 1.5em;
}

.page-wrapper-top {
  background-position: center top;
  background-repeat: no-repeat;
}
.page-wrapper-btm {
  background-position: center bottom;
  background-repeat: no-repeat;
}

#main.page .page-wrapper-top {
  background-image: url(img/bgs/main.jpg);
  height: 964px; overflow: hidden;
}

#read.page .page-wrapper-top { background-image: url(img/bgs/read-top.jpg); }
#read.page .page-wrapper-btm { background-image: url(img/bgs/read-footer.jpg); }
#listen.page .page-wrapper-top { background-image: url(img/bgs/listen-top.jpg); }
#listen.page .page-wrapper-btm { background-image: url(img/bgs/listen-footer.jpg); }
#look.page .page-wrapper-top { background-image: url(img/bgs/look-top.jpg); }
#look.page .page-wrapper-btm { background-image: url(img/bgs/look-footer.jpg); }
#study.page .page-wrapper-top { background-image: url(img/bgs/study-top.jpg); }
#study.page .page-wrapper-btm { background-image: url(img/bgs/study-footer.jpg); }
#travel.page .page-wrapper-top { background-image: url(img/bgs/travel-top.jpg); }
#travel.page .page-wrapper-btm { background-image: url(img/bgs/travel-footer.jpg); }
#write.page .page-wrapper-top { background-image: url(img/bgs/write-top.jpg); }
#write.page .page-wrapper-btm { background-image: url(img/bgs/write-footer.jpg); }
#admire.page .page-wrapper-top { background-image: url(img/bgs/admire-top.jpg); }
#admire.page .page-wrapper-btm { background-image: url(img/bgs/admire-footer.jpg); }
#semiofficial.page .page-wrapper-top { background-image: url(img/bgs/semiofficial-top.jpg); }
#semiofficial.page .page-wrapper-btm { background-image: url(img/bgs/semiofficial-footer.jpg); }


#admire.page #content {
	width: 40%;
}
#admire.page #content .gallery-item {
	margin: 0 20px 20px 0; float: left;
}
#admire.page #content .gallery-item img {
	width: 156px; height: 156px; display: block;
	border: 4px solid #fff;
}

#admire.page .sidebar {width: 50%; margin-left: -50%; }


.logo {
  display: block;
  text-indent: -1000px;
  width: 400px;
  height: 100px;
  position: absolute;
  top: 85px;
  z-index: 100;
}

.navigation { position: relative; }
.navigation a { display: block; position: absolute; width: 150px; height: 40px; }
.navigation a i { display:none; }
.navigation a.listen-link { left: 450px; top: 60px; }
.navigation a.read-link { left: 620px; top: 50px; }
.navigation a.look-link { left: 790px; top: 50px; }
.navigation a.study-link { left: 425px; top: 140px; }
.navigation a.travel-link { left: 580px; top: 140px; width: 240px; }
.navigation a.write-link { left: 830px; top: 140px; width: 120px; }
.navigation a.admire-link { left: 640px; top: 190px; }
.navigation a.semiofficial-link { left: 800px; top: 190px; }

#container {
  width: 1000px;
  margin: 0 auto;
  min-height: 700px;
}
#main #container {
  /*margin-left: 50%;*/
}

.text {padding-top: 40px;}

.text ol, .text ul {
	margin-left: 40px;
}

table.look-tbl td {vertical-align:top; padding: 0 10px 10px 0;}
table.look-tbl td img { float:left;margin: 0 10px 10px 0; border: 7px solid #fff;}

table.study-tbl td {vertical-align:top; padding: 0 10px 10px 0; width:20%;text-align:center}
table.study-tbl td img {
	border: 4px solid #fff;
}

#footer {
  height: 83px;
  padding-top: 345px;
  width: 1000px;
  margin: 0 auto;
  font-size: 12px;
}
.content-with-right-column {
	float: left; margin-right: 500px;
}
.sidebar {
	width: 450px; margin-left: -450px; margin-top: 110px;
	float:left;
}
.sidebar .gallery img {
  display: block; float: left; margin: 0 20px 20px 0;
  border: 4px solid #fff;
}

.book-item {
	width: 130px; margin-right: 70px;
	text-align: center;
	float: left;
}
.book-item img {
	width: 123px; height: 192px;
  display: block; float: left; margin: 0 20px 10px 0;
  border: 4px solid #fff;
}

.btn {
	display: block;
	width: 143px; height: 33px; line-height: 33px; text-align: center;
	background: transparent url(img/btn.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btn.png', sizingMethod='crop');
	color: #000b17;
	text-decoration: none;
	font-size: 18px;
}



body.main-page #footer {
  padding: 0px;
  position: absolute; left:50%;margin-left: -500px; margin-top:-60px;
}



.slider-wrapper {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 299px; height: 394px;
  overflow: hidden;
  position: relative;
}
.slider-wrapper .first-letter {
  font-size: 24px; font-weight: bold;
}
.slider-text {
  width: 218px;
  /*float: left;*/
  position: absolute;
}
.slider-sidebar {
  width: 81px; height: 394px; float: right; position: relative; /*overflow: hidden;*/
  background: transparent url(img/slider-bg.png) no-repeat;
}
* html .slider-sidebar {
	/*background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slider-bg.png', sizingMethod='crop');*/
}
.slider-moveUp,
.slider-moveDown {
  display: block; position: absolute; overflow: hidden;
  width: 56px;
}
.slider-moveUp {
  height: 56px;
}
.slider-moveDown {
  height: 59px;
  bottom: 0px; left: 0px;
}

#slider-slider {
  top: 100px; left: 20px;
  height: 234px;
  position: relative;
}
#slider-slider a {
  width: 68px; height: 64px; display: block;
  background-image: url(img/slider.png);
  position: absolute;
}

.gallery-video {}
.gallery-video .gallery-item {
	float: none; overflow: hidden; zoom: 1;
	margin-bottom: 20px;
}
* html .photo-page .gallery-video .gallery-item img {
	/*display: inline;*/ margin: 0px !important;
}

* html .video-page {
	overflow: hidden;
}

.gallery-video .gallery-item-img {/*float: left;*/ margin-right: 0px;}
* html .gallery-video .gallery-item-img img {
	margin-right: 10px;
}

.gallery-video .gallery-item-desc {
	/*display: table; zoom: 1;*/
}

.admire-inner #content {
	width: 100% !important; margin: 0px !important;
}
.admire-inner #content .gallery-item-img {
	margin-right: 10px;
}
.admire-inner #content img {
	width: auto !important; height: auto !important;
}
.video-page .gallery-item {
	float: none;
	width: 100%;
}

.pagination {
	font-size: 18px;
	clear: left;
}
.pagination a,
.pagination i {
	padding-right: 5px;
	text-decoration: none;
	font-style: normal;
}