/*
Общие стили, используемые повсеместно

Автор: Антон Зеленский
*/
@charset "utf-8";
@font-face {
	font-family: FranklinGothicBookCondITC;
	src: url('/fonts/FranklinGothicBookCondITC.otf');
}
@font-face {
	font-family: FranklinGothicBookITC;
	src: url('/fonts/FranklinGothicBookITC.otf');
}

html, body {
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	height: 100%;
}

h1, h2, h3, h4 {
	font-family: FranklinGothicBookCondITC, sans-serif;
	font-weight: normal;
	line-height: 130%;
	color: #d83;
}

h1{
	font-size:22pt;
}

h2{
	font-size:19pt;
}

h3{
	font-size:17pt;
}

h5 {
	padding: 0px;
	margin: 5px 0px;
	font: 8pt normal;
	color: #888;
}

body, td, th, p {
	font-family: FranklinGothicBookITC, sans-serif;
	font-size: 13pt;
	color: #555;
}

h1 a, h2 a, h3 a{
	color: #d83;
}

a{
	color: #5c0000;
}

a:visited{
	color: #5b0000;
}

img{
	border: none;
}

ol, ul {
	color: gray;
	font-size: 10px;
}

li {
	margin: 0px;
}

ul.nobullets{
	list-style-type: none;
}

.chapter{
	padding: 0px 80px;
	width: 700px;
}

.thick_chapter{
	padding: 0px 80px;
	width: 1000px;
}

.fixedWidth{
	width: 700px;
}

.news_feed{
	float: left;
}
.right_block{
	margin: 0px 0px 0px 700px;
	padding: 50px;
	width: 200px;
}
.clear{
	clear:both;
}

.pre_slideshow{
	margin-left: 40px;
}

.slideshow .slide_item{
	margin-left: 40px;
}

.slideshow .slide_item .counter{
	position: relative;
	top: 20px; left: -20px;
	font-size:10px;
}

/* комментарий к тексту, фотографии */
.comment{
	font-size:8pt;
	line-height:12pt;
}

/* акцентированный абзац */
.accent{
	font-size: 17pt;
	line-height: 120%;
}

/* локальная ссылка */
.local {
	cursor:pointer;
}
.local a, .local span{
	text-decoration:none;
	border-bottom: 1px dotted gray;
}
.local:hover {
	background-color: #eee;
}

.selected {
	cursor: normal;
	background: #aaa;
	border: none;
	padding: 5px 10px;
}

.photo {
	border: solid #aaa 1px;
	padding: 20px;
	vertical-align:text-top;
}

/* карта от Я.Карты */
.map {
	magrin: 10px;
	border: solid 5px gray;
}

/* элемент, лишённый оступа сверху */
.topless {
	margin-top:0px;
	padding-top:0px;
}

/* элемент, лишённый оступа сверху */
.bottomless {
	margin-bottom:0px;
	padding-bottom:0px;
}

/* тело всего содержимого страницы */
.wrapper {
	padding: 0px 20px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

/* тело всего содержимого страницы 2 */
.content {
	padding: 0px 20px;
}

/* подошва страницы */
.push {
	height: 10em;
}

.footer{
	text-align: center;
	color: #fff;
	padding:20px;
	background: #000;
}

.footer a {
	color:#aaa;
}

/* раздел с ценами на стр. фотографа */
.prices {
	margin: 20px 0px;
}

/* простая таблица */
table.casual {
	padding: 0px;
}
table.casual th {
	font: 8pt normal;
	color: #aaa;
	text-align: left;
	padding: 0px 10px;
}
table.casual tr > th:first-child {
	padding: 0px;
}
table.casual tr {
	vertical-align: top;
}
table.casual td {
	padding: 0px 10px;
}
table.casual tr > td:first-child {
	padding: 0px;
}

/* таблица с отступом по вертикали между ячейками */
table.plus_lineheight {
	padding: 0px;
}
table.plus_lineheight th {
	font: 8pt normal;
	color: #aaa;
	text-align: left;
	padding: 10px;
}
table.plus_lineheight tr > th:first-child {
	padding: 0px;
}
table.plus_lineheight tr {
	vertical-align: top;
}
table.plus_lineheight td {
	padding: 10px 10px;
}
table.plus_lineheight tr > td:first-child {
	padding: 10px 0px;
}

/* таблица главного меню */
table.menu{
	margin: 10px 0px;
}

table.menu tr > td:first-child {
	padding: 0px 20px 0px 0px;
}
table.menu tr > td:last-child {
	width: 50%;
	text-align: right;
}

table.menu td{
	padding: 0px 28px;
	vertical-align: middle;
}
table.menu td.extender{
	width: 50%;
}

table.menu td a{
	color: #777;
}

table.menu td#active{
	background: #fff;
}

table.menu td#active a{
	color: #fff;
}

/* таблица субменю */
table.submenu{
	margin: 10px 0px;
}

table.submenu td a{
	margin: 0px 10px;
	color: #777;
}

table.submenu td#active{
	background: #ddd;
}

table.submenu td#active a{
	color: #fff;
}

/* таблица навигации (обычно по статьям или по съёмкам, к примеру) */
table.navigation {
	margin: 40px 0px;
	width:100%;
}

table.navigation td {
	width:30%;
	text-align: center;
}

table.navigation tr > td:first-child {
	width:30%;
	text-align: left;
}

table.navigation tr > td:last-child {
	width:30%;
	text-align: right;
}

/**************************************************************************************************
					Price list
*/
.price { }
.price .content{ width: 700px; float: left; padding: 0px 100px 0px 0px; }
.price .feedback { padding: 28px 0px 0px 0px; }
.price .module { margin-bottom: 40px; }
.price .title{ font-family: FranklinGothicBookCondITC; font-size: 40px; line-height: 50px; color: #aaa; float: left; }
.price .value{ font-family: FranklinGothicBookCondITC; font-size: 40px; line-height: 50px; text-shadow: -1px -1px white, 1px 1px #555; float: right; color: #aaa; }
.price .value .copeck{ font-family: FranklinGothicBookCondITC; font-size: 20px; vertical-align: super; text-shadow: -1px -1px white, 1px 1px #777; color: #ccc; }
.price .description{ clear: both; }

/**************************************************************************************************
					portfolio slideshow
*/
.portfolio {

}
.portfolio ul.icons {
	list-style-type: none;
}
.portfolio ul.icons li {
	float: left;
	padding: 20px;
	font-size: 15px;
	color: black;
}
.portfolio ul.viewport{
	list-style-type: none;
	float: left;
	width: 920px;
	z-index: 0;
}
.portfolio #prev {
	position: absolute; top: 271px; left: 40px;
	width: 50px; height: 467px;
	background-color: white;
	opacity: 0.3;
	z-index: 10;
	cursor: pointer;
}
.portfolio #prev:hover{
	opacity: 0.7;
}
.portfolio #prev div{
	position: relative;
	top: 50%;
	text-align: center;
}
.portfolio #next {
	position: absolute; top: 271px; left: 690px;
	width: 50px; height: 467px;
	background-color: white;
	opacity: 0.3;
	z-index: 10;
	cursor: pointer;
}
.portfolio #next:hover{
	opacity: 0.7;
}
.portfolio #next div{
	position: relative;
	top: 50%;
	text-align: center;
}
.portfolio ul.series {
	list-style-type: none;
	margin-left: 700px;
}
.portfolio ul.series li{
	padding: 20px 40px;
	font-size: 15px;
	color: black;
	cursor: pointer;
}
.portfolio ul.series li:hover{
	background-color: #eee;
}
.portfolio .note{
	width: 600px;
}