body
{
 margin:0;
 font-family: "arial", Sans-serif, "Comic Sans MS", cursive;
 background-color:#08033a;
}


#t-top
{
 width:85%;
 margin-left: auto;
 margin-right: auto;
 border-collapse: collapse;
 border: none;
 border-spacing:0px;
}

#subbox table
{
 width:100%;
 margin:0px;
 border: none;
 border-width: 1px;
}
#subbox td
{
 width: 33%;
 margin:0px;
 padding: 10px;
 border: none;
 border-width: 1px;
}

#header
{
 height:60px;
 width:100%;
 margin: 0px;
 padding: 0px;
 vertical-align: middle;
 border-collapse: collapse;
 border: none;
 border-spacing:0px;
}
#logo
{
 padding: 0px 0px 0px 5%;
 width:680px;
 font-size:36px;
 vertical-align: middle;
 }
#logo a
{
 color:#ffffff;
 text-decoration:none;
 vertical-align: middle;
}
#slogan
{
 width:320px;
 font-size:14px;
 color:#ffffff;
 vertical-align: middle;
 text-align: right;
}
#nospace
{
 margin: 0px 0px 0px 0px;
 border-style:none;
 border-spacing:0px;
}
#menu
{
 height:31px;
 clear:both;
 margin: 0px 0px 0px 50px;
 padding: 0px;
 border-collapse: collapse;
 border-style:none;
 border-spacing:0px;
}
td
{
 padding:0px;
 margin: 0px;
 border-top-width: 0px;
 border-spacing:0px;
}
hr
{
height: 1px;
border: 0;
color: #000;
background-color: #000;
}
#menu td
{
 background-image:url(images/footer_bg.png);
 margin:0px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-color: #808080;
 border-style: none;
 border-width: 1px;
}
#menu a
{
 height:21px;
 margin:5px 20px;
 color:#444444;
 font-size:15px;
 font-weight:bold;
 text-decoration:none;
}
#menu a:hover{color:#000000;}
#menu td.active {background:#F0F0F0;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-color: #808080;
 border-style: none;
 border-width: 1px;}
#menu td.active a {background:#F0F0F0; color:#000000;}

#menu td.countdown {margin:0px 75px 0px 75px; background:#FFFFFF; border-width: 0px; font-size:18px;}

#mainleft
{
 width:75%;
 padding:20px 20px 20px 20px;
 margin: 0px;
 background: #F0F0F0;
 color:#000000;
 font-size:13px;
 vertical-align: top;
 -moz-border-radius-topleft: 10px;
 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-bottom-left-radius: 10px;
 border-right-color: #000000;
 border-right-style: dashed;
 border-right-width: 2px;
 border-top-width: 0px;
 border-spacing:0px;
}
#main a {color:#444444;}
#main a:hover {color:#000000;}
#main br {line-height:10px;}
#mainfull
{
 width:100%;
 padding:20px 20px 20px 20px;
 margin: 0px;
 background: #F0F0F0;
 color:#000000;
 font-size:13px;
 vertical-align: top;
 -moz-border-radius-topleft: 10px;
 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-top-right-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-right-radius: 10px;
 border-top-width: 0px;
 border-spacing:0px;
}
#mainfull a {color:#444444;}
#mainfull a:hover {color:#000000;}
#mainfull br {line-height:10px;}
#sidebar
{
 width: 25%;
 padding:20px 10px 20px 10px;
 vertical-align: top;
 -moz-border-radius-topright: 10px;
 -webkit-border-top-right-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-right-radius: 10px;
 background: #F0F0F0;
 text-decoration:none;
 border-width: 0px;
 border-spacing:0px;
}
#sidebar a{ text-decoration:none;}
#btxtside {font-size:19px; font-weight:normal;}
#stxtside {font-size:14px; font-weight:normal;}
#sidebar ul {margin:0; border-top:1px solid #F7F7F7;}
#sidebar li {list-style:none; border-bottom:1px solid #F7F7F7;}
#sidebar li a {color:#111111; text-decoration:none; margin:3px; display:block;}
#sidebar li a:hover {background-color:#F7F7F7;}
#text {line-height:17px;}
#text h1 {font-size:24px; font-weight:normal;}
#text h2 {font-size:19px; font-weight:normal;}
#text ol, #text ul {padding:0; margin:10px 0;}
#text li {margin-left:40px;}
#alineright{text-align:right;}

#footer {
 height:100px;
 color:#000000;
 border-width: 0px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 font-size:13px;
 background-image:url(images/footer_bg.png);
 clear:both;
 vertical-align: middle;
}
#footer a {color:#000000;}
#footer a:hover {color:#D0D0D0;}
#footer_left {float:left; margin:0 0 0 50px;}
#footer_right {float:right; margin:0 50px 0 0;}
#archive
{
 margin-left: auto;
 margin-right: auto;
 text-decoration:none;
}

#toptri
{
margin-left: 7.5%;
margin-bottom: 0px;
width:0; 
height:0; 
border-left: 5px solid transparent; 
border-right: 5px solid transparent;
border-top: 0px;
border-bottom: 5px solid #A7C7DA;
}
#largerfont
{font-size:18px;}

#links
{
text-decoration:none;
}
#links a {color:#000000;}
#links a:hover {color:#D0D0D0;}


/* Responsive styles for smaller screens */
@media (max-width: 768px) {
    /* Adjust styles for smaller screens here */
    #logo {
        font-size: 20px;
    }

    #slogan {
        font-size: 10px;
    }

    main {
        padding: 10px;
    }

    aside {
        width: 100%;
        padding: 10px;
    }
}
#show_image_popup{
    width: 640px;
    border: 1px solid #333;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #e5e5e5;
  /*    */
    display: none;
  }
  #show_image_popup img{
    max-width: 90%;
    height: auto;
  }
  
  #all-images .active{
    filter: blur(5px);
  }
   /* Add this CSS to hide the close button initially */
   #close-btn-area {
    display: none;
   }  
  .close-btn-area{
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    
  }
  .close-btn-area button{
    cursor: pointer;
  }