/*   
Theme Name: dinajpurbd
Theme URI: http://zahurul.com/wp-theme/
Description: Custom build theme for wordpress version 3.0 or later by Md. Zahurul Islam @ +8801713120153
Author: Md. Zahurul Islam
Author URI: http://zahurul.com
Version: 1.0
*/

/*################ Importing Fonts ######################*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700|Titillium+Web:400,700);
/*font-family: 'PT Sans', sans-serif;
font-family: 'Titillium Web', sans-serif;*/

@media screen {
    body {
        font-family: PTSansRegular, 'Myriad Pro', sans-serif;
        background-color: #fff;
        font-size: 14px;
    }
    .screen-reader-text {
        position: absolute;
        left: -9999px;
        top: -9999px;
    }
    .clear { clear: both; }
    .group:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
    #page-wrap {
        width: 960px;
        margin: 20px auto;
    }
    h1, h2, h3 {
        font-weight: normal;
        margin: 0 0 10px 0;
    }
    h1 { }
    h2 { }
    h3 { }
    p { margin: 0 0 10px 0; }
    a { }
    a:hover { }
    blockquote { }
    blockquote p { }
    ul, ol { margin: 0 0 10px 0; }
    .post { }
    .entry { }
    .entry a { }
    .entry a:hover { }
    pre { }
    code, tt { }
    #meta { }
    .postmetadata {}
    #sidebar { }
    .navgation { }
    .next-posts { display: block; padding: 3px 0; width: 49%; height:20px; text-align:center; background-color: #f0f0f0; }
    .prev-posts { display: block; padding: 3px 0; width: 49%; height:20px; text-align:center; background-color: #f0f0f0; }
    #searchform { }
    #s { }
    #searchsubmt { }
    ol.commentlist { list-style: none; margin: 0; padding: 0; }
	ol.commentlist li { }
	ol.commentlist li.alt { }
	ol.commentlist li.bypostauthor { }
	ol.commentlist li.byuser { }
	ol.commentlist li.comment-author-admin { }
	ol.commentlist li.comment {
		border-bottom: 1px dotted #03F;
		padding: 10px;
	}
	ol.commentlist li.comment div.comment-author { }
	ol.commentlist li.comment div.vcard { }
	ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
	ol.commentlist li.comment div.vcard cite.fn a.url { }
	ol.commentlist li.comment div.vcard img.avatar {
		float:right;
		margin: 0 0 10px 10px;
	}
	ol.commentlist li.comment div.vcard img.avatar-32 { }
	ol.commentlist li.comment div.vcard img.photo { }
	ol.commentlist li.comment div.vcard span.says { }
	ol.commentlist li.comment div.commentmetadata { }
	ol.commentlist li.comment div.comment-meta { font-size: 10px; }
	ol.commentlist li.comment div.comment-meta a { color: #ccc; }
	ol.commentlist li.comment p { }
	ol.commentlist li.comment ul { }
	ol.commentlist li.comment div.reply { font-size: 11px; }
	ol.commentlist li.comment div.reply a { font-weight: bold; }
	ol.commentlist li.comment ul.children {
		list-style: none;
		margin: 10px 0 0;
		padding: 0;
	}
	ol.commentlist li.comment ul.children li { }
	ol.commentlist li.comment ul.children li.alt { }
	ol.commentlist li.comment ul.children li.bypostauthor { }
	ol.commentlist li.comment ul.children li.byuser { }
	ol.commentlist li.comment ul.children li.comment { }
	ol.commentlist li.comment ul.children li.comment-author-admin { }
	ol.commentlist li.comment ul.children li.depth-2 {
		border-left: 5px solid #06F;
		margin: 0 0 10px 10px;
	}
	ol.commentlist li.comment ul.children li.depth-3 {
		border-left: 5px solid #09F;
		margin: 0 0 10px 10px;
	}
	ol.commentlist li.comment ul.children li.depth-4 {
		border-left: 5px solid #0CF;
		margin: 0 0 10px 10px;
	}
	ol.commentlist li.comment ul.children li.depth-5 { }
	ol.commentlist li.comment ul.children li.odd { }
	ol.commentlist li.even { background: #F4FDFF; }
	ol.commentlist li.odd { background: #CEF8FF; }
	ol.commentlist li.parent { border-left: 5px solid #03F; }
	ol.commentlist li.thread-alt { }
	ol.commentlist li.thread-even { }
	ol.commentlist li.thread-odd { }
    form { }
    input[type=text] { }
    textarea { }
	
	form#commentform input,
	form#commentform textarea{
		width: 97%;
		padding:3px 5px;
		margin:4px 0px;
		background-color: #f0f0f0;
		box-shadow: inset 1px 1px 3px #999;
		border: 0px;
	}
	form#commentform input[type=submit]{
		width: 99%;
		padding:5px 5px;
		margin:4px 0px;
		background-color: #0066FF;
		color: #FFF;
		box-shadow: none;
		border: 0px;
	}
	form#commentform input[type=submit]:hover{
		background-color: #3EA814;
	}
	.comment-author{
		font-family: PTSansBold;
	}
} 

@media print {
    .do-not-print { display: none; }
    #comments { page-break-before: always; }
    body {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.4;
        word-spacing: 1.1pt;
        letter-spacing: 0.2pt;
        font-family: Garamond, "Times New Roman", serif;
        color: #000;
        background: none;
        font-size: 12pt;
    }
    h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; }
    h1 { font-size: 19pt; }
    h2 { font-size:17pt; }
    h3 { font-size:15pt; }
    h4, h5, h6 { font-size:12pt; }
    code { font: 10pt Courier, monospace; }
    blockquote {
        margin: 1.3em;
        padding: 1em;
    }
    img {
        display: block;
        margin: 1em 0;
    }
    a img { border: none; }
    table {
        margin: 1px;
        text-align:left;
    }
    th {
        border-bottom: 1px solid #333;
        font-weight: bold;
    }
    td { border-bottom: 1px solid #333; }
    th, td { padding: 4px 10px 4px 0; }
    caption {
        background: #fff;
        margin-bottom: 2em;
        text-align: left;
    }
    thead { display: table-header-group; }
    tr { page-break-inside: avoid; }
    a {
        text-decoration: none;
        color: black;
    }
}


/*################ Basic page stracture ######################*/ 
* {
	margin: 0px;
	padding: opx;
}
body {
	font-family: 'PT Sans', 'Myriad Pro', sans-serif;
	background-color: #f0f0f0;
	font-size: 14px;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
	position: relative;
}
h1, h2, h3, h4 {
	font-weight: normal;
	font-family: 'PT Sans', 'Myriad Pro', sans-serif;
}
p{
	padding: 8px 0px;
	line-height: 1.6em;
}
a {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
	color: #0033FF;
	text-decoration: none;
}
a img{
	border: 0px; /*hack IE for image border in a tag*/ 
}
a:hover {
	color: #0D8E2A;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
}
.wrapper{
	width: 960px;
	height: auto;
	display: block;
	position: relative;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 2px 0 5px #333, -2px 0 5px #333;
	padding: 10px;
}
.header,
.navigation{
	width: 960px;
	height: auto;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}
.header{
	font-size: 0;
}
.logo_header img{
	border:0px;
}
.navigation{
	background-image: url(images/menubg.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	background-color: #219822;
}

/*################  Common Class  ##################*/
.clear{
	display: block;
	position: relative;
	clear: both;
}
.fullbox{
	width: 960px;
	height: auto;
	display: block;
	position: relative;
}
.left{
	display: block;
	float: left;
}
.right{
	display: block;
	float: right;
}
.gap{
	width: 100%;
	height: 10px;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
}
.devider{
	width: 100%;
	height: 10px;
	border-bottom: 1px solid #03F;
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}
hr{
    border: 0; 
    margin: 20px 0;
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(159, 73, 163,0), rgba(159, 73, 163,0.75), rgba(159, 73, 163,0)); 
    background-image: -moz-linear-gradient(left, rgba(159, 73, 163,0), rgba(159, 73, 163,0.75), rgba(159, 73, 163,0)); 
    background-image: -ms-linear-gradient(left, rgba(159, 73, 163,0), rgba(159, 73, 163,0.75), rgba(159, 73, 163,0)); 
    background-image: -o-linear-gradient(left, rgba(159, 73, 163,0), rgba(159, 73, 163,0.75), rgba(159, 73, 163,0)); 
}
.hidden{
	display: none;
}

/*################  Search  ##################*/
.search{
	width: 180px;
	height: auto;
	position: relative;
	float: right;
	margin: 8px 8px 0 0;
	padding: 2px;
	display:block;
	background-color: #029E3A;
	box-shadow: inset 1px 1px 5px #333;
}
.search label.screen-reader-text{
	display:none;
	font-size:0px;
}
.search input#s{
	width: 130px;
	position: relative;
	float: left;
	border: 0px;
	border-right: 1px solid #fff;
	padding: 0px 5px 0px 8px;
	margin: 3px 0;
	color:#FFF;
	background-color: transparent;
}
.search input#searchsubmit{
	width: 22px;
	height: 22px;
	position: relative;
	float: right;
	border: 0px solid #bbb;
	background-color: transparent;
	background-image:url(images/search-icon.png);
	background-repeat:no-repeat;
	background-position: center center;
	text-indent: -9999px;
	color:#FFF;
	cursor: pointer;
	margin: 0 5px 0 0;
}
body.search{
	float:none;
	margin: 0px 0px 0px 0px;
    width: auto;
}

/*################  Slider Class  ##################*/
.slider{
	width: 620px;
	height: 290px;
	display: block;
	position: relative;
	background-image: url(images/slider-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 15px;
}
.slider a img,
.slider img{
	width: 620px;
	height: 290px;
	display: block;
}

/*################  Map Class  ##################*/
.map{
	width: 280px;
	height: 300px;
	padding: 9px;
	background-color: #f0f0f0;
	display: block;
	position: relative;
	border: 1px solid #029E3A;
}
.map a{
	width: 280px;
	height: 300px;
	display: block;
	position: relative;
	border: 0;
	background-color: #3EA814;
}
.map a>img{
	width: 280px;
	height: 300px;
	display: block;
	position: relative;
	border: 0;
}

/*################  Homepage Top Category  ##################*/
.home_category_link{
	padding: 9px 9px;
	width: 940px;
	border: 1px solid #03F;
	border-bottom: 0px solid #03F;
}
.home_category_link ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.home_category_link ul li{
	position: relative;
	display: inline-block;
	float: left;
}
.home_category_link ul li a {
	display: block;
	width: 188px;
	padding: 12px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0px #333;
	background-color: #0CF;
	border-bottom-left-radius: 30px;
	font-size: 20px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
}
.home_category_link ul li:nth-child(2) a {
	background-color: #0CF;
}
.home_category_link ul li:nth-child(3) a {
	background-color: #09F;
}
.home_category_link ul li:nth-child(4) a {
	background-color: #06F;
}
.home_category_link ul li:nth-child(5) a {
	background-color: #03F;
}
.home_category_link ul li a:hover {
	color: #ff3300;
    background-color: #42A912;
}
.home_category_link ul ul {
	display:block;
	border-top: 10px solid transparent;
}
.home_category_link ul ul:before {
	display:block;
	content:' ';
	position: absolute;
	border: 10px solid transparent;
	width: 0;
	height: 0;
	left: 60px;
	top: -20px;
	border-bottom: 10px solid #09F;
	z-index: 1;
}
.home_category_link ul ul ul {
	display:block;
	border-top: 0px solid #00C;
	border-left: 10px solid transparent;
}
.home_category_link ul ul ul:before {
	display:block;
	content:' ';
	position: absolute;
	border: 10px solid transparent;
	width: 0;
	height: 0;
	left: -20px;
	top: 4px;
	border-right: 10px solid #09F;
	z-index: 1;
}
.home_category_link ul ul li a {
	display: block;
	width: 188px;
	padding: 5px 8px;
	text-align: left;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	border-bottom-left-radius: 0px;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	border-bottom: 1px dotted #666666;
}
.home_category_link ul li:nth-child(1) ul li a,
.home_category_link ul li:nth-child(2) ul li a,
.home_category_link ul li:nth-child(3) ul li a,
.home_category_link ul li:nth-child(4) ul li a,
.home_category_link ul li:nth-child(5) ul li a {
	background-color: #09F;
}
.home_category_link ul li:nth-child(1) ul li a:hover,
.home_category_link ul li:nth-child(2) ul li a:hover,
.home_category_link ul li:nth-child(3) ul li a:hover,
.home_category_link ul li:nth-child(4) ul li a:hover,
.home_category_link ul li:nth-child(5) ul li a:hover {
	background-color: turquoise;
	color: #E30613;
}

/*################  Content Style  ##################*/
.content{
	width: 637px;
	padding: 10px;
	border: 1px solid #03F;
	font-family: 'SolaimanLipi', Arial, Helvetica, sans-serif;
}
.content a:hover{
	text-decoration: underline;
}
h1.title{
	font-family: 'SolaimanLipi', Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.title,
.title a{
	color: #0033FF;
	font-weight: 400;
	margin: 0;
	padding: 0 0 2px 0;
	display: block;
	font-family: 'SolaimanLipi', Arial, Helvetica, sans-serif;
}
.title a:hover{
	color: #3EA814;
}
.meta{
	color: #aaa;
	font-size: 0.85em;
	margin: 0;
	padding: 0 0 5px 0;
}
.post_thumbnail{
	display: block;
	position: relative;
	float: left;
	border: 1px solid #03F;
	padding: 5px;
	margin: 10px 10px 10px 0;
}
.my404error {
    background-image: url(images/404.gif);
    background-position: 100% 30%;
    background-repeat:  no-repeat;
}

/*################  Sidebar Style  ##################*/
.sidebar{
	width: 300px;
	border: 1px solid #03F;
	border-left: 0px solid #03F;
	position: relative;
	display:block;
}
.sidebar:before{
	content: ' ';
	display: block;
	width: 1px;
	height: 100%;
	background-color:#03F;
	position: absolute;
	left:-1px;
	top:0;
}
.sidebar .widget{
	width: 280px;
	padding: 10px;
	border-bottom: 1px solid #03F;
	background-image: url(images/widget_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #fff;
}
.sidebar .widget:last-child{
	background-color: #F93;
}
.widget h2{
	background-color: #03F;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 5px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	text-align: center;
}
.widget ul,
.widget ol{
	display: block;
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style: none;
}
.widget ul li,
.widget ol li{
	padding: 0 0 0 20px;
	display: block;
	width: auto;
	background-image: url(images/arrow-right.png);
	background-position: 3px 10px;
	background-repeat: no-repeat;
}
.widget ul li a,
.widget ol li a{
	padding: 5px 0;
	display: block;
	width: auto;
	border-bottom: 1px solid #03F;
}
.widget ul li:last-child a,
.widget ol li:last-child a{
	border-bottom: 0px solid #03F;
}
.widget_archive select{
	padding: 6px 12px;
	width: 100%;
}
.tagcloud a{
    display: inline-block;
    padding: 2px 5px;
    margin: 0 3px 5px 0;
    background-color: #fff;
    color: #0033FF;
    border: 1px solid #0033FF;
    font-size: 12px !important;
}
.tagcloud a:hover{
    background-color: #0033FF;
    color: #fff;
}

/*################  Signup Style  ##################*/
/*input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
input:not([type=submit]):not([type=file]),*/
.widget input[type=email] {
    width: 160px;
	background-color: #00BFBF;
	border: 0px;
	padding: 5px 10px;
	box-shadow: inset 2px 2px 5px #333;
	color: #fff;
	float: left;
}
.widget input[type=submit] {
    width: 80px;
	background-color: #00BFBF;
	border: 0px;
	padding: 5px 0;
	color: #fff;
	float: right;
}
.sidebar .sidebarbg{
	background-image: url(images/widget_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/*################  Footer Styles  ##################*/
.box_full{
	width: 100%;
	min-width: 980px;
	height: auto;
	display: block;
	position: relative;
}
.box_mid{
	width: 980px;
	height: auto;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
.footer{
	background-color: #d8d8d8;
	border-top: 5px solid #f0f0f0;
	padding: 10px 0;
	margin: 20px 0 0 0;
}
.footer_logo{
	width: 202px;
	height: 52px;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}
.hit_vounter{
	width: auto;
	height: auto;
	display: block;
	position: relative;
	margin: 0 0 0 250px;
	padding: 0;
	float: left;
	text-align: center;
	font-size: 12px;
}
.hit_vounter span{
	display: block;
	position: relative;
	margin: 0;
	padding: 2px 5px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background-color: #797979;
}
.copy{
	background-color: #585858;
	padding: 5px 0;
	margin: 0;
}
.developer_txt,
.copyright_txt{
	text-align: left;
	font-size: 12px;
	margin: 0;
    padding: 0;
	color: #fff;
}
.developer_txt a{
	text-decoration: none;
	color: #fff;
}

/*################  Social Icon  ##################*/
.social_icon{
	display: block;
	position: relative;
	width: auto;
	margin: 10px 0 0 0;
}
.social_icon a{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 8px 0 0;
	padding: 0;
}
.social_icon a:last-child{
	margin-right: 0px;
}
.social_icon a:hover{
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.social_icon a img{
	display: block;
	width: 32px;
	height: 32px;
	border: 0px;
}

/*################  Contact form Styles  ##################*/

table.feedbak {
	border-collapse: collapse;
	border: 0px;
}
table.feedbak tr {
}
table.feedbak tr td {
	vertical-align: top;
	padding: 10px 0;
}
table.feedbak input,  table.feedbak textarea {
	width: 95%;
	border: 0px;
	background-color: #42A912;
	color: #fff;
	padding: 8px;
	float: right;
	box-shadow: inset 1px 1px 1px #333;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
table.feedbak input:focus,  table.feedbak textarea:focus {
	background-color: #999;
	box-shadow: inset 2px 2px 5px #333;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
table.feedbak input:hover,  table.feedbak textarea:hover {
	background-color: #999;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
table.feedbak .captcha img {
	width: 22%;
	height: auto;
	margin: 0 0 0 6px;
}
table.feedbak .captcha input {
	width: 70%;
}
table.feedbak .send_but p {
	margin: 0;
	padding: 0;
}
table.feedbak .send_but input {
	width: auto;
	box-shadow: none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
table.feedbak .send_but input:hover {
	width: auto;
	background-color: #333;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


#backtotop { 
	position:fixed;
	bottom:5px;
	right:5px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
    background-color: rgba(100, 100, 100, 0.4);
    padding: 10px 15px;
    font-size: 1.5em;
    font-family: arial, serif;
}
a#backtotop:hover { 
	background-color: rgba(100, 100, 100, 0.9);
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.8);
}