/*
توجه توجه توجه
هرگونه کپی برداری از قالب آرام بلاگ کاملا شرعا و قانونا حرام است و موجب رضایت گروه نمی باشد .
*/

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;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
}
@font-face {
	font-family: 'bYekan';
	src: url('fonts/BYekan.eot');
	src: url('fonts/BYekan.eot#iefix') format('eot'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body{ background:rgb(234, 230, 224) none repeat scroll 0% 0% ; direction:rtl}
a { text-decoration:none}
.topmenu {width:100%; height:60px; background:#314A59}
.topmenu nav {width:1000px; margin:auto;}
.topmenu nav .right {padding:10px 30px; width:60%; float:right;text-align:right}
.topmenu nav .right ul li { float:right;display:block; padding: 9px 2px 5px;}
.topmenu nav .right ul li a { color:#fff;font:14px byekan;padding:3px 9px;transition: all 0.6s ease 0.06s;-webkit-transition: all 0.6s ease 0.06s;}
.topmenu nav .right ul li:first-child a:hover{background:none;  box-shadow:0 0 0 none;}
.topmenu nav .right ul li a:hover { background:#253545; color:#f5ab35; box-shadow:1px 0px 5px rgba(255,255,255,.1));; border-radius:3px;-webkit-border-radius:3px;transition: all 0.4s;-webkit-transition: all 0.4s;}
.topmenu nav .left{float:left;padding: 10px 30px 0 0;width:30%; text-align:left}
.topmenu nav .left .panel a{
	padding: 3px 10px 0px;
float: left;
font: 14px "BYekan",B Yekan;
color: #FFF;
margin: 5px;
height: 30px;
background: #23cdb7 none repeat scroll 0% 0%;
box-shadow: 1px 1px 1px #1F333F;
border-radius: 5px;
transition: all 0s ease-out 0s;}
.topmenu nav .left .exit a{
	padding: 3px 10px 0px;
float: left;
font: 14px "BYekan",B Yekan;
color: #FFF;
margin: 5px;
height: 30px;
background: #eb4a3f none repeat scroll 0% 0%;
box-shadow: 1px 1px 1px #1F333F;
border-radius: 5px;
transition: all 0s ease-out 0s;}
.topmenu nav .left .login a{
	padding: 3px 10px 0px;
float: left;
font: 14px "BYekan",B Yekan;
color: #FFF;
margin: 5px;
height: 30px;
background: #eb4a3f none repeat scroll 0% 0%;
box-shadow: 1px 1px 1px #1F333F;
border-radius: 5px;
transition: all 0s ease-out 0s;}
.aramblog { width:100%; background:url(imgss/dot.png)  ; padding:30px 0 50px 0; position:relative; border-bottom:10px solid #445C6F;}
.aramblog .fixedimg{opacity: 0.8;
position: relative;
width: 100%;
z-index:-1;
height:100%;
left: 0px;
top: 0px;}
.aramblog .fixedimg .div {background-color: rgba(255, 255, 255, 0.6);
background-image:position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 1;}
.aramblog .fixedimg .div img{min-width: 100%;
max-height: 350px;
vertical-align: middle;
position: absolute;
top: -30px;
left: 0px;
right: 0px;
bottom: 0px;
}
.aramblog .main {width:1000px; margin: auto;position:relative}
.aramblog .main .title { margin:auto; text-align:center; padding:10px 0 15px 0}
.aramblog .main .title h1 { font:48px byekan; color:#FFFFFF;transition: all 0.4s ease 0.5s;-webkit-transition: all 0.4s ease 0.5s;text-shadow: 0px 3px 2px rgb(76, 100, 118);background: rgba(255, 255, 255, 0.35) none repeat scroll 0% 0%;}
.aramblog .main .title:hover h1{ font:48px byekan; color:#fbfe02;transition: all 0.4s;-webkit-transition: all 0.4s;}

.aramblog .main .about {margin:auto;text-align:center; padding:0px 0 0 0px;}
.aramblog .main .about h2 {font:24px byekan; color:#fff;text-shadow:0px 2px 1px #292C30;background: rgba(255, 255, 255, 0.35) none repeat scroll 0% 0%;}
.aramblog .main .arrow { 
margin:auto; width:100px; height:100px; text-align:center;
 position: relative;
    -webkit-animation-name: livsidah; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite ; /* Chrome, Safari, Opera */
    -webkit-animation-direction: running go-down; /* Chrome, Safari, Opera */
    animation-name: livsidah;
    animation-duration: 1.5s;
    animation-iteration-count: infinite ;
    animation-direction: running go-down; }
@-webkit-keyframes livsidah {
 100% {
    transform: translateY(20px);
    opacity: 0.8;
}
}
/* Standard syntax */
@keyframes livsidah {
 100% {
    transform: translateY(20px);
    opacity: 0.8;
}
}
.aramblog .main .signup { margin:auto;  heigh:70px; text-align:center;}
.aramblog .main .signup a { 
color: #FFF;
background: #E75280 none repeat scroll 0% 0%;
border-radius: 5px;
border: 1px dashed #FFF;
font: 18px byekan;
box-shadow: 1px 0px 3px;
padding: 15px 50px 15px 10px;
position: relative;
transition: all 0.4s;-webkit-transition: all 0.4s;
opacity:0.95;
}
.aramblog .main .signup a:hover {border-radius: 6px; background: #E6326A none repeat scroll 0% 0%;
transition: all 0.4s;-webkit-transition: all 0.4s;
}
/* End  Header Css And Bing 468 banner Css */

.ads468 {width:100%; background:#314E59 ;overflow: hidden; margin-bottom:10px;}
.ads468 .ads { width:1000px; margin:auto; padding:20px 0;overflow: hidden;}
.ads468 .ads figure {float:right;width:50%; text-align:center}
.ads468 .ads figure img:hover {opacity:0.8}

/* End  468 banner Css And Bing emkanat Css */

.clear {clear:both}
.emkanat {width:960px; margin:auto; overflow:hidden}
.emkanat .exam {width:550px;float:right;}
.emkanat .exam .title{
text-align: right;
color: #FFF;
font: 18px byekan;
padding: 10px;
background: #3EB2C0 none repeat scroll 0% 0%;
}
.linerr{width: 100%;
border-bottom: 1px solid #FFF;
border-top: 1px solid #C6C6C4;
box-shadow: 0px 1px 5px #F8F7F4;}
.border {width: 100%;
border-bottom: 1px solid #FFF;
border-top: 1px solid #C6C6C4;
box-shadow: 0px 1px 5px #F8F7F4;}
.emkanat .exam article { width:100%; padding: 10px 0px 5px 0; overflow:hidden; margin-top:10px; background:#fff; -webkit-border-radius:2px;border-radius:2px;}
.emkanat .exam article p { padding:float: right;
padding:6px 22px 5px 0; position:relative;margin: 2px 4px 0 0; font:12px tahoma;transition: all 0.4s;-webkit-transition: all 0.4s;}
.emkanat .exam article p:hover {color:#2980b9; padding-right:24px;transition: all 0.4s;-webkit-transition: all 0.4s;}
.emkanat .exam article p i {
position: absolute;
right: 0;}
.emkanat .exam article p a {background:none; color:#000; border:none; border-radius:none;margin:0;padding:0;float:none;font:12px tahoma}
.emkanat .exam article p a:hover {background:none; color:#2980b9; border:none; border-radius:none;margin:0;padding:0}
.emkanat .exam article a { float:left; padding:8px 28px 8px 8px; background:#2980b9; margin:5px 5px 10px 20px;border-radius:2px;-webkit-border-radius:2px; font:14px byekan;color:#fff; position:relative;transition: all 0.4s;-webkit-transition: all 0.4s;}
.emkanat .exam article a:hover {background:#55B3F2 ;transition: all 0.4s;-webkit-transition: all 0.4s;}

/* End   emkanat  Css And Bing Login index css */

.emkanat .login {width:370px;float:left;}
.emkanat .login .title{text-align: right;
color: #FFF;
font: 18px byekan;
padding: 10px 10px;
background: #3EC05B;}
.emkanat .login .box {width:100%; padding: 5px 0px 5px 0; overflow:hidden; margin-top:10px; background:#fff; -webkit-border-radius:2px;border-radius:2px;}
.emkanat .login .box .result {font: 12px tahoma;
padding: 5px 10px;
line-height: 2em;
margin: 2px 5px;
background: #DBD6D6;
border-radius: 3px;}
.emkanat .login .box #bresult {font: 12px tahoma;
padding: 5px 10px;
line-height: 2em;
margin: 2px 5px;
background: #DBD6D6;
border-radius: 3px;}
.emkanat .login .box .logo {overflow:hidden;  margin:10px auto;text-align:center; -webkit-border-radius:50%; border-radius:50%; width:80px; height:80px; background:#00b0f0; position:relative}
.emkanat .login .box .logo i {position: absolute;
right: 16px;
top: 9px;}
.emkanat .login .box .form { padding:10px 20px 0 20px; margin:0 auto; text-align:center;}
.emkanat .login .box .form input[type="text"],.emkanat .login .box .form input[type="password"]{background: #E5E5E5 none repeat scroll 0% 0%;
border-radius: 3px;
color: #A1A1A1;
width: 94% !important;
border: medium none;
margin: 3px auto;
height: 30px;
font: 14px byekan;
text-align: left;
padding: 5px 3%;}
.emkanat .login .box .form input[type="submit"] {
    background: #27ae60 none repeat scroll 0% 0%;
    width: 100% !important;
    border: medium none;
    height: 40px;
    font: 18px byekan;
    padding: 5px 0;
    color: #F5F5F5;
    margin: 3px auto;
    border-radius: 3px;
    cursor: pointer;
}
.emkanat .login .box .form .forget { padding: 10px 3%;
text-align: right;}
.emkanat .login .box .form .forget a { display: block;transition: all 0.4s;-webkit-transition: all 0.4s;
padding: 6px 0;
color: #000;
font: 12px tahoma;}
.emkanat .login .box .form .forget a:hover{color:#2980b9; padding-right:5px;transition: all 0.4s;-webkit-transition: all 0.4s;}

/* Bing   Updating Blogs Css ----------  */

.update {width:960px;margin:10px auto; overflow:hidden}
.update .title { text-align: right;
color: #087BA8;
font: 18px byekan;
padding: 10px 0px;}
.update .blogup { width:208px; margin:15px; float:right;-webkit-border-radius:4px; position:relative; overflow:hidden; border-radius:4px; border:1px solid #D4D4CD}
.update .blogup .name { height:40px; margin:0; width:100%; background:#fafaf3;}
.update .blogup .name a { padding:10px 70px 5px 5px; font:12px byekan; color:#000; display:block}
.update .blogup .title { height:50px margin:0; width:100%; background:#f4f2ed; }
.update .blogup .title a {  color:#000; }
.update .blogup .title a:hover {  color:#C50AA1; }
.update .blogup .title  h2{ padding:0px 70px 5px 5px; color:#000; font:12px byekan; height:18px}
.update .blogup .img { position:absolute; width:60px; height:60px; -webkit-border-radius:50%;border-radius:50%; right:3px; top:10px}
.update .blogup .img img { border-radius:50%; -webkit-border-radius:50%; width:57px;height:57px;    border: 3px solid #FFF;
    box-shadow: 0.5px 0.5px 5px #D2D1C8;transition: all 0.5s ease 0.5s;-webkit-transition: all 0.5s ease 0.5s;
}
.update .blogup .img img:hover {-webkit-transform: rotate(360deg);transition: all 0.8s;-webkit-transition: all 0.8s;
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);box-shadow:0.5px 0.5px 5px #F9E9F9}

/*  Bing Last News Blok CSS ---------------------------------- */
.last { overflow: hidden;
margin: 10px auto;
width: 946px;
background: #E3E1D9 none repeat scroll 0% 0%;
border-radius: 5px;
padding: 5px 7px;}

.tit{text-align: right;
color: #FFF;
font: 18px byekan;
padding: 6px;
background: #464B4D none repeat scroll 0% 0%;
border-radius: 5px;}
.last .news { width:330px; margin-left:30px; float:right; overflow:hidden;}
.last .news article { width:100%; overflow:hidden; padding:5px 0;}
.last .news article h2{width:98%; background:#fff; margin:7px 0;border-right: 3px solid #1abc9c;}
.last .news article h2:nth-child(even){width:98%; background:#fff; margin:7px 0;border-right: 3px solid #f1c40f;}
.last .news article h2 a { display:block; padding:7px; font:12px tahoma; color:#000;transition: all 0.5s ;-webkit-transition: all 0.5s}
.last .news article h2:hover{border-right: 3px solid #9b59b6;}
.last .news article h2 a:hover { color:#F33; padding-right:4px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.last .textads {width:305px; float:right;overflow:hidden;}
.last .textads .links{ width:100%; overflow:hidden}
.last .textads .links ul {margin:10px 0 0 0}
.last .textads .links ul li {margin-bottom:5px; list-style-type:none; display:block; float:right;border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #D4D4CD;;}
.last .textads .links ul li a:hover {color:#F33}
.last .textads .links ul li:nth-child(odd) { padding:5px 0; width:145px; background:#fff; margin-left:11px;}
.last .textads .links ul li:nth-child(even) { padding:5px 0; width:145px; background:#fff; }
.last .textads .links ul li a { display:block; padding:2px 4px; color:#000; font:12px tahoma;}
.last .textads .links ul li:last-child{
font: 12px tahoma;
background: #fff;
display: block;
margin: 5px 0;
padding: 3% 1%;
width: 96%;
border: 1px solid #696960 ;}
.last .textads .links ul li:last-child a:hover {color:#60F}
.last .ads120 { width:255px; overflow:hidden;float:left;}
.last .ads120 .ads { width:100%;background:#fff; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; margin-top:10px; padding:5px 0;}
.last .ads120 .ads figure {margin: 0px auto;
padding: 5px;}

/*     Bing Footer ----------------------- */
footer { width:100%; padding:10px 0; background:#2c3e50;}
#footer {width:1000px; margin:0 auto;}
#footer p { padding-right:30px; margin:5px 0; display:block; font:11px tahoma; color:#fff;}
#footer p a {color:#fff;}
#footer p a:hover {color:#FF0; text-decoration:underline;}

/* -------------- tamas bama And other -------------------*/
.emkanat .exam .tamas { font:12px tahoma; padding:20px 8px;  overflow:hidden; margin-top:10px; background:#fff; -webkit-border-radius:2px;border-radius:2px; direction:rtl}
.emkanat .exam .tamas p {padding:5px 4px; margin:3px 0;}
.emkanat .tamas  textarea, input[type="text"], input[type="email"], input[type="password"], select {
  margin: 1px;
padding: 7px;
font-size: 12px;
border-radius: 2px;
border: 1px solid #E4E2DD;
background: #FFFFFD none repeat scroll 0% 0%;
}
.emkanat .exam .tamas #result {padding: 10px;
line-height: 2.2em;
background: rgb(238, 249, 245) none repeat scroll 0% 0%;
border-radius: 5px;
color: rgb(17, 17, 18);
text-align: justify;}
.emkanat .tamas input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, label:focus {
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #4D90FE;
}
.emkanat  .tamas  textarea {width:75%; font:12px tahoma; color:#404040; line-height:1.9em;;}
.emkanat .tamas input[type="submit"] {
    background: #27AE60 none repeat scroll 0% 0%;
    width: 90% !important;
    border: medium none;
    height: 40px;
    font: 18px byekan;
    padding: 5px 0px;
    color: #F5F5F5;
    margin: 3px auto;
    border-radius: 3px;
    cursor: pointer;}
.emkanat  .tamas b { font:14px byekan
}
.emkanat  .tamas hr{
max-width: 95%;
margin: 15px auto;color: #AD0DB1;}
.emkanat .tamas  input[type="text"], input[type="email"]{ width:60%}
.emkanat .tamas select { width: 79%;
font: 12px tahoma;}
.emkanat .login .boxx {width:100%; padding: 10px 0px 10px 0; overflow:hidden; margin-top:10px; background:#fff; -webkit-border-radius:2px;border-radius:2px;margin-bottom: 10px;}
.emkanat .login .boxx p {padding: 5px 6px 5px 4px;
color: #4D4D4D;
font: 12px tahoma;
margin: 2px 0px;
line-height: 22px;}
.emkanat .login .boxx p:hover {color:#EC1862}


/*   style panel    ---------------------- */
.panelmain { width:100%; margin:0px; padding:0px; border-top:5px solid #f6f3ea; overflow:hidden}
.panelmain .content {width:960px; margin:0 auto; overflow:hidden}
.panelmain .content aside {
	width:220px; background:#f6f3ea; padding:0; margin:0; overflow:hidden; float:right;}
.panelmain .content aside .menu { margin:10px 1%; width:98%;}
.panelmain .content aside .menu .item {margin: 2px 2px 6px;}
.panelmain .content aside .menu .item .title { text-align:right; padding:5px 5px; background:#64b4b1; border:1% solid #fff; width:95%; color:#fff; font:14px byekan;cursor: pointer;}
.panelmain .content aside .menu .item:hover .title{background:#4e9a97;}
.panelmain .content aside .menu .item .bg{padding: 4px;
line-height: 1.5em;
font-size: 8pt;}
.panelmain .content aside .menu .item .bg ul#pnl {
    padding: 2px 0px 0px;
    font-size: 8pt;
    margin: 0px; }
.panelmain .content aside .menu .item .bg ul li {
margin-top: 0px;
display: block;
margin-bottom: 2px;
width: 99%;
list-style-type: none;
}
.panelmain .content aside .menu .item .bg ul li a{ display:block; padding:4px 4px; font:13px byekan; color:#404041; margin:2px 0 ;transition: all 0.4s;-webkit-transition: all 0.4s;}
.panelmain .content aside .menu .item .bg ul li a:hover { background:#8ec63f; color:#fff; padding-right:6px;transition: all 0.8s;-webkit-transition: all 0.8s;}
.panelmain .content aside .menu .item .bg ul li:first-child{border-top:none !important}
.panelmain .content aside .menu .item .bg ul li:last-child{border-bottom:none !important}
.panelmain .content aside .menu .item .bg ul li:nth-child(even){border-top: 1px solid #D2D1C8;border-bottom: 1px solid #FFF;}
.panelmain .content .frambox { width:710px; margin-top:10px; float:left; background:#f6f3ea; font:12px tahoma; color:#000; border-radius:2px; -webkit-border-radius:3px;}
.panelmain .content .frambox .item { padding:10px 5px;}

/* ----------  elanat Css */
.elan { width:100%; padding:30px 0 ; overflow:hidden; background:#64b4b1;border-bottom:2px solid #fff;}
.elan .get { font:14px byekan; color:#fff; width:960px; margin:5px auto}
/* -------- help php css --------------------------------*/
#helpid {float: none;
width: 960px;
margin: 10px auto;
font: 16px tahoma;background: #fff;border-radius:2px}
#helpid .item {padding: 20px 10px;
direction: rtl;
text-align: right;
line-height: 150%;}
#helpid .item .title {text-align: right;
color: #3D3B36;
font:18px byekan;
padding: 10px 0px;}

/* if login ------ */
.iflog {width: 100%;
padding: 10px 0px;
overflow: hidden;
margin-top: 10px;
background: #FFF none repeat scroll 0% 0%;
border-radius: 2px; text-align:right}
.iflog p {padding: 12px 6px 12px 4px;
color: #4D4D4D;
font: 12px/22px tahoma;
margin: 3px 0px;
background: rgba(240, 240, 240, 0.73);
border-radius: 3px;}
.iflog p a {color: #4D4D4D;}
.iflog p a:hover {color:#F514AB}

/*---- panel login form for Adminkoll --- */
.panelkol { width:960px; margin:30px auto; }
.panelkol .item { padding: 30px;
margin: 10px auto;
width: 50%;border-radius:3px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;}
.panelkol .item .bg{ margin:10px 0; font:12px tahoma}
.panelkol .item input[type="text"],.panelkol .item input[type="password"]{background: #E5E5E5 none repeat scroll 0% 0%;
border-radius: 3px;
color: #A1A1A1;
width: 80% !important;
border: medium none;
margin: 3px auto;
height: 30px;
font: 14px byekan;
text-align: left;
padding: 5px 3%;}
.panelkol .item input[type="submit"] {
    background: #27ae60 none repeat scroll 0% 0%;
    width: 80% !important;
    border: medium none;
    height: 40px;
    font: 18px byekan;
    padding: 5px 0;
    color: #F5F5F5;
    margin: 3px auto;
    border-radius: 3px;
    cursor: pointer;
}
/* notification */
#notification{
	position:absolute;
	text-align:center;
	left:0px;
	top:7px;
	display:block;
}

#notificationbars{
	position:absolute;
	text-align:right;
	left:0px;
	top:7px;
	background:red url(bg.png) repeat-x top;
	width:240px;
	display:none;
	border:1px solid #ac0202;
	border-radius:2px;
}

#notification a , #mainnotification a {
	background:red url(nbg.gif) repeat-x top;
	border:1px solid #ac0202;
	padding:2px 6px 2px 6px;
	color:#fff;
	display:block;
	border-radius:2px;
}

#onlinefriends{
	position:absolute;
	text-align:center;
	left:80px;
	top:66px;
	display:block;
}

#onlinefriends a , #mainonlinefriends a {
	background:yellow url(bg2.png) repeat-x bottom;
	border:1px solid #9c9c01;
	padding:2px 6px 2px 6px;
	color:#4f4f01;
	display:block;
	border-radius:2px;
}

#onlinefriendsbars{
	position:absolute;
	text-align:right;
	left:80px;
	top:86px;
	background:yellow url(bg.png) repeat-x top;
	width:240px;
	border:1px solid #9c9c01;
	display:none;
	border-radius:2px;
}

.notification_line{
	padding:8px 4px;
	background:#F6F3EA ;
	margin:2px;
}

#mainnotification{
	position:absolute;
	text-align:center;
	top:8px;
	left:0px;
	display:block;
}

#mainnotificationbars{
	position:absolute;
	text-align:right;
	top:8px;
	left:0px;
	background:red;
	width:240px;
	display:none;
	border:1px solid #ac0202;
	border-radius:2px;
font: 12px byekan;
}

#mainonlinefriends{
	position:absolute;
	text-align:center;
	left:94px;
	top:30px;
	display:block;
}

#mainonlinefriendsbars{
	position:absolute;
	text-align:right;
	left:94px;
	top:50px;
	background:yellow url(bg.png) repeat-x top;
	width:240px;
	border:1px solid #9c9c01;
	display:none;
	border-radius:2px;
}
.notification_line a {color:#404041}
.notification_line a:hover {color:#B514F2 }
.azaa tr:hover {background:#ccc;}
.azaa tr { padding:10px 0;height:30px}