body {margin: 0; padding: 0; background: #333; font-family: Arial, Verdana, sans-serif, Tahoma}
/*div {box-sizing: border-box; -moz-box-sizing: border-box}*/
.clear {clear: both}
img {border: 0}
.error {clear: both !important; color: #FF6600!important}
.orange {color: #FF6600!important; font-size: 100% !important; margin: 0!important}
.bigger {color: #FF6600!important; font-size: 120% !important; display: inline !important}
hr {border: 0; height: 1px; background-color: #999; margin: 5px 20px 5px 30px;}
.inline-image {border: none!important; display: inline!important; float: none!important; vertical-align: bottom!important; margin:0!important; padding:0!important}

form {width: 340px; padding: 0; margin-top:  0; margin-bottom: 0; color: #ccc; }
form fieldset {border: 0; padding: 0; margin: 0}
form span, form label {display: block; margin: 4px 0 2px 0; color: #ccc; font-size:78%!important;}
form .marginize {margin-top: 10px}
form input {font-size: 68%; width: 220px}
form img {margin: 4px 10px 10px 0 !important}
form .turingcheck {width: 50px; margin: 5px 0 0 0}
form textarea {margin-bottom: 3px; font-family: Arial, Times New Roman, Verdana, Tahoma; font-size: 68%; color: #333; overflow: auto; width: 300px}
form .error {margin-left: 0 !important; padding-left: 0 !important}
#submit {width: auto !important; margin: 5px 0 10px 0; padding: 0}
#search {width: auto; margin: 7px 0 18px 0}
#search input {width: 68%}
#search .submitbutton, #submitbutton {width: auto !important}


dl {margin-left: 30px}
dd {margin-top: 10px}
dt {font-weight: bold}
dd,dt {color: #ccc; font-size: 78%;}
.resources dd {margin-bottom: 10px!important}
.resources span {display: inline!important}

#profile {margin-left: 0!important}
#profile dt {clear: both!important}
#profile i {display: block; margin-top: 7px!important}

#top, #main, #bottom, .advblock {clear: both; width: 96%; margin-left: auto; margin-right: auto}
#top {height: 100px; overflow: hidden}
#top h1, #top h2 {position: absolute; color: #fff; font-size: 10px; height: 10px; margin: 20px 0 0 20px; padding: 0; font-weight: normal; width: 160px; overflow: hidden}
#top img {position: absolute; margin: 20px 0 0 20px}
#top ul {display: block; float: right; height: 30px; margin: 45px 20px 0 0; _margin: 45px 10px 0 0; padding: 0}
#top ul li {display: inline; padding: 0 0 0 15px; margin: 0 0 0 1.5em; background: url(/sys_pix/bul.gif); background-repeat: no-repeat; background-position: left}
#top ul li a {font-size: 78%; color: #999}

.extra {color: #FFFF66 !important}

.tagul {display: none}

#main {background: url(/sys_pix/bg_top.jpg); background-repeat: repeat-x}
#main h1 {color: #fff; font-size: 100%; margin: 0 0 24px 0}


.topcorner {height: 42px; width: 100%; background: url(/sys_pix/bg_top_left.jpg) left top; background-repeat: no-repeat}
.topcorner img {float: right}

/* frames structure */
.content {float: left; width: 75%}
	#watchit {width: 99%; height: 170px; margin: 0 0 10px 0}
	#last-article {margin: 0 20px 21px 30px; padding: 10px 0 10px 0; border-bottom: solid 1px #666}
	.left {float: left; width: 52%;}
	.right {float: left; width: 48%;}
.menu {float: right; width: 25%}

/*yad*/
.menu table form {width: 116px!important}
.menu table input {width: 50px!important}
.menu table img {margin:0!important}
.menu table a, .menu table map, .menu table area {color: #fff!important}
/*yad*/
/* end offrames structure */

.left h1, .left form, .left p, .left ul, .left h3, .left pre, .left h2 {margin-left: 30px !important}
.left h1 a, .right h1 a {color: #fff; text-decoration: none; border-bottom: dashed 1px #fff}
.comment {margin: 0 0 0 30px}
.left h1 a.extra, .right h1 a.extra, #last-article .extra {border: none!important}
.left img, .right img {float: left; margin: 0 20px 30px 30px; border: 1px solid #9F9F9F}
.right img {margin-left: 0}
.left img.big {margin-bottom: 10px; _margin-bottom: 0}
.left h2, .right h2 {color: #fff; font-size: 80%; padding: 3px 10px 7px 0; margin: 0}
.left h2 {padding: 3px 0 7px}
.left h2 a, .right h2 a {color: #fff; text-decoration: none}
.left h2 a:hover, .right h2 a:hover {border-bottom: 1px dashed #fff}
.left h3 {color: #fff; font-size: 80%}
.left span, .right span {color: #999; font-size: 78%; display: block;}
.left span a, .right span a  {font-size: 90%; line-height: 160%}
.left pre, .right pre {border-left: solid 1px #ccc; color: yellow; padding: 0 0 0 10px;}

.left span.date, .right span.date   {clear: both; display: block}
.left span.date {margin: 25px 10px 4px 30px;}
.left span.date a, .right span.date a {font-size: 78%; color: #CCFF99}
.left span.date img, .right span.date img {vertical-align: middle; float: none; clear: both; border: none; margin: 0 0 0 10px; padding: 0}
.left p, .right p {color: #ccc; font-size: 78%; margin-right: 20px; margin-top: 3px}
.right span.date   { margin: 25px 10px 4px 0}
.right p {margin-right:	15px}
.left p img, .right p img {vertical-align: middle; float: none; clear: both; border: none; margin: 0; padding: 0}
.left a, .right a {color: #ccc; text-decoration: underline}
.left a.light, .right a.light {color: yellow}
.left ul, .left ol, .right ul, .right ol  {color: #ccc; font-size: 78%; padding: 0}
.left ol {margin-left: 50px}
.right ul {margin: 0 30px 20px 0}
.left ul li, .right ul li {list-style: none; margin: 7px 0 7px 0; padding: 0 0 0 15px; background: url(/sys_pix/bul.gif); background-repeat: no-repeat; background-position: left}
.left ul li span, .right ul li span {display: inline; color: #CCFF99; font-size: 100%; margin: 0; padding: 0}
.left ol li, .right ol li {padding: 7px 0 7px; margin: 0}
img.last {margin-bottom: 0}

.left .fwd {display: block; height: 20px; margin: 0 0 0 35px; padding: 7px 0 0 0}
.left .fwd li {display: inline; line-height: 20px; margin: 0; padding: 0; color: #ccc; font-size: 90%; background: none}
.left .fwd li.one {width: 30px; margin-right: 5px; _margin-right: 2px}
.left .fwd li.two {text-align: right; width: 30px; margin-left: 5px; _margin-left: 2px}
.left .fwd li.big {width: 27px; margin: 0 3px 0 0; color: #ccc}
.left .fwd li.doub {margin-left: 5px; _margin-left: 2px}

.menu img {margin: 3px 0 10px 10px}
.menu h1 img {margin: 0 0 0 10px; vertical-align: middle}
.menu h1 a {color: #fff}
.menu ul {margin: 0 30px 20px 0; padding: 0; border-top: 1px solid #5E5E5E; color: #ccc; font-size: 78%;}
.menu li {margin: 0; padding: 5px 0 5px 8px; list-style: none; border-bottom: 1px solid #5E5E5E; color: #ccc}
.menu li a {color: #ccc; font-size: 100%; text-decoration: none}
.menu li a:hover {border-bottom: 1px dashed #ccc}
.menu li span {color: #CCFF99}
.menu li i {font-size: 100%; color: #999}
.menu p a {font-size: 78%; color: #999}
.menu .diff {margin: 0}

.advblock {padding: 0 0 0 30px}
.advblock ul {display: block; width: 23%; float: left; list-style: none; margin: 0 15px 0 0; padding: 0; font-size: 68%;color: #ccc}
.advblock h4 {color: #ccc; font-weight: normal; font-size: 90%; margin-bottom: 7px}
.advblock a {color: #ccc}
.advblock a:first-letter {text-transform: uppercase;}

#bottom {background: url(/sys_pix/bg_bot.jpg); background-repeat: repeat-x; height: 101px}
#bottom a {color: #999; text-decoration: none}
#bottom .botcorner {float: left; height: 101px; _height: 50px; width: 300px; padding-top: 55px; padding-left: 20px; background: url(/sys_pix/bg_bot_left.jpg) left top; background-repeat: no-repeat; font-size: 68%; color: #999}
#bottom .rightcorner {float: right; height: 101px; _height: 50px; padding-top: 55px; padding-right: 10px; background: url(/sys_pix/bg_bot_right.jpg) right top; background-repeat: no-repeat; font-size: 68%; color: #999}
#bottom .rightcorner a {border-bottom: 1px dotted #999}
#bottom .rightcorner a.imgrss {border: 0; vertical-align: middle}
#bottom .rightcorner .counter {vertical-align: middle; margin: 5px 0; height: 15px; width: 15px}

#bottom ul {margin: 0; padding: 0}
#bottom li {margin: 0 0 0 10px; padding: 0 10px 0 0; font-size: 100%; display: inline; border-right: 1px solid #999}
#bottom li.last {border: none}
#bottom li img {margin-right: 7px}
#bottom .copyright {display: block; margin: 7px 0 0 10px;}