/*
* @Css Name: Islamic23 Css
* @Css URI: http://islamic23.tk
* @Author: Md Maruf Adnan Sami
* @Author URI: https://www.facebook.com/RealboyAdnan
* @Date: April, 06, 2017
* @Description: Responsive mobile based pc version wapka css.
* @Tags: islamic23.
* @License: GPL2 Public Lisense.
* @Domain: Islamic23.Tk
* @Version: v1.0
*/

*{margin: 0; padding: 0;}
html{background: #eee;}
body{font-family:"Trebuchet MS",Verdana,Arial,sans-serif, Caviar Dreams,Century Gothic, Zero Threes, Siyam Rupali,Abirvab,Sutonny Mj,Sutonny AMJ,Droid Sans,Segoe UI,Open Sans,Tahoma,Arial; font-size: 14px;}
body{background: #fff;color:#000000;margin:0 auto;padding:0;width: 100%;min-width: 100px;max-width: 780px;}
body{-webkit-box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.53);
-moz-box-shadow:1px 1px 10px 5px rgba(192, 192, 192, 0.53);
box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.53);}
body img {max-width: 99%;height: auto;width: auto\9; /* ie8 */}	
a{text-decoration: none; color: #444;}
a:text{text-decoration: none; color: #444;}
a{text-decoration: none; color: #005e7c;}
a:visited{text-decoration: none; color: #005e7c; font-weight: bold;}
a:hover{color: #444;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 8px;}
::-webkit-scrollbar-thumb {border-radius: 8px; background-color: #005e7c;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;-moz-box-shadow: 1px 1px 8px gray;
-webkit-box-shadow: 1px 1px 8px gray;
box-shadow: 1px 1px 8px gray;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-moz-selection {background: #005e7c;color: #fff; text-shadow: none;}
::selection {background: #005e7c;color: #fff;text-shadow: none;}
input[type=submit], input[type=button], button{padding: 8px 15px;border: 1px solid #005e7c;background:#005e7c;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#005e7c), to(#005e7c));color: #FFF;}
input[type=text], input[type=file], input[type=email], input[type=password], select{background:#fff; 
border:1px solid #ddd; padding:8px;width: 65%; color: #005e7c;}
textarea{background:url(textarea.png) white; height: 300px; width: 80%; margin: 2px; 
padding: 4px; font-family: Arial; font-size: 13px; font-weight: bold; border: 1px solid #ddd; color: #005e7c;}	
#header {background:#0a6886; padding: 8px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#0a7293), to(#0a6886));}
#header h1 img{width: 180px; height: 40px;}
#header h1 img {max-width: 99%;height: auto;width: auto\9; /* ie8 */}
#header h2 img{max-width: 99%;height: auto;width: auto\9; /* ie8 */}
#header {margin: 0;padding: 10px 20px;text-decoration :none;overflow :hidden;}
#header a {color :#fff;font-weight: bold;overflow :hidden;text-decoration :none;text-shadow: 0 1px 1px #333;width :100%;}
#header {margin: 0;font-size: 12px;overflow: hidden;padding: 0 6px 4px;font-weight: normal;width :100%;}
#mainFooter{background: repeat-x #000; color: #fff; background:#000; background:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#333)); border-top: 4px solid #0a6886;}
#mainfoot {height:auto; position:relative; margin:0 auto; text-align:center; padding:6px;}
#footer-menu{background: #eee; color: #ddd; padding: 6px; text-align: center;}
#footer-menu a{color: #444; font-size: 14px; font-weight: normal;}
#footer-menu a:hover{color: #0a6886; font-weight: bold;}
#q-menu{background: #016f92; color: #fff; padding: 9px;}
#q-menu a{color: #fff; border-right: 1px solid #005e7c; padding-right: 7px; padding-left: 7px;}
#q-menu a:hover{border-bottom: 4px solid #000; padding-bottom: 5px;}
#line{background: #fff; border-bottom: 1px solid #eee; padding: 6px; color: #0a6886;}
#ad{background: #fff; border: 2px solid #ddd; padding: 6px; font-size: 14px; color: red; text-align: center;}
#adnan h1 {background: #ececec;font-family:"Arial", Caviar Dreams,Century Gothic, Zero Threes, Siyam Rupali; padding: 6px 8px;font-size: 15px;color:#444;border-bottom: 1px solid #ddd;border-width:1px 0;}
#adnan ul li{padding: 3px; font-size: 14px; font-weight: normal; list-style: none; border-bottom: 1px solid #eee;}
#adnan ul  li:last-child{padding: 3px; border-bottom: 0px;}
#adnan li:before {content:"› "; color: #444; font-size: 19px;}
#adnan li:hover:before {content:"› "; color: #005e7c;}
#adnan li a{color: #444; font-weight: normal;}
#adnan li a:hover{color: #444; font-weight: normal; font-size: 15px;}
#adnan li a:hover {color: #005e7c;}
#file-list{padding: 8px; font-size: 14px; font-weight: normal; list-style: none; border-bottom: 1px solid #eee;}
#file-list img{width: 45px; height: 45px; padding:2px; border:2px solid #ddd;}
#file-list a{color: #0a6886;}
#file-list a:hover{color: #444; font-weight: bold;}
#updates{padding: 6px; font-size: 14px; font-weight: normal; list-style: none; border-bottom: 1px solid #eee;}
#updates:before {content:"• "; color: #444;}
#thumbnail{text-align: center; border-bottom: 2px solid #eee; padding: 4px 8px;}
#thumbnail img{width: 180px; height: 180px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;}
#thumb img{margin:1px 3px 3px 1px; padding:3px; border:2px solid #d4d4d4;}
#lines{border-bottom: 1px solid #eee; padding: 4px 8px;}
#download_button{background: #1B9B70; padding: 8px 16px; color: #fff; font-family: Trebuchet MS; margin: auto;}
#ad_button{background: #333; padding: 8px 16px; color: #fff; font-family: Trebuchet MS; margin: auto;}
 r {border: 1px solid #ddd; padding: 2px; color: #444; float: right; text-shadow: none; font-weight: normal;}
.background{background: #eee; padding: 8px 15px;}
.pagination{background: #eee; padding: 8px; color: #444; border-top: 1px solid #ddd;}
.pagenav {clear: both;}
.pagenav a, .pagenav span {background: #0a6886; text-decoration: none;padding: 3px 4px; margin: 2px; color: #fff;}
.pagenav a:hover, .pagenav span.current {background: #444; margin: 2px; color: #fff;}
.pagenav span.current {font-weight: bold;}
.tags{background: #fdfeb8; color: #333; padding: 10px 20px;}
.block{border: 2px solid #ddd;}	
@media only screen and (max-width: 780px) 
{
body{min-width: 100%; max-width: 100%; display: block}
.m_content{display: block;  overflow: hidden; display: block}
.pc_content{display: none;}}

@media only screen and (min-width:780px) 
{
body {min-width: 780px; max-width: 780px;  margin: 0 auto;}
.m_content{display: none;}
.pc_content{display: block; }}