@charset "UTF-8";

@media only screen and (min-width: 150px) and (max-width: 300px) {

#nav .dropdown {
	border-left-color:#8f8672;
}

}


@media only screen and (min-width: 180px) and (max-width: 300px) {


}


@media only screen and (min-width: 320px) {

body {
	background-color: #111a13;
	color:#000;
}
#wrap {
	background-color:#1b221d;
}
#padd #main {
	background-color: #151f17;
	background-image: url(graphics/bg_slate2.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#header {
	background-image:url(../graphics/ht_jsp_23_photo_indx_mob.png);
}
#wrap.imge #header {
	background-position-y:30%;
	/* [disabled]opacity:0.95; */
}
#mainBlock h1 {
	font-weight:normal;
	color:#f6ce7f;
}
.mainPage #mainBlock h1 {
	margin-top:-6px;
}
#mainBlock p {
	color:#e5dccb;
}
#mainBlock .intro p {
	color:#d6d1bf;
}
#wrap.imge h1::before,
#wrap.imge h1::after {
	content:"";
}
#mainBlock .compYear .yr {
	font-size:1.2em;
	font-weight:bold;
	color:#f6ce7f;
}
.compYear .lt,
.compYear .rt {
	top:0.4em;
}
.compYear .lt {
	left:0;
}
.compYear .rt {
	right:0;
}
#mainBlock .here,
#mainBlock .note {
	color:#888;
}
#mainBlock .here:before {
	color:#d55;
}
#lightbox .gcell.addon div {
	background-color:#555;
}
#rightSpace .archive .header {
	background-color:#555;
}
#rightSpace .dropdown {
	background-color:#444;
}
#wrap.imge .caption.centre {
	padding-top:0.5em;
}
#wrap.imge .caption.centre p {
	/* [disabled]text-align:center; */
}
#wrap.imge #header div {
	font-size:1.2em;
	color:#888;
	letter-spacing:0.24em;
	position:relative;
	margin-left:0.25em;
	top:88px;
}
#wrap.imge #lightbox .gcell {
	margin-top:-2.8em;
	margin-bottom:-2em;
}
#wrap.imge #lightbox .gcell.vt {
	margin-top:-0.4em;
}

}


@media only screen and (min-width: 360px) {

#wrap.imge #header div {
	font-size:1.4em;
	top:102px;
}
#wrap.imge .caption.centre p:not(.here) {
	font-size:1.05em;
}
#wrap.imge #lightbox .gcell.vt {
	margin-top:-0.2em;
}

}


@media only screen and (min-width: 414px) {

#wrap.imge #header div {
	font-size:1.5em;
	top:108px;
}
#wrap.imge #lightbox .gcell {
	margin-top:-2.4em;
}
#wrap.imge #lightbox .gcell.vt {
	margin-top:0;
}

}

@media only screen and (min-width: 481px) {


}


@media only screen and (min-width: 640px) {

#header {
	background-image:url(../graphics/ht_jsp_23_photo_indx.png);
}
#wrap.imge #header {
	background-position-y:58%;
}
#wrap.imge #header div {
	font-size:initial;
	letter-spacing:0.3em;
	top:90px;
}
#wrap.imge #lightbox .gcell .go.lt .arrbox {
	background: transparent url(../jquery-skins/lakes/prev-horizontal.png) no-repeat -128px 50%;
}
#wrap.imge #lightbox .gcell .go.rt .arrbox {
	background: transparent url(../jquery-skins/lakes/next-horizontal.png) no-repeat -128px 50%;
}
.mainPage #mainBlock h1 {
	margin-top:0;
}

}


@media only screen and (min-width: 732px) {
	

}


@media only screen and (min-width: 768px) {

#wrap.imge .caption.centre p:not(.here) {
	font-size:1em;
}
#wrap.imge #lightbox .gcell {
	margin-top:-2.5em;
	margin-bottom:-2.5em;
}
#wrap.imge #lightbox .gcell.vt {
	margin-top:1em;
}
.compYear .lt {
left: calc(4% - 1.1em);
}
.compYear .rt {
right: calc(4% - 1.1em);
}
#wrap.imge #mainBlock .centre p {
	margin-left:12%;
	margin-right:12%;
}
#rightSpace .dropdown {
	background-color:#f0f0f0;
}
#wrap.imge #header {
}
#wrap.imge #header div {
	letter-spacing: 0.48em;
	top: 105px;
}

}


@media only screen and (min-width: 961px) {

#mainBlock .intro p {
	border-left-color:#8f8672;
}
#rightSpace .archive .header {
	background:transparent;
}
#rightSpace .archive .header p {
	color:#8f8672;
}
#rightSpace .dropdown {
	background:transparent;
}
#rightSpace .dropdownInner {
	border-left-color:#8f8672;
}
#rightSpace .dropdownInner div a {
	color:#b3a78f;
}
#nav .container {
	background:transparent;
}
#nav .button.down a {
	color: #aba2ac;
}
#nav li.button a,
#nav li.buttonB a,
#nav li.buttonH a {
	color:#aba2ac;
}
#nav li.atHome a,
.homeColor {
	color: #aaa;
}
#nav .dropdown {
	border-left-color:#8f8672;
}
#nav .dropdown li a {
	color: #aba2ac;
}
#wrap.imge #header {
	background-position-x:54%;
	background-position-y:56%;
}
#wrap.imge #header div {
	margin-left: 5%;
}

}


@media only screen and (min-width: 1025px) {


}


@media only screen and (min-width: 1081px) {
	

}


@media only screen and (min-width: 1201px) {
	
#wrap.imge #header {
	background-position-x:49.5%;
	background-position-y:62%;
}
#wrap.imge #header div {
	font-size:1.1em;
	letter-spacing:0.44em;
	margin-left:0.5em;
}

}


@media only screen and (min-width: 1281px) {

#wrap.imge #header div {
	top:110px;
}
#wrap.imge #lightbox .gcell {
	margin-top:0em;
	margin-bottom:0.7em;
}
#wrap.imge #lightbox .gcell.vt {
	margin-top:0.5em;
}
#wrap.imge #lightbox .gcell.vt .go .arrbox {
	margin-bottom:1em;
}

}


@media only screen and (min-width: 320px) and (max-width: 760px) and (orientation: landscape) {

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

}