/*
Template Name: Zahid IT Limited
Template URI: http://zahidit.com
Author: zahidul (01791-163610)
Author URI: http://zahidit.com
Version: 1.0
Description: zahidit IT Limited Is A Web & Software Development Firm Of Bangladesh. We Provide Domain Registration, Web Hosting, Hosting Reseller, Web Design & Development, Mobile Apps Development & Software Development. If You Need Than Contact Us : http://www.zahidit.com 
*/

  @font-face {
    font-family: 'SolaimanLipiNormal';
    src: url('fonts/solaiman-lipi.eot');
    src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),
         url('fonts/solaiman-lipi.woff') format('woff'),
         url('fonts/solaiman-lipi.ttf') format('truetype'),
         url('fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
	
	font-weight:normal;font-style:normal;
}



*{padding:0px; margin:0px}
body{background:#EBECE7; font-size:15px; font-family: SolaimanLipiNormal; list-style:none}
a{text-decoration:none; color:#939391}
a:hover{ color:#FF0505}
li a{color:#392E03}
h5{font-size:14px; line-height:20px; color:#000066; margin-bottom:2px;  font-weight:100}
h5 a{color:#000066; margin-bottom:2px;  font-weight:100}
.clear{ clear:both}
.stucture{margin:auto; width:1150px; background:#FFFFFF; padding:0px; border:1px solid #D8DADA; border-radius: 3px; font-family: SolaimanLipiNormal;}
.fix{ overflow:hidden}
.top_header{ background:#EAEBE8; border-bottom:1px solid #999999;}
.date{ float:left; width:470px; padding:3px}
.sarch {float:left; width:325px; padding:3px}
.font{ float:right; width:290px; text-align:right}
.font img{ height:27px;border-radius: 15px; margin-right:10px}
.banar{background-image: url("images/Bannar-Noakhali.png");}
.banar_01{width:430px; float:left; margin:10px 10px}
.banar_01 img{ width:400px; margin:10px}
.banar_02{width:680px; float:right; margin:25px 10px 10px 10px; text-align:right}
.scrool{  margin:3px 0px 5px 0px; background:#EEEBEB}
.scrool_01{ float:left; width:122px; padding:5px; background:#800000; color:#FFFFFF;font-size:18px;}
.scrool_02{ float:right; width:1003px; padding:5px}
.contant_sidebar{}
.contant{ float:left; width:835px;}
.add_01{ margin-left:3px}
.lid_last{}
.lid{ float:right; width:530px; padding:2px}
.lid iframe{width : 100%; height:300px;}
.last{ float:left; width:260px; padding:3px; }
.last_news_title{ height:316px; overflow:scroll; border:1px solid #CCCCCC; padding:5px}
.last_title{ background:#EDEDED; padding:5px; border:1px solid #999999; margin-bottom:2px; border-radius: 3px;font-size:14px;}
.add_02{ margin:5px 2px}
.exclusive{}
.exclusive_details{ float:left; width:258px; padding:5px; height:220px; border:1px solid #E9EBED; margin:2px}
.add_03{ margin:5px 2px}
.3_catagory{}
.catagory_details{float:left; width:262px; padding:5px; border:1px solid #E9EBED; margin-left:2px; height:560px}

.dc_dc{}
.dc_dc01{ float:left; width:570px; margin:2px}
.dc_011{ float:left; width:290px; margin:2px}
.dc_022{ float:right; width:265px; margin:2px}
.dc_dc02{ float:right; width:570px; margin:2px}
.dd_01{ float:left; width:272px; margin:2px}
.dd_02{ float:right; width:272px; margin:2px}
.ortho {}
.ortho_01{ float:left; width:140px; margin:2px}
.ortho_02{float:right; width:140px; margin:2px}
.{}



/*Live */
.live_title{ background:#FFFFFF; padding:10px; color:#000099; position:relative; z-index:99999; font-size:18px}
.live_title a{ color:#000099}
.live_title a:hover{ color:#FF0000}
.live_content{ margin-top:-72px}
.live_content iframe{ width:100%; height:450px}


.sidiul{ background:#000033; margin-top:-140px; z-index:9999; position:relative;}
.sidiul_01{ float:left; width:16%; background:#FF0000; color:#FFFFFF; padding:1%}
.sidiul_02{ float:left; width:80%; padding:1%; color:#FFFFFF}
.sidiul_02 a{ color:#FFFFFF}
.sidiul_02 a:hover{ color:#FF0000}


.logo{ margin:93px -55px -103px 19px; z-index:999999; width:60px}
.logo img {width:75px; margin:0px -55px -70px -5px;}
.logo_area{z-index:999999; position:relative}




.dc_sc{ margin:5px 0px; width:980px}
.dc{ float:left; width:490px; margin-left:2px; border:1px solid #E9EBED; padding:5px; height:400px}
.dc_01{ float:left; width:250px}
.dc_02{ float:left; width:235px; margin-left:5px}
.sc{ float:left; width:245px; padding:5px; margin-left:4px; border:1px solid #E9EBED; height:400px}
.sidebar{ float:right; width:300px; padding:5px; border:1px solid #E9EBED;}
.4_add{ margin:5px 0px}
.single_add{ float:left; width:235px; margin-left:3px; padding:3px}
.Crecket_footboll{ border:1px solid #E9EBED; margin:2px; height:480px}
.crecket_01{ float:left; width:262px; margin-left:2px; padding:5px}
.crecket_02{ float:left; width:575px; margin-left:2px; padding:5px}
.footboll{ float:left; width:262px; margin-left:2px; padding:5px; border:1px solid #E9EBED;}
.middole_add{}
.middole_add_01{ float:left; width:480px; padding:5px}
.{}
.entertainment_sahitto{ border:1px solid #E9EBED; margin:2px; height:500px; margin-bottom:5px}
.entertainment_01{float:left; width:262px; margin-left:2px; padding:5px}
.entertainment_02{float:left; width:575px; margin-left:2px; padding:5px}
.sahitto{float:left; width:262px; margin-left:2px; padding:5px; border:1px solid #E9EBED;}
.gallary_widget_cata{}
.gallary{ float:left; width:560px; margin-left:7px;}
.middole_widget{ float:left; width:262px; margin-left:5px; padding:3px; border:1px solid #E9EBED; height:400px}
.news_catagory{ float:right; width:262px; margin-left:2px; padding:3px; border:1px solid #E9EBED; height:400px}
.dc_catagory{}
.dc_catagory_01{ float:left; width:480px; margin:3px; border:1px solid #E9EBED;}
.dc_detils_01{ float:left; width:230px; padding:5px}
.dc_detils_02{float:left; width:230px; padding:5px}
.dc_catagory_02{float:left; width:480px; margin:3px; border:1px solid #E9EBED;}
.dc_detils_01{float:left; width:230px; padding:5px}
.dc_detils_02{float:left; width:230px; padding:5px}
.4catagory{}
.single_catagory{ float:left; width:278px; padding:2px; margin-left:2px; border:1px solid #E9EBED; height:550px}
.single_catagory{}
.single_catagory{}
.single_catagory{}
.footer_widget{ margin:5px 0px 5px 5px}
.footer_menu{}
.copy_editor_design{ background:#E9EAEA; border-top:5px solid #D5D5D5; margin:20px 0px 10px 0px; font-size:16px;}
.copy{ float:left; width:195px; padding:5px; text-align:left}
.editor{ float:left; width:450px; padding:5px; text-align:left;color:#000000; font-size:16px;  margin-left:30px}
.contact{ float:left; width:400px; padding:5px; text-align:left;color:#000000; font-size:16px;  margin-left:30px}
.design{ float:right; width:200px}
.design img{ width:200px; height:70px; padding-top:20px}
.copy img{ width:200px; height:60px;  padding-top:20px}



.video{ clear:both; margin:10px 0px}
.video_details{float:left; width:176px; padding:5px; height:160px; margin:2px}
.{}
.{}
.{}
.{}

.scrool2{margin-top:30px; background:#000000; position: fixed; bottom: 0px; left: 0px; width: 100% !important;
z-index: 999; }
.scrool_012{ float:left; width:100px; padding:5px; background:#FF0000; color:#FFFFFF; font-size:18px}
.scrool_022{ float:right; width:1135px; padding:5px}




/*Catagory Title*/

.catagory_title_01{ font-size:16px; border-top:2px solid #0170B8; border-bottom:1px solid #0170B8; padding:5px; color:#0170B8; margin-bottom:2px}
.catagory_title_02{ font-size:16px; border-top:2px solid #660099; border-bottom:1px solid #660099; padding:5px; color:#660099; margin-bottom:2px}
.catagory_title_03{ font-size:16px; border-top:2px solid #006699; border-bottom:1px solid #006699; padding:5px; color:#006699; margin-bottom:2px}



.title_catagory{background-image: url("images/title-bg2.gif");font-size:16px; border-bottom:2px solid #009900; padding:5px 5px 5px 10px; color:#000000; margin-bottom:2px; font-weight:100}
.title_catagory2{background-image: url("images/title-bg.gif");font-size:16px; border-bottom:2px solid #009900; padding:5px 5px 5px 10px; color:#000000; margin-bottom:2px; font-weight:100}
.title_catagory3{background:#FF0000;font-size:16px; border-bottom:2px solid #009900; padding:5px 5px 5px 10px; color:#000000; margin-bottom:2px; text-align:center; border-radius: 5px 5px 0px 0px; font-weight:100}
.{}
.{}
.{}
.{}
.{}
.play_title{border-top:3px solid #006699; border-bottom:1px solid #006699; color:#006699; margin-left:2px}

.see_more{ font-size:14px; text-align:right; margin-top:5px; font-weight:400}
.see_more a{ color:#01324B}
.see_more a:hover{ color:#FF0000}


/*Marquee====*/
.marquee_title{}
.marquee a{ color:#FFFFFF; padding:5px; font-size:16px;}
.marquee_title a:hover{ color:#FF0000; padding:5px}
.scrool_022 a{ color:#FFFFFF; padding:5px; font-size:20px;}


/*Title Loop*/
.title_loop_title{ font-size:16px; text-height:22px; line-height:22px;  padding:5px 0px}
.title_loop_title a{  color:#000000; font-weight:400;}
.title_loop_title a:hover{ color:#FF0000;}
.title_pic{ float:left; margin-right:5px; padding:1px; background:#333333;clear:both}
.singletitle{clear:both; height:50px; border-top:1px solid #CDCDCD;}

/*Images Title Loop=========*/
.images-post-thumb{ text-align:center; background:#CCCCCC; padding:1px;}
.image-title{ font-size:16px; text-align:left; font-weight:400;}
.image-title a{ color:#000000}
.image-title a:hover{ color:#FF0000}

/*Images Title Loop 2=========*/
.images-post-thumb2{ text-align:center;  background:#CCCCCC; padding:1px;}
.image-title2{ font-size:16px; text-align:left; font-weight:400;}
.image-title2 a{ color:#000000}
.image-title2 a:hover{ color:#FF0000}

/*Images Title Loop 3=========*/
.images-post-thumb3{ text-align:center; background:#CCCCCC; padding:1px; }
.image-title3{ font-size: 18px; font-weight:100;
text-align: center;
opacity: 0.8;
margin-top: -43px;
background: rgba(0, 0, 0, 0.65) none repeat scroll 0% 0%;
padding: 5px;
border-top: 1px solid #00C; margin-bottom:6px}
.image-title3 a{ color:#FFFFFF}
.image-title3 a:hover{ color:#FF0000}

/*Widget Title=========*/
.widget_title{ margin:2px 0px 5px 0px; font-size:16px}
.widget_title li{margin:2px 0px 5px 0px;}
.widget_title a{color: #000000;}
.widget_title a:hover{color: #FF0505;}
.widget_title h3{  background-image: url("images/second_menu_bg.png");
font-size: 16px;
color: #0170B8;
border-radius: 5px 5px 0px 0px;
border-top: 3px solid #0170B8;
border-bottom: 1px solid #069;
margin-bottom: 5px;
padding: 5px;}
.readmore a{color:#E30202}


/*Exclusive Title Loop=========*/
.exclusive_title{ font-size:18px; text-align:left; padding:5px}
.exclusive_title a{ color:#000000}
.exclusive_title a:hover{ color:#006633}
.lid-post-thumb{ float:left; background:#CCCCCC; padding:1px; margin: 0px 10px 5px 0px}
.exclusive_title-matar{ }


/*Single=========*/


.single_contant{ float:left; width:810px; padding:5px; margin-right:10px}
.single_sidebar{ float:right; width:300px; padding:5px; border:1px solid #E9EBED; margin:0px 2px}
.single_title{ text-align:center; margin:3px 0px; font-size:22px; padding:5px; background:#EFEDED; border-bottom:1px solid #339966}
.single_title a{ color:#003366}
.single_title a:hover{ color:#FF0000}
.single-post-thumb{ float:left; margin-right:10px; padding:0px}
.post_content{ text-align:justify; background:#FFFFFF; margin-bottom:70px; margin-to:-10px}
.post_content a{color:#EE000B;}
.post_info{ color:#990000; font-size:16px; text-align:center; margin-bottom:5px; background:#F8F0F0; padding:4px}
.post_info a{ color:#990000}



/*Page=========*/


.single_contantp{ float:left; width:900px; padding:5px; margin-right:10px, }
.single_sidebarp{ float:right; width:200px; padding:5px; border:1px solid #E9EBED; margin:0px 2px}




/*Archive=========*/.{}
.single_news_detils{ padding-bottom:30px; overflow:hidden}
.archive_loop_title{ margin:3px 0px; font-size:22px; background:#FFFFFF; padding:5px}
.archive_loop_title a{color:#003366}
.archive_loop_title a:hover{color:#FF0000}
.post_loop_post-thumb{float:left; margin-right:10px; background:#666666; padding:2px; }
.archive_loop_matar{ text-align:justify; background:#FFFFFF; margin-bottom:0px}





.nav-previous{float:right; width:200px;margin-top:20px; text-align:right; padding:5px}
.nav-previous a{font-size:18px;color:#CC0000 }
.nav-previous a:hover{color:#0E4E01}
.nav-next{ float:left; width:200px; margin-top:20px;  padding:5px}
.nav-next a{font-size:18px; color:#CC0000 }
.nav-next a:hover{color:#0E4E01}








/*Menu01*/
#menu01{
    padding:0;
	background:#339900;
    width:1200px;
    height:38px;
	margin:-8px 0px 0px 0px;
	z-index:99;
border-bottom:2px solid #FF0000

}
 
#menu01 ul{
    padding:0;
    margin:0;
	
}
 
#menu01 ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;



}
 
#menu01 ul li a{
color:#FFFF00;
font-weight:100%;
    text-decoration:none;
    font-size:16px;
    padding:8px 10px;
    display:block;
		
}
 
#menu01 ul li a:hover{
    color:#FFFFFF;
	background:#FF0000;

	
}
 
#menu01 ul li ul{
    display:block;
    top:40px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
    width:120px;
}
 
#menu01 ul li:hover ul{
    visibility:visible;
    display:block;
	background:#006633;
	width:120px;
}
 
 
  #menu01 .current_page_item > a,
#menu01 .current_page_ancestor > a,
#menu01 .current-menu-item > a,
#menu01 .current-menu-ancestor > a {
	    color:#FFF;
	background:#CC0404;
}




/*Menu02=====*/
#menu02{
    padding:0;
	background:#F6F4F4;
    width:1200px;
    height:35px;
	margin:0px auto;
	z-index:99;
}
 
#menu02 ul{
    padding:0;
    margin:0;
	
}
 
#menu02 ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;

		

}
 
#menu02 ul li a{
color:#030000;
    text-decoration:none;
    font-size:16px;
    padding:8px 10px;
    display:block;
		
}
 
#menu02 ul li a:hover{
    color:#FB0303;


	
}
 
#menu02 ul li ul{
    display:block;
    top:35px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
    width:120px;
}
 
#menu02 ul li:hover ul{
    visibility:visible;
    display:block;
	background:#006633;
	width:120px;
}
 
 
  #menu02 .current_page_item > a,
#menu02 .current_page_ancestor > a,
#menu02 .current-menu-item > a,
#menu02 .current-menu-ancestor > a {
	    color:#FFF;
	background:#1463B0;
}


/*Menu03=====*/
#menu03{
    padding:0;
    width:980px;
    height:32px;
	margin:5px 0px 5px 170px;
	z-index:99;
	text-align:center;
}
 
#menu03 ul{
    padding:0px 0px;
    margin:auto;
	
}
 
#menu03 ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;
		border:1px solid #999999;
		background:#F1F1F1;
		border-radius: 15px;
}
 
#menu03 ul li a{
color:#000000;
font-weight:bold;
    text-decoration:none;
    font-size:13px;
    padding:8px 20px;
    display:block;
		
}
 
#menu03 ul li a:hover{
		border:1px solid #999999;
		background:#FFFFFF;
		border-radius: 10px;

	
}
 
#menu03 ul li ul{
    display:block;
    top:40px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
    width:120px;
}
 
#menu03 ul li:hover ul{
    visibility:visible;
    display:block;
	background:#006633;
	width:120px;
}
 
 
  #menu03 .current_page_item > a,
#menu03 .current_page_ancestor > a,
#menu03 .current-menu-item > a,
#menu03 .current-menu-ancestor > a {
	    color:#FFF;
	background:#003300;
}


ol, ul {
  list-style: none; }

blockquote {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
width:100px }

a img {
  border: none; }

/* =Global
-------------------------------------------------------------- */



a {
  text-decoration: none;
  color: #000000; }

a:hover {
  color: #238b68; }

/* =Template
-------------------------------------------------------------- */
#wrapper {
  width: 300px;
  margin: 0 auto; }

#main {
  background-color: #fff;
  padding: 5px 0; }

.container {
  width: 290px;
  margin: 0 auto;
  padding: 0 5px; }

/* =Top Bar
-------------------------------------------------------------- */
#top-bar {
  background-color: #289f77; }

#top-bar a {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  padding: 10px; }

#top-bar a:hover {
  background-color: #238b68; }

span.all-labs,
span.back-to-tutorial {
  display: block;
  width: 50%; }

span.all-labs {
  float: left;
  text-align: left; }

span.back-to-tutorial {
  float: right;
  text-align: right; }