/*Stylesheet for koskihajyt.net*/

BODY              { background      : #C8CCD0;
                    color           : #000000;
                    margin          : 0px;
                    padding         : 0px; }

DIV.divFrame      { background      : #6070A0;
                    color           : #000000;
                    background-repeat: repeat-x;
                    border-style    : solid;
                    border-width    : 2px;
                    border-color    : #6070A0;
                    margin          : 5px 10%;
                    padding         : 0px; }
                 /* +background-image: url(bannerX.jpg) */

DIV.divBannerBox  { height          : 78px; }
                 /* required by filters, imgHeight - border*/

DIV.divBanner     { background      : #6070A0;
                    color           : #FFFFFF;
                    height          : 1.5em;
                    margin          : 0.5em auto;
                    padding         : 0px; }
                 /* +width          : ~20em */

DIV.divContentBox { background      : #E6ECF0;
                    color           : #000000;
                    margin          : 0px;
                    padding         : 0px;
                    width           : 100%; }
                 /* fix IE peekaboo bug with 100% width */
                 /* -> margin & padding must be 0 */

TABLE, OL, UL     { margin-top      : 0px;
                    margin-bottom   : 0px;
                    padding-top     : 0px;
                    padding-bottom  : 0px; }

OL, UL            { padding-left    : 0px; }

TABLE             { font-family     : Arial, sans-serif; }

TD                { padding         : 2px;
                    vertical-align  : top; }
TABLE.tblMenu,
TABLE.tblSubmenu  { background      : #6070A0;
                    color           : #FFFFFF;
                    font-size       : small;
                    font-weight     : bold; }
TABLE.tblMenu     { text-align      : center;
                    border-style    : solid;
                    border-width    : 2px;
                    border-color    : #E6ECF0;
                    margin          : 0px;
                    width           : 100%; }
                 /* 100% width -> margin & padding must be 0 -> use border */

TABLE.tblSubmenu  { margin          : 0.5em 0.5em 0px; } /*trbl*/

DIV.divContent    { margin          : 0px;
                    padding         : 0.5em 1em; }
DIV.divNewsBox    { border-style    : solid;
                    border-width    : 1px;
                    border-color    : #6070A0;
                    margin          : 0px 0px 1em 0px;
                    padding         : 0em 0.5em; }

DIV.divBottom     { font-family     : Arial, sans-serif;
                    font-size       : x-small;
                    margin          : 1em;
                    text-align      : center; }

A:link            { background      : transparent;
                    color           : #0010B0; }
A:active          { text-decoration : none; }
A:hover           { text-decoration : none; }
A.aMenu:link      { background      : transparent;
                    color           : #E6ECF0; }
A.aMenu:visited   { background      : transparent;
                    color           : #E6ECF0; }
A.aMenuBlog:link  { background      : transparent;
                    color           : #FFFFFF; }
A.aMenuBlog:visited { background    : transparent;
                    color           : #FFFFFF; }

P.pInit:first-letter { background   : transparent;
                    color           : #6070A0;
                    font-size       : 150%;
                    font-weight     : bold;
                    float           : left; }

P.pInitSub:first-letter { background   : transparent;
                    color           : #6070A0;
                    font-size       : 150%;
                    font-weight     : bold;
                    float           : left; }
P.pInitSub        { margin-top      : 0.5em; }
P.pSub            { margin-top      : 0px; }

P.pNoBottom       { margin-bottom   : 0.5em;
                    padding-bottom  : 0px; }

SPAN.spnDate      { font-size       : small; }
SPAN.spnNew       { font-size       : small;
                    color           : #009000; }

H1, H2, H3        { font-family     : Verdana, Arial, sans-serif;
                    margin          : 0px;
                    padding         : 0px; }
H1                { font-size       : large;
                    text-align      : center; }
H2, H3            { background      : transparent;
                    color           : #6070A0;
                    margin-top      : 0.5em }
H2                { font-size       : large; }
H3                { font-size       : medium;
                    margin-left     : 2em; }

IMG               { border          : 1px; }

IMG.imgL          { float           : left;
                    margin-right    : 2px; }
IMG.imgR          { float           : right;
                    margin-left     : 2px; }
IMG.imgAt         { margin          : 0px;
                    padding         : 0px 4px 0px 0px;
                    vertical-align  : -10%; }

HR                { background      : transparent;
                    color           : #6070A0; }

/* filter: IE 4.0+                            */
/* -moz-opacity: Mozilla 1.6 & some below     */
/* opacity: CSS3 (Mozilla 1.7+, Safari x.y+ ) */

DIV.divBanner     { filter          : alpha(opacity=60);
                    -moz-opacity    : 0.6;
                    opacity         : 0.6; }

/* IE 5.5+ */

HTML   { scrollbar-darkshadow-color : #6070A0; /* outer b-r          */
             scrollbar-shadow-color : #8090C0; /* inner b-r          */
            scrollbar-3dlight-color : #FFFFFF; /* outer t-l          */
          scrollbar-highlight-color : #E6ECF0; /* inner t-l, dither1 */
               scrollbar-base-color : #6070A0; /* dither2            */
              scrollbar-arrow-color : #6070A0;
               scrollbar-face-color : #C8CCD0;
              scrollbar-track-color : #C8CCD0; }