body { font-family: Consolas, monospace; font-size: 12px; }
noscript { background-color: #f00; color: #fff; font-size: 20px; padding: 5px; position: absolute; }

.no_select {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/*header*/
#header_container_div { position: absolute; left: 0; top: 0; width: 100%; min-width: 900px; height: 40px; line-height: 40px; background-color: #000; color: #fff; 
cursor: default; overflow: hidden; }
@font-face {
    font-family: "Audiowide";
    src: url(http://www.ashishranjan.in/fonts/Audiowide-Regular.ttf) format("truetype");
}
#ashish_ranjan_div { float: left; padding-left: 20px; font-size: 20px; cursor: pointer; font-family: Audiowide; }
div.up_down_arrow { float: left; color: #000; margin-right: 30px; font-size: 10px; cursor: pointer; 
border-left: 5px solid #999; border-bottom: 5px solid #999; border-radius: 3px;  
-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); 
height: 8px; width: 8px;
margin-top: 10px;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
#site_visitcounter_div { position: absolute; right: 80px; font-size: 11px; height: 40px; line-height: 40px; color: #aaa; }
#nav_link_container_div { float: right; width: 300px; height: 40px; cursor: pointer; position: relative; }
.nav_link_line { width: 25px; height: 4px; background-color: #fff; position: absolute; right: 20px;
-webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; -ms-transition: background-color .3s; 
transition: background-color .3s; }
.nav_link_line:nth-child(1) { top: 10px; }
.nav_link_line:nth-child(2) { margin: auto; top: 0; bottom: 0; }
.nav_link_line:nth-child(3) { bottom: 10px; }

/*content*/
#absolute_content_container_div { position: absolute; left: 0; top: 40px; width: 100%; min-width: 900px; height: calc(100% - 70px); overflow: hidden; }
#relative_content_container_div { position: relative; height: 100%; overflow: hidden; }

/*navigation*/
#nav_list_container_div { position: absolute; top: 0; right: -300px; width: 300px; height: 100%; background-color: #555; color: #fff; z-index: 99; overflow: hidden;
-webkit-transition: right .3s; -moz-transition: right .3s; -o-transition: right .3s; -ms-transition: right .3s; transition: right .3s; }
#nav_list_hide_scroll_bar_container_div { width: 100%; height: 100%; padding-right: 30px; overflow-y: scroll; margin-left: 8px; }
.page_nav_link { margin-top: 3px; margin-left: 3px; margin-right: 3px; background-color: #000; color: #fff; padding-left: 20px; height: 30px; line-height: 30px;
cursor: pointer; border-radius: 3px; }
.sub_page { background-color: #123456; height: 0; margin-left: 40px; margin-right: 40px; padding-left: 20px; cursor: pointer; overflow: hidden;
-webkit-transition: height .3s; -moz-transition: height .3s; -o-transition: height .3s; -ms-transition: height .3s; transition: height .3s; }
.sub_page:hover { background-color: #0f0; color: #000; }

/*nav body cover*/
#nav_body_cover_div { position: absolute; top: 0; right: -100%; width: calc(100% - 300px); height: 100%; background-color: #ccc; z-index: 90; cursor: pointer;
-webkit-transition: right .3s; -moz-transition: right .3s; -o-transition: right .3s; -ms-transition: right .3s; transition: right .3s;
filter:alpha(opacity=75); /* for internet explorer */
opacity: 0.75; /* CSS3 standard */
-moz-opacity:0.75; /* for older gecko browsers */
-khtml-opacity: 0.75; /* for older webkit browsers */ }
#nav_body_cover_div h1 { margin-top: 100px; text-align: center; }

/*footer*/
#footer_container_div { position: absolute; left: 0; bottom: 0; width: 100%; min-width: 900px; height: 30px; line-height: 30px; background-color: #000; color: #fff; 
cursor: default; overflow: hidden; font-weight: bolder; text-align: center; }