html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  color: #414141;
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
*:first-child+html .clearfix {
  zoom: 1;
}
.clear {
  clear: both;
}
.inner {
  margin: 0 auto;
  max-width: 960px;
  width: 90%;
}
h1 {
  font: 23px/1 'Asul', sans-serif;
}
a {
  color: #000;
  text-decoration: underline;
}
i {
  font-style: italic;
}
html,
body {
  height: 100%;
}
.hidden {
  display: none;
}
.hr {
  background: #cfcfcf;
  background: -moz-linear-gradient(left,rgba(164,165,165,0) 0%,#c6c6c6 50%,rgba(164,165,165,0) 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(164,165,165,0)),color-stop(50%,#c6c6c6),color-stop(100%,rgba(164,165,165,0)));
  background: -webkit-linear-gradient(left,rgba(164,165,165,0) 0%,#c6c6c6 50%,rgba(164,165,165,0) 100%);
  background: -o-linear-gradient(left,rgba(164,165,165,0) 0%,#c6c6c6 50%,rgba(164,165,165,0) 100%);
  background: -ms-linear-gradient(left,rgba(164,165,165,0) 0%,#c6c6c6 50%,rgba(164,165,165,0) 100%);
  background: linear-gradient(to right,rgba(164,165,165,0) 0%,#c6c6c6 50%,rgba(164,165,165,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a4a5a5',endColorstr='#00a4a5a5',GradientType=1);
  border: none;
  height: 1px;
  width: 100%;
}
#preload {
  background: url(../img/loader.gif) center center no-repeat;
  padding: 100px;
}
.progress-go {
  -webkit-transition-property: background;
  -webkit-transition-property: color;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  background: #682274;
  border-radius: 100%;
  cursor: pointer;
}
.progress-go:hover {
  background: #fff;
  border: 2px solid #ddd;
  margin: 20px auto;
  color: #682274;
}
.progress {
  color: #fff;
  position: relative;
  margin: 22px auto;
  height: 90px;
  width: 90px;
}
.progress .container {
  display: none;
}
.progress .wrapper {
  width: 90px;
  height: 90px;
  position: absolute;
  clip: rect(0px,90px,90px,45px);
}
.progress .circle {
  width: 50px;
  height: 50px;
  border: 20px solid #682274;
  border-radius: 100%;
  position: absolute;
  clip: rect(0px,45px,90px,0px);
  z-index: 10;
}
.progress .left {
  -webkit-transition: -webkit-transform 0.3s ease;
}
.progress .right {
  display: none;
  -webkit-transform: rotateZ(120deg);
  -webkit-transition: -webkit-transform 0.3s ease;
}
.progress .endpoint {
  position: absolute;
  width: 90px;
}
.progress .point {
  -webkit-transform: rotateZ(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  z-index: 100;
}
.progress .dot {
  background: #682274;
  border-radius: 100%;
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  z-index: 100;
}
.progress .text {
  font-family: 'Asul', sans-serif;
  font-size: 14px;
  margin: 1px 0 0;
  line-height: 20px;
  padding-top: 2px;
  text-align: center;
}
.progress .text span {
  display: block;
  margin: 2px 0;
}
.icon-fb,
.icon-tw,
.icon-pin,
.icon-stum {
  background: url(../img/sprite.png) 0 -248px;
  display: block;
  height: 46px;
  margin: 0 auto;
  width: 46px;
}
.icon-tw {
  background-position: -46px -248px;
}
.icon-pin {
  background-position: -93px -248px;
}
.icon-stum {
  background-position: -141px -248px;
}
.overlay {
  background: url(../img/overlay-bg.png) repeat;
  background: rgba(0,0,0,0.45);
  bottom: 0;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  position: fixed;
  width: 100%;
  z-index: 190;
}
.notfound-box {
  font: 38px/48px 'Arimo', sans-serif;
  padding: 100px 0;
  text-align: center;
}
.notfound-box .video {
  padding-top: 40px;
}
#modal-overlay {
  background: rgba(255,255,255,0.9);
  display: block;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 230;
}
.modal {
  margin-bottom: 30px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -381px;
  width: 762px;
  z-index: 240;
}
.modal .container {
  background: #fbfbfb url(../img/book-bg.jpg) repeat;
  border: 1px solid #e6e6e6;
  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
  position: relative;
}
.modal .holder {
  padding: 40px;
  position: relative;
  overflow: hidden;
}
.modal .frame {
  position: relative;
}
.modal .arch {
  background: url(../img/sprite.png) -225px -80px no-repeat;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -82px;
  top: -50px;
  width: 164px;
  z-index: 10;
}
.modal .container:before,
.modal .container:after,
.modal .tl,
.modal .close {
  background: url(../img/sprite.png) -200px -48px no-repeat;
  content: '';
  display: block;
  height: 11px;
  position: absolute;
  bottom: -4px;
  left: -4px;
  width: 13px;
}
.modal .container:after {
  background-position: -213px -48px;
  left: auto;
  right: -4px;
}
.modal .tl {
  background-position: -200px -35px;
  bottom: auto;
  top: -4px;
}
.modal .close {
  background-position: -226px -142px;
  cursor: pointer;
  right: -12px;
  top: -12px;
  bottom: auto;
  left: auto;
  height: 26px;
  width: 28px;
  z-index: 20;
}
.modal .spacer {
  height: 15px;
}
.modal .title {
  border-top: 1px solid #b6b6b6;
  height: 35px;
  margin-top: 35px;
  position: relative;
  text-align: center;
}
.modal .title span {
  background: #fbfbfb url(../img/book-bg.jpg) repeat;
  display: block;
  font: 700 11px/15px 'Arimo', sans-serif;
  left: 50%;
  top: -7px;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}
.modal .title span.wide {
  margin-left: -75px;
  width: 150px;
}
.modal h1.name {
  color: #682274;
  font: 30px/38px 'Asul', sans-serif;
  text-align: center;
}
.modal .f {
  background: #3b5998;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  position: relative;
  height: 24px;
}
.modal .f span {
  background: url(../img/journal_sprite.png) 0 -120px;
  height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -21px;
  width: 42px;
  z-index: 10;
}
.modal .tw {
  background: #00aced;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  position: relative;
  height: 24px;
}
.modal .tw span {
  background: url(../img/tweet.png) center top;
  height: 32px;
  position: absolute;
  left: 50%;
  margin-left: -29px;
  width: 42px;
  top: -18px;
  z-index: 10;
}
.modal .follow {
  float: left;
  left: 50%;
  margin-top: 20px;
  position: relative;
}
.modal .follow .wrap {
  float: left;
  position: relative;
  margin-right: 19px;
  right: 50%;
}
.modal .fb-post {
  border-bottom: 1px solid #ddd;
  padding: 20px 10px 10px;
}
.modal .fb-post .actions {
  margin-top: 20px;
}
.modal .fb-post .actions .left {
  float: left;
  width: 400px;
}
.modal .fb-post .actions .right {
  float: right;
}
.modal .fb-post .actions .right a {
  color: #3b5998;
  text-decoration: none;
}
.modal .fb-post .actions a:hover {
  text-decoration: underline;
}
.modal .fb-post .actions .date a {
  color: #777;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.modal .fb-post .actions .date a:hover {
  color: #333;
}
.modal .fb-post .right ul li {
  float: left;
  margin: 0 6px;
}
.modal .fb-post .right ul li a {
  background: url(../img/twitter_sprite.png) 0 0;
  display: block;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}
.modal .fb-post .right ul li a:hover {
  background-position: -16px 0;
}
.modal .fb-post .right ul li a.retweet {
  background-position: -80px 0;
}
.modal .fb-post .right ul li a.retweet:hover {
  background-position: -96px 0;
}
.modal .fb-post .right ul li a.favorite {
  background-position: -32px 0;
}
.modal .fb-post .right ul li a.favorite:hover {
  background-position: -48px 0;
}
.modal .wrap .share {
  margin: 0 auto;
  padding: 25px 0;
  width: 672px;
}
.modal .wrap .share h5 {
  color: #682274;
  font: 700 12px/11px 'Arimo', sans-serif;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}
.modal .wrap .share h4 {
  color: #682274;
  font: 700 12px/16px 'Arimo', sans-serif;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.modal .wrap .share .col {
  float: left;
  margin-left: 20px;
  width: 140px;
}
.modal .wrap .share a {
  margin: 0 auto;
}
.modal .loading {
  color: #682274;
  font: 32px/38px 'Asul', sans-serif;
  padding: 80px 0;
  text-align: center;
}
.modal p {
  margin: 12px 0;
}
.modal .wrap {
  font: 13px/22px 'Arimo', sans-serif;
  _text-align: center;
}
.modal .wrap .content {
  float: left;
  width: 100%;
}
.modal .wrap .content a {
  color: #682274;
  font-weight: 700;
  text-decoration: none;
}
.modal .wrap .content a:hover {
  color: #000;
}
.modal .wrap .content strong {
  font-weight: 700;
}
.modal .wrap .content em {
  font-style: italic;
}
.modal .wrap .member-cover .image {
  float: none;
  margin: 20px 0 0;
  width: 100%;
}
.modal .wrap .member-cover .image img {
  border: 1px solid #ddd;
  display: block;
  margin: 0 auto;
  width: 256px;
}
.modal .wrap .member-cover .decoration {
  border-left: 1px solid #414141;
  border-right: 1px solid #414141;
  height: 10px;
  margin: 0 auto;
  width: 1px;
}
.modal .wrap .member-cover .dates {
  color: #333;
  font: 30px/40px 'Asul', sans-serif;
  text-align: center;
}
.modal .wrap .bordered {
  border: 1px solid #c5c5c5;
}
.modal .wrap .wide-image {
  border: 1px solid #c5c5c5;
  display: block;
  margin: 4px auto 14px;
  width: 586px;
}
.modal .wrap h2 {
  color: #682274;
  font: 16px/18px 'Asul', sans-serif;
  margin: 10px 0 15px;
  text-align: center;
}
.modal .wrap h3 {
  color: #555;
  font: 400 17px/22px 'Asul', sans-serif;
  margin: 12px 0 16px;
  text-align: center;
}
.modal .wrap h4 {
  font: 400 13px/19px 'Asul', sans-serif;
  text-align: center;
}
.modal .wrap h5 {
  font: 400 11px/17px 'Asul', sans-serif;
}
.modal .wrap h5 img {
  display: inline;
}
.modal .wrap blockquote {
  margin-left: 20px;
  font-style: italic;
}
.modal .wrap hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 5px 0;
}
.modal .wrap .event-info {
  font-weight: 700;
  margin-bottom: 30px;
  text-align: left;
}
.modal .wrap .event-info .col1 {
  float: left;
  width: 230px;
}
.modal .wrap .event-info .col2 {
  color: #333;
  font-size: 22px;
  line-height: 65px;
  float: left;
  text-align: center;
  width: 110px;
}
.modal .wrap .event-info .col3 {
  border-left: 1px solid #aaa;
  float: right;
  line-height: 25px;
  margin: 10px 0;
  padding-left: 20px;
  width: 300px;
}
.modal .wrap .event-info .date {
  background: #682274;
  border-radius: 3px;
  color: #fff;
  float: left;
  padding: 10px;
}
.modal .wrap .event-info .date .day {
  float: left;
  font-size: 38px;
  line-height: 31px;
  text-align: center;
  width: 85px;
}
.modal .wrap .event-info .date sup {
  font-size: 23px;
  vertical-align: super;
}
.modal .wrap .event-info .date em {
  font-style: italic;
}
.modal .wrap .event-info .date .right {
  float: left;
  line-height: 18px;
  margin-left: 5px;
  padding-top: 4px;
  width: 100px;
}
.modal .wrap .image {
  float: left;
  margin: 0 25px 25px 0;
}
.modal .wrap .video {
  margin: 0 auto;
  width: 480px;
}
.modal .slideshow {
  position: relative;
}
.modal .slideshow .prev,
.modal .slideshow .next {
  background: #682274;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 40px;
  height: 60px;
  left: -20px;
  line-height: 55px;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 190px;
  width: 60px;
  z-index: 10;
}
.modal .slideshow .next {
  left: auto;
  right: -20px;
}
.modal .slideshow .slide {
  border-radius: 3px;
  height: 440px;
  margin: 0 auto;
  position: relative;
  width: 660px;
}
.modal .slideshow .slide img {
  border-radius: 3px;
  display: block;
  height: 440px;
  width: 660px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.modal .slideshow .slide .caption {
  background: #fff;
  background: rgba(255,255,255,0.8);
  border-radius: 3px;
  font: 700 13px/15px 'Arimo', sans-serif;
  padding: 8px;
  bottom: 10px;
  left: 10px;
  position: absolute;
  z-index: 10;
  width: 624px;
}
.modal .slideshow .list .image {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  margin: 10px 0 0 10px;
}
.modal .slideshow .list .image img {
  cursor: pointer;
  border-radius: 3px;
  display: block;
}
.modal .slideshow .list .active {
  opacity: 0.6;
}
#page {
  padding: 40px 0;
}
#page .wrap {
  background: url(../img/page-bg.png);
  border: 1px solid #ccc;
  margin-top: 22px;
  padding: 30px;
  position: relative;
}
#page .page-title h1 {
  border-bottom: 4px double #ccc;
  font: 32px/30px 'Asul', sans-serif;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 25px;
  text-align: center;
}
#page .page-content {
  font: 14px/21px 'Arimo', sans-serif;
  padding: 20px 0;
}
#page .page-content hr {
  background: transparent;
  border-top: 1px solid #ccc;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 20px 0;
}
#page .page-content h3 {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: 700;
}
#page .page-content h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}
#page .page-content p {
  margin: 10px 0;
}
#page .page-content a {
  color: #A800BE;
  text-decoration: none;
}
#page .page-content a:hover {
  text-decoration: underline;
}
#page .page-content strong {
  font-weight: 700;
}
#page .page-content ul li {
  list-style: outside disc;
  margin: 0 0 4px 18px;
}
#page .a,
#page .b,
#page .c,
#page .d {
  background: url(../img/sprite.png) -201px -36px;
  height: 12px;
  position: absolute;
  width: 12px;
}
#page .a {
  left: -2px;
  top: -2px;
}
#page .b {
  background-position: -213px -36px;
  right: -2px;
  top: -2px;
}
#page .c {
  background-position: -201px -47px;
  left: -2px;
  bottom: -2px;
}
#page .d {
  background-position: -213px -47px;
  right: -2px;
  bottom: -2px;
}
#welcome {
  background: #e8e8e8 url(../img/texture_material.png);
  border: 2px solid #dddddd;
  box-shadow: 0 1px 6px rgba(0,0,0,0.4);
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -410px;
  z-index: 200;
  width: 820px;
}
#welcome:before,
#welcome:after {
  background: url(../img/sprite.png) -200px -48px no-repeat;
  content: '';
  display: block;
  height: 11px;
  position: absolute;
  bottom: -5px;
  left: -5px;
  width: 13px;
}
#welcome:after {
  background-position: -213px -48px;
  left: auto;
  right: -5px;
}
#welcome h2 {
  color: #682274;
  font: 15px/17px 'Asul', sans-serif;
  margin: 50px 0 5px;
  text-align: center;
}
#welcome h1 {
  background: url(../img/welcome-text.png) center center no-repeat;
  font: 700 20px/17px 'Arimo', sans-serif;
  height: 29px;
  margin: 46px auto 30px;
  text-align: center;
  text-indent: -9999px;
  width: 317px;
}
#welcome blockquote,
#welcome small {
  color: #414141;
  font: 16px/25px 'Asul', sans-serif;
  margin: 40px auto 5px;
  text-align: center;
  width: 600px;
}
#welcome small {
  font: 11px/16px 'Asul', sans-serif;
  margin: 20px auto 0;
  padding-bottom: 60px;
  display: block;
  text-align: center;
}
#welcome .instructions {
  background: url(../img/instructions.png) no-repeat;
  height: 359px;
  margin: 40px auto 5px;
  width: 704px;
}
#header {
  background: #f1f1f1 url(../img/swirls.jpg) bottom center repeat-x;
  box-shadow: 0 2px 5px rgba(0,0,0,0.4);
  color: #414141;
  height: 100px;
  position: relative;
  width: 100%;
  z-index: 220;
}
#header .inner {
  position: relative;
}
#header .pelmet {
  background: url(../img/sprite.png) -74px -82px;
  display: block;
  position: absolute;
  top: -120px;
  right: 0;
  height: 120px;
  width: 74px;
}
#header .pelmet:hover {
  top: 0;
}
#header .ft {
  background-position: 0 -82px;
  right: 76px;
}
#header .bk {
  background-position: -405px -82px;
}
#static #header .bk {
  right: 74px;
}
#static #header .bk,
#static #header .rj {
  top: 0;
}
#header.dark {
  background: #454545;
  box-shadow: 0 0 5px #000;
  color: #dcdcdc;
}
#header .site-title {
  border-bottom: 1px solid #ababab;
  height: 37px;
}
#header .social {
  background: url(../img/sprite.png) -256px -144px;
  position: absolute;
  top: 8px;
  left: 0;
  width: 145px;
}
#header .social a {
  float: left;
  display: block;
  height: 22px;
  margin-right: 10px;
  width: 19px;
}
#header h1 {
  background: #f1f1f1 url(../img/sprite.png) 0 -2px;
  display: block;
  left: 50%;
  margin-left: -100px;
  top: 22px;
  position: absolute;
  line-height: 28px;
  text-align: center;
  text-indent: -9999px;
  width: 200px;
}
#header.dark h1 {
  background-color: #454545;
  background-position: 0 -32px;
}
#header h2 {
  font-family: 'Asul', sans-serif;
  font-size: 13px;
  margin: 20px 0 0;
  text-align: center;
}
#header .arrow {
  background: url(../img/sprite.png) -201px -15px;
  display: block;
  height: 12px;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  bottom: -12px;
  width: 26px;
}
#header.dark .arrow {
  background-position: -201px 0;
}
#index #header .social {
  display: none;
}
#alert-wrap {
  position: relative;
  height: 0;
}
#alert {
  position: absolute;
  top: -182px;
  z-index: 200;
}
#alert .box {
  background: #f1f1f1;
  padding: 20px;
  position: relative;
  z-index: 11;
  width: 380px;
}
#alert .col {
  float: left;
  width: 180px;
}
#alert .error p {
  color: #e30000;
  margin-top: 10px;
}
#alert .success {
  color: #42b100;
}
#alert .col#signup {
  float: right;
  width: 190px;
}
#alert .row {
  position: relative;
}
#alert .row span {
  color: #888;
  position: absolute;
  font: italic 11px/20px 'Arimo', sans-serif;
  left: 8px;
  top: 6px;
}
#alert p {
  font: 13px/20px 'Arimo', sans-serif;
  margin-right: 10px;
}
#alert button {
  background: #682274;
  border-radius: 3px;
  border: 1px solid #682274;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  padding: 6px 12px;
}
#alert input {
  border-radius: 3px;
  border: 1px solid #cbcbcb;
  color: #222;
  font: 11px/14px 'Arimo', sans-serif;
  margin-bottom: 8px;
  padding: 6px;
  width: 170px;
}
#alert .tab {
  background: url(../img/sprite.png) -393px -207px;
  cursor: pointer;
  height: 25px;
  bottom: -25px;
  position: absolute;
  z-index: 10;
  width: 102px;
}
#footer {
  background: #393939;
  color: #fff;
  font: 10px/12px 'Arimo', sans-serif;
  margin-top: 20px;
  padding: 12px 0;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .copy {
  margin-right: 25px;
}
#footer li {
  float: left;
}
#footer li a {
  border-right: 1px solid #fff;
  display: block;
  padding: 0 10px;
}
#footer li.nl a {
  border-right: none;
}
#footer .left {
  float: left;
}
#footer .right {
  float: right;
  text-align: right;
}
#hm {
  position: relative;
}
#hm .tsearch {
  left: 50px;
  height: 40px;
  top: -50px;
  position: absolute;
  width: 210px;
  z-index: 228;
}
#hm .tsearch .search-box {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: none;
  border-radius: 20px;
  height: 38px;
  overflow: hidden;
  width: 40px;
}
#hm .tsearch input {
  background: none;
  border: none;
  outline: none;
  font: 700 12px/19px 'Arimo', sans-serif;
  height: 38px;
  width: 159px;
  text-indent: 50px;
  _padding: 0 0 0 60px;
}
#hm .tsearch .icon {
  background: url(../img/sprite.png) -308px 0;
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
}
#hm .trandom {
  background: url(../img/sprite.png) -227px 0;
  left: 0;
  top: -50px;
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 228;
}
#timeline-loader {
  background: url(../img/loader.gif) center center no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -100px 0 0 -100px;
  height: 200px;
  width: 200px;
}
#timeline {
  overflow: hidden;
  position: relative;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
}
#timeline #books {
  position: relative;
  left: 50%;
  margin-left: -180px;
  width: 1100px;
  z-index: 1;
}
#timeline #books .last .heading,
#timeline #books .last .footer {
  border-right: 1px dotted #5d5d5d;
}
#timeline .next,
#timeline .prev {
  background: #682274;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 40px;
  height: 60px;
  left: 1%;
  line-height: 55px;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 355px;
  width: 60px;
  z-index: 10;
  cursor: pointer;
}
#timeline .next {
  left: auto;
  right: 1%;
}
#timeline div.highlight {
  _opacity: 1;
}
#timeline div.highlight .heading {
  margin-bottom: 20px;
}
#timeline div.highlight .heading h3 {
  color: #682274;
  font: 700 13px/13px 'Arimo', sans-serif;
}
#timeline div.highlight .heading h5 {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  color: #682274;
  font: 700 35px/40px 'Asul', sans-serif;
  text-shadow: 1px 1px 0px white;
  margin-top: 0;
  _opacity: 1;
}
#timeline div.highlight .heading h5 span {
  display: block;
}
#timeline div.highlight .heading .philippa {
  _opacity: 1;
  color: #111;
}
#timeline div.highlight .cover {
  padding-bottom: 5px;
}
#timeline div.highlight .cover .wrap {
  background: #fff;
}
#timeline div.highlight .cover img {
  _opacity: 1;
}
#timeline div.highlight .cover .shadow {
  _opacity: 1;
}
#timeline div.highlight .cover .discover {
  display: block;
}
#timeline div.highlight .cover:hover {
  cursor: pointer;
}
#timeline div.highlight .decoration {
  display: block;
}
#timeline div.highlight .date {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  font: 700 35px/36px 'Asul', sans-serif;
  color: #682274;
  padding: 0;
  _opacity: 1;
}
#timeline div.highlight .cover .shadow {
  bottom: -45px;
  _opacity: 0.5;
}
#timeline div.highlight .cover .wrap {
  top: -10px;
}
#timeline div.highlight .fact {
  color: #111;
}
#timeline div.highlight .fact .read {
  color: #682274;
  display: block;
  margin-top: 5px;
  text-decoration: none;
  text-shadow: 1px 1px 0px white;
}
#timeline div.highlight .fact .read span {
  color: #666;
}
#timeline div.highlight .fact p {
  _opacity: 1;
  text-shadow: 1px 1px 0px white;
}
#timeline .book {
  float: left;
  margin: 0 auto;
  padding-top: 38px;
  position: relative;
  width: 366px;
}
#timeline .book .heading {
  border-left: 1px dotted #5d5d5d;
  height: 120px;
  margin-bottom: 30px;
}
#timeline .book .heading .wrap {
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding: 0 30px;
}
#timeline .book .heading h3 {
  font: 700 11px/13px 'Arimo', sans-serif;
  display: none;
  text-transform: uppercase;
}
#timeline .book .heading h5 {
  color: #949494;
  font: 700 20px/40px 'Asul', sans-serif;
  margin: 10px 0;
}
#timeline .book .heading h5 span {
  color: #aaa;
  display: none;
  font: 700 10px/14px 'Arimo', sans-serif;
  margin-bottom: 1px;
  text-transform: uppercase;
}
#timeline .book .heading .philippa {
  font: 12px/16px 'Asul', sans-serif;
  overflow: hidden;
  text-shadow: 1px 1px 0px white;
}
#timeline .book .heading .philippa span {
  display: block;
}
#timeline .book .heading .read {
  color: #682274;
  cursor: pointer;
  font: 700 12px/16px 'Arimo', sans-serif;
  text-decoration: none;
  text-shadow: 1px 1px 0px white;
}
#timeline .book .heading .read:hover {
  text-decoration: underline;
}
#timeline .book .footer {
  border-left: 1px dotted #5d5d5d;
  position: relative;
  height: 45px;
}
#timeline .book .decoration {
  border-left: 1px solid #414141;
  border-right: 1px solid #414141;
  display: none;
  height: 10px;
  margin: 0 auto;
  width: 1px;
}
#timeline .book .last-d {
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  position: absolute;
}
#timeline .book .date {
  color: #949494;
  font: 700 20px/36px 'Asul', sans-serif;
  margin: 2px 0;
  padding: 0;
  position: absolute;
  top: 10px;
  margin-left: -50%;
  left: 50%;
  text-align: center;
  text-shadow: 1px 1px 0px white;
  width: 100%;
}
#timeline .book .cover {
  padding-bottom: 4px;
}
#timeline .book .cover .book-wrap {
  float: left;
  position: relative;
  left: 50%;
}
#timeline .book .cover .wrap {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #f1f1f1;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  float: left;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  right: 50%;
  z-index: 10;
}
#timeline .book .cover .image {
  height: 369px;
  width: 240px;
}
#timeline .book .cover img {
  height: 364px;
}
#timeline .book .cover .discover {
  background: #682274;
  border-top: none;
  border-radius: 5px;
  color: #fff;
  display: none;
  font: 14px/17px 'Arimo', sans-serif;
  padding: 10px 20px;
  position: relative;
  left: 50%;
  margin-left: -70px;
  text-align: center;
  text-decoration: none;
  width: 100px;
}
#timeline .book .cover .view {
  background: #fff;
  background: rgba(255,255,255,0.9);
  border-radius: 100%;
  display: none;
  color: #414141;
  height: 140px;
  font: 34px/36px 'Asul', sans-serif;
  margin: -100px 0 0 -100px;
  padding: 30px;
  width: 140px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  left: 50%;
  top: 50%;
}
#timeline .book .cover .view span {
  color: #682274;
  display: block;
  font-size: 30px;
}
#timeline .book .cover .view .mobile {
  display: none;
}
#timeline .book .cover .view .mobile .year {
  color: #682274;
  margin: 4px 0 0;
}
#timeline .book .cover .view .mobile p {
  font-size: 30px;
}
#timeline .book .cover img {
  border-radius: 3px;
  display: block;
}
#timeline .book .cover .shadow {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url(../img/book-shadow.png) center center;
  bottom: -40px;
  left: -195px;
  height: 70px;
  position: absolute;
  width: 390px;
}
#timeline .book .fact {
  font: 12px/16px 'Asul', sans-serif;
  height: 107px;
  padding: 30px 0 30px;
  margin-top: 12px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
#timeline .book .fact:after {
  border-left: 1px solid #682274;
  border-right: 1px solid #682274;
  display: block;
  top: 9px;
  height: 16px;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  content: '';
  width: 1px;
}
#timeline .book .fact .wrap {
  border-left: 1px dotted #5d5d5d;
  height: 114px;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
}
#timeline .book .fact .grad {
  background: url(../img/fact-grad.png) repeat-x;
  bottom: 0;
  position: absolute;
  height: 24px;
  width: 100%;
}
#timeline .book .fact .read {
  display: none;
}
#facts {
  background: url(../img/timeline-bar.jpg) center top repeat-x;
  position: absolute;
  top: 702px;
  height: 30px;
  width: 100%;
  z-index: 0;
}
#filters {
  padding: 10px 0 30px;
}
#filters .hr {
  margin-bottom: 20px;
}
#filters h5 {
  font: 700 11px/11px 'Arimo', sans-serif;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
#filters .inner {
  position: relative;
  overflow: hidden;
}
#filters .items {
  float: left;
  position: relative;
  left: 50%;
  text-align: center;
}
#filters label {
  cursor: pointer;
  font: 700 13px/14px 'Asul', sans-serif;
  margin: 0 10px 10px;
  float: left;
  position: relative;
  right: 50%;
  display: inline-block;
  margin: 0 10px 10px;
  zoom: 1;
  *display: inline;
}
#filters input {
  display: none;
  margin-right: 6px;
}
#filters span {
  background: url(../img/sprite.png) -389px -112px;
  height: 16px;
  float: left;
  display: block;
  margin-right: 6px;
  width: 15px;
}
#filters .unchecked span {
  background-position: -389px -128px;
}
#filters .button {
  background: #682274;
  border-radius: 6px;
  color: #fff;
  display: none;
  font: 14px/16px 'Arimo', sans-serif;
  float: left;
  padding: 10px 0;
  position: relative;
  left: 50%;
  margin: 15px 0 0 -50px;
  text-align: center;
  width: 100px;
}
#book-overlay,
#journal-overlay {
  background: rgba(255,255,255,0.9);
  display: block;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 230;
}
#bookview {
  margin-bottom: 30px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -381px;
  padding: 0 0 120px;
  width: 762px;
  z-index: 240;
}
#bookview .container {
  background: #fbfbfb url(../img/book-bg.jpg) repeat;
  border: 1px solid #e6e6e6;
  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
  position: relative;
}
#bookview .holder {
  padding: 40px;
  position: relative;
  overflow: hidden;
}
#bookview .frame {
  position: relative;
}
#bookview .arch {
  background: url(../img/sprite.png) -225px -80px no-repeat;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -82px;
  top: -50px;
  width: 164px;
  z-index: 10;
}
#bookview .container:before,
#bookview .container:after,
#bookview .tl,
#bookview .close {
  background: url(../img/sprite.png) -200px -48px no-repeat;
  content: '';
  display: block;
  height: 11px;
  position: absolute;
  bottom: -4px;
  left: -4px;
  width: 13px;
}
#bookview .container:after {
  background-position: -213px -48px;
  left: auto;
  right: -4px;
}
#bookview .tl {
  background-position: -200px -35px;
  bottom: auto;
  top: -4px;
}
#bookview .close {
  background-position: -226px -142px;
  cursor: pointer;
  right: -12px;
  top: -12px;
  bottom: auto;
  left: auto;
  height: 26px;
  width: 28px;
  z-index: 20;
}
#bookview .loading {
  color: #682274;
  font: 32px/38px 'Asul', sans-serif;
  padding: 80px 0;
  text-align: center;
}
#bookview .video-container .none {
  line-height: 405px;
}
#bookview .none {
  color: #555;
  font: 32px/38px 'Arimo', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  margin: 20px 0;
  text-align: center;
}
#bookview .menu-wrap {
  background: #fff;
}
#bookview .menu {
  -webkit-border-image: -webkit-gradient(linear,left top,right top,from(#00abeb),to(#000)) repeat;
  height: 24px;
  text-align: center;
}
#bookview .menu ul {
  display: block;
  float: left;
  padding: 6px 0;
  position: relative;
  left: 50%;
}
#bookview .menu li {
  border-left: 1px solid #682274;
  float: left;
  font: 400 12px/14px 'Asul', sans-serif;
  position: relative;
  right: 50%;
}
#bookview .menu li.first {
  border-left: none;
}
#bookview .menu li a.active,
#bookview .menu a:hover {
  color: #682274;
}
#bookview .menu a {
  color: #414141;
  display: block;
  padding: 0 15px;
  line-height: 14px;
  text-decoration: none;
}
#bookview .title {
  border-top: 1px solid #b6b6b6;
  height: 35px;
  margin-top: 35px;
  position: relative;
  text-align: center;
}
#bookview .title span {
  background: #fbfbfb url(../img/book-bg.jpg) repeat;
  display: block;
  font: 700 11px/15px 'Arimo', sans-serif;
  left: 50%;
  top: -7px;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}
#bookview .title span.wide {
  margin-left: -75px;
  width: 150px;
}
#bookview h1 {
  color: #682274;
  font: 30px/38px 'Asul', sans-serif;
  text-align: center;
}
#bookview h2 {
  color: #555;
  font: 16px/26px 'Asul', sans-serif;
  text-align: center;
}
#bookview .section {
  margin: 0 auto;
  width: 660px;
}
#bookview .covers {
  float: left;
  width: 200px;
}
#bookview .cover {
  margin: 30px 0 0;
  position: relative;
  width: 205px;
}
#bookview .cover .wrap {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  height: 204px;
  margin: 0 auto;
  padding: 8px;
  position: relative;
  z-index: 2;
  width: 132px;
}
#bookview .cover img {
  display: block;
}
#bookview .shadow {
  background: url(../img/book-view-shadow.jpg) center center no-repeat;
  height: 40px;
  position: absolute;
  bottom: -22px;
  width: 214px;
}
#bookview .decoration {
  border-left: 1px solid #414141;
  border-right: 1px solid #414141;
  display: block;
  height: 10px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  width: 1px;
}
#bookview .date {
  font: 700 35px/35px 'Asul', sans-serif;
  margin: 2px 0;
  padding: 0;
  position: relative;
  z-index: 2;
  text-align: center;
}
#bookview .spacer {
  height: 30px;
}
#bookview .description {
  font: 400 14px/23px 'Asul', sans-serif;
  height: auto;
  text-align: left;
  float: right;
  margin: 5px auto 40px;
  overflow: hidden;
  width: 430px;
}
#bookview .description .wrap {
  margin: 0 auto;
  padding: 10px 0 20px;
  width: 430px;
}
#bookview .description strong {
  font-weight: 700;
  font-size: 15px;
}
#bookview .description p {
  margin: 0 0 10px;
}
#bookview .series {
  position: relative;
  left: -50px;
  overflow: hidden;
  width: 762px;
}
#bookview .series .wrap {
  position: relative;
}
#bookview .series a {
  color: #682274;
  display: block;
  float: left;
  font: 16px/14px 'Asul', sans-serif;
  margin: 0 0 20px 20px;
  text-align: center;
  text-decoration: none;
  width: 148px;
}
#bookview .series a .image {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: block;
  margin: 0 auto 6px;
  padding: 8px;
  width: 132px;
}
#bookview .series a img {
  border-radius: 4px;
  display: block;
}
#bookview .series .nex,
#bookview .series .prv {
  background: #682274;
  border-radius: 100%;
  color: #fff;
  display: block;
  font: 40px/55px 'Arimo', sans-serif;
  height: 60px;
  left: 1%;
  text-align: center;
  text-decoration: none;
  margin: -30px 0 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 10;
  cursor: pointer;
}
#bookview .series .nex {
  left: auto;
  right: 1%;
}
#bookview h5 {
  color: #682274;
  font: 700 12px/11px 'Arimo', sans-serif;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}
#bookview .buy {
  margin: 0 auto;
  width: 660px;
}
#bookview .buy ul {
  float: left;
  margin: 2px 0 20px;
  position: relative;
  left: 50%;
}
#bookview .buy li {
  float: left;
  margin: 0 6px 10px;
  position: relative;
  right: 50%;
}
#bookview .buy-icon {
  display: block;
  text-align: center;
  text-decoration: none;
}
#bookview .buy-icon span {
  background: url(../img/sprite.png) 0 -202px;
  display: block;
  height: 46px;
  width: 46px;
}
#bookview .buy-icon em {
  font: 700 10px/11px 'Asul', sans-serif;
  margin-top: 50px;
  text-align: center;
  text-decoration: none;
}
#bookview .icon-us span {
  background-position: -44px -202px;
}
#bookview .icon-ca span {
  background-position: -89px -202px;
}
#bookview .icon-aus span {
  background-position: -135px -202px;
}
#bookview .icon-nz span {
  background-position: -180px -202px;
}
#bookview .share {
  margin: 0 auto;
  padding: 25px 0;
  width: 672px;
}
#bookview .share h4 {
  color: #682274;
  font: 700 12px/16px 'Arimo', sans-serif;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
#bookview .share .col {
  float: left;
  margin-left: 20px;
  width: 140px;
}
#bookview .share a {
  margin: 0 auto;
}
#bookview .video-container {
  height: 405px;
}
#bookview .video-list {
  padding: 20px 0 40px;
}
#bookview .video-list li {
  float: left;
  margin-bottom: 10px;
  width: 220px;
  list-style-type: none;
}
#bookview .video-list a {
  border-bottom: 5px solid #CCC;
  display: block;
  overflow: hidden;
  position: relative;
  height: 120px;
  margin: 0 auto;
  text-decoration: none;
  width: 210px;
}
#bookview .video-list a.active {
  border-color: #682274;
}
#bookview .video-list img {
  display: block;
  height: 255px;
  margin-top: -120px;
  margin-left: -170px;
  top: 50%;
  left: 50%;
  position: relative;
  width: 340px;
}
#bookview .video-list span {
  background: url(../img/overlay-bg.png);
  background: rgba(0,0,0,0.6);
  border-bottom: 1px solid #ddd;
  display: block;
  color: #fff;
  font: 12px/20px 'Arimo', sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 10px;
  text-shadow: 0 1px 1px #000;
  width: 190px;
}
#bookview .behind {
  padding-bottom: 40px;
}
#bookview .behind .text {
  font: 400 14px/23px 'Asul', sans-serif;
  padding-bottom: 40px;
  text-align: left;
}
#bookview .behind #booklist {
  padding-top: 35px;
}
#bookview .behind .list {
  padding: 20px 0 0;
}
#bookview .behind .list li {
  float: left;
  margin: 0 5px;
  margin-bottom: 10px;
  width: 320px;
}
#bookview .behind .list .mp3 {
  background-position: -92px 0;
}
#bookview .behind .list .pdf,
#bookview .behind .list .doc,
#bookview .behind .list .docx {
  background-position: -46px 0;
}
#bookview .behind .list span {
  background: url(../img/download_icons.png) 0 0 no-repeat;
  display: block;
  float: left;
  height: 46px;
  margin-right: 15px;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 46px;
}
#bookview .behind .list a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 35px;
  display: block;
  font: 400 15px/27px 'Arimo', sans-serif;
  padding: 10px 0 10px 60px;
  position: relative;
  text-decoration: none;
}
#bookview .behind .list a:hover {
  background: #682274;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.6);
}
#bookview .members {
  padding: 20px 0;
}
#bookview .members ul {
  float: left;
  position: relative;
  left: 50%;
}
#bookview .members li {
  margin: 0 10px 20px;
  float: left;
  position: relative;
  right: 50%;
  width: 154px;
}
#bookview .members a {
  display: block;
  text-decoration: none;
}
#bookview .members .image {
  height: 154px;
  width: 154px;
}
#bookview .members .image img {
  border: 2px solid #ccc;
  border-radius: 100%;
  display: block;
}
#bookview .members .caption strong {
  color: #682274;
  display: block;
  font: 700 16px/18px 'Arimo', sans-serif;
  margin: 3px 0;
  text-align: center;
}
#bookview .members .caption span {
  font: 700 13px/18px 'Asul', sans-serif;
  display: block;
  text-align: center;
}
#bookview #reviews .col-left {
  float: left;
  padding-left: 20px;
}
#bookview #reviews .col-right {
  float: right;
  padding-top: 30px;
}
#bookview #reviews .review:hover .box {
  -webkit-transform: scale(1.05);
  box-shadow: 0 20px 20px -10px rgba(0,0,0,0.2);
}
#bookview #reviews .review {
  margin-right: 20px;
  padding-bottom: 20px;
  width: 290px;
}
#bookview #reviews .review .box {
  -webkit-transition: all 0.3s ease;
  border-radius: 8px;
  color: #fff;
  background: #682274;
  font: 14px/19px 'Arimo', sans-serif;
  padding: 20px;
  position: relative;
}
#bookview #reviews .review .box .full {
  color: #f7e2fa;
  float: right;
  font-size: 11px;
  line-height: 11px;
  text-align: right;
  text-decoration: underline;
  margin: 20px 4px 0 0;
  width: 100%;
}
#bookview #reviews .review .box .full:hover {
  color: #fff;
}
#bookview #reviews .review .arrow {
  background: url(../img/review-arrow.png);
  position: absolute;
  height: 20px;
  left: 20px;
  bottom: -16px;
  width: 26px;
}
#bookview #reviews .review .by {
  padding: 20px;
  font: italic 700 14px/22px 'Arimo', sans-serif;
}
#bookview #translations {
  padding: 0 0 5px;
}
#bookview #translations li {
  float: left;
  margin: 15px 0;
}
#bookview #translations a:hover {
  background: #682274;
}
#bookview #translations a:hover strong {
  color: #fff;
}
#bookview #translations a:hover span {
  color: #eee;
}
#bookview #translations a:hover .arrow {
  background: #fff;
  color: #682274;
}
#bookview #translations .item {
  border-bottom: 1px solid #ddd;
  display: block;
  height: 40px;
  margin: 0 15px;
  padding: 15px;
  position: relative;
  text-decoration: none;
  width: 260px;
}
#bookview #translations .item strong {
  display: block;
  color: #682274;
  font: 700 16px/18px 'Asul', sans-serif;
  margin: 0 0 4px;
}
#bookview #translations .item span {
  color: #666;
  font: italic 400 13px/14px 'Arimo', sans-serif;
}
#bookview #translations .item .arrow {
  background: #682274;
  border-radius: 100%;
  color: #fff;
  font: 18px/28px 'Arimo', sans-serif;
  height: 30px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 20px;
  width: 30px;
}
.to-top {
  background: #682274;
  border: 1px solid #682274;
  border-radius: 3px;
  box-shadow: 0 1px 3px #aaa;
  color: #fff;
  cursor: pointer;
  font: 13px/40px 'Arimo', sans-serif;
  display: block;
  padding: 5px;
  margin: 20px auto;
  position: fixed;
  bottom: 50px;
  left: 65px;
  text-align: center;
  text-decoration: none;
  height: 40px;
  width: 40px;
  z-index: 229;
}
.sidebar-toggle {
  background: #682274;
  border-radius: 0 20px 20px 0;
  color: #fff;
  display: block;
  font: 400 20px/16px 'Arimo', sans-serif;
  height: 18px;
  padding: 10px 20px 10px 14px;
  position: absolute;
  position: fixed;
  left: 181px;
  text-decoration: none;
  top: 105px;
  z-index: 228;
}
#sidebar.journal {
  background: #fff;
  border-right: 1px solid #b2b2b2;
  box-shadow: inset -6px 0 10px -8px #000;
  float: left;
  _height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 222;
  overflow: hidden;
  width: 0;
}
#sidebar.journal .wrap {
  width: 180px;
}
#sidebar.journal .logo {
  display: block;
  font: 15px/17px 'Asul', sans-serif;
  padding: 24px 18px 20px;
  text-align: center;
  text-decoration: none;
}
#sidebar.journal .logo span {
  background: url(../img/journal_sprite.png) no-repeat;
  display: block;
  height: 78px;
  margin: 0 auto 18px;
  width: 56px;
}
#sidebar.journal h6 {
  color: #666;
  font: 11px/13px 'Asul', sans-serif;
  display: block;
  padding: 16px;
  text-align: center;
}
#sidebar.journal .filters a {
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
  color: #888888;
  font: 13px/14px 'Asul', sans-serif;
  display: block;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
}
#sidebar.journal .filters a:hover {
  color: #222;
}
#sidebar.journal .filters li.active a {
  color: #682274;
  font-weight: 700;
}
#sidebar.journal .search {
  padding-top: 30px;
}
#sidebar.journal .search h3 {
  font: 15px/18px 'Asul', sans-serif;
  margin-bottom: 15px;
  text-align: center;
}
#sidebar.journal .search .icon {
  color: #682274;
  display: block;
  font: 25px/45px 'Asul', sans-serif;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  width: 42px;
}
#sidebar.journal .search .icon span {
  background: url(../img/journal_sprite.png) 0 -77px no-repeat;
  height: 42px;
  display: block;
  text-align: center;
}
#sidebar.journal .search input {
  border: 1px solid #bababa;
  box-shadow: 0 2px 3px #aaa;
  color: #848484;
  display: block;
  font: 10px/18px 'Asul', sans-serif;
  height: 18px;
  padding: 5px;
  margin: 0 auto;
  width: 130px;
}
#sidebar.journal .search button {
  background: #682274;
  border: 1px solid #682274;
  border-radius: 3px;
  box-shadow: 0 1px 3px #aaa;
  color: #fff;
  cursor: pointer;
  font: 12px/18px 'Arimo', sans-serif;
  display: block;
  padding: 5px;
  margin: 20px auto;
  text-align: center;
  width: 140px;
}
.corners-small .a,
.corners-small .b,
.corners-small .c,
.corners-small .d {
  background: #fff url(../img/journal_sprite.png) -57px 0;
  position: absolute;
  height: 18px;
  width: 18px;
}
.corners-small .a {
  left: -1px;
  top: -1px;
}
.corners-small .b {
  background-position: -65px 0;
  right: -1px;
  top: -1px;
}
.corners-small .c {
  background-position: -57px -7px;
  left: -1px;
  bottom: -1px;
}
.corners-small .d {
  background-position: -65px -7px;
  right: -1px;
  bottom: -1px;
}
#journal {
  overflow: hidden;
}
#journal #journal-wrap {
  position: relative;
  margin: 20px;
}
#journal .ajax-loader {
  background: #e9ebec;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #b6b6b6;
  border-radius: 3px;
  box-shadow: 0 1px 3px #aaa;
  color: #682274;
  font: 24px/30px 'Arimo', sans-serif;
  bottom: 70px;
  padding: 20px;
  position: absolute;
  position: fixed;
  left: 50%;
  margin-left: -20px;
  text-align: center;
  width: 180px;
}
#journal .isotope {
  position: relative;
}
#journal .loader {
  color: #555;
  font: 28px/38px 'Arimo', sans-serif;
  padding: 50px 0 30px;
  text-align: center;
}
#journal .item[data-type] {
  cursor: pointer;
}
#journal .item {
  color: #555;
  font: 11px/16px 'Asul', sans-serif;
  text-align: center;
  margin: 10px;
  position: relative;
}
#journal .item h2 {
  color: #682274;
  font: 16px/18px 'Asul', sans-serif;
  margin: 10px 0;
  text-align: center;
  text-transform: uppercase;
}
#journal .item h3 {
  color: #555;
  font: 400 17px/22px 'Asul', sans-serif;
  margin: 12px 0 16px;
  text-align: center;
  text-transform: uppercase;
}
#journal .item h4 {
  font: 400 13px/19px 'Asul', sans-serif;
  text-align: center;
}
#journal .item h5 {
  font: 400 11px/17px 'Asul', sans-serif;
}
#journal .item h5 img {
  display: inline;
}
#journal .item h6 {
  background: #fff;
  font: 700 11px/13px 'Arimo', sans-serif;
  display: block;
  padding: 4px 2px;
  left: 50%;
  text-align: center;
  text-transform: uppercase;
  top: -10px;
  position: absolute;
}
#journal .item p {
  color: #555;
  font: 11px/16px 'Asul', sans-serif;
}
#journal .item strong {
  font-weight: 700;
}
#journal .item em {
  font-style: italic;
}
#journal .item .wrap {
  padding: 16px 17px;
}
#journal .item .top-wrap {
  padding: 16px 0;
}
#journal .item img {
  display: block;
}
#journal .news-title h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .writing-title h6 {
  margin-left: -50px;
  width: 100px;
}
#journal .image-border .thumb {
  border: 1px solid #CCC;
}
#journal .news {
  text-align: left;
}
#journal .news p {
  margin-bottom: 5px;
}
#journal .news-1 {
  border-bottom: 3px solid #b6b6b6;
  border-top: 1px solid #d6d6d6;
  height: 322px;
  width: 138px;
  overflow: hidden;
}
#journal .news-1 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-1 .thumb {
  border: 1px solid #CCC;
}
#journal .news-2 {
  border: 1px solid #d6d6d6;
  height: 322px;
  width: 292px;
  overflow: hidden;
}
#journal .news-2 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-2 .thumb {
  border: 1px solid #CCC;
}
#journal .news-2 .thumb {
  border: none;
}
#journal .news-3 {
  color: #555;
  font: 11px/16px 'Asul', sans-serif;
  overflow: hidden;
  border: 1px solid #d6d6d6;
  height: 322px;
  width: 292px;
}
#journal .news-3 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-3 h2 {
  margin-top: 0;
}
#journal .news-4 {
  border-bottom: 3px solid #b6b6b6;
  border-top: 1px solid #d6d6d6;
  height: 322px;
  width: 138px;
  overflow: hidden;
  border-top: 1px solid #d6d6d6;
  border-bottom: 3px solid #b6b6b6;
  overflow: hidden;
}
#journal .news-4 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-4 .thumb {
  border: 1px solid #CCC;
}
#journal .news-4 .top-wrap {
  padding: 6px 0;
}
#journal .news-5 {
  background: url(../img/news-5.jpg);
  color: #555;
  font: 11px/16px 'Asul', sans-serif;
  height: 324px;
  width: 294px;
  overflow: hidden;
}
#journal .news-5 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-5 .wrap {
  margin: 0 auto;
  padding: 0px;
  width: 260px;
}
#journal .news-5 .title {
  margin: 18px auto;
  width: 256px;
}
#journal .news-5 .title h6 {
  background: url(../img/news-5.jpg) -40px -40px;
  top: 9px;
}
#journal .news-5 h2 {
  margin-top: 20px;
}
#journal .news-5 h3 {
  font-size: 16px;
}
#journal .news-6 {
  border-top: 1px solid #d6d6d6;
  height: 324px;
  width: 606px;
  overflow: hidden;
}
#journal .news-6 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-6 .a,
#journal .news-6 .b,
#journal .news-6 .c,
#journal .news-6 .d {
  background: #fff url(../img/journal_sprite.png) -57px 0;
  position: absolute;
  height: 18px;
  width: 18px;
}
#journal .news-6 .a {
  left: -1px;
  top: -1px;
}
#journal .news-6 .b {
  background-position: -65px 0;
  right: -1px;
  top: -1px;
}
#journal .news-6 .c {
  background-position: -57px -7px;
  left: -1px;
  bottom: -1px;
}
#journal .news-6 .d {
  background-position: -65px -7px;
  right: -1px;
  bottom: -1px;
}
#journal .news-6 .thumb {
  border: 1px solid #CCC;
}
#journal .news-6 .thumb {
  float: left;
  height: 260px;
  width: 410px;
}
#journal .news-6 .text {
  float: right;
  height: 255px;
  overflow: hidden;
  width: 148px;
}
#journal .news-6 h2 {
  margin-top: 0;
}
#journal .news-6 h4 {
  margin-bottom: 15px;
}
#journal .news-7 {
  border-top: 1px solid #b3b3b3;
  height: 324px;
  width: 606px;
  overflow: hidden;
}
#journal .news-7 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-7 .a,
#journal .news-7 .b,
#journal .news-7 .c,
#journal .news-7 .d {
  background: #fff url(../img/journal_sprite.png) -57px 0;
  position: absolute;
  height: 18px;
  width: 18px;
}
#journal .news-7 .a {
  left: -1px;
  top: -1px;
}
#journal .news-7 .b {
  background-position: -65px 0;
  right: -1px;
  top: -1px;
}
#journal .news-7 .c {
  background-position: -57px -7px;
  left: -1px;
  bottom: -1px;
}
#journal .news-7 .d {
  background-position: -65px -7px;
  right: -1px;
  bottom: -1px;
}
#journal .news-7 .thumb {
  border: 1px solid #CCC;
}
#journal .news-7 h2 {
  margin-top: 0;
}
#journal .news-7 .thumb {
  height: 260px;
  width: 568px;
}
#journal .news-8 {
  border-top: 1px solid #d6d6d6;
  height: 324px;
  width: 450px;
  overflow: hidden;
}
#journal .news-8 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .news-8 .a,
#journal .news-8 .b,
#journal .news-8 .c,
#journal .news-8 .d {
  background: #fff url(../img/journal_sprite.png) -57px 0;
  position: absolute;
  height: 18px;
  width: 18px;
}
#journal .news-8 .a {
  left: -1px;
  top: -1px;
}
#journal .news-8 .b {
  background-position: -65px 0;
  right: -1px;
  top: -1px;
}
#journal .news-8 .c {
  background-position: -57px -7px;
  left: -1px;
  bottom: -1px;
}
#journal .news-8 .d {
  background-position: -65px -7px;
  right: -1px;
  bottom: -1px;
}
#journal .news-8 .text {
  height: 252px;
  overflow: hidden;
}
#journal .news-8 .text p {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
#journal .news-9 {
  border-top: 1px solid #d6d6d6;
  height: 324px;
  width: 450px;
  overflow: hidden;
}
#journal .news-9 .thumb {
  border: 1px solid #CCC;
}
#journal .news-9 .thumb {
  float: left;
  height: 260px;
  width: 260px;
}
#journal .news-9 .text {
  float: right;
  height: 262px;
  overflow: hidden;
  width: 140px;
}
#journal .news-9 .text p {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
#journal .event-1 {
  border-bottom: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
  height: 152px;
  width: 294px;
  margin-top: 9px;
}
#journal .event-1 .bg {
  background: url(../img/journal_sprite.png) -84px 0 no-repeat;
  margin: 0 auto;
  position: relative;
  top: -1px;
  height: 104px;
  padding-top: 50px;
  text-align: center;
  width: 154px;
  z-index: 2;
}
#journal .event-1 span {
  display: block;
}
#journal .event-1 .day {
  font: 35px/34px 'Asul', sans-serif;
}
#journal .event-1 .date {
  font: 13px/14px 'Asul', sans-serif;
  margin-bottom: 4px;
}
#journal .event-1 .location {
  font: 11px/18px 'Asul', sans-serif;
}
#journal .facebook-1 {
  border-top: 1px solid #b3b3b3;
  height: 148px;
  width: 294px;
}
#journal .facebook-1 .f {
  background: #fff url(../img/journal_sprite.png) 0 -119px;
  height: 25px;
  position: absolute;
  left: 50%;
  margin-left: -21px;
  top: -2px;
  width: 42px;
  z-index: 10;
}
#journal .facebook-1 .status {
  background: #f8f8f8;
  border: 1px solid #3b5998;
  border-bottom: none;
  border-top-width: 18px;
  box-shadow: inset 0 4px 8px -4px #999;
  height: 95px;
  margin-top: 15px;
  padding: 10px;
  position: relative;
}
#journal .facebook-1 .status.bbtm {
  border-bottom: 1px solid #3b5998;
}
#journal .facebook-1 p {
  font-size: 11px;
  height: 79px;
  overflow: hidden;
  overflow-y: scroll;
}
#journal .facebook-1 .actions {
  bottom: 5px;
  left: 50%;
  float: left;
  position: absolute;
}
#journal .facebook-1 .actions span {
  color: #aaa;
  font: 11px/16px 'Asul', sans-serif;
  position: relative;
  right: 50%;
  text-align: center;
}
#journal .facebook-1 .actions span a {
  color: #3b5998;
  text-decoration: none;
}
#journal .facebook-1 .actions a:hover {
  text-decoration: underline;
}
#journal .facebook-1 .like {
  background: url(../img/journal_sprite.png) 0 -154px;
  display: block;
  height: 26px;
  text-indent: -9999px;
  position: relative;
  left: 50%;
  margin-top: 4px;
  margin-left: -58px;
  width: 116px;
}
#journal .facebook-2 {
  border-top: 1px solid #b3b3b3;
  height: 148px;
  width: 294px;
}
#journal .facebook-2 .f {
  background: #fff url(../img/journal_sprite.png) 0 -119px;
  height: 25px;
  position: absolute;
  left: 50%;
  margin-left: -21px;
  top: -2px;
  width: 42px;
  z-index: 10;
}
#journal .facebook-2 .status {
  background: #f8f8f8;
  border: 1px solid #3b5998;
  border-bottom: none;
  border-top-width: 18px;
  box-shadow: inset 0 4px 8px -4px #999;
  height: 95px;
  margin-top: 15px;
  padding: 10px;
  position: relative;
}
#journal .facebook-2 .status.bbtm {
  border-bottom: 1px solid #3b5998;
}
#journal .facebook-2 p {
  font-size: 11px;
  height: 79px;
  overflow: hidden;
  overflow-y: scroll;
}
#journal .facebook-2 .actions {
  bottom: 5px;
  left: 50%;
  float: left;
  position: absolute;
}
#journal .facebook-2 .actions span {
  color: #aaa;
  font: 11px/16px 'Asul', sans-serif;
  position: relative;
  right: 50%;
  text-align: center;
}
#journal .facebook-2 .actions span a {
  color: #3b5998;
  text-decoration: none;
}
#journal .facebook-2 .actions a:hover {
  text-decoration: underline;
}
#journal .facebook-2 .like {
  background: url(../img/journal_sprite.png) 0 -154px;
  display: block;
  height: 26px;
  text-indent: -9999px;
  position: relative;
  left: 50%;
  margin-top: 4px;
  margin-left: -58px;
  width: 116px;
}
#journal .facebook-2 .status {
  height: 110px;
}
#journal .facebook-2 .actions {
  float: left;
  position: static;
  width: 175px;
  text-align: center;
}
#journal .facebook-2 .actions span {
  right: 0;
  padding: 8px 0 0 5px;
  line-height: 30px;
}
#journal .facebook-2 .bottomwrap {
  background: #f2f2f2;
  display: block;
  bottom: 0p;
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  border-top: 1px solid #DCDCDC;
}
#journal .facebook-2 .moreposts {
  position: absolute;
  right: 0;
  bottom: 0px;
  border-top: none;
}
#journal .facebook-2 .moreposts p {
  height: auto;
}
#journal .facebook-2 .moreposts a {
  text-decoration: none;
  display: block;
  float: right;
  border-left: 1px solid #e0e0e0;
  padding-left: 6px;
  height: 30px;
  color: #555;
  padding: 0 10px;
  font: 11px/30px 'Arimo', sans-serif;
}
#journal .facebook-2 .moreposts a:hover {
  color: #111;
  text-decoration: underline;
}
#journal .gallery-1 {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  height: 322px;
  width: 292px;
}
#journal .gallery-1 h6 {
  margin-left: -21px;
  width: 42px;
}
#journal .gallery-1 .a,
#journal .gallery-1 .b,
#journal .gallery-1 .c,
#journal .gallery-1 .d {
  background: #fff url(../img/journal_sprite.png) -57px 0;
  position: absolute;
  height: 18px;
  width: 18px;
}
#journal .gallery-1 .a {
  left: -1px;
  top: -1px;
}
#journal .gallery-1 .b {
  background-position: -65px 0;
  right: -1px;
  top: -1px;
}
#journal .gallery-1 .c {
  background-position: -57px -7px;
  left: -1px;
  bottom: -1px;
}
#journal .gallery-1 .d {
  background-position: -65px -7px;
  right: -1px;
  bottom: -1px;
}
#journal .gallery-1 .thumb {
  border: 1px solid #CCC;
}
#journal .gallery-1 h2 {
  max-height: 36px;
  margin-top: 0;
  overflow: hidden;
}
#journal .gallery-1 .wrap {
  padding: 16px 15px;
}
#journal .gallery-1 .thumb {
  border: 1px solid #c5c5c5;
  display: block;
  margin: 2px 2px 2px 2px;
  float: left;
}
#journal .video-1 {
  border-top: none;
  height: 324px;
  width: 450px;
}
#journal .video-1 h2 {
  height: 18px;
  overflow: hidden;
}
#journal .video-1 h5 {
  margin-bottom: 10px;
  text-align: center;
}
#journal .video-1 h5 a {
  line-height: 19px;
  text-decoration: none;
}
#journal .video-1 h5 a img {
  vertical-align: middle;
}
#journal .video-1 .video {
  border: 1px solid #c5c5c5;
  height: 252px;
  position: relative;
  width: 448px;
}
#journal .video-1 .play {
  background: url(../img/video-play.png) top left;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -70px 0 0 -70px;
  display: block;
  height: 140px;
  width: 140px;
}
#journal .video-1:hover .play {
  background-position: top right;
}
#journal .twitter-1 {
  border-top: 1px solid #949494;
  height: 148px;
  width: 294px;
}
#journal .twitter-1 .icon {
  background: url(../img/tweet.png);
  height: 36px;
  position: absolute;
  top: -1px;
  z-index: 2;
  width: 294px;
}
#journal .twitter-1 .status {
  background: #f8f8f8;
  border-left: 1px solid #00aced;
  height: 102px;
  margin-top: 10px;
  padding-top: 35px;
  position: relative;
  text-align: center;
  border-top: 1px solid #00aced;
  border-right: 1px solid #00aced;
}
#journal .twitter-1 .status.bbtm {
  border-bottom: 1px solid #00aced;
}
#journal .twitter-1 .at {
  color: #00aced;
  font: 14px/17px 'Asul', sans-serif;
  text-align: center;
  text-decoration: none;
}
#journal .twitter-1 p {
  font: 11px/16px 'Arimo', sans-serif;
  margin-top: 3px;
  height: 49px;
  padding: 0 5px;
}
#journal .twitter-1 ul {
  float: left;
  margin-top: 6px;
  position: relative;
  left: 50%;
}
#journal .twitter-1 li {
  float: left;
  right: 50%;
  margin: 0 4px;
  position: relative;
}
#journal .twitter-1 .actions a {
  background: url(../img/twitter_sprite.png) 0 0;
  display: block;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}
#journal .twitter-1 .actions a:hover {
  background-position: -16px 0;
}
#journal .twitter-1 .actions a.retweet {
  background-position: -80px 0;
}
#journal .twitter-1 .actions a.retweet:hover {
  background-position: -96px 0;
}
#journal .twitter-1 .actions a.favorite {
  background-position: -32px 0;
}
#journal .twitter-1 .actions a.favorite:hover {
  background-position: -48px 0;
}
#journal .twitter-2 {
  border-top: 1px solid #949494;
  height: 148px;
  width: 294px;
}
#journal .twitter-2 .icon {
  background: url(../img/tweet.png);
  height: 36px;
  position: absolute;
  top: -1px;
  z-index: 2;
  width: 294px;
}
#journal .twitter-2 .status {
  background: #f8f8f8;
  border-left: 1px solid #00aced;
  height: 102px;
  margin-top: 10px;
  padding-top: 35px;
  position: relative;
  text-align: center;
  border-top: 1px solid #00aced;
  border-right: 1px solid #00aced;
}
#journal .twitter-2 .status.bbtm {
  border-bottom: 1px solid #00aced;
}
#journal .twitter-2 .at {
  color: #00aced;
  font: 14px/17px 'Asul', sans-serif;
  text-align: center;
  text-decoration: none;
}
#journal .twitter-2 p {
  font: 11px/16px 'Arimo', sans-serif;
  margin-top: 3px;
  height: 49px;
  padding: 0 5px;
}
#journal .twitter-2 ul {
  float: left;
  margin-top: 6px;
  position: relative;
  left: 50%;
}
#journal .twitter-2 li {
  float: left;
  right: 50%;
  margin: 0 4px;
  position: relative;
}
#journal .twitter-2 .actions a {
  background: url(../img/twitter_sprite.png) 0 0;
  display: block;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}
#journal .twitter-2 .actions a:hover {
  background-position: -16px 0;
}
#journal .twitter-2 .actions a.retweet {
  background-position: -80px 0;
}
#journal .twitter-2 .actions a.retweet:hover {
  background-position: -96px 0;
}
#journal .twitter-2 .actions a.favorite {
  background-position: -32px 0;
}
#journal .twitter-2 .actions a.favorite:hover {
  background-position: -48px 0;
}
#journal .twitter-2 .status {
  height: 110px;
}
#journal .twitter-2 .actions {
  position: absolute;
  left: 5px;
  bottom: 0;
}
#journal .twitter-2 .actions li {
  right: 0;
}
#journal .twitter-2 .moreposts p {
  height: auto;
}
#journal .twitter-2 .moreposts a {
  position: absolute;
  right: 0;
  bottom: 0px;
  padding: 5px;
  border-top: none;
  text-decoration: none;
  color: #555;
  padding-bottom: 6px;
  padding-right: 8px;
}
#journal .twitter-2 .moreposts a:hover {
  text-decoration: underline;
}
#journal .faq-1 {
  background: url(../img/faq-1.png);
  color: #fff;
  position: relative;
  top: -1px;
  left: -1px;
  height: 326px;
  width: 140px;
}
#journal .faq-1 h2 {
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  margin: 6px 0 2px;
}
#journal .faq-1 h3 {
  color: #fff;
  font-size: 13px;
  margin: 0 0 10px;
  line-height: 15px;
}
#journal .faq-1 p {
  color: #fff;
  font-size: 10px;
  line-height: 15px;
}
#journal .faq-1 a {
  color: #fff;
}
#journal .quote-1 {
  background: url(../img/quote-1.png);
  height: 325px;
  width: 296px;
}
#journal .quote-1 .wrap {
  border-top: 1px solid #acacac;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  z-index: 1;
  top: 25px;
  width: 260px;
}
#journal .quote-1 h6 {
  background: url(../img/quote-1.png) -20px -30px;
  top: 16px;
  margin-left: -30px;
  width: 60px;
  z-index: 2;
}
#journal .quote-1 blockquote {
  font: 400 16px/26px 'Asul', sans-serif;
  height: 240px;
  overflow: scroll;
  text-align: center;
}
#journal .quote-1 .reference {
  bottom: 0;
  font: 11px/14px 'Asul', sans-serif;
  position: absolute;
  text-align: center;
  width: 260px;
}
#journal .quote-1 .reference strong {
  font-weight: 700;
  margin-right: 6px;
}
#journal .writing-1 {
  border: 1px solid #949494;
  height: 324px;
  width: 606px;
}
#journal .writing-1 h6 {
  margin-left: -50px;
  width: 100px;
}
#journal .writing-1 .a,
#journal .writing-1 .b,
#journal .writing-1 .c,
#journal .writing-1 .d {
  background: #fff url(../img/journal_sprite.png) -57px 0;
  position: absolute;
  height: 18px;
  width: 18px;
}
#journal .writing-1 .a {
  left: -1px;
  top: -1px;
}
#journal .writing-1 .b {
  background-position: -65px 0;
  right: -1px;
  top: -1px;
}
#journal .writing-1 .c {
  background-position: -57px -7px;
  left: -1px;
  bottom: -1px;
}
#journal .writing-1 .d {
  background-position: -65px -7px;
  right: -1px;
  bottom: -1px;
}
#journal .writing-1 .thumb {
  border: 1px solid #CCC;
}
#journal .writing-1 .border {
  border-bottom: 1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  height: 293px;
  padding: 14px;
  margin: 1px;
}
#journal .writing-1 .thumb {
  float: left;
  height: 286px;
  width: 292px;
}
#journal .writing-1 .wrap {
  float: right;
  height: 296px;
  padding: 0;
  overflow: visible;
  width: 260px;
}
#journal .writing-1 h2 {
  margin: 0 0 10px;
}
#journal .writing-1 h3 {
  font-size: 16px;
}
#journal .fact-1 {
  background: url(../img/fact-1.jpg);
  position: relative;
  top: -1px;
  left: -1px;
  height: 326px;
  width: 140px;
}
#journal .fact-1 h2 {
  color: #414141;
  font-size: 25px;
  line-height: 25px;
  margin: 6px 0 2px;
}
#journal .fact-1 h2 span {
  color: #682274;
}
#journal .fact-1 p {
  font-size: 10px;
  line-height: 15px;
  margin-top: 10px;
}
#tree .theworld {
  position: relative;
  overflow: hidden;
  left: 50%;
  margin-left: -50%;
  width: 2583px;
}
#tree .pdflink {
  position: fixed;
  bottom: 10px;
  right: 110px;
  display: block;
  width: 60px;
  height: 64px;
  z-index: 9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #000000;
  opacity: 0.55;
}
#tree .draggable {
  margin: 0 auto;
  height: 2400px;
  position: relative;
  width: 2480px;
}
#tree .header {
  background: url(../img/ft-top.png) no-repeat;
  height: 211px;
  margin: 0 auto;
  position: relative;
  width: 1856px;
}
#tree .header h1 {
  color: #fff;
  padding: 187px 0 0;
  text-align: center;
}
#tree .header h2 {
  font: 17px/21px 'Asul', sans-serif;
  left: 50%;
  margin-left: -250px;
  position: absolute;
  top: 175px;
  text-align: center;
  width: 500px;
}
#tree .header h2 span {
  color: #682274;
  margin: 0 3px;
}
#tree .controls {
  position: absolute;
  z-index: 230;
  top: 20px;
  left: 20px;
  height: auto;
  width: auto;
}
#tree .controls .zoomin,
#tree .controls .zoomout {
  height: 40px;
  width: 40px;
  background: #682274;
  border: 1px solid #ccc;
  color: #ddd;
  font-size: 34px;
  text-align: center;
  border-radius: 4px;
}
#tree .controls .zoomin:hover,
#tree .controls .zoomout:hover {
  cursor: pointer;
}
#tree .controls .zoomout {
  margin-top: 10px;
}
#tree .tree {
  background: url(../img/ft-tree.png) no-repeat;
  background: url(../img/ft-tree-top.png) no-repeat, url(../img/ft-tree-bot.png) 0 1059px no-repeat;
  height: 2700px;
  position: relative;
  width: 2583px;
}
#tree .tree:active {
  cursor: move;
}
#tree .tree .member {
  font: 13px/16px 'Asul', sans-serif;
  position: absolute;
  text-align: center;
  width: 140px;
}
#tree .tree .member h4 {
  color: #682274;
}
#tree .tree .member em {
  display: block;
  font-size: 15px;
}
#tree .tree .member span {
  display: block;
  font-size: 12px;
}
#tree .tree .member .mag {
  background: url(../img/mag-glass.png) center center no-repeat;
  display: block;
  height: 18px;
  line-height: 16px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 12px;
}
#tree .tree .member[data-slug]:hover {
  cursor: pointer;
}
#tree .tree .member[data-slug]:hover em,
#tree .tree .member[data-slug]:hover span {
  color: #682274;
}
#tree .tree .r1m1 {
  left: 2px;
  top: 21px;
}
#tree .tree .r1m2 {
  left: 536px;
  top: 21px;
}
#tree .tree .r2m1 {
  left: 2px;
  top: 152px;
}
#tree .tree .r2m2 {
  left: 370px;
  top: 152px;
  width: 160px;
}
#tree .tree .r2m3 {
  left: 848px;
  top: 152px;
}
#tree .tree .r2m4 {
  left: 1630px;
  top: 152px;
}
#tree .tree .r2m5 {
  left: 1940px;
  top: 152px;
}
#tree .tree .r3m1 {
  left: 146px;
  top: 282px;
}
#tree .tree .r3m2 {
  left: 694px;
  top: 282px;
}
#tree .tree .r3m3 {
  left: 1004px;
  top: 282px;
}
#tree .tree .r3m4 {
  left: 1159px;
  top: 282px;
}
#tree .tree .r3m5 {
  left: 1784px;
  top: 282px;
}
#tree .tree .r4m1 {
  left: 146px;
  top: 409px;
}
#tree .tree .r4m2 {
  left: 302px;
  top: 409px;
}
#tree .tree .r4m3 {
  left: 455px;
  top: 409px;
}
#tree .tree .r4m4 {
  left: 692px;
  top: 409px;
}
#tree .tree .r4m5 {
  left: 925px;
  top: 410px;
}
#tree .tree .r4m6 {
  left: 1392px;
  top: 410px;
}
#tree .tree .r4m7 {
  left: 1549px;
  top: 410px;
}
#tree .tree .r4m8 {
  left: 1788px;
  top: 410px;
}
#tree .tree .r4m9 {
  left: 1942px;
  top: 410px;
}
#tree .tree .r5m1 {
  left: 68px;
  top: 538px;
}
#tree .tree .r5m2 {
  left: 225px;
  top: 538px;
}
#tree .tree .r5m3 {
  left: 537px;
  top: 538px;
}
#tree .tree .r5m4 {
  left: 1863px;
  top: 538px;
}
#tree .tree .r6m1 {
  left: 380px;
  top: 621px;
}
#tree .tree .r6m2 {
  left: 693px;
  top: 621px;
}
#tree .tree .r6m3 {
  left: 1394px;
  top: 621px;
}
#tree .tree .r6m4 {
  left: 2020px;
  top: 621px;
}
#tree .tree .r7m1 {
  left: 1662px;
  top: 690px;
}
#tree .tree .r7m2 {
  left: 1905px;
  top: 690px;
}
#tree .tree .r8m1 {
  left: 146px;
  top: 880px;
}
#tree .tree .r8m2 {
  left: 1549px;
  top: 880px;
}
#tree .tree .r8m3 {
  left: 1863px;
  top: 958px;
}
#tree .tree .r8m4 {
  left: 2174px;
  top: 880px;
}
#tree .tree .r9m1 {
  left: 1081px;
  top: 1088px;
}
#tree .tree .r9m2 {
  left: 1237px;
  top: 1088px;
}
#tree .tree .r9m3 {
  left: 1707px;
  top: 1088px;
}
#tree .tree .r10m1 {
  left: 1081px;
  top: 1220px;
}
#tree .tree .r10m2 {
  left: 1237px;
  top: 1220px;
}
#tree .tree .r11m1 {
  left: 537px;
  top: 1390px;
}
#tree .tree .r11m2 {
  left: 1003px;
  top: 1390px;
}
#tree .tree .r11m3 {
  left: 1160px;
  top: 1390px;
}
#tree .tree .r11m4 {
  left: 1316px;
  top: 1390px;
}
#tree .tree .r11m5 {
  left: 1472px;
  top: 1390px;
}
#tree .tree .r11m6 {
  left: 1628px;
  top: 1390px;
}
#tree .tree .r11m7 {
  left: 1784px;
  top: 1390px;
}
#tree .tree .r11m8 {
  left: 1940px;
  top: 1390px;
}
#tree .tree .r11m9 {
  left: 2096px;
  top: 1390px;
}
#tree .tree .r12m1 {
  left: 537px;
  top: 1608px;
}
#tree .tree .r12m2 {
  left: 1003px;
  top: 1608px;
}
#tree .tree .r12m3 {
  left: 1784px;
  top: 1608px;
}
#tree .tree .r12m4 {
  left: 1941px;
  top: 1608px;
}
#tree .tree .r12m5 {
  left: 2094px;
  top: 1608px;
}
#tree .tree .r13m1 {
  left: 772px;
  top: 1712px;
}
#tree .tree .r13m2 {
  left: 1003px;
  top: 1712px;
}
#tree .tree .r13m3 {
  left: 1858px;
  top: 1712px;
}
#tree .tree .r13m4 {
  left: 2019px;
  top: 1712px;
}
#tree .tree .r14m1 {
  left: 885px;
  top: 1812px;
}
#tree .tree .r14m2 {
  left: 1940px;
  top: 1812px;
}
#tree .tree .r14m3 {
  left: 2121px;
  top: 1812px;
}
#tree .tree .r15m1 {
  left: 301px;
  top: 1946px;
}
#tree .tree .r15m2 {
  left: 457px;
  top: 1946px;
}
#tree .tree .r15m3 {
  left: 614px;
  top: 1946px;
}
#tree .tree .r15m4 {
  left: 1004px;
  top: 1946px;
}
#tree .tree .r15m5 {
  left: 1157px;
  top: 1946px;
}
#tree .tree .r15m6 {
  left: 1316px;
  top: 1946px;
}
#tree .tree .r15m7 {
  left: 1474px;
  top: 1946px;
}
#tree .tree .r15m8 {
  left: 1630px;
  top: 1946px;
}
#tree .tree .r15m9 {
  left: 1753px;
  top: 1946px;
}
#tree .tree .r15m10 {
  left: 1866px;
  top: 1946px;
}
#tree .tree .r16m1 {
  left: 147px;
  top: 2074px;
}
#tree .tree .r16m2 {
  left: 301px;
  top: 2074px;
}
#tree .tree .r16m3 {
  left: 459px;
  top: 2074px;
}
#tree .tree .r16m4 {
  left: 732px;
  top: 2074px;
}
#tree .tree .r16m5 {
  left: 1081px;
  top: 2074px;
}
@media all and (max-width: 720px) {
  #welcome {
    border: none;
    margin-left: -50%;
    dpadding-bottom: 10px;
    top: 70px;
    width: 100%;
  }
  #welcome h1 {
    background: none;
    text-indent: 0;
    height: auto;
    width: auto;
  }
  #welcome .instructions {
    display: none;
  }
  #welcome .mobile-instructions {
    background: url(../img/m-instructions.png) no-repeat;
    height: 368px;
    margin: 40px auto 5px;
    width: 293px;
  }
  #welcome:before,
  #welcome:after {
    display: none;
  }
  #welcome blockquote,
  #welcome small {
    text-align: center;
    width: 85%;
  }
  .modal {
    left: auto;
    margin-left: auto;
    top: 0;
    z-index: 252;
    width: 100%;
  }
  .modal .holder {
    padding: 20px 0 0 0;
  }
  .modal .close {
    background: url(../img/sprite.png) -225px -168px no-repeat;
    display: block;
    height: 41px;
    position: relative;
    left: 12%;
    top: 8px;
    width: 41px;
  }
  .modal .container {
    box-shadow: none;
  }
  .modal .container:before,
  .modal .container:after,
  .modal .tl {
    display: none;
  }
  .modal .arch {
    background: #e9ebec;
    position: absolute;
    z-index: 1;
    height: 56px;
    top: 0px;
    left: auto;
    margin-left: auto;
    width: 100%;
  }
  .modal .title {
    height: 50px;
  }
  .modal .title span {
    background: transparent;
    margin-top: 20px;
  }
  .modal img {
    max-width: 100%;
  }
  .modal .wrap {
    margin: 0 auto;
    width: 90%;
  }
  .modal .wrap .share {
    width: 100%;
  }
  .modal .wrap .share .col {
    margin: 0 0 20px;
    width: 100%;
  }
  .modal .slideshow .next,
  .modal .slideshow .prev {
    top: 50%;
    margin-top: -30px;
  }
  .modal .slideshow .slide,
  .modal .slideshow .slide img {
    height: auto;
    position: relative;
    width: auto;
  }
  #static #header .bk,
  #static #header .rj {
    top: -10px;
  }
  #static #alert-wrap {
    display: none;
  }
  #static #header .bk {
    right: auto;
    left: -14px;
  }
  #page iframe {
    width: 100%;
  }
  #header {
    height: 75px;
  }
  #header h1 {
    -webkit-transform: scale(0.8);
  }
  #header h2 {
    display: none;
  }
  #header .pelmet {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0.8);
    top: -20px;
  }
  #header.dark .pelmet {
    top: -140px;
  }
  #header .ft {
    display: none;
  }
  #header .social {
    display: none;
  }
  #alert-wrap {
    position: relative;
    top: -75px;
    z-index: 250;
  }
  #alert-wrap #alert {
    top: -290px;
  }
  #alert-wrap .tab {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0.8);
    background: url(../img/sprite.png) -149px -82px;
    bottom: -109px;
    display: block;
    position: absolute;
    left: -14px;
    height: 120px;
    width: 74px;
  }
  #alert-wrap .box {
    top: 0;
    width: 90%;
  }
  #alert-wrap .col,
  #alert-wrap .col#signup {
    float: none;
    width: 100%;
  }
  #alert-wrap .col#signup {
    margin-top: 15px;
  }
  #footer li {
    float: none;
    padding: 0;
  }
  #footer li.copy {
    margin-bottom: 10px;
  }
  #footer li a {
    border-right: none;
    display: block;
    padding: 5px 10px 5px 0;
  }
  #footer .left {
    float: none;
    width: auto;
  }
  #footer .right {
    margin-top: 15px;
    float: none;
    text-align: left;
    width: auto;
  }
  .rmenu {
    background: #e9ebec;
    border-bottom: 1px solid #b6b6b6;
    z-index: 2;
    height: 105px;
    top: 0px;
    left: auto;
    margin-left: auto;
    width: 100%;
  }
  #hm .trandom,
  #header .tsearch {
    left: 12%;
    top: 35px;
    z-index: 10;
  }
  #hm .tsearch {
    top: 35px;
    left: auto;
    right: 12%;
    width: auto;
    z-index: 11;
  }
  #hm .tsearch input {
    width: 0;
  }
  #hm .tfilter {
    background: url(../img/sprite.png) -268px 0;
    cursor: pointer;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: 35px;
    z-index: 10;
    width: 40px;
  }
  #filters {
    background: #e9ebec;
    border-bottom: 1px solid #b6b6b6;
    display: none;
    position: absolute;
    top: 180px;
    padding: 0;
    width: 100%;
    z-index: 100;
  }
  #filters .items {
    float: none;
  }
  #filters .inner {
    padding: 10px 0 30px;
  }
  #filters ul,
  #filters li {
    display: block;
    float: none;
    position: static;
  }
  #filters label {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 6px;
    padding: 4px 0 8px;
    font-size: 18px;
    width: 100%;
  }
  #filters .button {
    display: block;
  }
  #timeline {
    overflow: hidden;
    width: 100%;
  }
  #timeline .next,
  #timeline .prev {
    top: 280px;
    position: absolute;
  }
  #timeline div.highlight .decoration {
    display: none;
  }
  #timeline div.highlight .heading {
    margin: 0;
  }
  #timeline div.highlight .heading h3 {
    font-size: 22px;
    line-height: 30px;
  }
  #timeline div.highlight .cover .wrap {
    top: 0;
  }
  #timeline div.highlight:hover .shadow {
    bottom: -40px;
    _opacity: 0.5;
  }
  #timeline div.highlight:hover .wrap {
    top: 0;
  }
  #timeline .book {
    padding: 23px 0 0;
  }
  #timeline .book .decoration {
    display: none;
  }
  #timeline .book .heading {
    display: none;
  }
  #timeline .book .heading h5,
  #timeline .book .heading .philippa {
    display: none;
  }
  #timeline .book .cover .view .desktop {
    display: none;
  }
  #timeline .book .cover .view .mobile {
    display: block;
  }
  #timeline .book .shadow {
    display: none;
  }
  #timeline .book .footer {
    display: none;
  }
  #timeline .book .fact {
    display: none;
  }
  #timeline .book .fact .wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  #timeline .book .fact .wrap p {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  #facts {
    display: none;
  }
  #timeline .highlight .cover .view {
    display: block;
  }
  #book-overlay {
    z-index: 150;
  }
  #bookview {
    left: auto;
    margin-left: auto;
    top: 73px;
    z-index: 200;
    width: 100%;
  }
  #bookview .behind .text {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  #bookview .holder {
    padding: 30px 0 0 0;
  }
  #bookview .close,
  #bookview .buy-book {
    background: url(../img/sprite.png) -225px -168px no-repeat;
    display: block;
    height: 41px;
    position: relative;
    left: 12%;
    top: 42px;
    width: 41px;
  }
  #bookview .buy-book {
    background-position: -307px -168px;
    left: auto;
    right: 12%;
    top: 0;
    position: absolute;
    z-index: 2;
  }
  #bookview .container:before,
  #bookview .container:after,
  #bookview .tl {
    display: none;
  }
  #bookview .arch {
    background: #e9ebec;
    position: absolute;
    z-index: 1;
    height: 106px;
    top: 0px;
    left: auto;
    margin-left: auto;
    width: 100%;
  }
  #bookview .title {
    height: 50px;
  }
  #bookview .title span {
    background: transparent;
    margin-top: 20px;
  }
  #bookview .menu {
    height: auto;
  }
  #bookview .menu-wrap {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  #bookview .menu-wrap .trigger {
    background: url(../img/sprite.png) -266px -168px no-repeat;
    border-radius: 100%;
    display: block;
    height: 41px;
    padding: 0;
    margin-left: -20px;
    left: 50%;
    position: absolute;
    width: 41px;
  }
  #bookview .menu-wrap ul {
    background: #e9ebec;
    border-bottom: 1px solid #b6b6b6;
    box-shadow: 0 3px 6px -3px rgba(0,0,0,0.4);
    display: none;
    position: absolute;
    z-index: 10;
    top: 65px;
    left: 0;
    margin-left: auto;
    padding: 0;
    width: 100%;
  }
  #bookview .menu-wrap li {
    border-left: none;
    left: 0;
    margin: auto;
    float: none;
    text-align: center;
    width: 100%;
  }
  #bookview .menu-wrap a {
    cursor: pointer;
    font-size: 20px;
    line-height: 24px;
    height: 30px;
    padding: 6px 0;
  }
  #bookview .menu-wrap .hr {
    display: none;
  }
  #bookview .frame {
    width: 500%;
  }
  #bookview .section {
    width: 20%;
  }
  #bookview .covers {
    width: 100%;
  }
  #bookview .cover {
    margin: 0 auto;
  }
  #bookview .video-container {
    margin: 0 auto;
    width: 90%;
  }
  #bookview .video-container iframe {
    width: 100%;
  }
  #bookview .video-list li {
    margin: 0 auto 20px;
    float: none;
    width: 90%;
  }
  #bookview .video-list li a {
    width: 100%;
  }
  #bookview .video-list li img {
    margin-left: -50%;
    height: auto;
    width: auto;
  }
  #bookview .description {
    width: 100%;
  }
  #bookview .description .wrap {
    width: 90%;
  }
  #bookview .series {
    left: 0;
    width: 100%;
  }
  #bookview .members {
    float: none;
    position: static;
    width: 100%;
  }
  #bookview .members ul {
    float: none;
    position: static;
  }
  #bookview .members li {
    position: static;
    float: none;
    margin: 0 auto 20px;
  }
  #bookview .buy,
  #bookview .share {
    width: 100%;
  }
  #bookview .buy {
    text-align: center;
  }
  #bookview .buy ul {
    left: auto;
    margin-left: -30%;
    left: 50%;
    width: 60%;
  }
  #bookview .buy li {
    display: inline-block;
    right: auto;
    float: none;
  }
  #bookview .share .col {
    margin: 0 0 20px;
    width: 100%;
  }
  #book-overlay {
    z-index: 150;
  }
  .to-top {
    bottom: 0px;
    left: 5px;
  }
  #sidebar.journal {
    background: none;
    overflow: visible;
    z-index: 10;
  }
  #sidebar.journal .toggle {
    display: none;
  }
  #sidebar.journal .logo {
    font: 25px/30px 'Asul', sans-serif;
    position: absolute;
    text-align: center;
    top: 200px;
    left: 50%;
    padding: 0;
    margin-left: -120px;
    width: 240px;
  }
  #sidebar.journal .logo span {
    display: none;
  }
  #sidebar.journal h6 {
    position: absolute;
    top: 275px;
    left: 50%;
    margin-left: -45%;
    padding: 0;
    width: 90%;
  }
  #sidebar.journal .filter-toggle,
  #sidebar.journal .search-toggle {
    background: url(../img/sprite.png) -268px 0;
    display: block;
    height: 40px;
    position: absolute;
    left: 12%;
    top: 106px;
    width: 40px;
  }
  #sidebar.journal .search-toggle {
    background-position: -308px 0;
    left: auto;
    right: 12%;
  }
  #sidebar.journal .mbg {
    background: #e9ebec;
    border-bottom: 1px solid #b6b6b6;
    height: 100px;
    position: absolute;
    top: 70px;
    width: 100%;
  }
  #sidebar.journal .filters {
    background: #e9ebec;
    border-bottom: 1px solid #b6b6b6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    display: none;
    position: absolute;
    width: 100%;
    top: 170px;
  }
  #sidebar.journal .search {
    background: #e9ebec;
    border-bottom: 1px solid #b6b6b6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 170px;
  }
  #sidebar.journal .search .icon {
    display: none;
  }
  #sidebar.journal .wrap {
    width: 100%;
  }
  #journal-overlay {
    z-index: 251;
  }
  #journal .ajax-loader {
    z-index: 9999;
    bottom: 20px;
    right: 20px;
    left: auto;
    margin-left: auto;
  }
  #journal #journal-wrap {
    padding: 240px 0px 5px 0px;
    margin: 0;
  }
  #journal .isotope {
    text-align: center;
  }
  #journal .item {
    margin: 15px auto;
  }
  #journal .video-1 {
    width: 95%;
  }
  #journal .video-1 .video {
    height: auto;
  }
  #journal .video-1 .video,
  #journal .video-1 .vid,
  #journal .video-1 .vid img {
    width: 100%;
  }
  #journal .news-1 {
    width: 90%;
    height: auto;
  }
  #journal .news-1 .thumb {
    border: none;
  }
  #journal .news-1 .thumb img {
    margin: 0 auto;
  }
  #journal .news-2 {
    height: auto;
    width: 90%;
  }
  #journal .news-2 img {
    margin: 0 auto;
  }
  #journal .news-4 {
    height: auto;
    width: 90%;
  }
  #journal .news-6 {
    width: 95%;
  }
  #journal .news-6 .thumb {
    height: auto;
    width: auto;
  }
  #journal .news-6 .thumb img {
    width: 100%;
  }
  #journal .news-6 .text {
    display: none;
  }
  #journal .news-7 {
    height: auto;
    width: 95%;
  }
  #journal .news-7 .thumb {
    height: auto;
    width: auto;
  }
  #journal .news-7 .thumb img {
    width: 100%;
  }
  #journal .news-8 {
    height: auto;
    width: 95%;
  }
  #journal .news-8 .text {
    height: auto;
  }
  #journal .news-9 {
    width: 95%;
    height: auto;
  }
  #journal .news-9 .text {
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    height: auto;
    margin: 15px 0;
  }
  #journal .video-1 {
    height: auto;
  }
  #journal .writing-1 {
    width: auto;
  }
  #journal .writing-1 .thumb {
    display: none;
  }
  #journal .twitter-2,
  #journal .facebook-2 {
    height: auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
  #header h1,
  #header .arrow {
    background-image: url(../img/sprite_retina.png);
    background-size: 500px auto;
  }
  #header .pelmet {
    background-image: url(../img/sprite_retina.png);
    background-size: 500px auto;
  }
  #header .inner {
    width: 95%;
  }
  #bookview .close,
  #bookview .buy-book {
    background-image: url(../img/sprite_retina.png);
    background-size: 500px auto;
  }
  #bookview .menu-wrap .trigger {
    background-image: url(../img/sprite_retina.png);
    background-size: 500px auto;
  }
  .tsearch .icon {
    background-image: url(../img/sprite_retina.png);
    background-size: 500px auto;
  }
  .trandom {
    background-image: url(../img/sprite_retina.png);
    background-size: 500px auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(max-width: 720px) {
  #welcome .mobile-instructions {
    background: url(../img/m-instructions@x2.png) no-repeat;
    background-size: 293px 368px;
  }
}
@media all and (max-height: 800px) {
  #timeline div.highlight .heading h5 {
    line-height: 30px;
  }
  #timeline div.highlight .cover {
    padding-bottom: 8px;
  }
  #timeline .book {
    padding-top: 16px;
  }
  #timeline .book .heading {
    height: 94px;
  }
  #timeline .book .heading h5 {
    margin: 0;
  }
  #timeline .book .heading .wrap {
    width: 320px;
  }
  #timeline .book .cover {
    padding-bottom: 8px;
  }
  #timeline .book .cover .view {
    font-size: 18px;
    line-height: 21px;
    margin-left: -55px;
    margin-top: -55px;
    padding: 15px;
    height: 80px;
    width: 80px;
  }
  #timeline .book .cover .wrap {
    padding: 4px;
  }
  #timeline .book .fact {
    margin-top: 15px;
    padding-top: 26px;
  }
  #timeline .book .fact:after {
    height: 13px;
  }
}