/* Theme Name: obl-rada.te.ua Theme URI: http://www.obl-rada.te.ua Description: Default theme for site http://www.obl-rada.te.ua Version: 2.0 Author: Yuriy Naumko Author URI: http://www.naumko.info */ @charset "UTF-8"; body { background:#f6f2e9 url(images/bg.jpg) top no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #4d340b; text-align: left; margin:0; padding:0 10px; } a { color: #e28d01; outline-style: none; } a:hover {color:#e28d01; text-decoration: none;} a img {border: 0px solid #FFFFFF;} form { margin:0;} fieldset { margin:0; padding:0; border:0;} .clearer {height: 1px; font-size: 1px; clear: both; float:none;} .textjustify { text-align: justify; } /* main */ #main { max-width: 1100px; min-width:960px; width: expression(document.body.clientWidth < 980? "960px" : document.body.clientWidth > 1200? "1100px" : "auto"); margin:32px auto 0; border-top: solid 4px #f0e8d7; padding: 13px 13px 30px; } .bg0 { background: #FFFFFF url(images/castle_kremenets.gif) top center no-repeat;} /* logo */ h1 { float: left; overflow: hidden; width: 302px; height: 91px; margin: 3px 0 0 19px; padding: 0; display: inline; background: url(images/logo.gif); cursor: pointer; text-indent: -10000px; } /* lang menu and search*/ .langmenu { float:right; background: url(images/gerb.gif) top left no-repeat; padding: 5px 0 0 186px; color: #beb4a2; margin: 12px 26px 0 0; display: inline; width: 80px} .langmenu a { color: #755c32; text-decoration: none;} .langmenu a:hover {color: #beb4a2;} .search { margin:22px 0 0 -186px;} .search label { float: right;} .search label input {width:25px; height: 22px; background: url(images/search-button.gif) no-repeat; border: none; cursor: pointer;} .search input#sitesearch {border:solid 1px #ebe6db; float:left; padding: 3px 4px 4px 4px; width:225px; color: #978463; font-size: 12px;} /* menu */ #menu { margin: 24px 0 31px 0; background: #f6f2e9; border-top: solid 4px #f0e8d7; height: 41px; padding: 0 33px; font-family: Georgia, "Times New Roman"; text-transform: uppercase; position: relative; } #menu a { display: block; height: 41px; padding:0 18px; line-height: 38px; float: left; color: #755c32; text-decoration: none; background: url(images/menu-border.gif) right no-repeat; } #menu a.last { background: none;} #menu a:hover, #menu a.active { background-color: #f0e8d7;} #menu .sysmenu {position: absolute; right:30px; height: 41px;text-transform: none; font-family: Arial;} #menu .sysmenu a:hover { background: none; color:#4d340b;} /* pathway */ #pathway { margin: -5px 0 28px 0; border-bottom: solid 1px #f0e8d7; padding: 0 42px 10px; position: relative;} #pathway a { text-decoration: none; color: #4d340b;} #pathway a:hover {color:#e28d01;} #pathway a.print { position: absolute; right:44px;} /* content main page */ #content-main { margin: 0 16px; overflow: auto; } #content-main h3 {font-family: Georgia, "Times New Roman"; font-size: 16px; color:#978463; font-weight: normal; border-bottom: solid 1px #f0e8d7; padding: 0 0 10px 14px; margin: 0;} #content-main .container { margin:0 308px 0 0;} #content-main .right-col { width: 264px; padding: 0 0 0 44px; float: left; margin-right: -308px;} #content-main .left-2col { float: left; width: 100%; padding: 25px 0 0 0;} #content-main .left-col { width: 50%; float: left;} #content-main .center-col {width:48%; float: right;} #content-main .title { font-family: Georgia, "Times New Roman"; font-size: 22px; margin: 0 0 30px 10px;} /* content next page */ #content-next { margin: 0 16px; overflow: auto;} #content-next .container { margin:0 0 0 320px;} #content-next .container2 { margin:0 218px 0 290px;} #content-next .left-col { width: 264px; padding: 0 56px 0 0; float: left; margin-left: -320px; display: inline;} #content-next .right-col { width: 100%; float: left;} #content-next .right-col2 { width: 164px; padding: 0 0 0 44px; float: left; margin-right: -218px;} /* content next2 page */ #content-next .container2 .left-col { width: 244px; padding: 0 46px 0 0; float: left; margin-left: -290px; display: inline;} #content-next .container2 #menu2lvl { width: 244px;} #content-next #news { } #content-next #news .list { float: left; width: 100%; margin: 0; } #content-next #news .list a.news {margin: 12px 5px 0; padding: 0 0 22px 10px; overflow: auto;} #content-next h2 {font-family: Georgia, "Times New Roman"; font-size: 24px; color:#50370e; font-weight: normal; border-bottom: solid 1px #f0e8d7; padding: 0 0 10px 14px; margin: 0 0 22px -16px;} #content-next h3 {font-family: Georgia, "Times New Roman"; font-size: 18px; color:#50370e; font-weight: normal;} #content-next h4 {font-family: Arial; font-size: 12px; color:#50370e; font-weight: bold;} #content-next .title { font-family: Georgia, "Times New Roman"; font-size: 20px; color: #755c32; margin: 0 0 0 26px;} /* menu 2nd level */ #menu2lvl {background:#f6f2e9; border-top: solid 4px #f0e8d7; padding: 14px 0 14px 0; margin: 14px 0 19px 0; width: 264px;} #menu2lvl li { list-style: none; font-family: Georgia, "Times New Roman"; font-size: 14px; padding: 0; margin: 0; display: inline} #menu2lvl li a{color:#4d340b; text-decoration: none; display: block; padding: 8px 18px 8px 26px; border-bottom: solid 1px #f0e8d7;} #menu2lvl li a:hover, #menu2lvl li a.active { background: #f0e8d7;} #menu2lvl li a.last { border: none;} #menu2lvl li ul {background: #f0e8d7; padding: 5px 0 10px 50px; margin: 0; } #menu2lvl li ul li a { padding: 5px 0; border: none; font-family: Arial; font-size: 12px;} #menu2lvl li ul li a.active { font-weight: bold;} #menu2lvl li ul li a:hover {color:#e28d01} /* info blocks */ #content-main .infob { background:#f6f2e9; border-top: solid 4px #f0e8d7; padding: 14px 18px; margin: 0 0 19px 0; width: 228px; overflow: auto;} #content-main .infob h3 {color:#4d340b; margin: 0 0 12px 0; border: none; padding: 0;} #content-main .infob a {color:#4d340b; text-decoration: none;} #content-main .infob img { float: left; margin: 0 17px 0 0;} #content-main .infob p { float: right; width: 150px; margin: 0; line-height: 20px;} #content-main .infob span { display: block; width: 7px; height: 7px; float: left; margin:6px 8px 0 0 ; font-size: 1px; display: inline;} #content-main .infob .c1 { background-color: #00d5ff;} #content-main .infob .c2 { background-color: #fffc00;} #content-main .infob .c3 { background-color: #031793;} #content-main .infob .c4 { background-color: #ff2700;} #content-main .infob .c5 { background-color: #942092;} #content-main .infob .c6 { background-color: #ff9400;} #content-main .infob .c7 { background-color: #3da779;} #content-main .infob p br { clear: both;} #content-main .infol { background:#f6f2e9; border-top: solid 4px #f0e8d7; padding: 14px 18px; margin: 0 0 19px 0; width: 228px; overflow: auto;} #content-main .infol h3 {color:#4d340b; margin: 0 0 12px 0; border: none; padding: 0;} #content-main .infol a { display:block; margin: 10px 0px 0px 40px; } /* news */ #news { overflow: auto; width: 100%; margin: 0 0 50px 0;} #news .main { width: 50%; float: left; background-color: #f6f2e9; padding: 26px 0; color: #755c32;} #news .main h2 { font-size:16px; padding: 0; margin: 0 26px 18px 26px;} #news .main h2 a {text-decoration: none; color: #4d340b;} #news .main h2 a:hover {color:#e28d01} #news .main a.img { overflow: hidden; display: block; margin: 0 26px 18px 26px;} #news .main .date { text-transform: uppercase; color: #4d340a; font-size: 11px; margin: 0 26px 18px 26px;} #news .main p { margin: 0 32px; line-height: 16px;} #news .list { float: right; width: 50%; margin: 8px 0 0 0; display: inline;} #news a.news { margin: 22px 20px 0; padding: 0 0 22px 10px; border-bottom: solid 1px #f0e8d7; display: block; text-decoration: none; color:#4d340b; font-size: 14px; } #news a.news .date { text-transform: uppercase; color: #a59478; font-size: 11px; display: block; margin: 0 0 5px 0;} #news a.news img { float: left; margin: 0 18px 0 0;} #news a.last { border: none;} #news a:hover {color:#e28d01} #news a.archive { float: right; color: #9e8c6d; margin: 5px 10px 0 0; text-decoration: none;} #news a.archive:hover {color:#e28d01} #news .article {} #news .article .image { float: left; margin: 0 30px 20px 0; font-style: italic; color:#a59478;} #news .article .image img { margin: 0 0 5px 0;} #news .article .docs h4{ margin: 30px 0 0 0; border-bottom: solid 1px #f0e8d7; padding: 0 0 5px 5px} #news .article .docs a { display: block; margin: 10px 0 10px 30px;} /* news archive menu */ #news-archive { margin: 36px 0 0 20px;} #news-archive h4 { border-bottom: solid 1px #f0e8d7; padding: 0 0 5px 15px; margin-top: 15px;} #news-archive h4 a { display: inline; margin: 0;} #news-archive a { display: block; margin: 5px 35px;color: #4d340b; text-decoration: none;} #news-archive a:hover {color:#e28d01} /* declarations, Announcement, plans */ #content-main .declarations, #content-main .plans{ margin: 20px 14px 0;} #content-main .announcements { margin: 20px 14px 30px;} #content-main .declarations a, #content-main .announcements a, #content-main .plans a { margin: 14px 0; display: block; color:#4d340b; text-decoration: none;} #content-main .declarations a:hover, #content-main .announcements a:hover, #content-main .plans a:hover{color:#e28d01} #content-main .announcements a span { text-transform: uppercase; color: #bdb19c; font-size: 11px;} #content-main .declarations a.archive { float: right; color: #9e8c6d; margin: 0 0 0 0; text-decoration: none;} #content-main .declarations a.archive:hover {color:#e28d01} /* footer */ #footer { max-width: 1068px; min-width:928px; width: expression(document.body.clientWidth < 980? "928px" : document.body.clientWidth > 1200? "1068px" : "auto"); margin:0 auto 32px; background:#ede6d7 url(images/footer-b.gif) bottom no-repeat; padding: 30px 29px 13px; position: relative; height: 135px;} #footer .bl{background: url(images/footer-bl.gif) no-repeat left; height: 36px; width: 455px; position: absolute; bottom: 0; left:0;} #footer .br{background: url(images/footer-br.gif) no-repeat left; height: 36px; width: 455px; position: absolute; bottom: 0; right:0;} #footer .container { margin:0 308px 0 0;} #footer .right-col { width: 264px; padding: 0 0 0 44px; float: left; margin-right: -308px; line-height: 24px;} #footer .left-col { float: left; width: 54%;} #footer .center-col1 { width: 23%; float: left; line-height: 24px;} #footer .center-col2 {width:23%; float: left; line-height: 24px;} #footer a { color:#4d340b; text-decoration: none;} #footer a:hover {color:#e28d01} .navigation a { float: right; color: #9e8c6d; margin: 5px 10px 0 0; text-decoration: none;} .navigation a:hover {color:#e28d01}