/*
Theme Name: OneBlog
Theme URI: http://www.3eo.ir
Author: 3eo
Author URI: http://www.3eo.ir
Description: OneBlog
Version: 1.0
*/

@charset "utf-8";
@font-face {
	font-family: 'Zar';
	font-weight: normal;
	font-style: normal;
	src: url("fonts/bzar.ttf") format("truetype")
}
@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.ttf') format('truetype');
}
*{
	margin:0;
	padding:0
}
body{
	background:#eeeeee;
	direction:rtl;
	font:17px 'BYekan',b yekan,yekan,tahoma;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'BYekan',b yekan,yekan,tahoma;
	font-weight: normal;
}
h6{
	font-size:13px;
	line-height:20px;
}
h5{
	font-size:17px;
	line-height:25px;
}
h4{
	font-size:22px;
	line-height:27px;
}
h3{
	font-size:25px;
	line-height:31px;
}
h2{
	font-size:30px;
	line-height:34px;
}
h1{
	font-size:22px;
	line-height:36px;
}
a{
	color:#4678b5;
	text-decoration:none
}
::selection {
	background: #333333;
	color: #FFF;
}
::-moz-selection {
 background: #333333;
 color: #FFF;
}
li{
	list-style:url(http://static.3eo.ir/oneblog/images/ist.png);
	line-height:36px;
}
img{
border:none;
}
img a{
border:none;
}
/*===== Header =====*/
header{
	width:1040px;
	overflow:hidden;
	margin:25px auto 0
}
#logo{
	width:50%;
	margin:10px 0;
	margin-right:15px;
	overflow:hidden;
}
#logo:hover{
 transform:rotate( 4deg );
 -moz-transform:rotate( 4deg );
 -o-transform:rotate( 4deg );
 -ms-transform:rotate( 4deg );
 -webkit-transform:rotate( 4deg );
 -khtml-transform:rotate( 360deg );
 }
header nav{
	width:100%;
	height:57px;
	background:#4678b5;
	position:relative;
	color:#fff;
	font:16px 'BYekan'
}
header nav ul{
	font:19px 'BYekan';
	width:100%;
	margin:0 8px
}
header nav ul li{

	float:right;
	padding:15px 5px;
	margin-left:18px;
	transition:all .3s;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s
}
header nav ul li a{
	color:#fff;
	display:block;
	line-height:25px;
	transition:all .3s;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s
}
header nav ul li a:hover{
	color:#000
}
header nav ul ul{
	width: 250px;
	visibility: hidden;
	position: absolute;
	margin-right:-5px;
	margin-top:15px
}
header nav ul ul li{
	background:#464646;
	float: none;
	list-style:none;
	padding-right:15px;
	border-bottom:#5a5a5a solid 1px;
}
header nav ul li:hover ul{
	visibility: visible;
}
/*===== Main =====*/
#main{
	background:#FFF;
	width:1040px;
	overflow:hidden;
	margin:25px auto;
	box-shadow:-1px 2px 2px #CCCCCC;
	border-top:solid 5px #d6d6d6;
	border-bottom:solid 5px #d6d6d6;
	padding:15px 0;
}
#posts{
	width:700px;
	overflow:hidden;
	float:right;
	border-left:solid 1px #eee;
	margin-top:-20px
}
.post{
	width:100%;
	overflow:hidden;
	margin-top:40px;
}

.index-post{
	height:220px
}
.post:hover .title-post a{
	color:#4678b5
}
.post:hover .text-post{
	color:#4678b5
}
.title-post{
	font:22px 'Byekan';
	list-style:url(http://static.3eo.ir/oneblog/images/ist.png);
	margin:0px 26px;
	padding:5px 0
}
.title-post a{
	color:#555555;
	transition:all .3s;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
}
.top-post{
	width:650px;
	height:40px;
	background:url(http://static.3eo.ir/oneblog/images/ptp.png) no-repeat bottom right;
	position:absolute;
	margin-right:-10px
}
.meta-post{
	background:#FFF;
	width:100%;
	height:20px;
	border:solid 1px #eee;
	font:10px 'BYekan';
	color:#ababab;
	line-height:18px;
	padding:5px 25px 5px 0
}
.meta-post span{
	margin-left:10px
}
.meta-post a{
	color:#a4a4a4
}
.sp{
	height:170px;
	width:245px;
	position:absolute;
	background:url(http://static.3eo.ir/oneblog/images/lss.png) no-repeat bottom right;
	float:left;
	margin-top:40px;
	margin-right:-10px
}

.spax{


width:1040px;
	overflow:hidden;
	margin:25px auto 0

}
.img-post{
	width:100%;
	height:160px;
	background:#4678b5;
}
.img-post img{
	width:235px;
	height:148px;
	margin-right:5px;
	margin-top:6px;
}
.text-post{
	width:400px;
	overflow:hidden;
	color:#959595;
	font-size:15px;
	float:left;
	margin-top:50px;
	margin-left:45px;
	transition:all .3s;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
text-align:justify;
}
.bala-post{
	width:650px;
	color:#959595;
	font-size:15px;
	margin-top:20px;
	margin-left:45px;
	margin-right:5px;
}
.more{
	position:absolute;
	margin-right:560px;
	margin-top:185px;
	background:#464646;
	font:20px 'BYekan';
	padding:3px 0;
	box-shadow:-3px 4px 0 #585858;
	transition:all .3s;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
}
.more a{
	padding:0px 8px;
	color:#ebebeb
}
.post:hover .more{
	background:#4678b5;
	box-shadow:-3px 4px 0 #00b9ff
}
.post:hover .more a{
	color:#FFF
}
.breadcrumb{
	background:#FFF;
	border:solid 1px #eee;
	color:#cecece;
	width:100%;
	padding:10px 15px;
	font:11px 'BYekan';
	margin-top:10px
}
.breadcrumb a{ color:#cecece}
.text-single{
	width:680px;
	overflow:hidden;
	margin:45px auto 0;
	color:#2a2a2a;
	font-size:17px;
}
.text-single p{
	margin:8px 0
}
.text-single pre{
	width:99%;
	direction:ltr;
	float:left;
	margin-left:10px;
	background:#ebebeb;
	padding:5px
}
.text-single blockquote{
	margin-right:15px;
	padding:0 5px;
	padding-left:10px;
	padding-top:8px;
	background:url(http://static.3eo.ir/oneblog/images/quotation.png) no-repeat top right
}
.text-single img{
 display: block;
    margin-left: auto;
    margin-right: auto
}
.author{
	width:660px;
	overflow:hidden;
	margin:15px auto 0;
	background:#f8f8f8;
	border:solid 1px #eee
}
.au{
	width:380px;
	float:right
}
.au h4{
	font-size:19px;
	color:#666;
	padding:8px 8px 0 0
}
.au .description{
	font:12px 'BYekan';
	color:#979797;
	padding:8px
}
.author img{
	float:left;
	margin:10px 6px;
	border:solid 3px #FFF;
	border-radius:100px
}
#pn{
	width:100%;
	height:50px;
	margin-top:70px;
	padding:5px;
}
.wp-pagenavi{
	width:550px;
	overflow:hidden;
	margin: 15px auto 0 auto;
	font:13px 'BYekan';
}
.wp-pagenavi .current {
    padding: 5px 8px 4px;
    background: none repeat scroll 0% 0% #4678b5;
    color: rgb(0, 0, 0);
	border:none;
}
.wp-pagenavi span, .wp-pagenavi a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0px;
    padding: 6px 10px 5px;
    width: auto;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgb(85, 85, 85);
    border-radius: 0;
	border:solid 1px #FFF;
}
.wp-pagenavi a:hover {
    color: rgb(0, 0, 0);
    background: none repeat scroll 0% 0% #4678b5;
}
.alignleft,.alignright{
	width:98px;
	margin:10px 10px;
	background:#464646;
	font:13.4px 'BYekan';
	display:inline
}
.alignright{
	float:left;
	margin-left:40px
}
.alignleft a,.alignright a{
	color:#FFF;
	padding:5px 8px;
	background:#464646;
	line-height:30px;
	transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-webkit-transition:all .3s;
}
.alignleft a:hover,.alignright a:hover{
	background:#4678b5
}
/*===== Sidebar =====*/
#sidebar{
	width:330px;
	overflow:hidden;
	float:left;
}
.search-sidebar{
	width:300px;
	margin:10px auto
}
.search-sidebar input,.ssid{
	width:230px;
	background:url(http://static.3eo.ir/oneblog/images/search.png) no-repeat bottom left;
	padding-left:45px
}
.socail{
	width:285px;
	height:80px;
	margin:5px 15px 0;
}
.so{
	width: 40px;
	height: 40px;
	float: left;
	margin-left:5px;
margin-top:5px;
	transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	-webkit-transition: all .8s
}
.fb{background:#06F url(http://static.3eo.ir/oneblog/images/fb.png) no-repeat center}
.fb img {padding:28px 36px}
.tw{background:#09F url(http://static.3eo.ir/oneblog/images/tw.png) no-repeat center}
.tw img {padding:30px 27px}
.rss{background:#fff200 url(http://static.3eo.ir/oneblog/images/rss.png) no-repeat center}
.rss img {padding:25px 26px}
.widget{
	width:340px;
	overflow:hidden;
	margin:15px 0 0;
}
.widget-top{
	width:340px;
	height:70px;
	background:url(http://static.3eo.ir/oneblog/images/lsss.png) no-repeat bottom left;
	margin-left:-15px;
	position:absolute;
	
}
.widget-top h3{
	background:#4678b5;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:22px;
	padding:15px 0
}
.widget-top h3 a{color:#000;}
.widget-text{
	width:300px;
	margin:68px auto 0;
	padding:3px;
	color:#464646
}
.widget-text a{
	padding:3px;
	color:#464646;
	transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s
}
.widget-text a:hover{
	color:#FFF;
	background:#4678b5;
}
/*===== Footer =====*/
footer{
	width:1040px;
	overflow:hidden;
	background:#4678b5;
	position:relative;
	margin:25px auto 0
}
#top-footer{
	width:1040px;
	overflow:hidden;
	margin:15px auto;
	padding:5px;
	color:#000;
}
.fwidget{
	width:1040px;
	overflow:hidden;
	float:right;
	margin-left:10px
}
.fwidget h3{
	font-size:22px;
	line-height:40px;
	padding-right:3px;
	border-bottom:dotted 1px #5a5a5a;
	text-shadow:0 1px 1px #000
}
.ftwidget{
	width:1040px;
	overflow:hidden;
	margin:5px auto 0;
	font:12px 'BYekan';
}
.ftwidget li{
	list-style:url(http://static.3eo.ir/oneblog/images/istf.png);
	margin-right:20px
}
.ftwidget a{
	color:#FFF
}
.ftages a{
	font-family:'BYekan';
	background: none repeat scroll 0% 0% rgb(51, 51, 51);
	display:inline-block;
	margin-top:3px;
	color:#FFF;
	padding:5px 5px;
	transition:all .5s
}
.ftages a:hover{
	background: none repeat scroll 0% 0% rgb(249, 186, 0);
}
.cpps{
	width:100%;
	height:150px;
	background: url("http://static.3eo.ir/oneblog/images/siosepol4.png") ;
	font:13px 'BYekan';
	line-height:50px;
	color:#FFF;
	text-shadow:0 1px 1px #000;
}
.cpps a{
	color:rgb(249, 186, 0)
}
.cp{
	float:right;
margin-right:8px;
}
.ps{
	float:left;
	margin-left:10%
}
.er{
	width:690px;
	margin:auto;
	margin-top:55px;
	font:22px 'BYekan';
	text-align:center;
	color:#666
}
/*-----comment-----*/
.comment{
	width:680px;
	overflow:hidden;
	padding:5px;
	margin:15px 10px
}
.comments {
  background: #FFF;
  padding:10px;
  margin:10px 0;
  font-family:'BYekan';
}
#commentsbox {
    margin: 0px 0px 0px 0px;
}

h3#comments {
    padding: 10px 0px;
    margin: 20px 10px 20px 0px;
    color: #333;
	font:20px 'BYekan';
}

ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
}
ol.commentlist li {
    line-height: 18px;
    margin: 0px 0 20px 0px;
    padding: 20px 20px;
    background: #fff;
    border-right: 3px solid #464646;
}

ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited {
    color: #333;
    font-weight: 700;
    text-decoration: none!important;
}
ol.commentlist li .comment-author .avatar {
  background: #fff;
  padding: 3px;
  float:right;
  width: 80px;
  height: 80px;
  margin-left: 10px;
  border:solid #f1f1f1 1px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}

ol.commentlist li .comment-author  {
  font-weight: normal !important;
  font-size: 18px;
  font-family: 'BYekan';
}

ol.commentlist li .comment-meta .commentmetadata {
    color: #000;
}

ol.commentlist li .comment-meta a {
    color: #CCC;
    text-decoration: none!important;
}

ol.commentlist li p {
    line-height: 22px;
    margin-top: 5px;
    color: #666;
    font: 11px 'BYekan';
}

ol.commentlist li .reply {
    margin-top: 20px;
    font-size: 10px;

}

ol.commentlist li .reply a {
  clear:both;
  font-size:11px;
  font-family: 'BYekan';
  color: #333;
  background-color: #f2f2f2;
  padding: 4px 8px;
}
ol.commentlist li ul.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
}

.comment-nav {
    height: 20px;
    padding: 5px;
}

.comment-nav a:link,.comment-nav a:visited {
    color: #f15755;
}

#respond {
    margin: 10px 0;
    padding: 0;
}

#respond h3 {
    font-size: 17px;
    font-weight: normal;
    color: #808080;
    padding: 5px 0 0;
	font-family:'BYekan';
}

ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
    color: #000;
}

ol.commentlist li .comment-meta,#respond label small {
    font: 10px 'BYekan';
}

ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
    margin: 0 50px 0 0;
}
#comment,.iov{
	margin-bottom:6px
}
cite.fn,.says,.url{
    color: #333;
    font-style: normal;
	font-weight:normal;
	font:13px 'BYekan';
	letter-spacing:.2px;
}
.nocomments{
	font:10px 'BYekan';
}
.comment-awaiting-moderation{
	color:#FFF;
	font-size:13px;
	background:#d3135a;
	padding:2px 2px;
}
/*===== Forms =====*/
input,botton,textarea{
	border:solid 1px #eee;
	padding:10px 8px;
	font:19px 'BYekan';
	color:#666
}
button{
	background:#464646;
	border:none;
	color:#FFF;
	font:18px 'BYekan';
}
.relatedposts {width: 700px; margin: 10px 20px 10px 0; float: right; font-size: 12px;}
.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }
.relatedthumb {margin: 0 1px 0 1px; float: right; }
.relatedthumb img {margin: 0 0 3px 0; padding: 0;}
.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 150px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}
.cobtn2 {
margine: 10px 10px;
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'BYekan';
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.cobtn2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.cobtn2:active {
	position:relative;
	top:1px;
}
.sideHidebala {
    position: fixed;
    top: 80px;
    right: -323px;
    cursor: pointer;
    transition: right 1s;
    z-index: 999999999
}

.sideHidebala:hover {
background:#90cadd;
    right: -3px;
    -webkit-box-shadow: 10px 30px 242px 39px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 10px 30px 242px 39px rgba(0, 0, 0, 0.69);
    box-shadow: 10px 30px 242px 39px rgba(0, 0, 0, 0.69);

}
.sideHidepain {
    position: fixed;
    top: 278px;
    right: -323px;
    cursor: pointer;
    transition: right 1s;
    z-index: 999999999
}

.sideHidepain:hover {
	background:#c7c5b3;
    right: -3px;
    -webkit-box-shadow: 10px 30px 242px 39px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 10px 30px 242px 39px rgba(0, 0, 0, 0.69);
    box-shadow: 10px 30px 242px 39px rgba(0, 0, 0, 0.69);

}