/*----->>>>> Globals Reset <<<<<-----*/ * { margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; } ol, ul { list-style: none} table { border-collapse: collapse; border-spacing: 0; border:none} a {border: 0; text-decoration:none} #gototop { display:none; font-weight:bold; font-size:10px; width:70px; background:url(/img/b/ico.gif) 3px 3px no-repeat #eceff5; color:#3b5998; font-size:11px; text-decoration:none; position:fixed; right:5px; bottom:5px; padding:7px 7px 7px 30px; } #gototop:hover { text-decoration:underline; } #map_canvas { width: 300px; height: 200px; margin-top: 30px; border: 1px solid #999; } #adbook { padding-top:20px } #test-qt {padding-bottom:5px; font-size:16px; color:#905900} #test-img {width:300px; margin-right:20px; float:left; border:2px solid #ccc} #test-img img {display:block} #tests-vars {display:block; width:233px; float:left} #tests-vars ul li{padding-left:25px; font-size:14px; line-height:24px; background:url(/img/left-bullet.gif) 0px 9px no-repeat #fff;} #tests-lst {padding:10px 0 10px 10px} .test-item {display:block; width:90px; float:left; padding:10px 12px 10px 0} #wrong-answer {padding-bottom:5px; font-size:16px; color:#F00} #right-answer {padding-bottom:5px; font-size:16px; color:#F00} .arrow {width:17px; height:60px; float:left; cursor:pointer} .def {cursor:default !important;} #to-left-pas {background:url(/img/left-pas.gif) 0px 0px no-repeat #fff; margin:10px 12px 10px 0} #to-left {background:url(/img/left.gif) 0px 0px no-repeat #fff; margin:10px 12px 10px 0} #to-right-pas {background:url(/img/right-pas.gif) 0px 0px no-repeat #fff; margin:10px 0} #to-right {background:url(/img/right.gif) 0px 0px no-repeat #fff; margin:10px 0} .img {display: block; width:91px; height: 62px; float: left; margin: 0 5px 0 0; border: 1px solid #ccc} .h5 {height: 5px !important;} .blogger {display:block; width:250px; min-height:200px; float:left; margin-right:28px; margin-bottom:20px; border:1px solid #ccc} .blogger img {display:block; border:none} .blogger strong {display:block; padding:5px; font-size:14px} .blogger div {padding:5px 10px; font-size:13px; text-indent:20px} .blogger h2 {} /*----->>>>> Globals Classes <<<<<-----*/ .clear {clear:both !important; padding:0; margin:0; overflow:hidden; height:0; font-size:0} .ajax-loader { background: #fff url('/img/ajax-loader.gif') no-repeat 50% 50% } .ajax-loader-small { background: #fff url('/img/ajax-loader-small.gif') no-repeat 50% 50% } .gallery {width:140px; float:left} .gallery img {border: 1px solid #ccc} .simg {cursor:pointer} #main-img {width:250px; float:left; padding:0 9px} #main-img img {border: 1px solid #ccc} /*--- VOTING ---*/ #voting-box {width:150px; height:105px; float:left; padding-top:60px; margin-left:10px} #voting-rate {font-size:36px; text-align:center} #voting {margin-bottom:5px} #voting .star-box {display:block; width:30px; height:30px; float:left; cursor:pointer; background:url(/img/zero.gif) no-repeat top left;} .full {background:url(/img/full.gif) no-repeat top left !important} .overflow {overflow:hidden !important} .pointer {cursor:pointer !important} .indent {text-indent:20px !important} .bold {font-weight:bold !important} .normal {font-weight:normal !important} .none {display:none !important} .block {display:block !important} .inline {display:inline !important} .float-left {float:left !important} .float-right {float:right !important} .left {text-align:left !important} .right {text-align:right !important} .center {text-align:center !important} .border {border:1px solid #F00 !important} .no-border {border:none !important} .no-margin {margin:0 !important} .no-padding {padding:0 !important} .upper {text-transform:uppercase !important} .lower {text-transform:lowercase !important} .capitalize {text-transform:capitalize !important} .no-transform {text-transform:none !important} .underline {text-decoration:underline !important} .no-decoration {text-decoration:none !important} a {color:#999;} a:hover {color:#657BB5;} #content a {color:#657BB5; font-weight:bold} h1, h2, h3, h4 {color:#000} h1 {font-size:24px} h2 {font-size:18px} h3 {font-size:16px} h4 {font-size:14px} #search {display:block; padding:0 0 50px 0;} #keyword {color:#999; } .btn-left {display:block; float:left; width:20px; height:20px; border:1px solid #ccc; background:#657bb5; color:#fff; margin-left:10px} .fld-left {display:block; float:left; width:170px; padding:0 5px; height:18px; border:1px solid #ccc; background:#fff;} .btn {display:block; float:left; width:60px; height:20px; border:1px solid #ccc; background:#657bb5; color:#fff; text-transform:capitalize} .fld {display:block; float:left; width:150px; padding:0 5px; height:18px; border:1px solid #ccc; background:#fff;} .blue {color:#657BB5 !important} .blue_lang {color:#657BB5 !important} .brown {color:#905900 !important} .doc-box {width:277px; height:100px; margin-bottom:10px} .doc-box img {display:block; float:left; border:1px solid #ccc; margin-right:5px} .relative {position:relative !important} .mb20 {margin-bottom:20px !important} .more-box {} .more-box a {display:block; width:70px; padding:0 10px; float:right; text-align:right; color:#905900; text-decoration:underline} .more-box a:hover {text-decoration:none} .more-box .title {width:170px; padding:0 10px; float:left; text-align:left; color:#905900; font-weight:bold; font-size:13px; text-transform:uppercase } .mt5 {margin-top:4px} .fs14 {font-size:14px} .date {font-size:14px; color:#625f5e; margin-bottom:10px} /*@font-face { font-family: "MyriadProCond"; src: url('MyriadPro-Cond.otf') }*/ .sifr { font-family: "Arial AMU", "Arian AMU", Sylfaen !important; font-weight:bold } .am { font-family:"Arial AMU", "Arian AMU", Sylfaen !important; } .red {color: #990000 !important} /*----->>>>> LAYOUT <<<<<-----*/ body {background:#FFF; color:#625F5E} #container {width:1000px; margin:0 auto; overflow:hidden} #header {height:12px; padding:4px 0 10px 223px; } #top-block { height: 72px; } #wrapper {width:858px; float:left; border-right:1px solid #d0cfcf; border-bottom:1px solid #d0cfcf; background:url(/img/b/g.gif) repeat-y 222px 0px; position:relative; z-index:1} #adv-border {width:3px; height:80px; position:absolute; top:0; right:-2px; z-index:3; /*background: #FFF*/} #left-col {width:222px; padding:10px 0 0 0; margin-right:1px; float:left; overflow:hidden;} #central-col {width:635px; min-height:950px; float:left; overflow:hidden; } #right-col {width:130px; padding-left:10px; float:left; overflow:hidden} #content {width:635px; position:relative; padding-top:10px} #footer {padding-bottom:10px; overflow:hidden} /*--- HEADER ---*/ #header-left {width:277px; float:left} #header-left h1 {display:inline; font-size: 10px; color: #667AB3} #header-right {width:500px; float:right; text-align:right} #home-link {display:block; width:222px; height:72px; float: left; position:relative} #log-go {display:block; width:222px; height:59px; background:url(/img/logo.jpg) #FFF no-repeat bottom left;} #main-menu { display:block; width:776px; height:72px; float: left; background:url(/img/menu-bg-rep.jpg) repeat-x top left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #main-menu li {width:129px; height:72px; float:left; line-height:72px; text-align:center} #main-menu li a {display:block; width:120px; height:72px; font-size:14px; font-weight:bold} /*--- LEFT COL ---*/ #left-menu {overflow:hidden; width:210px} #left-menu li {display:block; line-height:30px; text-transform:capitalize} #left-menu li a {display:block} #left-menu .toggler {background:#fff url(/img/left-menu-bullet.gif) no-repeat 6px 0px; padding-left:20px; cursor:pointer; border-bottom: 1px dotted #ccc} #left-menu .active-menu-item {background:#fff url(/img/left-menu-bullet-up.gif) no-repeat 6px 0px; color:#657BB5; cursor:pointer} .element {} .element li {height:24px !important;} .element li a{line-height:16px !important; color: #999} #inner-menu {} #inner-menu li {background:#fff url(/img/left-menu-bullet.gif) no-repeat 0px -2px; padding-left:20px; cursor:pointer; border-bottom: 1px dotted #ccc} #inner-menu li a {display:block; font-size:14px; line-height:24px; font-weight:bold} #sub-menu {padding-right:10px} #sub-menu li {padding-left:30px; cursor:pointer; height:30px} #sub-menu li a {display:block; font-size:14px; line-height:32px; font-weight:bold} #consults {width:223px; height:35px; padding:15px 0; background:url(/img/consults.jpg) no-repeat top right; margin:15px 0 5px 0;} #consults a {display:inline-block; width:100px; float:left; color:#fff !important; font-size:14px; margin-left:10px; } #consults a:hover {color:#999 !important;} #consult-box {display:inline-block; width:103px; height:13px; padding:40px 0 40px 120px; background:url(/img/consult.jpg) no-repeat top right; color:#fff; font-size:14px; margin-bottom:5px; text-transform:uppercase} #consult-box:hover {color:#999 !important;} #news-events {display:inline-block; width:103px; height:12px; padding:33px 0 40px 120px; background:url(/img/mama-bg.jpg) no-repeat top right; color:#fff; font-size:14px; margin-bottom:5px} #news-events:hover {color:#BF9C00 !important;} #sex-life {display:inline-block; width:103px; height:12px; padding:33px 0 40px 120px; background:url(/img/sex-bg.jpg) no-repeat top right; color:#fff; font-size:14px; margin-bottom:5px} #sex-life:hover {color:#8F5900 !important;} #minister {display:inline-block; width:103px; height:50px; padding:15px 0 0 120px; background:url(/img/minister.jpg) no-repeat top right; color:#fff; font-size:14px; margin-bottom:5px} #minister:hover {color:#999 !important;} #useful-library { display:inline-block; width:101px; height:45px; padding:30px 0 0 120px; background:url(/img/useful-library.jpg) no-repeat top right; color:#fff; font-size:16px; margin-bottom:5px; } #useful-library:hover {color:#999 !important;} .news-box {} .news-date {color:#72706f; padding:0 5px 0 10px; font-size:14px} .news-box p {color:#c9ab26; padding:0 5px 0 10px; margin:10px 0} /*--- CENTRAL COL ---*/ #adv-central-block {height:60px; padding:10px; margin-bottom:5px; border-bottom: 1px solid #ccc} .top-banner {width: 300px; height:60px; float: left; margin-right: 10px; border: 1px solid #CCC; overflow: hidden;} .top-banner a {display: block; height:60px; margin:0; padding:0;} .top-banner img {border: none; display: block;} .central-box {width:285px; min-height:745px; padding:15px 15px 0 15px; float:left} .events {background:url(/img/events-bg.jpg) no-repeat 20px 0} .consult {background:url(/img/consult-bg.jpg) no-repeat 20px 0} .events-item {margin-left:10px; margin-top:20px; padding-bottom:10px; height:62px; border-bottom: 1px dotted #ccc;} .events-item a {display:block; font-weight:normal !important;} .events-item .title {width:170px; float:left; font-size:14px; color:#bf9c00;} .events-item p {color:#905900} .consult-item-top {padding-left:10px; margin-top:20px; height:62px; font-family: "Arial AMU", "Arian AMU", Sylfaen; font-size: 12px; border-bottom: 1px dotted #ccc; padding-bottom:10px; } .consult-item-top .question {color:#667ab3; font-family: "Arial AMU", "Arian AMU", Sylfaen; font-size: 12px; text-indent:20px} .consult-item-top .answer {color:#625F5E; font-family: "Arial AMU", "Arian AMU", Sylfaen; font-size: 12px; text-indent:20px} .consult-item {padding-left:10px; margin-top:20px; font-family: "Arial AMU", "Arian AMU", Sylfaen; font-size: 12px; } .consult-item .date {font-size:14px; color:#625f5e; margin-bottom:10px; font-family: "Arial AMU", "Arian AMU", Sylfaen; font-size: 12px} .consult-item .question {color:#667ab3; font-family: "Arial AMU", "Arian AMU", Sylfaen; font-size: 12px; text-indent:20px} .def { margin-bottom:40px; margin-top:60px; font-size: 13px !important} .consult-item .answer {color:#625F5E; font-family: "Arial AMU", "Arian AMU", Sylfaen; font-size: 12px; text-indent:20px} #content-box {width:568px; margin:0 auto; padding:20px; background:url(/img/content-top.jpg) no-repeat top left} #content-box h2 {color:#905900; font-size:18px; font-weight:normal; margin-bottom:30px; text-align:left} #content-box-bottom {width:598px; height:77px; background:url(/img/content-bottom.jpg) no-repeat top left !important} #paging {text-align:right; margin-top:20px} #paging a {font-size:14px; text-decoration:underline; cursor:pointer} #paging a:hover {text-decoration:none;} #paging a.activePage {color:#657BB5; text-decoration:none;} #contact-us {text-align:right; padding-right:10px} #contact-us label {display:block; line-height:16px; margin-bottom:5px} #contact-us input {width:350px; height:16px; border:1px solid #ccc} #contact-us textarea {width:450px; height:80px; border:1px solid #ccc} #blog-comment {text-align:right; padding-right:10px; padding-top:20px} #blog-comment label {display:block; line-height:16px; margin-bottom:5px} #blog-comment input {width:350px; height:16px; border:1px solid #ccc} #blog-comment textarea {width:450px; height:80px; border:1px solid #ccc} .column {width:278px; float:left; padding:30px 0} .column a {font-size:15px; line-height:21px} /*--- RIGHT COL ---*/ #langs {text-align:center; text-transform:uppercase; margin-top:10px; ; position:absolute; top:-30px; } .adv {width:125px; height:auto; margin-top:10px; border: 1px solid #CCC} .adv a {display: block;} .adv img {border:none !important; display: block;} .adv object {display: block;} .adv-box {display:block; width:123px; height:113px; padding-top:100px; margin-top:10px; font-size:14px; text-align:center;} .adv-bottom-box {display:block; width:273px; height:43px; padding-top:30px; border:1px solid #657BB5; font-size:14px; text-align:center} /*--- FOOTER ---*/ #footer-adv {width:860px; height:75px; padding:10px 0 20px 0; position:relative} #footer-counter {width:100px; height:70px; position:absolute; top:10px; right:-130px; overflow:hidden} .bottom-adv {width:275px; height:75px; float:left; margin-right:12px; border: 1px solid #CCC;} .bottom-adv a {display: block;} .bottom-adv img {border:none !important; display: block;} #footer-left {width:223px; float:left} #footer-central {width:440px; float:left} #footer-central a {font-size: 11px;} #footer-right {width:335px; float:right; text-align:right} .left-info {width:275px; float:left; text-align:right; padding-right:10px; color:#657BB5} .right-info {width:280px; float:left; text-align:left;} .left-text {width:150px; float:left; text-align:right; padding-right:15px; color:#657BB5} .right-text {width:400px; float:left; text-align:left;} .top-adv-box { display: block; width:100%; height:30px; padding-top: 30px; text-align: center; } #events-calendar { width: 201px; padding: 10px; background: #f3f3f3; margin: 10px 0; } #events-calendar-title { height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #667AB3; } #events-calendar-top { text-align: center; } #events-calendar-month { display: inline-block; font-size: 14px; font-style: italic; color: #667AB3; padding: 2px 5px; } #events-calendar-prev, #events-calendar-next { display: inline-block; font-size: 14px; color: #667AB3; border: 1px solid #667AB3; padding: 2px 5px; } #events-calendar-weekdays { margin: 5px auto; border-collapse: separate !important; border: 1px solid #FFF; } .weekday { font-size: 10px; width: 24px; height: 24px; text-align: center; vertical-align: middle; border: 1px solid #F3F3F3; background: #FFF; } .today { color: #BF9C00 !important; } .ev { background: #667AB3; } .ev a { color: #FFF; } .nbr { border-right: none; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } .nbl { border-left: none; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } .botadv-box { padding-top: 30px; text-align: center; height: 30px; }