﻿* {
 padding: 0;
 margin: 0;
 font-family: Verdana, Arial, sans-serif;
}

a img { border: 0; }  

html, body {
 background: url(img/bg.gif);
 background-repeat: repeat;
 font-family: Verdana, Arial, sans-serif;
 color: #414141;
 font-size: 12px;
}

.main {
 width: 952px;
 margin: 0 auto;
}

#border {
 border: 1px solid silver;
 margin: 5px 0px 5px 0px;
 background-color: #FFFFFF;
 float: right;
 width: 950px;
 padding-bottom: 15px;
 background-repeat: no-repeat;
 background-position: right bottom;
}

.head {
 background-repeat: no-repeat;
 height: 100px;
 text-align: center;
 margin: 0px 5px 0px 5px;
 border: 1px solid silver;
 position: relative;
 text-indent: -5000px;
}

#bar-top {
 font-weight: bold;
 background-image: url(img/bar-top.gif);
 background-repeat: repeat-x;
 margin: 5px;
 padding: 3px 10px 5px;
 border: 1px solid silver;
}

.log {
 float: right;
 font-size: 10px;
 font-weight: normal;
 color: #ffffff;
 text-decoration: none;
}

img {
 display: inline;
 border: none;
}

.img {
 border: 1px solid #ccc;
 margin: 2px;
 padding: 1px;
 box-shadow: 0 0 4px #ccc;
}

#buttons {
 margin: 1px -2px;
}

.button {
 display: inline;
 margin: 1px 0;
 border: 0px;
 filter: alpha(opacity=65);
 opacity: 0.65;
}

.button:hover {
 filter: alpha(opacity=100);
 opacity: 0.99;
}

div#screens {
 text-align: center;
}

div#screens img {
 border: 1px silver solid; 
 margin: 6px;
 padding: 1px;
}

#leftcolumn {
 margin: 0px 0px 0px 0px;
 display: inline;
 width: 210px;
 float: right;
 padding: 0;
 margin-top: 28px;
}

.left-title {
 display: inline;
 width: 205px;
 float: left;
 margin-bottom: 1px;
}

#rightcolumn {
 margin: 6px 0px 0px 6px;
 display: inline;
 width: 713px;
 float: left;
}

.mainright {
 display: inline;
 float: left;
 margin-bottom: 7px;
 width: 730px;
}

.right-top {
 background-image:url(img/right-top.gif);
 width: 730px;
 height: 6px;
}

#right-mid, .right-mid2 {
 background-image:url(img/right-mid.gif);
 background-repeat: repeat-y;
}

#right-mid {
 padding: 8px 14px 15px 14px;
 min-height: 650px;
}

.right-mid2 {
 padding: 5px 14px 5px 14px;
}

.right-bottom, .right-bottom2 {
 background-image:url(img/right-bottom.gif);
 background-repeat: no-repeat;
 background-position: top;
 width: 730px;
 height: 6px;
 padding-top: 17px;
 font-size: 11px;
 text-align: center;
}

.right-bottom2 {
 padding-top: 2px;
}

.left-mid {
 background-image:url(img/left-mid.gif);
 background-repeat: repeat;
 padding: 5px 14px 10px 14px;
 font-size: 10px;
 line-height: 130%;
}

.left-bottom {
 background-image:url(img/left-bottom.gif);
 height: 7px;
 display: block;
}

.left-heading {
 background-repeat: no-repeat;
 padding: 13px 0px 8px 12px;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 display: block;
}

h1 {
 font-size: 12px;
 margin: 0px 0px 13px 0px;
 letter-spacing: 1px;
}

h2 {
 font-size: 12px;
 color: #003482;
 margin: 20px 0px 13px;
 letter-spacing: 1px;
 text-align: center;
}

h3 {
 font-size: 10px;
 color: #414141;
 margin: 12px 0px;
 padding: 5px;
 font-variant: small-caps;
 background: #D1EAFC;
 clear: both;
}

h3:before {
 content: "» ";
}

h4 {
 font-size: 10px;
 margin: 8px 0px 0px 0px;
}

div.disc {
 font-size: 10px;
 text-align: right;
 margin: 4px 0px 8px;
}

div#right-mid p {
 margin: 2px 5px 15px 5px;
 font-size: 11px;
 text-align: justify;
 line-height: 140%;
}

div#right-mid p.non {
 margin: -13px 5px 15px 5px;
}

.input, .input2 {
 border: silver 1px solid;
 background: #ffffff;
 text-indent: 2px;
 width: 220px;
 font-size: 12px;
 color: #414141;
}

.input2 {
 margin-top: 4px;
 margin-right: 4px;
}

input.submit {
 border: silver 1px solid;
 background: #ffffff;
 width: 100px;
 font-size: 10px;
 color: #414141;
 cursor: pointer;
 margin: -5px 10px 5px;
 padding: 2px;
}

input.login {
 border: silver 1px dotted;
 background-color: transparent;
 text-indent: 2px;
 width: 80px;
 font-size: 10px;
 color: #ffffff;
 padding: 0px;
 margin-right: 3px;
}

input.loginb {
 border: 0px;
 background-color: transparent;
 width: 50px;
 height: 16px;
 font-size: 9px;
 color: #ffffff;
 padding: 0px;
 cursor: pointer;
}

input.logina {
 border: 0px;
 width: 16px;
 height: 16px;
 padding: 0px;
 vertical-align: bottom;
}

textarea, select {
 border: 1px solid silver;
 background: #ffffff;
 font-size: 12px;
 color: #414141;
}

option {
 text-indent: 2px;
}

textarea {
 padding: 2px;
 display: block;
}

ul.menu li.br, ul#fav li.br {
 margin-bottom: -8px;
}

#filter {
 margin-bottom: 15px;
}

ul#filter li {
 list-style: none;
 margin-left: 5px;
 margin-bottom: 3px;
 font-size: 11px;
}

div#pages {
 text-align: center;
 font-size: 10px;
}

ul#pages li {
 list-style: none;
 margin: 13px 5px 0px;
 font-size: 10px;
}

ul#pages a, ul#pages font, div#pages a, div#pages font {
 list-style: none;
 padding: 2px 5px;
 margin: 1px;
 font-size: 10px;
 border: 1px solid #D1EAFC;
 background: #ECF5FF;
 line-height: 22px;
 white-space: nowrap;
}

ul#pages a:hover {
 background: #FFFFFF;
}

ul#pages font, div#pages font {
 font-weight: bold;
 cursor: default;
}

div#pages span {
 display: block;
 text-align: left;
 margin: 12px 5px;
}

ul.menu li {
 list-style: none;
 margin-top: 1px;
 margin-bottom: 2px;
 font-size: 10px;
}

ul.menu li a:link, ul.menu li a:visited {
 color: #414141;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
}

ul.menu li a:hover {
 color: black;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
}

#bar-top a {
 color: #ffffff;
 text-decoration: none;
 font-size: 10px;
 font-weight: bold;
 margin-right: 30px;
}

a, a:link, a:visited {
 color: #414141;
 text-decoration: none;
 font-weight: normal;
}

a:hover {
 color: black;
 text-decoration: none;
 font-weight: normal;
}

a.link {
 text-decoration: underline;
}

table.table_list, table.tablerevtop {
 border: 1px solid #E0E0E0;
 border-collapse: collapse;
 width: 680px;
 margin-left: auto;
 margin-right: auto;
}

table.tablerevtop {
 width: 600px;
 margin-bottom: 10px;
}

table.tablerevtop td, table.tablerevtop th {
 font-weight: normal;
 padding: 3px 5px;
 border-bottom: 1px solid #E0E0E0;
 font-size: 11px;
 text-align: left;
 line-height: 140%;
 vertical-align: top;
}

table.tablerevtop td.bold {
 font-weight: bold;
}

table.tablerevtop th.c1bold, table.tablerevtop td.c1bold {
 font-weight: bold;
 background: #ECF5FF;
}

table.tablerevtop th {
 width: 140px;
}

table.table_list td, table.table_list th {
 font-weight: normal;
 padding: 3px 5px;
 border-bottom: 1px solid #E0E0E0;
 font-size: 11px;
 line-height: 140%;
}

table.table_list th {
 font-weight: bold;
 background: #D1EAFC;
}

table.table_list tr:hover td { background: #fff;}

.avatar {
 width: 45px;
 text-align: right;
}

.title {
 width: 260px;
}

.title, .tytul {
 text-align: left;
}

.cytaty {
 width: 45px;
 text-align: center;
}

.premiera {
 width: 75px;
 text-align: right;
}

.odc {
 width: 35px;
 text-align: right;
}

.right {
 text-align: right;
}

.center {
 text-align: center;
}

.left {
 text-align: left;
}

.w40 {
 width: 40px;
}
.w50 {
 width: 50px;
}
.w100 {
 width: 100px;
}
.w110 {
 width: 110px;
}
.w120 {
 width: 120px;
}
.w150 {
 width: 150px;
}

.c1, ._c1 {
 background: #ECF5FF;
}

.count {
 width: 180px;
 text-align: right;
}

.jap {
 font: x-small sans-serif;
 font-size: 12px;
}

a.list, div.list {
 font-size: 10px;
 font-weight: normal;
 float: right;
 margin-top: 2px;
}

a.min {
 font-size: 10px;
 font-weight: normal;
}

#form_list {
 text-align: right;
 padding-bottom: 5px;
}

select.list1, select.list2 {
 border: silver 1px solid;
 background: #ffffff;
 width: 145px;
 font-size: 10px;
 color: #414141;
}

select.list2 {
 width: 80px;
}

input.list_ok {
 border: silver 1px solid;
 background: #ffffff;
 width: 50px;
 font-size: 10px;
 color: #414141;
 margin-left: 4px;
 cursor: pointer;
}

#screen {
 position: absolute;
 right: 24px;
 top: 8px;
 width: 146px;
 height: 113px;
 display: block;
}

div.baner {
 text-align: center;
 margin: 0 auto;
 padding: 1px;
}

.pm {
 padding: 10px;
}

a.plus, .plus {
 color: green;
}

a.minus, .minus {
 color: red;
}

.edit {
 font-size: 10px;
 margin-left: 5px
}

div.info {
 margin: 0px;
 padding: 5px;
 font-size: 11px;
 color: #414141;
 font-variant: small-caps;
 text-align: center;
 font-weight: bold;
 text-decoration: underline;
}

.lang_min {
 font-size: 8px;
 margin-left: 3px;
 vertical-align: top; 
}

.f9 {
 font-size: 9px;
}

.vb {
 vertical-align: bottom
}

/* quotes/list anime menu */
#group_menu, #sort_menu, #tag_menu {
 position: absolute;
 height: 20px;
 overflow: hidden;
 text-align: right;
 filter: alpha(opacity=90);
 opacity: 0.90;
 line-height 22px;
 white-space: nowrap;
 width: 200px;
}

#group_menu {
 right: 71px;
 width: 450px;
}

#group_menu:hover, #sort_menu:hover, #tag_menu:hover {
 height: auto;
}

.list_menu {
 position: relative
}

.list_menu a, .list_menu font {
 position: relative;
 border: 1px solid #D1EAFC;
 background: #ECF5FF;
 text-decoration: none;
 font-size: 10px;
 display: block;
 margin-left: 200px;
 padding: 3px 5px;
 color: #3B3B3B;
 cursor: pointer;
 border-top-left-radius: 6px;
 border-bottom-left-radius: 6px;
}

#group_menu div, #sort_menu div, #tag_menu div {
 float: right;
}

.list_menu a:hover {
 color: #000;
 background: #fff;
}

.list_menu font {
 font-weight: bold;
 cursor: default;
}

/* sort anime menu */
#sort_menu {
 right: 0;
}

#sort_menu a, #sort_menu font {
 float: right;
}

/* tag anime menu */
#tag_menu {
 right: 38px;
}

#tag_menu a, #tag_menu font {
 float: right;
}

/* start - panel title */

div.panel_title, div.panel_row, div.row {
 border: 1px solid #E0E0E0;
}

#panel_left {
 float: left;
 width: 290px;
 margin-top: 10px;
 margin-left: 10px;
}

#panel_right {
 float: right;
 width: 370px;
 margin-top: 10px;
 margin-right: 10px;
}

div.panel {
 margin-bottom: 14px;
}

div.panel_title {
 font-weight: normal;
 padding: 6px 8px;
 font-size: 11px;
 font-weight: bold;
 background: #D1EAFC;

 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 -o-border-radius-topleft: 10px;
 -o-border-radius-topright: 10px;
}

div.panel_row {
 font-size: 11px;
 margin: -1px 0px 0px;
 padding: 3px 2px;
 display: block;
 overflow: hidden;
}

div.p_text {
 text-align: justify;
 padding: 8px;
 line-height: 160%;
}

div.tytul {
 font-size: 11px;
 font-weight: bold;
 padding: 6px 6px 4px;
}

div.short_m {
 font-size: 11px;
 line-height: 150%;
 padding: 0px 6px 6px;
 -webkit-touch-callout none;
 -webkit-user-select none;
 -khtml-user-select none;
 -moz-user-select none;
 -ms-user-select none;
 user-select none;
}

div.tytul2 {
 margin: 3px;
 font-size: 10px;
}

div.autor_m, div.data_m {
 font-size: 10px;
 padding: 0px 3px 0px 3px; 
 margin: 0px 3px 0px 3px;
 border-bottom: 1px dashed #E0E0E0;
}

div.autor_m {
 float: left;
}

div.data_m {
 float: right;
}

/* quote */

div.row {
 margin: 12px 10px 0px;
 padding: 10px 8px;
 display: block;
 overflow: hidden;
 
 font-weight: normal;
 font-size: 11px;
 line-height: 140%;
 word-wrap: break-word;
}

div.quote, div.quote_thin, div.quote_small {
 line-height: 170%;
 border-top: 0;
 -webkit-touch-callout none;
 -webkit-user-select none;
 -khtml-user-select none;
 -moz-user-select none;
 -ms-user-select none;
 user-select none;
}

div.quote {
 font-size: 15px;
 padding: 70px 30px;
}

div.quote_small {
 font-size: 11px;
 padding: 15px 30px;
}

div.quote_small, div.quote_small a {
 color: #777777;
}

div.quote_thin {
 font-size: 11px;
 padding: 6px;
}

div.quote_title {
 font-size: 11px;
 padding: 4px 8px;
 border-bottom-style: dashed;

 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
}

div.q_desc1, div.q_desc2 {
 color: #777777;
 font-size: 11px;
}

div.q_desc1 {15
 padding-top: 0px;
 padding-bottom: 2px;
}

div.q_desc2 {
 padding-top: 2px;
 padding-bottom: 0px;
}

.q_langSwitch {
 margin-top: -10px;
 margin-right: -20px;
 float: right;
}

/* */

.tags a {
    background: #ecf5ff linear-gradient(to bottom, #ecf5ff 0px, #d1eafc 100%) repeat scroll 0 0;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 1px 3px 3px 1px;
    box-shadow: 0 1px #fff inset, 1px 1px 1px rgba(0, 0, 0, 0.15);
    display: inline-block;
    font-size: 9px;
    height: 15px;
    margin: 3px 3px 1px 8px;
    padding: 0 6px 0 12px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px rgb(255, 255, 255);
    white-space: nowrap;
}

.tags a:before {
    background: #ecf5ff linear-gradient(135deg, #ecf5ff 0px, #d1eafc 100%) repeat scroll 0 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 0 2px;
    box-shadow: 1px 0 #fff inset, 1px 2px 2px -2px rgba(0, 0, 0, 0.15);
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 3.5px;
    left: -3.5px;
    transform: scale(1, 1.5) rotate(45deg);
}
.tags a:after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #8888aa;
    border-radius: 5px;
    box-shadow: 2px 0px #777799 inset;
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    top: 6px;
    left: 3px;
}

/* */

div.sec {
 margin-top: -1px;
}

div.pad0 {
 padding-top: 0px;
}

div.col {
 width: 49%;
 vertical-align: top;
}

#menu_google {
 text-align: right;
 margin: 2px -30px -5px;
}

textarea { resize: vertical; }

label { white-space: nowrap; margin: 0 6px 0 4px; }
.coll { white-space: nowrap; }

.disable_select {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.t_c { text-align: center!important; }

.f_l { float: left; }
.f_r { float: right; }

.b, a.b { font-weight: bold; }

/* FB */

#facebook {
 position: fixed;
 top: 25%;
 left: 0;
 display: block;
}

#facebook #fb_box {
 z-index: 4;
 position: absolute;
 left: -1px;
 display: none;
 background: #ECF5FF;
 border-top-right-radius: 30px;
 border-bottom-right-radius: 30px;
 box-shadow: 1px 1px 10px silver;
}

#facebook img {
 filter: alpha(opacity=70);
 opacity: 0.7;
 border-top-right-radius: 14px;
 border-bottom-right-radius: 14px;
}

#facebook #fb_box iframe {
 width: 280px;
 height: 400px;
 border: none;
 margin: 0;
 border-top-right-radius: 14px;
 border-bottom-right-radius: 14px;
}

/* */