header{width:200px;overflow:hidden;height:80px;float:right}header{float:none;display:inline-block}header{float:none;display:inline-block}
/***************************************
	Theme Name: ziba download
	Theme url: http://design.samenblog.com
	Theme Designer: bahman barahoe mogadm
	Version: 1
***************************************/
 /**FONTS**/
@font-face {
    font-family: "yekan";
    src: url(./SYekan.eot);
    src: url(./SYekan.eot?#iefix) format("embedded-opentype"), url(./SYekan.woff) format("woff"), url(./SYekan.ttf) format("truetype"), url(./SYekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}
/**FONTS**/
html, body, div, input, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
list-style : none;
text-decoration : none;
font-family : yekan, Geneva, sans-serif;

}
img {
max-width : 100%;
}
.clear {
clear : both;
}
 body {
background : url(./bg.jpg);
direction : rtl;
text-align : right;
   }

   .bg {
width : 1000px;
margin : 0 auto;
}
.main-top {
width : 100%;
height : 80px;
border-bottom : 3px solid rgba(0, 0, 0, 0.1);
background : #f1f1f1;
box-shadow : 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.logo {
width : 80px;
height : 80px;
background : url(./logo.png);
float : right;
}
h1 {
width : 200px;
font : normal normal 30px yekan;
color : #00897b;
text-shadow : 0 2px 0 rgba(0, 0, 0, 0.1);
display : block;
text-align : center;
padding-top : 0;
overflow : hidden;
margin : 0 auto;
padding-bottom : 5px;
}
h2 {
  margin-right: 70px;
  color: #3DB6B8;
  font-size: 17px;
  margin-top: 15px;
}
h2 a{
  color: #3DB6B8;

}
h2 a:hover{
  color: #3FAB8E;

}

.main-top ul {
float : right;
height : 80px;
margin-right : 17px;
}
.main-top ul li {
width : 80px;
height : 80px;
float : right;
text-align : center;
transition : all 0.3s ease;
}
.main-top ul li i {
margin-top : 10px !important ;
text-shadow : 0 2px 0 rgba(0, 0, 0, 0.1);
border-radius : 1000px;
background : #00897b;
border : #f1f1f1 solid 1px;
box-shadow : 0 0 0 2px #00897b;
padding : 5px;
width : 30px;
height : 30px;
font-size : 30px;
text-align : center;
margin : 5px auto;
color : #f1f1f1;
}
.main-top ul li span {
text-shadow : 0 2px 0 rgba(0, 0, 0, 0.05);
font : normal normal 12px yekan;
color : #00897b;
text-align : center;
}
.main-top ul li:hover {
box-shadow : 0 0 10px 5px rgba(0, 0, 0, 0.1) inset;
}


.right {
width : 26%;
float : right;
margin : 5px 0;
}
.sub-title {
margin : 5px;
overflow : hidden;
position : relative;
}
.sub-title i {
float : right;
text-shadow : 0 2px 0 rgba(0, 0, 0, 0.1);
border-radius : 1000px;
background : #00897b;
border : #f1f1f1 solid 1px;
box-shadow : 0 0 0 2px #00897b;
width : 40px;
height : 34px;
padding-left : 0;
padding-top : 5px;
font-size : 30px;
text-align : center;
margin : 5px 10px;
color : #f1f1f1;
}
.sub-body {
overflow : hidden;
box-shadow : 0 0 10px 5px rgba(0, 0, 0, 0.1) inset;
background : #fff;
margin : 5px;
}
.text {
margin : 5px;
font : normal normal 13px yekan;
color : #555;
}
  .center {
width : 48%;
float : right;
margin : 5px 0;
}

 .left {
width : 26%;
float : left;
margin : 5px 0;
}
.sub-title h4, .sub-title h5, .sub-title h6 {
float : right;
color : #00897b;
font : normal normal 16px yekan;
text-shadow : 2px 2px 0 rgba(0, 0, 0, 0.1);
margin : 5px 0;
margin-right : 60px;
}
.sub-title span {
font : normal normal 12px yekan, verdana;
text-shadow : none;
float : right;
margin : 0 5px;
line-height : 16px;
}
.sub-title .rate {
position : absolute;
top : 0;
left : 0;
color : #b91d47 !important ;
font : normal normal 14px yekan;
}
.sub-title .icon {
position : absolute;
top : 0;
right : 0;
}
.sub-title span i {
color : #00897b;
float : none;
border : none;
box-shadow : none;
background : none;
margin : 0 5px;
margin-top : -2px;
font-size : 15px;
width : auto;
height : auto;
}
.stat-title {
border-right : 1px solid #00897b;
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
padding : 4px;
font : normal normal 12px yekan;
color : #555;
margin : 15px 10px;
}
ul.stat li span {
float : right;
margin : 0 3px;
color : #555;
font : normal normal 12px yekan, verdana;
}
span.stat_n {
color : #00897b !important ;
}
ul.stat {
margin : 0;
padding : 0;
list-style : none;
}
ul.stat li {
overflow : hidden;
margin : 5px;
}
ul.stat li i {
float : right;
margin : 3px 5px;
color : #ddd;
}
hr {
color : #fff;
border-bottom : 1px dashed rgba(0, 0, 0, 0.1);
text-shadow : none;
box-shadow : none;
margin : 10px;
background : #fff;
border-top : none;
}

 .comments a {
color : rgba(0, 0, 0, 0.7);
font-size : 12px;
font : normal normal 13px yekan;
}
.comments a:hover {
color : rgba(52, 152, 219, 0.7);
}
.comments {
font : normal normal 12px yekan;
overflow : hidden;
width : 95%;
margin : 10px auto;
padding : 10px 4px;
box-shadow : 0 7px 0 0 #00897b inset, 0 -7px 0 0 #00897b inset, 0 0 5px 3px rgba(0, 0, 0, 0.2);
}
.comments .text .img {
margin : 5px;
overflow : hidden;
border-radius : 150px;
width : 100px;
height : 100px;
font : normal normal 13px yekan;
margin: 0 auto;
}
.comments .text .p {
float : right;
width : 315px;
}
.comments .text .p div {
display : block;
background : #fff;
padding : 3px;
font : normal normal 13px yekan;
color : #fff;
border-radius : 3px;
box-shadow : 0 0 1px 2px rgba(0, 0, 0, 0.1);
margin : 3px;
}


.GGcomments{font : normal 12px yekan;overflow : hidden;width : 95%;margin : 10px auto;padding : 10px 4px;box-shadow : 0 7px 0 0 #00897b inset, 0 -7px 0 0 #00897b inset, 0 0 5px 3px rgba(0, 0, 0, 0.2);}
.GGcomments a {color : rgba(0, 0, 0, 0.7);font-size : 12px;font : normal normal 13px yekan;}
.GGcomments a:hover {color : rgba(52, 152, 219, 0.7);}
.GGcomments .avatar{float:right;}
.GGcomments .avatar img{margin : 5px;overflow : hidden;border-radius : 150px;width : 100px;height : 100px;font : normal normal 13px yekan;}
.GGcomments .GGmatn{font-family: yekan;padding:2px;}
.GGcomments .GGmatn span{font-family: yekan;color:red;}
.GGcomments .GGmatn .replay{font-family: yekan;border:1px solid #00897b;margin:5px 2%;width:96%;padding:3px;float:right;}
.GGcommentsform{font-family: yekan;width:98%;margin:4px 1%;}
 footer {
height : 120px;
width : 100%;
background : url(images/footer.png) center center no-repeat;
margin-top : 25px;
}
footer .copy-right {
float : left;
color : #fff;
font : normal normal 11px tahoma;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.2);
margin-top : 65px;
margin-left : 100px;
}
footer .copy-right a {
color : #fff;
}
  @media screen and (max-width:768px) {
ul.links li:nth-child(1n):hover {
box-shadow : 800px 0 0 0 #00897b inset;
color : #fff;
}
ul.links li:nth-child(2n):hover {
box-shadow : 800px 0 0 0 #c93b72 inset;
color : #fff;
}
.bg, .right, .center, .left {
width : 98%;
margin : 0 1%;
float : none;
}
.logo {
float : none;
display : inline-block;
}
.main-top {
text-align : center;
height : auto;
}
.main-top ul {
overflow : hidden;
width : 98%;
margin : 0 auto !important ;
float : none;
display : inline-block;
text-align : center;
}
.main-top ul li {
float : none;
display : inline-block;
}
.forumTopic {
float : none;
width : 98%;
border-radius : 2px;
margin : 2.5px;
}
footer {
background : url() left center no-repeat;
}
.archive-first .af-title {
width : 440px;
}
.archive-first .af-text {
width : 440px;
}
}
@media screen and (max-width:600px) {
.archive-first .af-title {
width : 300px;
}
.archive-first .af-text {
width : 300px;
}
}
@media screen and (max-width:500px) {
.bg, .right, .center, .left {
width : 98%;
margin : 0 1%;
float : none;
}
.logo {
float : none;
display : inline-block;
}
.main-top {
text-align : center;
height : auto;
}
.main-top ul {
display : none;
}
.archive-first img {
float : none;
width : 90%;
height : auto;
margin : 10px 3.5%;
}
.archive-first .af-title {
width : auto;
float : none;
}
.archive-first .af-text {
width : auto;
float : none;
}
footer .copy-right {
margin-top : 45px;
}
.box-ter .tags, .box-ter .more {
width : 98%;
margin : 1%;
float : none;
display : block;
}
}
@media screen and (max-width:400px) {
.archive-title .icon {
display : none;
}
}

textarea, input[type="password"], input[type="tel"], input[type="username"], input[type="text"], input[type="email"] {
border-left : 1px solid #00897b;
color : #555;
padding : 3px;
display : block;
margin : 10px;
border-top:none;
border-bottom:none;
border-left:none;
font : normal normal 13px yekan, verdana;
transition : all 0.3s ease-in-out;
box-shadow:0px 0px 5px 2px rgba( 0, 0, 0, 0.1);
}
input[type="password"]:focus, input[type="tel"]:focus, input[type="username"]:focus, input[type="text"]:focus, input[type="email"]:focus {
background : #00897b;
color : #fff;
box-shadow:0px 0px 5px 2px rgba( 0, 0, 0, 0.2);
}
input[type="botton"], input[type="submit"], input[type="reset"] {
color : #fff;
background : #00897b;
padding : 5px;
border-radius : 5px;
font : normal normal 13px yekan, verdana;
margin : 10px;
transition : all 0.3s ease-in-out;
}

.fot{
clear : both;
height : 25px;
width : 100%;
margin-top : 25px;
border-bottom : 3px solid rgba(0, 0, 0, 0.1);
background : #f1f1f1;
box-shadow : 0 2px 5px 0 rgba(0, 0, 0, 0.1);
color:  #32B892;
font-weight:  bold;
font-size: 15px;

}
ul.links li {
background : rgba(0, 0, 0, 0.1);
margin : 4px;
font : normal normal 13px yekan;
transition : all 1s ease;
}
ul.links li:nth-child(1n) {
box-shadow : 2px 0 0 0 #00897b inset;
}
ul.links li:nth-child(2n) {
box-shadow : 2px 0 0 0 #c93b72 inset;
}
ul.links li:nth-child(1n):hover {
box-shadow : 400px 0 0 0 #00897b inset;
color : #fff;
}
ul.links li:nth-child(2n):hover {
box-shadow : 400px 0 0 0 #c93b72 inset;
color : #fff;
}
ul.links li i {
background : rgba(0, 0, 0, 0.3);
float : left;
color : #fff;
padding : 1.5px 3px;
font : normal normal 11px yekan;
transition : all 0.31s ease;
}
ul.links li a {
padding : 4px;
color : #555;
display : block;
font : normal normal 13px yekan;
transition : all 1s ease;
}
ul.links li:hover a {
color : #fff;
}
ul.sub-cat li {
margin-right : 20px;
}

 .box-ter .more {
float : left;
margin : 1%;
width : 15%;
height : 40px;
background : #c93b72;
color : #fff;
text-align : center;
padding : 10px 0;
padding-top : 15px;
font-size : 40px;
border-radius : 5px;
transition : all 0.3s ease-in-out;
}
.box-ter .more:hover, .post-bottom .span:hover i{
background : #00897b;
}
.conteudo{
  margin-top: 50px;
  margin-bottom: 50px;
}

#page_numbers {font-size:11px;padding:6px;width:500px;float:left;margin:0 5px;}
#page_numbers li {float:left;list-style-type: none;}
#page_numbers li.space {padding-left:5px;color:#605d5d;}
#page_numbers li.page_info {color:#605d5d;}
#page_numbers li a {border:1px solid #cfcfcf;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;color:#605d5d;margin-left:5px;padding:2px 5px;*display:block;}
#page_numbers li.active_page a, #page_numbers li a:hover {background:#2785b4;color:#fff;border-color:#12598e;}h1{margin:0 0 15px;padding:0;text-transform: uppercase;font-size: 18px;font-weight:800;color:#3498db;}
.sub-title h2{

}
a{
  color:  #2D999F;
}
a:hover{
  color:  #46C3B7;
}