/* 1. Pager - page container 2. Main - content container 3. Content - */ /* -- all media -- */ @media all { * { margin:0; padding:0; border:0; } html, body { width:100%; min-width:1000px; height:100%; background:#ffeed7; font:normal 15px/18px Georgia; text-align:center; } * html, * body { width:100%; height:100%; } /* -- Template backgrounds -- */ .template6 { background:url(/i/img/tmp/gridlines_6b.gif) top center repeat-y; } .bbc { background:url(/i/img/tmp/bbc.gif) top center repeat-y; } .bbc_r { background:url(/i/img/tmp/bbc_r.gif) repeat; } /* -- Fix PNG -- */ .iePNG, IMG { filter:expression(fixPNG(this)); } .iePNG A { position: relative; } /* -- Default settings -- */ ul, ol { list-style:none outside } .hidden { display:none !important; } .error { font-weight: bold; color: #f00; } .center { text-align: center; } .block { display:block; } /* -- Default links style -- */ a { text-decoration:underline; color:#945a44; } a:hover { text-decoration: none; } a img { border: none; } a.overlay { color: #65737d; text-decoration: none; } /* -- Default content -- */ .header { padding: 10px 0 10px 0; } .header a { display: block; height: 24px; font: normal 24px Arial; line-height: 24px; color: #324451; } .date { font:normal 11px/15px Georgia; } .a_text { font: normal 12px/20px Arial; color: #545353; } /* -- Default Form styles -- */ input, select, textarea { display: block; height:16px; margin:2px 0; padding:3px 4px 1px 4px; border:solid 1px #6e4d3b; background:#fff2e2; line-height:16px; } /* -- Font styles -- */ .bold { font-weight:bold } /* -- Default colors -- */ .black, .color_0 { background:#000 !important } .white, .color_f { background:#fff !important } .color_01 { background:#4d4d4d !important } .color_02 { background:#909090 !important } .color_03 { background:#ddd !important } .color_90bcdd { background:#90bcdd !important } .color_4dddbc { background:#4dddbc !important } .color_ffffdd { background:#ffd !important } .red { color: #d00; } /* -- Transparency styles / step 10% -- */ .opacity1 { filter:alpha(opacity=10); -moz-opacity:0.1; KhtmlOpacity:0.1; opacity:0.1; } .opacity2 { filter:alpha(opacity=10); -moz-opacity:0.1; KhtmlOpacity:0.1; opacity:0.1; } .opacity3 { filter:alpha(opacity=30); -moz-opacity:0.3; KhtmlOpacity:0.3; opacity:0.3; } .opacity4 { filter:alpha(opacity=40); -moz-opacity:0.4; KhtmlOpacity:0.4; opacity:0.4; } .opacity5 { filter:alpha(opacity=50); -moz-opacity:0.5; KhtmlOpacity:0.5; opacity:0.5; } .opacity6 { filter:alpha(opacity=60); -moz-opacity:0.6; KhtmlOpacity:0.6; opacity:0.6; } .opacity7 { filter:alpha(opacity=70); -moz-opacity:0.7; KhtmlOpacity:0.7; opacity:0.7; } .opacity8 { filter:alpha(opacity=80); -moz-opacity:0.8; KhtmlOpacity:0.8; opacity:0.8; } .opacity9 { filter:alpha(opacity=90); -moz-opacity:0.9; KhtmlOpacity:0.9; opacity:0.9; } /* -- Pager / page container -- */ #pager { min-width:974px; height:100%; min-height:100%; text-align:left; } #pager.registration, #pager.profile { width:974px; margin:0 auto; background:url(/i/img/bg/reg_pro.jpg) 30% 30px no-repeat; } #header { height:72px; } #header h1 { display:block; float:left; width:662px; padding-top:10px; font:normal 34px/36px Georgia; color:#5d3628; } #header h1 strong { font:normal 21px/36px Georgia; color:#a89479; } #header h1 span { font:normal 35px/40px Georgia; } #header #tmenu { background:none; padding:26px 0 26px 686px; } /* -- Inner Page / Profile / Registration -- */ #pager div.container { display:block; width:662px; } /* -- Profile -- */ #pager div.avatar { float:left; width:130px; } #pager div.avatar a.avatar { display:block width:130px; height:170px; margin-bottom:10px; } #pager div.avatar img { width:130px; height:170px; } #pager div.avatar a.edit { display:block; font:normal 11px/14px Georgia; text-decoration:none; text-align:center; color:#5d3628; } #pager ul.info { display:block; margin-left:140px; } #pager ul.info li { display:block; font:normal 15px/20px Georgia; } #pager ul.info li.name, #pager ul.info li.bday, #pager ul.info li.city { height:30px; font:bold 15px/30px Georgia; } #pager ul.info span.undln { text-decoration:underline; } #pager ul.info li.about { padding-top:10px; } #pager ul.info li.about span.undln { font-weight:bold; } /* -- Profile -- */ #pager.registration { } /* -- Header / Slogan -- */ #slogan { position:absolute; min-width:800px; width:auto; left:200px; right:0px; } #slogan h1 { padding:2px 13px 0 0; font:normal 64px/70px Georgia; color:#fff; text-align:right; } #slogan span.shadow { position:absolute; top:0px; right:14px; font:normal 64px/70px Georgia; color:#5d3628; text-align:right; } #slogan p { display:block; clear:right; float:right; width:214px; margin-right:4px; padding-top:14px; font:normal 15px/21px Georgia; } #slogan p span { font:normal 50px/52px Georgia; } #slogan p span.left { float:left; height:80px; margin:-20px 0 0 -20px; } #slogan p span.left2 { float:left; height:130px; margin:-20px 0 0 -20px; } #slogan p span.right { float:left; margin:-38px 0 0 100px; } #slogan p span.right2 { float:left; margin:-38px 0 0 110px; } /* -- Header / Slogan -- */ #flash_tv { position:absolute; top:126px; left:628px; width:104px; height:100px; } /* -- Main Grid template -- */ #main { list-style:none outside; margin:0 13px; padding-bottom:10px; } /* -- Content / left right text -- */ #content { display:table; table-layout:fixed; width:100%; } #content ol.trow { display:table-row; } #text, #right, #left { display:table-cell; vertical-align:top; } #text { min-width:574px; width:auto; } /* -- Header / TMenu -- */ #tmenu { display:block; padding:298px 26px 56px 284px; background:url(/i/img/bg/body.jpg) 0 -292px no-repeat; text-align:right; } #tmenu li { display:block; float:left; height:20px; } #tmenu li.sprt { width:1px; } #tmenu li.sprt img { width:1px; height:12px; background:#5d3628; } #tmenu a { display:block; float:left; padding:0 5px; font:normal 11px/20px Georgia; text-decoration:none; color:#5d3628; } #tmenu a:hover { text-decoration:underline; } /* -- Text / News -- */ #text ul.news { padding:0 14px; } #text ul.news li.block { position:relative; display:block; margin-bottom:30px; padding:10px; border:solid 1px #d3bb9b; background:#f4dec2; } #text ul.news strong.author { display:block; font:bold 11px/17px Georgia; color:#5d3628; } #text ul.news a.author { color:#5d3628; } #text ul.news span.date { font:normal 11px/17px Georgia; color:#000; } #text ul.news h2, #text ul.news h2 a { display:block; font:normal 25px/30px Georgia; color:#5d3628; } #text ul.news p { min-height:190px; height:auto !important; height:190px; padding:10px 0 0 0; } #text ul.news p img { border:solid 3px #5d3628; } #text ul.news img.left { float:left; margin:0 10px 10px 0; } #text ul.news a.comments { position:absolute; right:10px; bottom:-20px; display:block; height:20px; padding:0 12px; background:#d3bb9b url(/i/img/bg/body.jpg) 0 -104px; font:bold 10px/20px Verdana; text-decoration:none; } /* -- Text / News 2 colums -- */ #news_clm { display:block; margin:0 0 0 0; } #news_clm tr { } #news_clm td.colum { width:50%; padding:10px; border:solid 1px #cdb59b; background:#e4caae; vertical-align:top; } #news_clm td.colum a.author { color:#5d3628; } #news_clm td.colum h2 { padding:5px 0; font:normal 20px/22px Georgia; } #news_clm td.colum h2 a { color:#5d3628; } #news_clm td.colum img { display:block; width:149px; height:110px; margin:10px 0; border:solid 3px #5d3628; } #news_clm td a.comments { position:relative; top:-14px; right:10px; display:block; float:right; height:20px; padding:0 12px; background:#d3bb9b url(/i/img/bg/body.jpg) 0 -104px; font:bold 10px/20px Verdana; text-decoration:none; } /* -- Text / News inner page -- */ #text ul.news_f { display:block; margin:0 14px; } #text li.news_f.title { display:block; width:100%; min-height:190px; height:auto !important; height:190px; padding:10px 0; border:dashed 1px #d3bb9b; background:#5d3628; } #text li.news_f.title img { display:block; float:left; width:240px; height:180px; margin:0 10px 0 10px; border:solid 3px #fff; } #text h2.news_f.title { padding:10px 10px 0 260px; font:bold 32px/34px Georgia; color:#fff;} #text h2.news_f.title strong { display:block; float:left; margin-top:10px; border-top:solid 1px #fff; font:bold 11px/15px Georgia; } #text li.news_f.text { display:block; text-align:justify; padding:10px; border:solid 1px #d3bb9b; border-top:none; background:#f4dec2 url(/i/img/bg/pechat.gif) 100% 100% no-repeat; font:normal 15px/19px Georgia; } #text li.news_f.text h3 { padding-bottom:10px; font:normal 19px/23px Georgia; } #text li.news_f.text img { margin:5px 0; } #right, #left { width:200px; } /* -- Left colum -- */ #left {} /* -- Left / Authorization -- */ #left dl.authorization { padding:20px 0 20px 30px; } #left dl.authorization label, #left dl.authorization a.forgotten { display:block; height:12px; font:bold 10px/12px Verdana; color:#5d3628; } #left dl.authorization input { display: block; width:134px; height:16px; margin:2px 0 6px 0; padding:1px 4px 1px 4px; border:solid 1px #6e4d3b; background:#fff2e2; font:normal 14px/15px Courier New; } button.submit { height:20px; padding:0 12px; background:#d3bb9b url(/i/img/bg/body.jpg) 0 -104px; font:bold 10px/20px Verdana; text-decoration:none; } /* -- Left / Registration -- */ #left a.registration { margin:0 0 0 30px; font:normal 14px/20px Georgia; text-decoration:underline; color:#5d3628; } #left a.registration:hover { text-decoration:none; } /* -- Left / Send Text -- */ #left a.send_text { display:block; width:156px; margin:28px 0 0 15px; color:#5d3628; } #left a.send_text span { display:block; height:36px; margin-top:-8px; font:normal 17px/17px Georgia; text-align:center; text-decoration:underline; overflow:hidden; } #left a.send_text:hover span { text-decoration:none; } #left a.send_text img { display:block; width:156px; height:116px; background:#5d3628 url(/i/img/bg/body.jpg) -400px -167px; } /* -- Left / Occurs -- */ #left ul.occurs { display:block; padding:66px 0 0 0; } #left ul.occurs li, #left ul.subjects li { display:block; padding:0 0 0 20px; } #left ul.occurs li a.link, #left ul.subjects li a.link { margin:0 0 0 2px; font:normal 16px/20px Georgia; text-decoration:none; } #left ul.occurs li a.link:hover, #left ul.subjects li a.link:hover { text-decoration:underline; } #left ul.occurs li.head { display:block; height:22px; padding:0 0 10px 0 !important; } #left ul.occurs li.head a, #left ul.occurs li.head img { display:block; height:22px; padding:0 !important; background:url(/i/img/bg/body.jpg) -200px -221px; } /* -- Left / Subjects -- */ #left ul.subjects { display:block; padding:30px 0 0 0; } #left ul.subjects li.head { display:block; height:22px; padding:0 0 10px 0 !important; } #left ul.subjects li.head a, #left ul.subjects li.head img { display:block; height:22px; padding:0 !important; background:url(/i/img/bg/body.jpg) 0px -221px; } /* -- Left / Editorial -- */ #left ul.editorial {} /* -- Editorial / Block head -- */ #left ul.editorial li.head { display:block; height:40px; } /* #left ul.editorial li.head a, #left ul.editorial li.head img { display:block; height:40px; background:url(/i/img/bg/body.jpg) 0 -243px; } */ /* -- Editorial / Author -- */ #left ul.editorial a.author { display:block; height:26px, padding:0 10px; background:#e7d2ba; text-decoration:none; color:#000; } #left ul.editorial a.author strong { height:26px; margin:0 10px; font:normal 15px/26px Georgia; text-decoration:underline; } #left ul.editorial a.author:hover strong { text-decoration:none; } #left ul.editorial a.author span { font:bold 15px/26px Georgia; } #left ul.editorial p { display:block; padding:10px 8px; border:solid 1px #e7d2ba; border-top:none; font:normal 12px/14px Georgia; color:#000; } /* -- Editorial / title -- */ #left ul.editorial span.title { display:block; height:26px, padding:0 10px; background:#e7d2ba; text-decoration:none; color:#000; } #left ul.editorial span.title strong { height:26px; margin:0 10px; font:normal 15px/26px Georgia; text-decoration:none; } /* -- Editorial / Block Title -- */ #left ul.editorial a.title { display:block; text-decoration:none; color:#000; } #left ul.editorial a.title:hover { text-decoration:underline; } #left ul.editorial a.title img.typex { display:block; width:180px; opacity: 0.7; fiter: alpha(opacity=70) } #left ul.editorial a.title:hover img.typex { background-position:0 0; opacity: 1; filter: none;} #left ul.editorial a.title img.typey { display:block; width:180px; height:269px; background-position:0 -269px; } #left ul.editorial a.title:hover img.typey { background-position:0 0; } #left ul.editorial a.title strong { display:block; padding:10px 0; font:bold 14px/16px Georgia; text-transform:uppercase; } #left ul.editorial a.title span { display:block; font:bold 12px/14px Georgia; text-transform:none; } /* -- Right colum -- */ #right { padding-top:354px; } /* -- Right / Reviews & Views -- */ #right ul.reviews {} /* -- Reviews & Views / Block head -- */ #right ul.reviews li.head, #right ul.views li.head { display:block; height:40px; } #right ul.reviews li.head a, #right ul.views li.head a, #right ul.reviews li.head img, #right ul.views li.head img { display:block; height:40px; background:url(/i/img/bg/body.jpg) 0 -243px; } /* -- Reviews & Views / Author -- */ #right ul.reviews a.author, #right ul.views a.author { display:block; height:26px, padding:0 10px; background:#e7d2ba; text-decoration:none; color:#000; } #right ul.reviews a.author strong, #right ul.views a.author strong { height:26px; margin:0 10px; font:normal 15px/26px Georgia; text-decoration:underline; } #right ul.reviews a.author:hover strong, #right ul.views a.author:hover strong { text-decoration:none; } #right ul.reviews a.author span, #right ul.views a.author span { font:bold 15px/26px Georgia; } #right ul.reviews p, #right ul.views p { display:block; padding:10px 8px; border:solid 1px #e7d2ba; border-top:none; font:normal 12px/14px Georgia; color:#000; } /* -- Reviews & Views / Block Title -- */ #right ul.reviews a.title, #right ul.views a.title { display:block; text-decoration:none; color:#000; } #right ul.reviews a.title:hover, #right ul.views a.title:hover { text-decoration:underline; } #right ul.reviews a.title img.typex, #right ul.views a.title img.typex { display:block; width:180px; opacity: 0.7; fiter: alpha(opacity=70) } #right ul.reviews a.title:hover img.typex, #right ul.views a.title:hover img.typex { background-position:0 0; opacity: 1; filter: none;} #right ul.reviews a.title img.typey, #right ul.views a.title img.typey { display:block; width:180px; height:269px; background-position:0 -269px; } #right ul.reviews a.title:hover img.typey, #right ul.views a.title:hover img.typey { background-position:0 0; } #right ul.reviews a.title strong, #right ul.views a.title strong { display:block; padding:10px 0; font:bold 14px/16px Georgia; text-transform:uppercase; } #right ul.reviews a.title span, #right ul.views a.title span { display:block; font:bold 12px/14px Georgia; text-transform:none; } /* -- Right / Views -- */ #right ul.views { margin-top:20px; } #right ul.views li.head a, #right ul.views li.head img { background:url(/i/img/bg/body.jpg) -200px -243px; } /* -- Comments -- */ #comments { padding:28px 0 0 0px; } #comments dt.cmnt { font:bold 15px/30px Georgia; } #comments dt.cmnt a.author { text-decoration:underline; color:#000; } #comments dt.cmnt span.time { font:normal 12px/30px Georgia; } #comments dd.cmnt { display:block; margin-bottom:30px; padding:10px; border:solid 1px #d3bb9b; background:#f4dec2; } #comments dd.cmnt em { display:block; padding:22px 0 22px 28px; font:italic 15px/26px Georgia; } #comments dd.cmnt em img { position:relative; width:23px; height:22px; background:url(/i/img/bg/body.jpg) -103px 0; } #comments dd.cmnt em img.laquo { margin:0px 10px -6px -28px; } #comments dd.cmnt em img.raquo { margin:0 0 -4px 5px; background-position: -126px 0; } #comments dt.cmnt.type0 { margin-left:0; } #comments dd.cmnt.type0 { margin-left:10px; } #comments dt.cmnt.type1 { margin-left:10px; } #comments dd.cmnt.type1 { margin-left:20px; } #comments ul.buttons { display:block; float:right; height:20px; padding:0 12px; margin:10px -2px -32px; 0; background:#d3bb9b url(/i/img/bg/body.jpg) 0 -104px; } #comments ul.buttons li { display:block; float:left; padding:0 2px; font:bold 10px/20px Verdana; color:#85655a; } #comments ul.buttons li a { padding:0 2px; text-decoration:none; color:#85655a; } /* -- Comments / Answer form -- */ #comments dd.answer { margin-bottom:29px; } #comments dd.answer fieldset { border:solid 1px #d3bb9b; } #comments dd.answer legend { margin:0 10px; padding:0 10px; font:normal 24px/30px Georgia; color:#d3bb9b; } #comments dd.answer textarea { display:block; width:94%; height:114px; margin:0 10px 20px 10px; padding:10px 10px 0 10px; border:none; background:#ffeed7; font:normal 15px/19px Georgia; overflow:auto;} #comments dd.answer button { position:relative; top:-20px; height:38px; margin:0px 0 0px 10px; padding:0 10px; border:solid 1px #d3bb9b; background:#f4dec2; font:normal 20px/38px Georgia; color:#d3bb9b; cursor:pointer; } #comments label.checkbox { display:block; float:right; height:20px; margin: 0px 0 0px 0; padding-right:10px; font:normal 12px/20px Georgia; color:#85655a; cursor:pointer; } #comments label.checkbox input { float:left; width:12px; height:12px; margin:5px 5px 0 0; border:solid 1px #85655a; } #comments dd.answer_nli { margin-bottom:29px; } #comments dd.answer_nli fieldset { border:solid 1px #d3bb9b; } #comments dd.answer_nli legend { margin:0 10px; padding:0 10px; font:normal 24px/30px Georgia; color:#d3bb9b; } #comments dd.answer_nli textarea { display:block; width:94%; height:114px; margin:0 10px 20px 10px; padding:10px 10px 0 10px; border:solid 1px #6e4d3b; background:#ffeed7; font:normal 15px/19px Georgia; overflow:auto;} #comments dd.answer_nli input { display:block; width:94%; height:22px; margin:0 10px 20px 10px; padding:10px 10px 0 10px; border:solid 1px #6e4d3b; background:#ffeed7; font:normal 17px/19px Georgia; overflow:auto;} #comments dd.answer_nli button { position:relative; top:-20px; height:38px; margin:0px 0 0px 10px; padding:0 10px; border:solid 1px #d3bb9b; background:#f4dec2; font:normal 20px/38px Georgia; color:#d3bb9b; cursor:pointer; } /* -- Footer -- */ #footer { width:100%; height:249px; } #footer a.contact { position:absolute; left:50%; margin:80px 0 0 120px; display:block; width:132px; height:32px; padding-left:10px; border:solid 1px #5d3628; border-left:none; font:normal 14px/32px Georgia; text-decoration:none; text-align:center; } #footer a.contact img { position:absolute; display:block; width:255px; height:167px; margin:-119px 0 0 -265px; background:#feeab9 url(/i/img/bg/body.jpg) -301px 0; } /* -- Paginator -- */ .paginator { padding-left:305px; margin-top:14px; } .paginator table { border-collapse:collapse; width:100%; } .paginator table td { padding:0; white-space:nowrap; } .paginator span { display:block; padding:7px 0 15px 0; color:#1f1810; } .paginator span em, .paginator span a { padding:0 0 0 10px; font:normal 16px/20px Verdana; } .paginator span em { font-style:normal; } .paginator .scrollbar { width:100%; height:20px; position:relative; } .paginator .scrollbar .line { width:100%; height:3px; background:#d9c0a2; overflow:hidden; } .paginator .scrollbar .slider { position:absolute; width:3px; height:3px; top:0; left:0; font-size:1px; background:#433323; } .paginator .scrollbar .current_page_point { position:absolute; top:0; left:0; width:3px; height:3px; overflow:hidden; background:#ff6c24; } .paginator .scrollbar .slider_point { position:absolute; top:-4px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url(/i/img/dirty/slider.gif) no-repeat 50% 50%; cursor:pointer; cursor:hand; } #total_pages { position:relative; top:-60px; width:100px; height:58px; padding:0 10px 0 185px; background:#f4e1c8; text-align:right; color:#7f6241; } #total_pages strong { font:normal 18px/40px Verdana; } #total_pages span { display:block; margin-top:-6px; font:normal 10px/12px Verdana; } /* -- Fix Scroll -- */ #scroll_fix { position:absolute; top:600px; left:999px; bottom:1px; width:1px; height:1px; z-index:1000; } /*\*//*/ #text,#right,#left {display:inline-block;float:left;} #footer {clear:left;} /**/ } /* -- Print media -- */ @media screen, handheld { .printOnly { display:none; } } @media print { html, body, { } }