/* font-family: (шрифт без засечек), Arial, Helvetica, sans-serif; font-family: (шрифт с засечками), "Times New Roman", Times, serif; font-family: (моноширинный шрифт), "Courier New", Courier, monospaced; */ /* Общее */ body {background-color: black; padding: 0; margin: 0; background: url('../img/background.jpg') -150px 0;} a {color: #7cba24; text-decoration: none;} a:hover {color: #98e52b; text-decoration: underline;} p {text-indent: 15px; margin-bottom: 10px;} /* Шаблон */ #maindiv {width: 100%; text-align: center;} #maindiv_childholder {width: 1000px; border-left: 1px solid #323232; border-right: 1px solid #323232; margin: auto;} #headdiv {width: 1000px; text-align: left; height: 302px; background: url('../img/head.jpg') no-repeat;} #guestbook_head {width: 1000px; text-align: left; height: 302px; background: url('../img/guestbook_h.jpg') no-repeat;} #friends_head {width: 1000px; text-align: left; height: 302px; background: url('../img/friends_h.jpg') no-repeat;} #gallery_head {width: 1000px; text-align: left; height: 302px; background: url('../img/gallery_h.jpg') no-repeat;} #menudiv {width: 770px; padding-left: 10px; height: 25px; margin: auto; margin-top: 0; margin-left: 135px; text-align: left;} #headsmalllink {display: block; position: absolute; width: 20px; height: 20px; margin: -20px 4px;} #contactslink {display: block; position: absolute; width: 20px; height: 20px; margin: 8px 4px;} #fcilink {display: block; position: absolute; margin: 155px 752px; width: 100px; height: 100px;} #contdiv {width: 1000px; background: #353535; text-align: center;} #contdiv #pagediv{width: 860px; text-align: left; padding: 20px 0 20px 0; margin: auto;} .breadcrumbs {padding: 20px 0 20px 60px; text-align: left; color: white; font-family: Verdana; font-size: 18px;} .breadcrumbs a {font-family: Verdana; text-decoration: underline; font-size: 18px; color: white;} .breadcrumbs a:hover {text-decoration: none;} #pagediv, #pagediv td {color: white; font-family: Verdana; font-size: 14px;} #pagediv td {padding: 2px;} #pagediv td td {padding: 0;} #footdiv {width: 1000px; height: 260px; text-align: left; background: url('../img/footer.jpg');} #monline {display: block; position: absolute; width: 160px; height: 45px; margin: 213px 7px;} #vline_top, #vline_bottom {padding: 0;} #vline_top div {position: absolute; background: url('../img/vline_top.jpg') no-repeat; height: 200px; width: 4px; z-index: 2;} #vline_bottom div {position: absolute; background: url('../img/vline_bottom.jpg') no-repeat; height: 200px; width: 4px; z-index: 2; margin-top: -190px;} /* Страница входа, префикс ep_ (entry page) */ #ep_maindiv {width: 100%; text-align: center; height: 750px;} #ep_bgdiv {display: block; position: relative; text-align: left; width: 1024px; height: 750px; background: url('../img/ep_bg.jpg'); margin: auto;} #ep_main, #ep_news, #ep_male, #ep_female, #ep_scat, #ep_dogs, #ep_photos, #ep_forsale, #ep_links, #ep_forum, #ep_contacts {display: block; position: absolute; background: none;} #ep_main {margin: 235px 509px; width: 74px; height: 27px;} #ep_main:hover {margin: 235px 509px; width: 74px; height: 27px; background: url('../img/menu.jpg');} #ep_news {margin: 270px 618px; width: 75px; height: 23px;} #ep_news:hover {margin: 270px 618px; width: 75px; height: 23px; background: url('../img/menu.jpg'); background-position: 0 -27px;} #ep_male {margin: 342px 679px; width: 69px; height: 23px;} #ep_male:hover {margin: 342px 679px; width: 69px; height: 23px; background: url('../img/menu.jpg'); background-position: 0 -50px;} #ep_female {margin: 424px 707px; width: 50px; height: 23px;} #ep_female:hover {margin: 424px 707px; width: 50px; height: 23px; background: url('../img/menu.jpg'); background-position: 0 -73px;} #ep_scat {margin: 508px 693px; width: 69px; height: 22px;} #ep_scat:hover {margin: 508px 693px; width: 69px; height: 22px; background: url('../img/menu.jpg'); background-position: 0 -96px;} #ep_dogs {margin: 577px 648px; width: 88px; height: 38px;} #ep_dogs:hover {margin: 577px 648px; width: 88px; height: 38px; background: url('../img/menu.jpg'); background-position: 0 -118px;} #ep_photos {margin: 625px 575px; width: 49px; height: 22px;} #ep_photos:hover {margin: 625px 575px; width: 49px; height: 22px; background: url('../img/menu.jpg'); background-position: 0 -156px;} #ep_forsale {margin: 635px 462px; width: 94px; height: 23px;} #ep_forsale:hover {margin: 635px 462px; width: 94px; height: 23px; background: url('../img/menu.jpg'); background-position: 0 -178px;} #ep_links {margin: 594px 361px; width: 71px; height: 22px;} #ep_links:hover {margin: 594px 361px; width: 71px; height: 22px; background: url('../img/menu.jpg'); background-position: 0 -201px;} #ep_forum {margin: 451px 294px; width: 59px; height: 20px;} #ep_forum:hover {margin: 451px 294px; width: 59px; height: 20px; background: url('../img/menu.jpg'); background-position: 0 -223px;} #ep_contacts {margin: 373px 302px; width: 85px; height: 25px;} #ep_contacts:hover {margin: 373px 302px; width: 85px; height: 25px; background: url('../img/menu.jpg'); background-position: 0 -243px;} /* Главная */ .imgfloat {float: left; margin: 7px; border: 1px solid #131313;} #vertical_line_main {width: 3px; height: 645px; background: url('../img/vertical_line.jpg');} #mainpagetable {margin: auto;} #mainpagetable td {padding: 0;} #mainpagetable .columns {padding: 10px;} /* Новости */ #pagediv .datetd {font-size: 14px; color: #d87333;} #pagediv .titletd {font-size: 14px; color: #7cba24;} /* Собаки */ h3 {font-size: 14px;} #dogstable {width: 860px;} #dogstable img {border: 2px solid #161616;} #pagediv .dog_name {color: #7cba24; font-weight: bold;} #pedigree {position: relative; width: 860px; z-index: 1; height: 830px; background: url('../img/tree.gif'); vertical-align: top;} #pedigree img {display: block; position: absolute;} #self {display: block; position: absolute; margin: 334px 8px; } #father {display: block; position: absolute; margin: 181px 295px;} #f-grandfather {display: block; position: absolute; margin: 80px 548px;} #f-f-greatgrandfather {display: block; position: absolute; margin: 15px 785px;} #f-f-greatgrandmother {display: block; position: absolute; margin: 145px 785px;} #f-grandmother {display: block; position: absolute; margin: 286px 548px;} #f-m-greatgrandfather {display: block; position: absolute; margin: 221px 785px;} #f-m-greatgrandmother {display: block; position: absolute; margin: 351px 785px;} #mother {display: block; position: absolute; margin: 593px 295px;} #m-grandfather {display: block; position: absolute; margin: 491px 548px;} #m-f-greatgrandfather {display: block; position: absolute; margin: 426px 785px;} #m-f-greatgrandmother {display: block; position: absolute; margin: 556px 785px;} #m-grandmother {display: block; position: absolute; margin: 697px 548px;} #m-m-greatgrandfather {display: block; position: absolute; margin: 632px 785px;} #m-m-greatgrandmother {display: block; position: absolute; margin: 762px 785px;} #relative_floatpic {float: left; width: 100px; margin: 3px;} .tooltip {display: none; position: absolute; width: 250px; font-size: 12px; background-color: #393939; border: 2px solid #181818; padding: 5px; z-index: 2;} #father_tooltip {margin: 251px 295px;} #f-grandfather_tooltip {margin: 150px 548px;} #f-f-greatgrandfather_tooltip {margin: 85px 785px;} #f-f-greatgrandmother_tooltip {margin: 215px 785px;} #f-grandmother_tooltip {margin: 356px 548px;} #f-m-greatgrandfather_tooltip {margin: 291px 785px;} #f-m-greatgrandmother_tooltip {margin: 421px 785px;} #mother_tooltip {margin: 663px 295px;} #m-grandfather_tooltip {margin: 561px 548px;} #m-f-greatgrandfather_tooltip {margin: 496px 785px;} #m-f-greatgrandmother_tooltip {margin: 626px 785px;} #m-grandmother_tooltip {margin: 767px 548px;} #m-m-greatgrandfather_tooltip {margin: 702px 785px;} #m-m-greatgrandmother_tooltip {margin: 832px 785px;} #tooltip {display: none; width: 250px; position: absolute; font-size: 12px; background-color: #393939; border: 2px solid #181818; padding: 5px; z-index: 2;} #closetooltip {display: block; float: right; z-index: 3; width: 21px; height: 21px; background: url('../../../img/closebtn.gif') no-repeat; } #closetooltip:hover {background-position: -21px 0;} #dogs_photos {margin: auto;} #dogs_photos td {border: 1px solid white;} #dogs_photos #title {border: none;} #dogs_awards {margin: auto;} #dogs_awards .underdescription {border-bottom: 1px solid #1c1c1c;} #dogs_awards td img {border: 2px solid #1c1c1c;} #dogs_scats {margin: auto;} #dogs_scats td img {border: 1px solid #1c1c1c;} /* Однопометники */ .litter_photo {border: 1px solid #191919;} /* Галерея */ #bigframediv {width: 433px; height: 310px; text-align: center; background-image: url('../img/galleryframe.jpg'); background-repeat: no-repeat; margin: auto;} .gallery_smallframe, .gallery_smallframe_h {text-align: center;} .gallery_smallframe {width: 130px; height: 92px; background: url('../img/galler_small.jpg') no-repeat;} .gallery_smallframe_h {width: 130px; height: 92px; background: url('../img/galler_small_selected.jpg') no-repeat;} .gallery_smallframe img, .gallery_smallframe_h img {margin-left: -1px; margin-top: 18px; border: 0;} #img_big {margin: 15px 39px; z-index: 10;} #loadingAnimation {display: block; position: absolute; width: 203px; height: 18px; z-index: 0; margin: 130px 326px;} .album {float: left; margin-bottom: 50px; width: 286px; height: 190px; background: url('../img/album_bg2.jpg') no-repeat; background-position: center bottom; padding: 0;} .img_link {width: 286px; text-align: center;} .album_img {display: block; position: relative; height: 113px; margin: auto; margin-top: 50px;} .albums_title {display: block; position: absolute; text-align: center; width: 286px;} /* Контакты */ #contactsdiv {margin-left: 150px;} #contactsdiv input, #contactsdiv textarea {border: none;} #uName {background: url('../img/namepassword_input.jpg') no-repeat;} #uName input {margin-left: 6px; height: 16px;} #uEmail {background: url('../img/namepassword_input.jpg') no-repeat;} #uEmail input {margin-left: 6px; height: 16px;} #uMessage {background: url('../img/message_area.jpg') no-repeat;} #uMessage textarea {margin-left: 4px; margin-top: 3px;} #uCaptcha {background: url('../img/captcha_input.jpg') no-repeat;} #uCaptcha input {margin-left: 2px; height: 16px;} #nameInput {width: 200px;} #emailInput {width: 200px;} #messageInput {height: 212px;} #submit_link_с {display: inline; margin-top: 30px; margin-left: -289px; position: absolute; width: 114px; height: 37px; background: url('../img/send_b.jpg');} #submit_link_с:hover {width: 114px; height: 37px; background: url('../img/send_b_h.jpg');} .submit_guest {display: block; width: 114px; height: 37px; background: url('../img/send_b.jpg'); border:0;} #submit_link {display: inline; position: absolute; margin-left: -3px; width: 114px; height: 37px; background: url('../img/send_b.jpg');} #submit_link:hover {width: 114px; height: 37px; background: url('../img/send_b_h.jpg');} #captchaCode {float: left; width: 104px;} #captchaimg {float: left; margin-left: 30px; width: 150px; height: 60px;} /* Гостевая */ #nameInput, #messageInput {border: none;} /* Блоки */ .page_shortcuts {text-align: right;} /* Панель администрирования */ #cabinet_head {font-family: Verdana; font-weight: bold; color: white; padding-top: 3px;} #contdiv #pagediv_cab{text-align: left; padding: 20px 0 20px 0; margin: auto;} #navtd a {font-family: Verdana; font-size: 12px;} .breadcrumbs {padding: 20px 0 20px 60px; text-align: left; color: white; font-family: Verdana; font-size: 18px;} .breadcrumbs a {font-family: Verdana; font-size: 18px; color: white;} .breadcrumbs a:hover {} .wrapper2 {border: 1px solid white;}