/*
Theme Name: projapoti
Author: osman sorkar
Description:Projapoti is a clean, creative and custom panel ready responsive blogging theme supporting header logo. It integrates primary color option, custom background, custom css and few other features through WordPress customizer. The theme is translation ready and you can get free support.

Version: 2.7
License: GNU General Public License v2 or later
License URI: license.txt
Tags: responsive-layout,Blue, White, Black, one-column, two-columns, right-sidebar, custom-background, custom-menu, full-width-template, post-formats,translation-ready, theme-options, custom-colors,fluid-layout
Text Domain:  projapoti



©2013 osmansorkar, projapotibd.com
Happy 10th Anniversary to WordPress.

projapoti WordPress Theme, Copyright 2013 projapotibd.com
projapoti is distributed under the terms of the GNU GPL


*/

/* Divided all layout*/
#wrapper{
	width:1024px;
	min-height:700px;
	margin:0 auto;
	position:relative;
}

#header{
	width:100%;
	min-height:200px;
}
.main-page{
	margin:20px 10px;
	width:68%;
	float:left;
	min-height:1000px;
}
.side-bar{
 float: right;
    margin-top: 20px;
    width: 29.7%;

}
#footer{
	clear:both;
	width:100%;
}
/** All tag*/
a{
	text-decoration:none;
	color:#000;
}
img{
	max-width:100%;
}
a:hover{
	text-decoration:underline;
	color:#03F;
}
.center{
	text-align:center;
}
pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
	 white-space:pre-wrap;
}
/* header Desine*/
.top-bar{
	width:100%;
	border-top:4px solid #F00;
	height:35px;
}

.time {
	padding:5px 10px;
	min-width:200px;
	float:left;
}
.time .time-date{

	padding:2px;
}
.top-nav{
	width:550px;
	overflow:hidden;
	position:relative;
		float:left;
}
.top-nav ul{
	
	list-style:none;
	padding:0;
	margin:0;
}

.top-nav ul li{
	float:left;
}
.top-nav ul a{
	text-decoration:none;
	display:block;
	padding:7px;
}

#search {
    float: right;
    padding: 5px 0;
    width: 200px;
}
#search input{
	float:left;
}
.top-input{
	height:20px;
	width:60px;
	border:medium none;
	transition:width 1s;
	-webkit-transition:width 1s;
	-moz-transition:width 1s;
	-o-transition:width 1s;
}
.top-input:focus{
	width: 160px;
}
#search div{
    float: right;
    margin-right: 10px;
}
.top-submit{
	height: 22px;
    width: 25px;
background-image:url(img/search-ico.png);
background-position: center center;
background-size:20px;
	border:none;
	background-repeat:no-repeat;
}
.header-aria{
	width:100%;
}
.site-logo {
    float: left;
    min-height: 170px;
    margin: 10px;
    width: 348px;
}
.site-logo strong {
	display:block; font-size:36px
}
.add-400x100 {
    float: right;
    margin: 30px 15px;
}
/***************** Navigation******************** */
#nav-click{
	display:none;
}
.main-nav-mob{
	display:none;
}
.main-nav-mob ul{
	margin:0;
	list-style:none;
	padding:0;
}
.main-nav-mob ul li{
	width:100%;
	background-color:#666;

}
.main-nav-mob ul li:hover{
	background-color:#000;

}
.main-nav-mob ul li:hover a{
		color:#FFF;
}
	

.main-nav-mob ul li a{
	display:block;
	padding:5px 15px;
		border-bottom:1px solid #FFF;
}
#nav-click{
	margin-left:10px;
	background-color:#999;
	padding:5px;
	width:30px;
	cursor:pointer;
	clear:both;
}
#nav-click span{
	display:block;
	width:30px;
	height:5px;
	background-color:#0F0;
	margin:3px 0;
}



.main-nav{
	clear:both;
	position:relative;
	z-index:10;
}
.main-nav:after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.main-nav ul{
	padding:0;
	margin:0 0 0 10px;
	list-style:none;
}
.main-nav ul li{
	float:left;
}

.main-nav ul li a{
	text-decoration:none;
	padding:10px 15px;
	font-size:18px;
	display:block;
}
.main-nav ul ul{
	position:absolute;
	margin-left: -3px;
	display:none;
}
.main-nav ul ul li {
    border-right: 0 none;
    display: block;
    float: none;
}

.main-nav #navi>li:hover ul{
	display:block;
}
.main-nav .menu>li:hover ul{
	display:block;
}
.main-nav .menu>li:hover ul li a{
	background:inherit;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
}

.main-nav .menu-item-home a{
	background:url(img/home.png) center 10px no-repeat;
	text-indent:-9999px;
	padding:10px 30px !important;
}
.main-nav .home-tab{
	margin:0 !important;
	
}
.main-nav  .current_page_item a{
	transform: scale(1.1, 1.2);
	-moz-transform: scale(1.1, 1.2);
	-ms-transform: scale(1.1, 1.2);
	-o-transform: scale(1.1, 1.2);
	-webkit-transform: scale(1.1, 1.2);
	margin-top:-3px;

}


.main-nav ul ul li:hover a{
	background-color:inherit;
}

/* featuer post*/

.f-post{
    clear: both;
    margin-top: 30px;
    padding: 0 15px;
}
.f-title{
	right:0;
	position:absolute;
	margin-top:-20px;
	
}
.array{
	float:right;
	margin-right:15px;
	
}
.f-title h2{
	padding:0;
	margin:0;
	padding:3px;
	min-width:250px;
}
.t-ico {
    background:url(img/t-ico.png) no-repeat center 5px;
    float: right;
    height: 30px;
    width: 30px;
	margin-right:7px;
}

#f-post-aria{
	clear:both;
	padding: 30px 0 0;
}
.f-post-img{
	float:left;
	width:38%
}

.f-details{

}
.f-details h2{
	margin:0 10px;
	padding:5px 0;
	text-align:justify;
}
.f-details p{
	margin:0 10px;
	padding:5px 0;
	text-align:justify;
	line-height: 1.6;
}
.author-img img{
	width:62px;
	height:62px;
}
.author-img{
	float:left;
}
.author-details span{
	display:block;
}
.author-details span span {
    display: inline;
}
.f-read-more {
    float: right;
    margin-top: -40px;
    min-width: 200px;
	margin-right:10px;
}
.f-read-more a{
	color:#FFF;
}

/***** loop***/
.page-title{
	margin:0;
	padding:10px;
	background-color:#3CF;
	color:#FFF;
}
.post {

    margin: 20px 0;
    padding: 10px;
    position: relative;
	clear:both;
	z-index:1;
}

.sticky {
    background:#0FC !important;
}
.sticky p{
	color:#F00 !important;
}

blockquote p {
    border-left: 3px solid #FF0000;
    padding-left: 10px;
}


.post-details > p {
    line-height: 1.5;
    text-align: justify;
}
.post img{
	margin-top:10px;
	float:left;
	width:200px;
	height:200px;
	padding:5px;
	margin-right:10px;
	margin-top:-15px;
}

#post-footer {
    background: none repeat scroll 0 0 #FF0000;
    clear: both;
	overflow:hidden;
	color:#FFF;
}
.read-more {
    display: inline-block;
    font-size: 20px;
    min-width: 150px;
    padding: 4px 6px;
	float:right;
}
.r-ico {
    background:url(img/f-icon.png) no-repeat center 5px;
    float: right;
    height: 30px;
    width: 30px;
	margin-right:7px;
}


.pa-info {
    background-color: #FF0000;
    display: inline-block;
    font-size: 18px;
    padding: 6px;
    width: 498px;
	float: left;
}

#post-footer a:hover{
	text-decoration:underline;
}


/************ Style Navigation ****************/
.wp-pagenavi{
	overflow:hidden;
	margin-bottom:50px;
}
.wp-pagenavi span,.wp-pagenavi a{
	padding:10px;
	display: inline-block;
}

/************** sidebar Style******************************/
.widget_bar {
    clear: both;
    margin-top: 10px;
	overflow:hidden;

}
.widget_bar ul{
	/* padding: 10px;
	list-style:none; */
	margin:0;
	list-style:square;
	 padding: 0 5px 0 20px;
}

.widget_bar .tagcloud{
    color: #FFFFFF;
    overflow: hidden;
	padding:10px;
}
.cat-item {
    float: left;
    font-size: 14px;
    width: 139px;
}


/******** footer widget***********************/
.footerbar{
	width:307px;
	float:left;
}
#footer-two {
    margin: 0 46px;
}

.footerbar .s-title{
margin-bottom: 10px;
	
}
.footerbar .sarray{
	float:right;
	margin-right:15px;
	
}
.footerbar .s-title h2{
	padding:0;
	margin:0;
	padding:3px;
	min-width:150px;
}
#last-footer{
	clear:both;
	width:100%;
}
/*********wp table******************/

#wp-calendar {
    width: 97%;

}
#wp-calendar caption{
	padding:5px;
}
#wp-calendar tbody tr td, thead tr th{
	padding:10px !important;
}

tbody tr td a{
	text-decoration:underline !important;
}

/* Footer Navigation */
#footer-navi{
	width:100%;
}
.footer-navi{
	width:750px;
	overflow:hidden;
	height:40px;
	margin: 0 auto;
}

.footer-navi ul{
	padding:0;
	margin:0 0 0 10px;
	list-style:none;
	overflow:hidden;
}
.footer-navi ul li{
	float:left;

}
.footer-navi ul li a{
	text-decoration:none;
	padding:7px 10px;
	font-size:16px;
	display:block;


}


.footer-navi .sub-menu{
	display:none;
}
.developer-info{
	width:100%;
	clear:both;
	position:relative;
	margin-top:10px;
}
.developer-info a{
	color:#F00;
}
.developer-info:after{
	clear:both;
	display:block;
	height:0;
	width:100%:
}
.copy-right{
	min-width:470px;
	min-height:30px;
	margin-left:40px;
	float:left;
	padding:7px 0px
}
.deginer-info{
	min-width:400px;
	max-width:480px;
	min-height:30px;
	margin-right:40px;
	float:right;
	text-align:right;
	padding:7px 0px
}

/*********** single page *************/
.user-info{
	margin: 30px 10px 0;
	background-color:#FFF
}
.user-aria{
	padding:5px;
}
.author-aria{
	width:55%;
	min-height:150px;
	float:left;
}
.author-post{
	width:43%;
	min-height:150px;
	float:right;
	padding-top:20px;

}
.author-aria > h3 {
    margin: 0;
    padding: 5px;
}
.author-aria > h3 a{
	color:#09F;
}
.user-des  p {
    line-height: 1.6;
    margin: 0;
    padding: 0 5px;
    text-align: justify;
}
.user-des {
    border-right: 1px solid #FF0000;
}
.user-des  a {
	color:#F00;
}
.user-photo{
	float:left;
	border:1px solid red;
	margin-right: 10px;
}
.user-photo img{
	padding:5px;
	width:150px;
	height:150px;
}
.user-post{
	border-left:5px solid #0CF;
	margin:10px 0;
	border-left: 5px solid #00CCFF;
    height: 56px;
    margin: 10px 0;

}

.user-post h4, .user-post p{
	padding:0;
	margin:0;
}
.post-img{
	padding:0 10px;

}
.post-img img{
	padding:5px;
	border:1px solid #F00;
	float:left;
}


.single-page {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 10px;
    padding: 10px;
}

.single-page>h2{
	padding:5px;
	margin:0;
}
.single-page>h2 a{
	color:#000;
}

.single-page #p-info{
	padding:0 5px;
}

.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* This makes sure that images scales properly on all browsers*/
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image,
#content-p img {
	max-width: 100%;
	height: auto; /* This makes sure that images scales properly on all browsers*/
}

#content-p .alignleft {
    border: 1px solid #CCC;
    float: left;
    padding: 5px;
}
#content-p .alignright {
    border: 1px solid #CCC;
    float: right;
    padding: 5px;
}

#content-p .aligncenter {
    border: 1px solid #CCC;
    display: block;
    margin: 0 auto;
    padding: 5px;
}
#content-p .alignnone {
    border: 1px solid #CCC;
    display: block;
    margin: 0 auto;
    padding: 5px;
max-width: 95%;
}

.wp-caption,.gallery-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
clear:both;
}
.bypostauthor{
	color:#000;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.comment-page-my {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 10px;
	margin-top:40px;
}

.c-title {
    left: 37%;
    margin-top: -30px;
    position: absolute;
}
.carray{
	margin-right: 50%;
	float:right;
	width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #F70C06;
}
.c-title h2{
	padding:0;
	margin:0;
	color:#FFF;
	padding:3px;
	min-width:310px;
	background:#F70C06;
}

.comment-page-my .commentlist,.comment-page-my .children{
	list-style:none;
}


.comment-page-my .reply a{
	color:#FFF;
    clear: both;
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: -15px;
    min-width: 120px;
    padding: 3px 16px;
	background: url("img/f-icon.png") no-repeat scroll center right 5px #FF0000;
}
.comment-page-my cite {
    display: block;
    text-align: center;
    width: 100px;
	margin-left: -20px;

}
.comment-page-my cite a {
	color:#F00;
}

.comment-page-my header {
    float: left;
    width: 100px;
	margin-top: 7px;
}
.comment-page-my .vcard img{
	border-radius:50px;
	border:1px solid #F00;
}


.comment-page-my section {
 border: 2px solid;
    margin-left: 40px;
    padding-left: 60px;
	min-height: 115px;
}

.comment-page-my section a {
	color:#F00;

}
.comment-page-my article {
    clear: both;
    margin-bottom: 16px;
}
.comment-page-my .comment-respond {
    background: none repeat scroll 0 0 buttonface;
    padding: 10px;
}
.comment-page-my #commentform label {
    display: block;
}

.comment-page-my .form-submit > input {
    padding: 5px;
	background-color:#0CF;
}
.comment-page-my .comment-reply-title {
    background: none repeat scroll 0 0 #FF0000;
    color: #FFFFFF;
    padding: 10px;
}
.comment-page-my .commentlist {
    padding: 15px;
}