html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
p {padding-bottom: 9px;}
html, body {margin: 0; padding: 0; height: 100%; width: 100%; text-align: center;}
html {  background-color: #353565;}
* html #container {height: 100%;}
/*  */
#container, #intro { position: relative; margin: auto; text-align: center; color: #000; min-height: 100%; min-width: 1000px; width: 100%; background: url(../../images/index/back.jpg) top center no-repeat;}

/* #intro { min-height: 850px; } */

#header {position: relative; margin: auto; width: 1000px; height: 125px;}
	#header #title {position: absolute;  top: 20px; right: 135px; width: 472px; height: 73px; background: url(../../images/index/title.png); z-index: 1;}
	#header #title a{display: block; width: 472px; height: 73px;}
	#header #main {position: absolute; top: 66px; right: 265px; width: 48px; height: 50px; background: url(../../images/index/main.png) no-repeat; z-index: 1;}
	#header #main a{display: block; width: 48px; height: 50px;}
	/* #header #news {position: absolute; top: 68px; right: 40px; width: 55px; height: 48px; background: url(../../images/index/news.png) no-repeat; z-index: 1;}
	#header #news a{display: block; width: 55px; height: 48px;} */
	#header #mail {position: absolute; top: 76px; right: 190px; width: 40px; height: 40px; background: url(../../images/index/mail.png) no-repeat; z-index: 1;}
	#header #mail a{display: block; width: 40px; height: 40px;}
	#header #guest {position: absolute; top: 73px; right: 100px; width: 59px; height: 43px; background: url(../../images/index/guest.png) no-repeat; z-index: 1;}
	#header #guest a{display: block; width: 59px; height: 43px;}
	#header #links {position: absolute; top: 76px; right: 10px; width: 59px; height: 43px; background: url(../../images/index/links.png) no-repeat; z-index: 1;}
	#header #links a{display: block; width: 59px; height: 43px;}
#body {position: relative; display: table; margin: auto; width: 1000px;}

#footer {position: relative; margin: auto; width: 1000px; height: 150px; margin-top: -150px; font: normal 10px/10px Tahoma, Arial, Helvetica, Verdana; text-align: left; color: #9B92C8;}
#footer a { line-height: 12px; text-decoration: none; color: #9B92C8; border-bottom: solid 1px;}
#footer a:hover {color: #FFF; border-bottom: dotted 1px;}
	#footer #counters {position: absolute; bottom: 5px; left: 90px; z-index: 1;}
	#footer #counters .counter {position: relative; float: left; margin-right: 31px;}
	#footer #copyright {position: absolute; bottom: 155px; left: 10px; text-align: center; z-index: 1;}
	#footer #tape {position: absolute; top: 0px; margin: auto; width: 1000px; height: 128px; background: url(../../images/index/tape.png) no-repeat; overflow: hidden;}
	#footer #screenshots {position: absolute; display: block; margin-top: 22px; left: 0px; width: 1134px; height: 85px; z-index: 1; background-color: #000;}
	#footer #screenshots img.screenshot {position: relative; float: left; height: 85px; width: 120px; padding-right: 6px; }
	#footer #tape #left {position: absolute; top: 35px; left: 20px;  height: 60px; width: 53px; background: url(../../images/left.png) no-repeat; z-index:3;}
	#footer #tape #right {position: absolute; top: 35px; right: 20px;  height: 60px; width: 53px; background: url(../../images/right.png) no-repeat; z-index:3;}
	#footer #tape a {text-decoration: none; border: none;}
	
	#intro #content {position: relative; display: table; width: 100%; margin: auto; padding-right: 0px; text-align: left;}
	#intro #left {position: relative; float: left; width: 450px; height: 590px;}
	#intro #right {position: relative; margin-left: 450px; }
	#footer #eremin {position: absolute; top: -707px; left: 95px; width: 355px; height: 738px; background: url(../../images/index/eremin.png); z-index: 0;}
	#container #content {position: relative; margin: auto; padding: 0 12px 0 12px; font: normal 14px/16px Tahoma, Arial, Helvetica, Verdana; text-align: left;}
	#container #left {position: relative; float: left; width: 300px; z-index: 1;}
	#container #left .content {position: relative; margin: 0;}
	#container #right {position: relative; margin-left: 312px; background-color: #FFFFFF; background: url(../../images/index/text.png) repeat;}
	#container #right .content {position: relative; margin: 0; padding: 12px; }
#intro #befor_footer {position: relative; width: 100%; height: 150px; margin-top: 0px; z-index: 0;}
#container #befor_footer {position: relative; width: 100%; height: 150px;}

/* #greeting {position: absolute; top: 365px; left: 0px;  height: 189px; width: 239px; background: url(../../images/greeting.png) no-repeat; z-index:3;} */



#menu {position: relative; overflow: hidden; width: 100%; height: auto; text-align: left; font-family: Arial, Tahoma, Helvetica, Verdana; font-size: 14px; font-weight: bold; z-index: 1;}
#menu ul { text-align: left;}
#menu li.menu {display: block; background: url(../../images/index/menu.back.png) 10px no-repeat;}
#menu li.menu a {display: block; margin-top: 5px; padding-left:  60px; height: 54px; line-height: 54px; text-transform: uppercase; text-decoration: none; color: #FFF;}
#menu li.menu a.active, #menu li.menu a:hover { color: #330033;}
#menu #menu1menu {background: url(../../images/index/menu1.png) no-repeat; width: 153px; height: 54px;}
#menu #menu2menu {background: url(../../images/index/menu2.png) no-repeat; width: 153px; height: 54px;}
#menu #menu3menu {background: url(../../images/index/menu3.png) no-repeat; width: 153px; height: 54px;}
#menu #menu4menu {background: url(../../images/index/menu4.png) no-repeat; width: 153px; height: 54px;}
#menu #menu5menu {background: url(../../images/index/menu5.png) no-repeat; width: 153px; height: 54px;}
#menu #menu6menu {background: url(../../images/index/menu6.png) no-repeat; width: 153px; height: 54px;}
#menu #menu7menu {background: url(../../images/index/menu7.png) no-repeat; width: 153px; height: 54px;}
#menu #menu8menu {background: url(../../images/index/menu8.png) no-repeat; width: 153px; height: 54px;}
#menu li.menu#menu1 {margin-left: 10px;}
#menu li.menu#menu2 {margin-left: 60px;}
#menu li.menu#menu4 {margin-left: 70px;}
#menu li.menu#menu5 {margin-left: 10px;}
#menu li.menu#menu6 {margin-left: 60px;}	
#menu li.menu#menu8 {margin-left: 50px;}	
#menu ul#submenu3 {padding-left: 60px; margin-top: -14px;}
#menu ul#submenu4 {padding-left: 130px; margin-top: -14px; }
#menu li.submenu a {display: block; padding: 0 10px; height: 24px; line-height: 24px; font-size: 12px; text-transform: uppercase; text-decoration: none; color: #FFF; background: none;}
#menu li.submenu a.active, #menu li.submenu a:hover { color: #330033;}
#menu li.submenu {position: relative; overflow: hidden; width: 100%; background: url(../../images/index/menu.back.png) no-repeat;}

/* #submenu {position: relative; overflow: hidden; width: 100%; height: auto; font-family: Arial, Tahoma, Helvetica, Verdana; font-size: 12px; font-weight: bold; z-index: 1;}
#submenu ul.submenu  { line-height: 12px; text-align: left; background: url(../../images/index/menu.back.png) repeat;}
#submenu .submenu a {display: block; padding-top: 0px; padding-left:  60px; height: 12px; text-transform: uppercase; text-decoration: none; color: #FFF;}
#submenu a.active, #submenu a:hover { color: #330033;}
#submenu li#submenu0 { position: absolute; top: 20px; margin-left: 10px;} */

#body #h1 { position: relative; overflow: hidden; }
#body #h1 h1 {position: relative; float: right; padding: 3px 6px; font: bold 30px/30px Georgia, Times New Roman; text-transform: uppercase; color: #330033;}

.overflow {overflow: hidden;}



/* overflow-x:auto; */
#guestbook {position: relative; display: table; width: 100%; margin-top: 12px; }
#guestbook form {position: relative; width: 100%; color: #000; }
#guestbook a {color: #000; }
#guestbook a:hover {color: #666;}
#guestbook .count {position: relative; text-align: right; overflow: hidden;}
#guestbook .count .message {position: relative; display: block; float: right; padding: 3px 6px;}
#guestbook .count .number {position: relative; display: block; float: right; padding: 3px 6px; background: #CCC; border: solid 1px #999; }
#guestbook .fields {position: relative; float: left; width: 35%;}
#guestbook .input {overflow: hidden; margin-top: 6px;}
#guestbook .fields label {position: relative; float: right; margin: 3px 12px 0 0;text-align: right;}
#guestbook .fields input {position: relative; float: right; margin-right: 24px; width: 50%;}
#guestbook .fields #captcha {position: relative; float: right; margin-right: 24px; width: 50%; text-align: center;}
#guestbook .fields #renew {position: relative; float: right; margin: 3px 12px 0 0; text-align: right;}
#guestbook .textarea {position: relative; float: right; margin-top: 6px; width: 55%; }
#guestbook .textarea textarea { width: 100%; height: 150px;}
#guestbook label, #guestbook input, #guestbook textarea {font: normal 14px/14px Arial, Tahoma, Helvetica, Verdana;}
#guestbook input, #guestbook textarea { border: solid 1px;}
#guestbook input, #guestbook textarea { color: #666; border-color: #999;}
#guestbook textarea:focus, #guestbook input:focus, #guestbook textarea:hover, #guestbook input:hover {color: #333; background-color: #F2F2F2; border-color: #333;}
#guestbook .submit input { color: #000; background-color: #CCC; border-color: #999;}
#guestbook .submit input:hover { color: #CCC; background-color: #666; border-color: #999;}
#guestbook .submit input { position: relative; float: right; margin-top: 6px; }
#guestbook label.error { color: red; }
#guestbook input.error, #guestbook textarea.error { border: dotted 1px red; }

#guestbook .comment {position: relative; margin: 12px 24px 0 24px; padding-bottom: 6px; border-bottom: dotted 1px;}
#guestbook .comment .signature {font-size: 12px; font-weight: bold; text-align: right; }
#guestbook .comment .text {margin-top: 5px; }
#guestbook .comment .answer {margin-top: 5px; padding: 5px; background-color: #CCC;}
#guestbook .comment .more {margin-top: 5px; }
#guestbook .comment .more a:hover{text-decoration: underline;}
#guestbook .comment .more {position: relative; text-align: left;}
#guestbook .comment a {font-size: 0.8em; text-decoration: underline; text-transform: uppercase; }
#guestbook .comment a:hover {text-decoration: none;}

#list {position: relative; display: table; width: 100%; margin-top: 10px;}
#list ol {margin-left: 20px; /* font: normal 12px/22px Arial, Tahoma, Helvetica, Verdana; */ list-style-type:decimal;}
#list li a {padding: 0px; font-weight: bold; text-decoration: none; vertical-align: top; }
#list a { color: #330033;}
#list a:hover {border-bottom: dotted 1px;}
/* #list a:visited {color: #997F99;} */


.object a {padding: 0px; font-weight: bold; text-decoration: none; vertical-align: top; }
.object a { color: #330033;}
.object a:hover {border-bottom: dotted 1px;}

#columns {position: relative; display: table; width: 100%; margin-top: 0px;}
#columns .block a {color: #330033; }
#columns .block a:hover {color: #997F99;}
#columns .block {position: relative; float: left; margin-top: 12px;}
#columns .full {position: relative; width: 100%;}
#columns .short {position: relative; float: left; width: 100%;}
#columns .object {position: relative; margin-right: 12px;}
#columns .image {position: relative; float: left; display: block; padding-right: 6px; z-index: 1;}
#columns .short img, #columns .full .image img {position: relative; display: block; padding: 1px; border: solid 1px;}
#columns .short img, #columns .full .image img {background-color: #000; border-color: #997F99;}
#columns .short img:hover, #columns .full .image img:hover {border-color: #330033; }
#columns .title {position: relative; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
#columns .title a {text-decoration: none;}
#columns .text {position: relative; margin-top: 6px;}
#columns .episodes {position: relative; width: 100%; overflow: hidden; padding-top: 10px;}
#columns .description {margin: 0 0 5px 10px;}
#columns .more {position: relative; text-align: right;}
#columns .more a {font-size: 0.8em; text-decoration: underline; text-transform: uppercase; }
#columns .more a:hover {text-decoration: none;}

#discs {position: relative; display: table; width: 100%; margin-top: 12px;}
#discs .disc a {color: #000; }
#discs .disc a:hover {color: #666;}
#discs .short {position: relative; float: left; display: block; padding: 0 35px 12px 40px; text-align: center;}
#discs .short .image {margin-top: 6px;}
#discs .short img, #discs .full .image img {position: relative; display: block; padding: 1px; border: solid 1px;}
#discs .short img, #discs .full .image img {background-color: #000; border-color: #666;}
#discs .short img:hover, #discs .full .image img:hover {border-color: #E6E6E6; }
#discs .title {position: relative; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
#discs .title a {text-decoration: none;}
#discs .full .image { position: relative; float: left; display: block; padding-right: 6px;  z-index: 1; }
#discs .full .object_number {position: relative; float: left; display: block; margin: 3px 3px 3px 3px; padding: 2px 0px 2px 0px; width: 18px; font-weight: bold; text-align: center; color: #FFF; background-color: #666; }
#discs .full .object_title {position: relative; display: block;}
#discs .full .objects {text-align: center;}
#discs .full .objects a {display: block; float: left; margin: 0 5px 5px 0; width: 120px;}
#discs .full .icon {position: relative; display: block; margin-left: 10px;}
#discs .full .icon img {border: solid 1px #CCC;}
#discs .full .object_text blockquote { margin: 12px 0 12px 0; padding: 12px; background-color: #FFF;}
#discs .full .object_text blockquote:before { content: ''; }
#discs .full .object_text blockquote:after { content: ''; }
#discs .full .objects{position: relative; width: 100%; margin-top: 6px;}
#discs .full .text{position: relative; margin-top: 6px;}
#discs .full .more {position: relative; text-align: right;}
#discs .full .more a {font-size: 0.8em; text-decoration: underline; text-transform: uppercase; }
#discs .full .more a:hover {text-decoration: none;}

#about {position: relative; display: table; width: 100%; margin-top: 12px;}
#about a {text-decoration: none; border-bottom: solid 1px #666; color: #000;}
#about a:hover {border-bottom: dotted 1px #666; color: #666;}
#about .image {position: relative; float: left; display: block; z-index: 1;}
#about .image img {position: relative; margin-right: 12px; padding: 1px; background-color: #000; border: solid 1px #666;}

/* color */
#articles {position: relative; display: table; width: 100%;}
#articles .article a, #articles .article .datetime {color: #330033; }
#articles .article a:hover {color: #330033;}
#articles .article .time {color: #FFFFFF; background-color: #330033;}
#articles .article .image img {background-color: #330033; border-color: #330033; }
#articles .article .image img:hover {border-color: #997F99; }
#articles .article .text {color: #333333;}
#articles .article .source {color: #330033;}
/*structure*/
.article {position: relative; overflow: hidden; margin-top: 12px;}
.article .title {position: relative; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
.article .title a {text-decoration: none;}
.article .datetime {position: relative; padding-top: 6px; font-size: 0.8em;}
.article .datetime .time {position: relative; padding: 1px 3px 1px 3px; margin-right: 3px;}
.article .image {position: relative; float: left; display: block; padding-right: 6px;  z-index: 1;}
.article .image img {position: relative; display: block; padding: 1px; border: solid 1px; }
.article .text {position: relative; margin-top: 6px; line-height: 18px;}
.article .text p {padding-bottom: 6px;}
.article .source {position: relative; margin-top: 5px; font-size: 0.8em;}
.article .more {position: relative; text-align: right;}
.article .more a {font-size: 0.8em; text-decoration: underline; text-transform: uppercase; }
.article .more a:hover {text-decoration: none;}
/* color */
#paginator_bottom {position: relative; overflow: hidden; margin-top: 12px; width: 100%; font: normal 12px/12px Arial, Tahoma, Helvetica, Verdana;}
.paginator a.link, .paginator a.prev, .paginator a.next { color: #330033; background-color: #997F99; border-color: #997F99}
.paginator a.start, .paginator a.end { color: #330033; }
.paginator a.break {color: #330033;}
.paginator a.current, .paginator a.link:hover,  .paginator a.prev:hover, .paginator a.next:hover {color: #997F99; background-color: #330033; border-color: #997F99;}
.paginator a.link:visited {color: #FFF;}
/*structure*/
.paginator {position: relative;}
.paginator a { display: block; float: left; padding: 3px 6px; text-decoration: none;}
.paginator span { display: block; float: left; padding: 3px 6px;}
.paginator .link {margin: 0 1px; border: solid 1px;}
.paginator .current { margin: 0 2px; border: solid 1px;}
.paginator .separator {width: 11px; border: solid 1px;}
.paginator .start { margin-right: 10px; }
.paginator .end { margin-left: 10px; }
.paginator .prev { margin-right: 10px; border: solid 1px; }
.paginator .next { margin-left: 10px; border: solid 1px; }
.paginator .break { }