* {padding:0; margin:0}
html,body {height: 100%; width: 100%; min-width: 1007px; max-width:1300px}
body	{background: #fff; font: 100.01% verdana, Arial, Helvetica, sans-serif; color: #2a3b76}
*:first-child+html html, *:first-child+html body {min-width: 1003px}

a:link, a:visited, a:active {color: #0000ee; text-decoration: none} 
a:hover {color: #ff9a00; text-decoration: underline} 
a:focus {outline:none} 

img {border:0}

.none {display:none}
p.anchor {height:1px; overflow:hidden; width:100%; line-height:0 !important; margin:0 !important} 
.dots {background : url(../i/dots.gif) 0 0 repeat-x; width: 100%; height:1px; overflow:hidden; clear:both} 

/* Контейнер всего содержимого кроме подвала */
#layout {width: 95.4%; margin:0 auto; min-height: 100%; text-align:left}
* html #layout, * html #layout_content {height: 100%}
html:root #layout {width: 95.1%}
html:first-child #layout {width: 96%}

/* Контейнер основной полосы */
#layout_content {position: relative; min-height: 100%}
.container {width: 100%; overflow: hidden; padding:5px 0 30px}
.container img.logo {width: 300px; height:47px}
.container object, embed {display:none !important; height:0;}

#nav, #subnav, #path, #content #rightblock, .tabs, div.interface, .pintech, object  {display:none !important} 

#index {width: 100%; overflow: hidden; padding-bottom:90px}

#index #leftblock {width: 60%; float: left}
#index #rightblock {width: 35%; float: right; clear:right} 

#index #leftblock h1 {font-size:0.7em}
#index #leftblock p.news {font-size:0.7em; margin:5px 0 17px; padding-bottom:15px; background : url(../i/dots.gif) 0 100% repeat-x; width:100%; overflow: hidden}
#index #leftblock p {font-size:0.7em; margin-top:5px}
#index #leftblock .archive {padding-top: 10px; text-align: right; font-size: 0.7em; font-weight: bold}
#index h2 {padding:2px 0 2px 20px; color:#2a3b76; font-size: 0.7em}
#index #leftblock h2 {background: #A0CC69 url(../i/login_icon.gif) no-repeat}
#index #leftblock h2 {margin:20px 0}
#index #leftblock dl dt {font-size: 0.7em; font-weight: bold}
#index #leftblock dl dd {font-size: 0.7em; margin:10px 0 25px}
#index #leftblock dl dd p {font-size: 1em; margin-bottom:10px}
#index #leftblock dl dd ul {margin-top:7px; list-style:none}
#index #leftblock dl dd li {color:#686768; font-size: 1em; padding-bottom:7px; line-height:1.3}

#index #rightblock .box {border:1px solid #A0CC69; padding:0 10px 15px; margin:7px 0 10px} 
#index #rightblock .box .box_bottom {height:6px; margin:0; background: url(../i/box_bottom.gif) 97% 0 no-repeat; z-index:10; position:relative; bottom:-18px} 

#index #rightblock .box .title {background:#fff; margin:0; text-align:center; color:#2a3b76; font-size: 0.7em; position:relative; top:-10px; left:3px; width:11em; padding:0 3px; font-weight:bold} 
#index #rightblock .news .title {left:-2px; width:5.5em} 
#index #rightblock p {font-size: 0.7em} 
#index #rightblock .news {margin-bottom:35px; padding:0 15px 15px} 
#index #rightblock .news p {text-align:center; overflow:hidden; width:100%} 
#index #rightblock .news p img {width: 140px; height:104px; margin: 15px 15px 10px 0 !important; float:none}
#index #rightblock .news p img.right {margin: 15px 0 10px !important}
#index #rightblock h2 {margin:10px -5px 20px; background-color:#A0CC69; background-repeat: no-repeat}
#index #rightblock h2.dvd {background-image:  url(../i/disc.gif)}
#index #rightblock h2.book {background-image: url(../i/fire.gif)}
#index #rightblock .box div {margin-bottom: 20px; overflow:hidden; width:100%}
#index #rightblock .box img {float: left; width: 120px; margin-right:10px}
#index #rightblock h1 {font-size: 0.7em; margin-bottom:5px}
#index #rightblock div div p a:link, #index #rightblock div div p a:visited, #index #rightblock div div p a:hover, #index #rightblock div div p a:active {color: #2a3b76; text-decoration:none}
#index #rightblock .archive {text-align: right; font-size: 0.7em; font-weight: bold; width:100%; display:block; padding-bottom:15px}

#index #articles {border:1px solid #A0CC69; margin-top:20px; padding-bottom:15px} 
#index #articles .title {background:#fff; text-align:center; color:#2a3b76; font-size: 0.7em; position:relative; top:-10px; left:13px; width:11.5em; font-weight:bold} 
#index #articles div {text-align:center; font-size: 0.7em} 
#index #articles div img {width:160px; height:100px; margin:15px 12px 10px 12px} 
#index #articles ul {list-style-type:none}
#index #articles ul li {display:inline; background: url(../i/dvd.gif) left top no-repeat; padding: 0 4px 0 8px}
#index #articles ul li.first {background:none}
#index #articles .box_bottom {height:6px; margin:0; background: url(../i/box_bottom.gif) 97% 0 no-repeat; z-index:10; position:relative; bottom:-18px} 
* html #index #articles {padding:0 0 8px} 

#content {width:100%; overflow:hidden; padding-bottom:55px}
#content #leftblock {width:100%; overflow:hidden; padding:5px 20px 15px 0}

#content h1 {border-bottom: 1px solid #ccc; font:bold 0.7em verdana; padding-bottom:7px; margin-bottom: 15px; color: #636563}
#content h1 span {color:#ff9900}
#content img.left {margin: 3px 20px 12px 0; float: left; clear:left}
#content img.right {margin: 3px 0 12px 20px; float: right; clear:right}

.section {width:100%; float: left; clear:both; background: url(../i/dots.gif) 0% 100% repeat-x; margin-bottom: 20px; padding-bottom:20px}
.section div {width:32%; float: left; clear:none; background: transparent; margin-right:12px}
.section div  h1 {border:0 !important; margin-bottom:0 !important}
.section div img {float: left; width: 120px; margin-right: 10px}
.section div  p {margin:0; font-size:0.7em}

.anons {overflow:hidden; padding:10px 0; background: url(../i/dots.gif) left bottom repeat-x}
.anons img {float:left; margin-right:15px}
.anons h2 {font-size:0.7em}
.anons p {padding:5px 0 0; font-size:0.7em;}
div.right {width:48%; float:right; clear:right}
div.left {width:48%; float:left; clear:left}

.article  #leftblock {width:100% !important}
.article  #leftblock p {line-height:1.3em; font-size:0.7em; margin:0 0 15px}
.article  #leftblock ul {margin:-5px 0 15px 25px; padding: 0}
.article  #leftblock ul li {font-size: 0.7em; line-height:1.3; list-style-type:disc; margin: 7px 0 0; padding:0} 
.article  #leftblock ol {margin:-5px 0 15px 25px; padding: 0}
.article  #leftblock ol li {font: 0.7em/1.3em verdana; margin: 7px 0 0; padding:0} 
.article  #leftblock p.quest {margin:0 0 5px; font-weight:bold}

.photo  #leftblock {width:100% !important; float:none !important; background:none !important}
.photo  #leftblock div {width:930px; overflow:hidden}
.photo  #leftblock img {margin:10px; float:left}

.faq  #leftblock {width:100% !important; float:none !important; background:none !important}
.faq  #rightblock {display:none}
.faq  .appendix {display:none}

#content #leftblock dl {font-size: 0.7em}
#content #leftblock dl dt {font-weight: bold}
#content #leftblock dl dd {margin:10px 0 25px}
#content #leftblock dl dd p {font-size: 1em !important; margin:0 0 10px}
#content #leftblock dl dd ul {margin:7px 0 0; list-style:none}
#content #leftblock dl dd li {color:#686768; font-size: 1em; line-height:2em}
#content #leftblock dl dd li span {font:1.2em 'Courier New'}
#content #leftblock dl dd li span span {font-size:0.9em !important}

#topics {width:100%; overflow:hidden}
#topics p {color:#686768; line-height:2em; font-size:0.7em; white-space:nowrap}
#topics p span {font:1.2em 'Courier New'}
#topics p span span {font:0.7em verdana}
#topics p.new {background: url(../i/new_comm.gif) no-repeat scroll 0pt 55%; padding-left:15px}

#profile_out {width:100%; float:left; clear:both}
#profile_out .profile_in {border-bottom:1px solid #e5e5e5; font-size:0.7em}
#profile_out .profile_in p {text-align:right; margin:0 0 10px}
#profile_out .profile_in div {zoom:1; overflow:hidden; padding:0.7em; border-top:1px solid #e5e5e5}
#profile_out .profile_in .color {background:#fafafa}
#profile_out .profile_in div span.left {width:20%; float:left; font-weight:bold}
#profile_out .profile_in div span.right {padding:0 0 0 21%; display:block}
#profile_out #topics {background: transparent url(../i/dots.gif) left bottom repeat-x; padding:0 0 10px}
#leftblock #profile_out .appendix {margin:0; background: transparent url(../i/dots.gif) left bottom repeat-x}
#leftblock #profile_out p.anchor {display:none}

#content .profile_form .row {width:100%; overflow:hidden; padding:6px 0; text-align:left}
#content .profile_form .color {background:#fafafa}
#content .profile_form label {width:20%; float:left; line-height:1.5em; padding:0 0 0 0.3em}
#content .profile_form .row div {float:right; clear:right; width:79%}
#content .profile_form input.text {width:14.6em; float:left; padding: 3px 0 3px 4px; font-size:1.02em}
#content .profile_form input.error {border: 1px solid #994949; margin:0; color: #990000; background-color: #FBE7E7; font-weight:normal}
#content .profile_form input.full {width:97%}
#content .profile_form select {color:#2a3b76; width:15.4em; padding: 2px 0; font:1em verdana; border: 1px solid #A0CC69}
html:root #content .profile_form select {width:15.4em}
html:first-child #content .profile_form select {width:15em; height:1.7em}
#content .profile_form input.submit {float:left; width:7em}

.appendix {background: url(../i/dots.gif) 0 0 repeat-x; width:100%; overflow:hidden; clear:both; padding:5px 0; font-size:0.7em; line-height:1.3em}
#leftblock .appendix {background: none; margin:-18px 0 0}

/* Message styles
***************************************************************/
p.title {background: #E1E2E1 url(../i/bkg_gradient.gif) left top repeat-y; padding:7px 0; margin:0 0 15px; font:bold 0.7em verdana; color:#686768; border-bottom:1px solid #ccc}
p.title span {font-weight:normal; float:right; font-style:italic; margin-right:7px}
.message {width: 100%; overflow:hidden; margin: 0 0 17px; background: url(../i/dots.gif) 0 100% repeat-x; font-size:0.7em} 
.message .head {width: 100%; overflow:hidden; margin:0 0 10px; padding:0 0 2px} 
.message .head div {float:left} 
.message .head div strong {font: bold 1.2em verdana; text-decoration: none} 
.message .head span {display:none; float:right; color: #ccc; margin:2px 0 0 8px} 
.message .head .edit {display:none} 
.message .head .edit span {float:none; margin:2px 0 0 4px} 
.message .head .quote {display:none} 
.message .head span a:link, .message .head span a:visited, .message .head span a:hover, .message .head span a:active {color: #ccc; text-decoration:none}
.message .karma {display:inline !important; margin:0 5px 0 0}
.message .karma span {display:inline !important; float:none; margin:0}
.message .karma .plus, .message .karma .minus {display:none !important}
.karma .minus {color:#b00000 !important; margin-right:7px !important}
.karma .like {color:#a0cc69 !important}
.karma .hate {color:#b00000 !important}
.message p {margin: 0 0 10px; line-height:1.3} 
.message p span {font-weight:bold; color:#ff9900} 
.message p a:link, .message p a:visited, .message p a:hover, .message p a:active {text-decoration:underline} 
.message blockquote {font-style:italic; color: #686768; margin:5px 10px 0; padding:0 0 0 10px; border-left: 1px solid #ccc} 
.message p.user {margin:0 0 2px} 
.message div.date {font: 0.9em verdana; padding:5px 0 10px} 
html:first-child .message .karma span.minus {float:none !important}
html:first-child .message .karma span.plus {float:none !important}

#content #polls {background-color:#DEEECA; border: 1px solid #a0cc69; overflow:hidden; margin:20px 0 15px} 
#content #polls form {display:block !important; padding:0; background:none; font-size:1em} 
#content #polls fieldset {padding:0 18% 20px; border: none} 
#content #polls fieldset div {width:100%; overflow:hidden; font-size:0.7em; margin:0 0 7px; padding:0 0 7px; background: url(../i/dots.gif) 0 100% repeat-x;} 
#content #polls fieldset div label {line-height:1em} 
#content #polls fieldset div label input {margin:0 6px 1px 0; float:left} 
#content #polls fieldset div span {display:block; float:left} 
#content #polls fieldset p {text-align:center; margin:15px 0 20px; font-size:0.8em} 
#content #polls fieldset span.variant {width:44%; padding:0 1% 0 2.5%} 
#content #polls fieldset span.count {width:6%; padding:0 2% 0 0; text-align:right} 
#content #polls fieldset span.percent {width:11%; padding:0 0 0 2%; white-space:nowrap} 
#content #polls fieldset span.img {width:30%; background:none !important}
#content #polls fieldset span.img span{background: url(../i/poll.gif) 0 0 repeat; height:13px; border-bottom: 1px solid #000066; border-right: 1px solid #000066} 
#content #polls fieldset p.button {margin:15px 0 0} 
#content #polls fieldset input.submit {width:9em; float:none} 
* html #content #polls fieldset div label input {margin:-4px 3px 1px 0} 
*:first-child+html #content #polls fieldset div label input {margin:-4px 3px 1px 0} 
html:first-child #content #polls fieldset div label input {margin:-2px 6px 1px 0} 

#content p.sky {display:none} 

#content form {display:none} 
#content form p {margin-bottom:5px; padding-right:6px;} 
#content p.error {color:#980000; margin:0 0 15px; font-size:0.7em} 
#content form span.star {color:#980000} 
#content form label {line-height:2.5em} 
#content form textarea {padding:2px 0 2px 4px; width:100%; border: 1px solid #A0CC69; font: 1em/1.3em verdana; color:#2a3b76} 
#content form textarea.error {border: 1px solid #980000} 

#content form input.text {padding:2px 0 2px 4px; border: 1px solid #A0CC69; font: 1em/1.3em verdana; color:#2a3b76} 
#content form .submit {float:right; width:6.5em; margin:0 -6px 0 0; height:2em; color:#2a3b76} 
#content form span.button {width:42px; height:24px; overflow:hidden; float:right; margin: 0 -6px 0 12px; cursor:pointer} 
#content form span.url {background: url(../i/url.gif) 0 0 repeat-x} 
#content form span.img {background: url(../i/img.gif) 0 0 repeat-x} 
html:first-child #content form p {padding:0} 
html:first-child #content form .submit {margin:0} 
html:first-child #content form span.button {margin:0 0 0 6px} 
html:root #content form .submit {padding:0 0 4px} 
* html #content form p {padding:0 } 
* html #content form textarea {width:99%} 
* html #content form .submit {margin:0} 
* html #content form span.button {margin:0 0 0 6px} 

#error {width:70%; overflow:hidden; clear:both; background: #ccc; color:#fff; margin: 2em 0 0.5em; font: bold 2em/3em arial; padding:0 1em; border-left:4px solid #6358F8}
p.error404 {font-size:0.75em}

.mails #rightblock .appendix {background:none; line-height:2em; margin-top:-9px}
.mails #leftblock h1 {margin:0}
.mails #leftblock p {font-size:0.7em}
.mails #leftblock form {font-size:1em}
.mails table {width:100%; border:none; margin:0; font-size:0.7em}
.mails table tr.color {background-color:#f5f5f5}
.mails table th {color:#686768; border-bottom:1px solid #ccc; padding: 5px; font: bold 1em verdana}
.mails table td {border:0 solid #ccc; border-width:0 0 1px; padding: 5px; font: normal 1em verdana !important}
.mails table .title {width:65%}
.mails .head {background: #E1E2E1 url(../i/bkg_gradient.gif) left top repeat-y; padding-top:7px; margin:0 0 15px; font-weight:bold; color:#686768; border-bottom:1px solid #ccc}
.mails .head p {margin-bottom:7px}
.mails .head p span {font-weight:normal; width:6em; float:left}
.mails .reply {border-bottom:1px solid #ccc; padding-bottom: 10px; margin-bottom:20px}
.mails .reply p.own {margin-bottom:10px; font-style:italic; color:#666}
.mails .reply p {line-height:1.4em}

/* Контейнер подвала */
#footer {width: 95.4%; position: relative; margin: -4.5em auto 0 auto; clear: both; border-top: 1px solid #ccc; padding-top:10px; color: #636563; font-size: 0.7em}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #636563; text-decoration:none}
#footer a:hover, #footer a:active {text-decoration:underline}
#footer span {width: auto; float : left}
#footer ul {display:none}
html:root #footer {width: 95.1%}
html:first-child #footer {width: 96%}