/* kodowanie UTF-8: ąĄśŚ */

/* definicje ogólne */
body             {background-color: #ffffff; color: #000000}
a                {text-decoration: none; color: #000066;}
a:hover          {text-decoration: underline;}
table            {padding: 0px; border: 0}
img.picture      {border-width: 1px; border-color: #000066;}
ol               {list-style-type: decimal;}
ul               {list-style-type: circle;}

/* Tekst "Kup w XXX"" pojawiający się w rightbarach i fiszcze z danymi */
div.buy          {margin-top: 0.6em; margin-bottom: 0.3em; text-align: center;}
/* Linki, które z jakiśch powodów chcemy szczególnie wyróżnić */
a.important      {color: #b00000; font-weight: bold;}

/* Elementy "konstrukcyjne" strony - odstępy i kreseczki */
/* Teoretycznie powinny być roione za pomocą ustawiania właściwości marginesów i <hr> */
/* w praktyce podejście teoretyczne wygląda na każdej przeglądarce inaczej */
td.spacer        {background-color: #ffffff;}
td.line          {background-color: #000066;}

/* Do zagnieżdżania obrazków w tekście, odpowiednio dosunięte do lewej i do prawej */
table.intext-r   {float: right; margin-left: 5px; margin-bottom: 2px; margin-right: 0px; margin-top: 0px;}
table.intext-l   {float: left; margin-left: 0px; margin-bottom: 2px; margin-right: 5px; margin-top: 0px;}
table.intext-j   {margin-left: 0px; margin-bottom: 8px; margin-right: 0px; margin-top: 4px;}

/* podpisy do zagnieżdżonych obrazków. Nie muszą występować. */
td.sub           {font-family: verdana, helvetica, arial, sans-serif; font-variant: normal; font-weight: normal; color: #000000; font-size: 9px; padding: 2px 4px; background-color: #efefef;}
td.s-left        {text-align: left}
td.s-right       {text-align: right}

/* Horizontal bar czyli wszelkie nagłówki */
td.hbar          {background-color: #8189a5; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; overflow: hidden;}
td.hb-breadcrumb {font-weight: bold; text-align: left; color: #000066; padding: 2px 5px;}
td.hb-header     {text-align: center; color: #ffffff; padding: 2px; font-weight: bold;}
td.hbh-patronat  {background: #8189a5 url(/img/patronat.gif) no-repeat center right}
td.hb-extract    {text-align: left; color: #ffffff; padding: 2px;}
td.hb-percent    {text-align: right; color: #ffffff; padding: 2px; font-weight: bold;}
td.hb-google     {background-color: #efefef; text-align: center; padding: 2px;}
a.breadcrumb     {color: #ffffff;}

/* Vertical bar czyli zawartość right- i left- barów oraz fiszka z danymi utworu */
td.cover         {background-color: #efefef; text-align: center; font-size: 11px; padding: 0em; padding-bottom: 0.2em}
td.vbar          {font-family: verdana, helvetica, arial, sans-serif; padding: 2px 4px;}
td.vb-left       {background-color: #efefef; font-weight: bold; text-align: left; font-size: 11px;}
td.vbl-active    {background-color: #e7b539; font-weight: bold; text-align: left; font-size: 11px;}
td.vb-right      {background-color: #efefef; text-align: right; font-size: 9px;}
td.vbr-copyright {padding-bottom: 0.6em; font-style: italic;}
td.vb-justify    {background-color: #efefef; text-align: justify; font-size: 11px; padding-bottom: 0.2em}
td.vb-center     {background-color: #efefef; text-align: center; font-size: 11px; padding-bottom: 0.2em}
td.vb-google     {background-color: #EFEFEF; text-align: left; font-size: 11px; padding-bottom: 0.2em; padding-left: 0.2em}
td.vb-idm        {background-color: #efefef; text-align: center;  font-size: 11px; padding-bottom: 0.2em; padding-left: 0.2em}
td.idm_rectangle {padding-left: 25px;}
.google_rectangle {text-align: center;}
div.vbj          {margin-top: 0.2em;}
div.vbc          {margin-top: 0.2em;}
div.vbr          {margin-top: 0.3em;}
div.vbl-lev1     {margin-left: 1em; margin-right: 0em;}
div.vbl-lev2     {margin-left: 2em; margin-right: 0em;}
span.vbll2-t     {font-weight: bold;}
span.vbll2-a     {font-weight: normal;}
span.vbll2-w     {font-weight: normal; font-size: 8px}

/* News czyli strony ze spisem ostatnich 10 łotewwrów. */
.news            {font-family: verdana, helvetica, arial, sans-serif;}
div.n-title      {font-size: 13px; font-weight: bold; font-variant: SMALL-CAPS; color: #000066; text-align: left;}
div.n-author     {font-size: 13px; color: #000066; text-align: left;}
div.n-indent     {margin-left: 2em; margin-right: 0em;}
.n-date          {font-size: 11px; text-align: left; font-style: oblique; margin-top: 0.3em}
.n-content       {font-size: 12px; text-align: justify; margin-top: 0.3em;}
td.n-sort        {font-size: 11px; font-weight: bold;}
div.ns-left      {text-align: left; margin-top: 0.2em; margin-bottom: 0.2em;}
div.ns-center    {text-align: center; margin-top: 0.2em; margin-bottom: 0.2em;}
div.ns-right     {text-align: right; margin-top: 0.2em; margin-bottom: 0.2em;}

/* Text czyli strony z pojedynczym tekstem */
td.text          {font-family: georgia, times, serif; color: #000000; text-align: justify;}
div.t-title      {font-family: verdana, helvetica, arial, sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; color: #000066; text-align: left;}
div.t-author     {font-family: verdana, helvetica, arial, sans-serif; font-size: 14px; font-variant: SMALL-CAPS; color: #000066; text-align: left;}
div.t-subtitle   {font-weight: bold; font-variant: SMALL-CAPS; color: #000066; text-align: left; padding-top: 1em; padding-bottom: 0.6em}
div.t-bold       {font-weight: bold; color: #000066; text-align: left; padding-top: 1em; padding-bottom: 0.6em}
div.t-intro      {font-size: 13px; font-style: oblique; text-align: justify;}
div.t-intro a    {color: #0033cc;}
div.t-intro em   {font-style: normal;}
div.text         {font-size: 15px; text-align: justify; margin-top: 0em; margin-bottom: 0.5em;}
div.t-motto      {margin-top: 1em; margin-bottom: 1em; margin-left: 3em; margin-right: 0em; font-style: oblique; text-align: right;}
div.t-titauth    {font-size: 15px; text-align: left; margin-top: 0.3em; margin-bottom: 0em; margin-left: 1em; margin-right: 0em;}
div.t-first:first-line {font-variant: SMALL-CAPS;}
div.t-date       {font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; font-weight: bold; text-align: right; margin-top: 0.3em; margin-bottom: 0em;}
div.t-navi       {font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; font-weight: bold; text-align: right;  margin-top: 0.3em; margin-bottom: 0em; margin-left: 2em; margin-right: 0em;}
div.t-cite       {margin-left: 2em; margin-right: 2em;}
span.tn-link     {color: #8189a5;}
div.t-annot      {font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; text-align: justify; margin-top: 0.4em;}
span.annot-ref   {font-size: smaller; font-weight: bold; vertical-align: super; padding-left: 2px;}
div.t-question   {}
div.t-answer     {}
span.spoiler     {color: #efefef; background: #efefef;}
div.text a	 {color: #0033cc;}

td.ten           {font-family: verdana, helvetica, arial, sans-serif; color: #000000; font-size: 15px; font-variant: SMALL-CAPS;}
div.tenh-title   {text-align: right; font-weight: bold; margin-right: 2px; margin-left: 2px; margin-top: 2px; margin-bottom: 2px;}
div.tenh-initials{text-align: center; margin-top: 2px; margin-bottom: 2px;}
div.tenb-title   {text-align: right; font-size: 12px; font-weight: bold; margin-left: 2px; margin-right: 2px;}
div.tenb-mark    {text-align: right; font-weight: bold; margin-left: 2px; margin-right: 2px;}
div.ten-title    {font-size: 15px; font-weight: bold; text-align: left;}
div.ten-author   {font-size: 13px; font-weight: bold; text-align: left;}
div.ten-note     {font-family: georgia, times, serif;  font-size: 13px; font-variant: normal; text-align: justify; margin-left: 2em; margin-right: 2px;}

/* Copyright czyli stopka Esensji */
td.copyright     {font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; text-align: right; font-style: oblique;}

/* Konkursy */
ol.quiz          {font-weight: bold; margin-top: 0.6em;}
ul.quiz          {font-weight: normal; margin-top: 0.3em; margin-bottom: 0.3em;}
li.quiz          {margin-top: 0.6em;}
li.good-answer   {list-style-type: disc; font-weight: bold;}
span.q-question  {font-variant: SMALL-CAPS; color: black; text-align: justify; font-weight: normal;}
span.q-stats     {font-size: smaller; text-align: justify; font-weight: normal;}
span.q-answers   {text-align: left; font-weight: normal;}
span.q-comment    {font-style: oblique; text-align: justify; font-weight: normal;}

/* Nawigacja pasków komiksowych */
div.navig	{text-align: center;}
span.nolink	{color: #505050;}

/* Link do forum */
.forum      {font-family: verdana, helvetica, arial, sans-serif; font-variant: normal; font-weight: normal; color: #444444; font-size: 9px; padding: 2px 4px; margin: 2px 0; background-color: #efefef; text-align: right;}
input.forum	{border: solid 1px #888888;}	

/* Tetrycy */
td.bg0, td.bg0oo	{background-color: #ffffff;}
td.bg1, td.bg1oo	{background-color: #f2f3f6;}
td.bg2, td.bg2oo	{background-color: #e6e7ed;}
td.bg3, td.bg3oo	{background-color: #d9dbe4;}
td.bg4, td.bg4oo	{background-color: #cccfdb;}
td.bg5, td.bg5oo	{background-color: #bfc3d2;}
td.bg6, td.bg6oo	{background-color: #b3b8c9;}
td.bg7, td.bg7oo	{background-color: #a6acbf;}
td.bg8, td.bg8oo	{background-color: #99a0b6;}
td.bg9, td.bg9oo	{background-color: #8d94ad;}
td.bg10, td.bg10oo	{background-color: #8189a5;}

/* Wykop */
div.wykop       {float:left; margin-top: 3px; vertical-align: middle;}
div.wykop a     {margin-right: 3px; text-decoration: none;}
div.wykop a img {border: 0;}

/* Komentarze */
.comment {border-left: 5px solid #8189A5; border-bottom: 1px solid #8189A5; padding: 0 5px; margin: 0; margin-top: 5px; font-size: 11px; font-family: verdana,helvetica,arial,sans-serif; }
.comment .data {font-style: italic; font-size: 10px; float: right;}
.comment .login {font-weight: bold; font-size: 10px;}
.small-title {font-size: 15px!important;}