/*********** базовые стили ***********/
html, body { height: 100%; }
body {
margin: 0;
padding: 0;
text-align: center;
font: 12px 'Trebuchet MS', Trebuchet, Arial, Tahoma, Verdana, Sans-serif;
background-color: #CCC;
color: #777;
}
#container { position: relative; min-height: 100%; height: 100%; margin: 0px auto; text-align: left; width: 995px; border-left: 1px solid black; border-right: 1px solid black; background-image: url("menu.jpg"/*tpa=http://pogrebok.co.nz/menu.jpg*/); background-repeat: no-repeat; background-position: 0px 200px; background-color: #fff; }
html>body #container { height: auto; } /* без этого не работает Firefox */
/*********** основные элементы ***********/
/*********** заголовки, параграфы, разделители, списки, ссылки ***********/
h1 { margin: 0; padding: 0; text-transform: uppercase; font-size: 19px; color: #5db247; }
h2 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 14px; color: #334d55; text-align: left; }
h2 a:link, h2 a:visited, h2 a:hover { color: #334d55; text-decoration: none; }
h3 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 14px; color: #5db247; text-align: left; }
h3 a:link, h3 a:visited { color: #5db247; text-decoration: none; }
h4 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 10px; color: #334d55; }
h5 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 14px; color: #5db247; } /* убить */
h5 a:link, h5 a:visited { color: #5db247; text-decoration: none; } /* убить */
h6 { }
p { margin: 0; }
ul { margin: 0 0 10px 0; padding: 0; list-style: none; }
li { margin: 0; }
hr { color: #FFF; border: none; border-bottom: 1px dotted silver; margin: 10px 0 10px 0; }
#content-box strong { color: #555; }
#content-box a strong { color: #400000; }
#content-box a:hover strong { color: #f85507; }
a:link, a:visited { color: #400000; text-decoration: none; }
a:hover { color: #5db247; text-decoration: underline; }
a img { border: none; }
/*********** дополнительные элементы ***********/
.h1-menu { margin: 0; font-size: 11px; }
.info { font-size: 10px; text-transform: uppercase; margin-bottom: 10px !important; }
.date { font-size: 10px; text-transform: uppercase; margin-bottom: 10px !important; color: #333; }
.quo { font-size: 14px; vertical-align: middle; }
.green { color: #5db247; }
.fineprint { font-size: 9px; }
.img-left { float: left; margin: 0 15px 10px 0; }
.img-right { float: right; margin: 0 0 10px 15px; }
.noframe { border: none !important; }
/*********** заголовок сайта ***********/
#header { position: relative; height: 200px; background-color: #EEE; background-image: url("panorama.jpg"/*tpa=http://pogrebok.co.nz/panorama.jpg*/); background-repeat: no-repeat; }
#header h1 { text-indent: -2000px; }
#liveinternet, #hotlog, #rambler { position: absolute; top: 0; left: -1000px; }
/*********** footer и его информационные блоки ***********/
#footer { position: absolute; bottom: 0; width: 100%; height: 110px; font-size: 10px; color: #999; background-color: #EEE; border-top: 1px solid #DDD; }
#footer p { margin-top: 25px; text-align: center; }
#copyright { float: right; width: 473px; height: 70px; margin: 20px 0; border-right: 1px solid #DDD; }
#contact-info { float: left; width: 260px; height: 70px; margin: 20px 0; border-right: 1px solid #DDD; }
#sitemap { float: right; width: 260px; height: 70px; margin: 20px 0; }
/*********** стили блоков основного контента - не оптимизировал ***********/
#content { position: relative; padding: 40px; padding-bottom: 10px; margin: 0 200px; }
#content-box { position: relative; width: 504px; margin: 10px 0; font-size: 11px; text-align: justify; }
#content-box p { margin-bottom: 10px; }
#content-box ul { margin-bottom: 10px; }
#content-box ul ul { margin: 0 10px; font-size: 10px; }
#content-item { position: relative; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted silver; }
#content-item img, #content-item-last img { width: 160px height: 80px; border: 1px solid black; background-color: #f5f5f5; vertical-align: top; }
#content-item-last { position: relative; }
#content-item-image { position: absolute; top left; width: 160px; padding-top: 10px; }
#content-item-image h2 { position: absolute; text-indent: -2000px; }
#content-item-text { position: relative; left: 180px; width: 320px; padding-top: 10px; }
#content-item img.right { float: right; border: 1px solid silver; background-color: #f5f5f5; margin: 5px 0 5px 15px; clear: right; }
#content-item img.left { float: left; border: 1px solid silver; background-color: #f5f5f5; margin: 5px 15px 5px 0; clear: left; }
#content-pages { padding-bottom: 10px; font-size: 9px; color: #CCC; }
#content-pages strong { color: #777; }
#contentspacer { margin: 0; height: 250px; }
/*********** промо-блоки ***********/
#featured { position: relative; width: 500px; height: 250px; margin-top: 20px; border: 1px solid black; background-color: #f5f5f5; text-align: center; }
#featured p { position: absolute; bottom: 5px; right: 10px; color: silver; text-transform: uppercase; font-size: 9px; z-index: -1; }
#promote { position: relative; width: 160px; height: 80px; margin-bottom: 5px; border: 1px solid black; background-color: #f5f5f5; text-align: center; }
#promote p { margin: 33px 0; color: silver; font-size: 9px; z-index: -1; }
/*********** календарь событий ***********/
#calendar { position: relative; width: 160px; min-height: 133px; border: none; background-color: #FFF; text-align: center; margin: 35px 0px 15px 0px; cursor: default; }
#calendar table { padding: 0; width: 160px; }
#calendar th { padding: 0; font-size: 8px; width: 20px; height: 20px; border-bottom: 1px dotted silver; }
#calendar td { padding: 0; font-size: 11px; width: 20px; height: 20px; text-align: center; border: 1px solid white; }
#calendar td.past { color: #e7e7e7; }
#calendar td.weekend, #calendar th.weekend { color: #5db247; }
#calendar td.today-empty { border: 1px solid #CCC; }
#calendar td.today-empty-weekend { border: 1px solid #c1e5b8; color: #5db247; }
#calendar td.simple-holiday { border: 1px solid #edf5fa; }
#calendar td.weekend-holiday { border: 1px solid #f0faed; color: #5db247; }
#calendar td.today-holiday { border: 1px solid #b8d3e5; }
#calendar td.today-weekend { border: 1px solid #c1e5b8; }
#calendar td.selected-weekend { border: 1px solid #5db247; }
#calendar td.selected-holiday { border: 1px solid #5588aa; }
/*********** календарь событий - большой ***********/
#calendar-full { position: relative; padding-bottom: 2px; border: none; background-color: #FFF; text-align: center; margin: 0; background-color: #FFF; cursor: default; }
#calendar-full table { position: relative; padding: 0; border: 1px solid #DDD; }
#calendar-full th { position: relative; font-size: 8px; height: 25px; border: 1px solid #EEE; padding: 3px 5px 3px 3px; text-align: right; vertical-align: bottom; background-color: #f7f7f7; text-transform: uppercase; }
#calendar-full th.year { background-color: #f0f0f0; border: 1px solid #DDD; padding: 0; height: 30px; text-align: center; }
#calendar-full td { position: relative; font-size: 12px; width: 70px; height: 70px; border: 1px solid #EEE; background-color: #FFF; padding: 3px 5px 3px 3px; text-align: right; vertical-align: bottom; }
#calendar-full td.past { border: 1px solid #f7f7f7; color: #EEE; } /* прошедшие дни */
#calendar-full td.weekend, #calendar-full th.weekend { color: #5db247; } /* ячейки и заголовки выходных дней */
#calendar-full td.today-empty { border: 1px solid #CCC; } /* обыкновенный день */
#calendar-full td.today-empty-weekend { border: 1px solid #c1e5b8; color: #5db247; } /* обыкновенный выходной */
#calendar-full td.simple-holiday { padding: 0; border: 1px solid #dfe6eb; } /* праздник среди недели (не сегодня) */
#calendar-full td.weekend-holiday { padding: 0; border: 1px solid #e1ebdf; color: #5db247; } /* праздник в выходной (не сегодня) */
#calendar-full td.today-holiday { padding: 0; border: 1px solid #b8d3e5; } /* праздник среди недели (сегодня, но выбран какой-то другой день) */
#calendar-full td.today-weekend { padding: 0; border: 1px solid #c1e5b8; } /* праздник в выходной (сегодня, но выбран какой-то другой день) */
#calendar-full td.selected-weekend { padding: 0; border: 1px solid #5db247; }
#calendar-full td.selected-holiday { padding: 0; border: 1px solid #5588aa; }
/*********** базовые стили ссылок и их переопределения **********/
#calendar td a:link, #calendar td a:visited { text-decoration: none; display: block; border: 1px solid white; font-size: 14px; }
#calendar-full td a:link, #calendar-full td a:visited { text-decoration: none; display: block; border: 1px solid white; font-size: 20px; padding: 38px 5px 2px 2px; }
/*********** переопределения стилей ссылок календарей **********/
td.today-weekend a:link, td.today-weekend a:visited, td.weekend-holiday a:link, td.weekend-holiday a:visited { background-color: #f0faed; color: #5db247; }
td.today-weekend a:hover, td.weekend-holiday a:hover { background-color: #e1ebdf; color: #5db247; }
td.simple-holiday a:link, td.simple-holiday a:visited, td.today-holiday a:link, td.today-holiday a:visited { background-color: #edf5fa; color: #5588aa; }
td.simple-holiday a:hover, td.today-holiday a:hover { background-color: #dfe6eb; color: #5588aa; }
td.selected-weekend a:link, td.selected-weekend a:visited { background-color: #c1e5b8; color: #5db247; }
td.selected-holiday a:link, td.selected-holiday a:visited { background-color: #b8d3e5; color: #5588aa; }
/***
green: #f0faed; #e1ebdf; #c1e5b8; #5db247; #abcca3;
blue: #edf5fa; #dfe6eb; #b8d3e5; #5588aa; #a3bccc;
***/
/*********** предварительный просмотр фотографий ***********/
#thumbnails { width: 510px; height: 100px; position: relative; font-size: 9px; }
#thumbnail { position: relative; width: 95px; height: 95px; border: 1px solid silver; background-color: #EEE; margin: 0px 4px 4px 0px; float: left; }
#thumbnail p { color: silver; position: absolute; margin: 0px; padding: 0px 3px; z-index: -1; }
#thumbnail img { margin: 0; z-index: 100; }
#pix { margin-top: 2px; }
#pix img { border: 1px solid black; margin: 0px 2px 2px 0px; cursor: pointer; }
/*********** имитация простых таблиц ***********/
#table-like { width: 500px; margin: 20px 0px; }
#table-like ul { margin: 0px; padding: 0px; list-style-type: none; }
#table-like ul li { background-color: #F5F5F5; }
#table-like li { margin: 0px; padding: 5px; border-bottom: 1px dotted silver; }
#table-like ol { margin: 0px; padding: 0px; list-style-type: none; }
.topedge { border-top: 1px dotted silver; }
/*********** стили для оформления книжного контента (история) ***********/
#book-text { width: 500px; font-size: 11px; margin: 10px 0px; }
#book-text p { margin: 0px; text-align: justify; text-indent: 20px; }
#book-contents ul { list-style-type: none; padding-left: 0px; }
#book-contents ul li:before { content: "\00BB \0020"; }
#book-sub-contents { width: 500px; position: relative; height: 20px; }
#prev-chapter { position: absolute; left: 0px; }
#next-chapter { position: absolute; right: 0px; }
#book-text img.float-right { margin: 5px 0px 5px 15px; float: right; border: 1px solid silver; background-color: #f5f5f5; }
#book-text img.float-left { margin: 5px 15px 5px 0px; float: left; border: 1px solid silver; background-color: #f5f5f5;}
/*********** стили форм комментариев и отзывов ***********/
#post-comments { background-color: #f5f5f5; height: 225px; padding: 20px; border: 1px dotted silver; }
#post-comments p { margin: 0px 0px 1px 0px; padding: 0px; }
#post-comments-left { float: left; text-align: right; }
#post-comments-left p { margin: 3px 0px 8px 0px; }
#post-comments-right { float: right; }
/*********** бронирование ***********/
#fast-reply { background-color: #f5f5f5; padding: 0 20px; border: 1px dotted silver; margin: 10px 0px; }
html>body #fast-reply { padding: 20px; }
#order-hotel { position: relative; }
#fast-reply div.order-field { position: relative; margin-bottom: 3px; width: 42em; text-align: right; }
#order-wishes { position: relative; margin-top: 3px; width: 42em; text-align: left; }
#fast-reply div.order-field input { width: 24em; border: 1px solid silver; }
/* #fast-reply select { border: 1px solid silver; } */
#fast-reply textarea { border: 1px solid silver; width: 100%; }
#submit { text-align: right; }
/* #submit input { background-image: url(''); border: none; width: 115px; height: 16px; margin-top: 2px; }*/
#submit input { margin-top: 3px; width: 14em; }
label.overlabel { color:#999; color: #666666; text-align: right; }
label.overlabel-apply { position: absolute; top: 3px; left: 5px; z-index: 1; color: #999; }
/*********** навигация по сайту ***********/
#navigation { position: absolute; top: 260px; left: 20px; width: 180px; margin: 0; padding: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #CCC; }
#navigation ul { margin: 0; }
#navigation ul a:link, #navigation ul a:visited { display: block; padding: 5px 5px 5px 10px; text-decoration: none; }
#navigation ul a:hover { color: #f85507; }
#navigation ul ul { padding: 0 0 5px 7px }
#navigation ul ul a:link, #navigation ul ul a:visited { padding: 0; color: #999; font-size: 9px; }
#navigation ul ul a:hover { color: #bad286; }
#navigation ul ul li { border-top: 1px dotted #FFF; }
#navigation li { border-bottom: 1px dotted #FFF; border-top: 1px dotted #CCC; }
#navigation li.first { border-top: 1px dotted #CCC; }
/************** промо-колонка **************/
#headlines { position: absolute; top: 220px; right: 20px; width: 180px; margin: 0; padding: 0; }
#headlines ul { list-style-type: none; margin: 0; padding: 5px 0px; text-align: left; }
#headlines li { display: inline; }
/*********** пока не используются ***********/
.weekdays { font-size: 8px; word-spacing: 7px; text-transform: uppercase; }
.weekdays-eng { font-size: 8px; word-spacing: 2px; text-transform: uppercase; }
.digits { font: 12px Georgia, Serif; color: #000; }
.red {font-size: 14px; color: #FF0000; }
#calendar td.holiday a:link, #calendar td.holiday a:visited { background-color: #FFF; }
#calendar-full td.holiday a:link, #calendar-full td.holiday a:visited { background-color: #FFF; }