BODY
{
    font-family:    "Noto Sans Bengali", "Noto Sans", Sans-Serif;
}

DIV.codeblock
{
    font-family:    "Noto Sans Mono", "Noto Sans Bengali", "Noto Sans", Sans-Serif;
}

HTML
{
    height:                     100%;
    min-height:                 100%;
}

BODY
{
    font-optical-sizing:        auto;
    font-size:                  100%;
    color:                      #222222;
    text-decoration:            none;
    font-weight:                normal;
    text-align:                 center;
    margin:                     0 0 0 0;
    vertical-align:             top;
    background-color:           #274B6C;
    background:                 linear-gradient(to right, #FFFFFF, #274B6C, #FFFFFF);
    min-height:                 100%;
    height:                     100%;
}

H1, H2, H3, H4
{
    font-weight:                bold;
    color:                      #222222;
    text-decoration:            none;
    margin-top:                 0;
    margin-bottom:              1em;
}

H1
{
    font-size:                  192%;
}

H2
{
    font-size:                  150%;
    margin-top:                 2em;
}

H3
{
    font-size:                  115%;
    margin-bottom:              0;
    margin-top:                 2em;
}

H4
{
    font-size:                  100%;
    margin-bottom:              0;
    margin-top:                 2em;
}

blockquote 
{
    width: 80%;
    margin-top: 1em;
    margin-bottom: 1em;
    padding:    2%;
    border-left: 5px solid #dee6ee;
    background-color: #fcfcfc;
}


DIV.codeblock
{
    background-color:           #f6f6f6;
    font-size:                  85%;
    height:                     auto;
    margin:                     auto;
    border:                     1px #000000 solid;
    border-radius:              5px;
    display:                    block;
    padding:                    5px;    
    overflow-wrap:              break-word;
}

DIV.loaderdiv
{
    width:                      100%; 
    text-align:                 center;
}

img
{
    border:                     0;
}

span.breadbold, span.formlabel, span.commentname
{
    font-weight:                bold;
}

span.breaditalic
{
    font-style:                 italic;
}

span.breadsmall
{
    font-size:                  88%;
}

span.breadtiny
{
    font-size:                  75%;
}

span.breaderror
{
    color:                      #FF0000;
}

span.breadok
{
    color:                      #00CC00;
}

a, a:link, a:visited, a:active, a:hover
{
    color:                      #222288;
    font-weight:                bold;
    text-decoration:            none;
}

a:active, a:hover
{
    text-decoration:            underline;
    color:                      #222288;
}

a img
{
    border: 0;
}

a.categorylink
{
    font-size:                  150%;
}

a.postlink
{
    font-size:                  115%;
}

a.morelink
{
    font-size:                  90%;
    font-style:                 italic;
}

p
{
    white-space:                normal;
}

div.content-container, div.footer, div.menu-area, div.content
{
    background-color:           #FFFFFF;
}

div.footer
{
    text-align:                 center;
}

div.content-container
{
    width:                      930px;
    min-height:                 100%;
    margin:                     0 auto;
    border-left:                2px solid #274B6C;
    border-right:               2px solid #274B6C;
}

div.navigation-path
{
    font-size:                  88%;
    margin-left:                5px;
    margin-right:               5px;
}

div.content
{
    clear:                      both;
    width:                      96%;
    max-width:                  96%;
    margin:                     2em 20px 2em 20px;
}

div.imagearea
{
    width:                      100%;
    height:                     auto;
    text-align:                 center;
    display:                    block;
    margin:                     0;
    padding:                    0;
}

div.imagearea::after
{
    content:                    none;
    clear:                      both;
    display:                    table;       
}

div.imagetextarea
{
    float:                      left;
    display:                    block;
    text-align:                 left;
}

div.imagesourcearea
{
    float:                      right;
    text-align:                 right;
}

div.footer
{
    font-size:                  88%;
    clear:                      both;
    margin-left:                20px;
    padding-top:                1em;
    border-top:                 1px solid #AAAAAA;
    width:                      96%;
}

div.thumb
{
    width:                      158px;
    height:                     158px;
    position:                   relative;
    float:                      left;
    border:                     1px solid #000000;
    border-radius:              5px;
    margin:                     5px;
    margin-right:               12px;
    background-size:            cover;
}

div.thumb-container
{
    width:                      100%;
    clear:                      both;
    float:                      left;
 
}

div.warning-container
{
    clear:                      both;
    width:                      80%;
    font-size:                  88%;
    height:                     auto;
    margin:                     auto;
    border:                     1px #000000 solid;
    border-radius:              5px;
    display:                    block;
    padding:                    5px;
    background-color:           #ffffcd;
}

div.warning-container::after
{
    content:                    none;
    clear:                      both;
    display:                    table;
}

div.author-container
{
    clear:                      both;
    width:                      80%;
    font-size:                  88%;
    min-height:                 168px;
    height:                     auto;
    margin:                     auto;
    border:                     2px #274B6C solid;
    border-radius:              5px;
    display:                    flex;
    flex-wrap:                  wrap;
    padding:                    5px;
    background-color:           #eff7ff;
    vertical-align:             top;
}

div.author-container img, div.warning-container img
{
    float:                      left; 
    padding:                    10px;
}

div.author-container::after
{
    content:                    none;
    clear:                      both;
    display:                    table;
}

div.author-container h3
{
    margin-top: 0;
}

div.postlinks-container
{
    clear:                      both;
    width:                      95%;
    height:                     auto;
    margin:                     auto;
    display:                    block;
    padding:                    5px;
}

div.formarealeft, div.formarearight
{
    width:                      100%;
    font-weight:                bold;
}

div.formarealeft
{
    text-align:                 left;
}

div.formarearight
{
    text-align:                 right;
}

div.formarealeft li
{
    font-size:                  88%;
    font-weight:                normal;
}

input.textfieldstyle 
{
    border:                     #000000 1px solid;
    font-weight:                normal; 
    overflow:                   hidden; 
    color:                      #222222; 
    background-color:           #FFFFFF;
    height:                     1.5em;
    width:                      512px;
    max-width:                  100%;
    font-size:                  100%;
    border-radius:              5px;
}

input.formbutton 
{
    border:                     #333333 2px solid;
    font-weight:                bold;
    color:                      #444444;
    background-color:           #DEDEDE;
    cursor:                     pointer; /* hand-shaped cursor */
    border-radius:              5px;
}

textarea.textareastyle 
{
    border:                     #000000 1px solid;
    font-weight:                normal;
    overflow:                   auto;
    color:                      #222222;
    background-color:           #FFFFFF;
    height:                     8em;
    width:                      768px;
    max-width:                  100%;
    font-size:                  100%;
    border-radius:              5px;
}

.RightToLeft
{
    direction:                  rtl;
    text-align:                 right;
}

.LeftToRight
{
    direction:                  ltr;
    text-align:                 left;
}

img.smicon
{
    margin:                     5px;
    border:                     0;
}


@media screen and (max-width: 930px) 
{
    div.content-container
    {
        width:                  96%;
    }
    
    div.content, div.footer
    {
        width:                  90%;
    }
    
    table.newslist
    {
        width:                  96%;
    }
    
    img.logo
    {
        width:                  96%;
    }
    
    img
    {
        max-width:              96%;
        height:                 auto;
    }
    
    iframe
    {
        max-width:              96%;
        height:                 auto;
    }
}

@media screen and (max-width: 480px) 
{
    html 
    {
        -webkit-text-size-adjust: none;
    }
}
input.textfieldstyle
{
    font-family: "Noto Sans Bengali", "Noto Sans", Sans-Serif;
}

input.formbutton 
{
    font-family: "Noto Sans Bengali", "Noto Sans", Sans-Serif;
}

textarea.textareastyle
{
    font-family: "Noto Sans Bengali", "Noto Sans", Sans-Serif;
}