@import url(http://fonts.googleapis.com/css?family=Open+Sans);


/* مسیر محلی — همان فایل Bold که در delbari.ir/style6.css برای IRANSans استفاده می‌شود */
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url("font/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"),
         url("font/iransans/woff/IRANSansWeb_Bold.woff") format("woff");
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 700;
    src: url("font/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"),
         url("font/iransans/woff/IRANSansWeb_Bold.woff") format("woff");
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url("font/iransans/woff2/IRANSansWeb.woff2") format("woff2"),
         url("font/iransans/woff/IRANSansWeb.woff") format("woff");
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url("font/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"),
         url("font/iransans/woff/IRANSansWeb_Bold.woff") format("woff");
}
@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: bold;
    src: url("font/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"),
         url("font/iransans/woff/IRANSansWeb_Bold.woff") format("woff");
}
@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: normal;
    src: url("font/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"),
         url("font/iransans/woff/IRANSansWeb_Bold.woff") format("woff");
}

html {
  scroll-behavior: smooth;
}

body { 
line-height:18px;
color:black;
background-color:#95a5a6;
width:100%;
margin:auto;
font-family:IRANSans;
font-size:9pt;
direction:rtl;
text-align: justify;
}

a {
text-decoration:none;
color:black;
}

a:hover, .menu ul li a:hover {
color:red;
}
.jadid{
position: relative;
    background: red;
    display: inline-block;
    width: 45px;
    transform: rotate(38deg);
    top: -290px;
    right: -6px;
    border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
}
.jadid a{    color: white;
    padding: 2px 10px;
    text-align: center;
    line-height: 14px;
    font-size: 13px;}



.summary {
border:1px solid black; }




/* STRUCTURE */

#pagewrap {
	padding: 5px;
	width: 1150px;
	margin: 0px auto;
padding-right:0px;

}

#pagewrap img {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}

.matlab img {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
   }

#navbar{
	width: 1150px;
	margin: 0px auto;
padding-right:0px;
;

}


.scroll-img {
  border: 1px solid red;
  width: 680px;
  height: 142px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
#demo4.scroll-img ul,
#demo5.scroll-img ul {
  width: 1500px;
}




.logobar{
	padding: 1px;
	width: 1150px;
	margin:0 auto;
padding-right:0px;
}


header {

}

.table-center {
background:#2071ba;
width:101%;
color:white;
padding:5px 6px 5px 6px;
margin-bottom:5px;
margin-right:-8px;
margin-top:5px;
}


#content {
	width: 130px;
	float: left;
	padding: 0px 15px;
}

#middle {
	width: 1120px; /* Account for margins + border values */
	float: right;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
        background-color:white;
}


.center {

    display: block;
    margin: auto;

}



.kotah {
width:230px;
display:block-inline;
font-size:15px;
font-weight:bold;
margin-right:-20px;
}
.kotah img {
    margin: 5px;
    float: right;
    width: 25px;
   display:inline;
}


.blur img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;

}
 
.blur img:hover {
  -webkit-filter: blur(5px);
}




#singlemiddle {
width:1100px;
}




#sidebar {
	width: 170px;
	padding: 0px 0px;
	float: left;
}
footer {
	clear: both;
        width:99%;
	padding: 0 15px;
        margin-right:-10px;
}


 #middle, #sidebar {
	border: solid 1px #d1d1d1 ;
}




.rel_posts {float:left; margin: 15px 15px 15px 0;}
.rel_thumb {margin:10px 0 10px 0;}
.rel_thumb img {border:1px solid #aaa;}
.rel_link {text-align:center; color: #555;}
.clearer {clear:both;}


.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffdfab));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffdfab 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffdfab 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffdfab 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffdfab 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffdfab 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffdfab',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-size:19px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffdfab), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffdfab 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffdfab 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffdfab 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffdfab 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffdfab 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfab', endColorstr='#ffec64',GradientType=0);
	background-color:#ffdfab;
}
.myButton:active {
	position:relative;
	top:1px;
}




#trans-nav { list-style-type: none; height: 40px; padding: 0; margin: 0;font-weight:bold;}
#trans-nav { list-style-type: none; height: 40px; padding: 0; margin: 0; }
#trans-nav li { float: right; position: relative; padding: 0; line-height: 40px; background: #74b9ff url(nav-bg.png) repeat-x 0 0; font-size:14px; }
#trans-nav li:hover { background-position: 0 -40px; }
#trans-nav li a { display: block; padding: 0 15px; color: #404040; text-decoration: none; }
#trans-nav li a:hover { color: #2f7bc9; }
#trans-nav li ul { opacity: 0; position: absolute; left: 0; min-width: 140px; background: #63867f; list-style-type: none; padding: 0; margin: 0;  }
#trans-nav li:hover ul { opacity: 1; }
#trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none;font-size:11px; }
#trans-nav li:hover ul li { height: 30px; line-height: 30px;font-size:11px; }
#trans-nav li ul li a { background: #ffffff; }
#trans-nav li ul li a:hover { background: #efefec; }

#trans-nav li { -webkit-transition: all 0.2s; }
#trans-nav li a { -webkit-transition: all 0.5s; }
#trans-nav li ul { -webkit-transition: all 1s; }
#trans-nav li ul li { -webkit-transition: height 0.5s; }




.box {
  float: right;
  width: 168px;
  height: 200px;
margin:0 3px 0 3px;
}
.after-box {
  clear: left;
}

.box2 {
  float: right;
  width: 480px;
  margin: 1em;
padding:10px;
font-family: 'B Koodak', tahoma, Arial;font-size:16px;
color:#282828;
-webkit-box-shadow:inset 200px 400px 2px 1px #6fc3f8;
box-shadow:inset 550px 400px 2px 1px #6fc3f8;
-webkit-border-radius: 1px 1px 2px 1px;
border-radius: 3px 3px 3px 3px;

}

.tagstyle {
 border-radius: 10px;
display:inline;
  background: #BADA55;
width:50px;
text-align:center;
padding:7px 10px;
}

.tagsection{
margin-top:10px;
text-align:center;
}




@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#navmenu,
#navmenu ul,
#navmenu ul li,
#navmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#navmenu {
  margin-right:0px;
  width: 175px;
  color: #ffffff;
  direction: rtl;
}
#navmenu ul ul {
  display: none;
}
#navmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#navmenu > ul > li > a {
  padding: 7px 7px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background: #2071ba;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#navmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#navmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 154px;
  top: 10px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#navmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 150px;
  top: 14px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#navmenu ul > li.has-sub.open > a:after,
#navmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#navmenu ul ul li a {
  padding: 7px 12px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

.redmenu {color:red;} 
#navmenu ul ul ul li:first-child a{color:red;}
#navmenu ul ul ul li a {
  padding-left: 32px;
}
#navmenu ul ul li a:hover {
  color: #ffffff;
}
#navmenu ul ul > li.has-sub > a:after {
  top: 8px;
  right: 154px;
  background: #dddddd;
}
#navmenu ul ul > li.has-sub > a:before {
  top: 12px;
  background: #dddddd;
}






@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  margin-right:0px;
  width: 175px;
  color: #ffffff;
  direction: rtl;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 7px 7px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background: #2071ba;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 154px;
  top: 10px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 150px;
  top: 14px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 7px 12px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

.redmenu {color:red;} 
#cssmenu ul ul ul li:first-child a{color:red;}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 8px;
  right: 154px;
  background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 12px;
  background: #dddddd;
}







.bold {
    font-weight: bold;
}
.bold a{
    color:white;
}


.page-numbers{margin:10px 2px 0px 2px;padding:1px 8px 1px 8px;text-decoration:none;background:#009193;color:#fff;}
.page-numbers:hover{background:black; color:#FFFFFF;}
.current, .current:hover{color:#FFFFFF; background:#2071ba; border:2px solid #009193;}











/*Comments
/*-----------------------------------------------------------------------------------*/
#comments{border-top: 1px solid #EEE; padding-top: 30px; margin-bottom:30px}
#commentsbox{margin-top:20px;}
#commentsbox ol, 
#commentsbox ul{list-style:none; margin-left: 0 !important}
#commentsbox li{margin-bottom:30px}
.children{list-style:none; margin:30px 0 0; text-indent:0}
.children li.depth-2{margin:0 0 0px 50px}
.children li.depth-3{margin:0 0 0px 50px}
.children li.depth-4{margin:0 0 0px 50px}
.children li.depth-5{margin:0 0 0px 50px}
.comment-body{position:relative; margin-left:90px; padding:20px; border:1px solid #2071ba; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-moz-box-shadow:0px 0px 4px #EEE;   -webkit-box-shadow:0px 0px 4px #EEE;   box-shadow:0px 0px 4px #EEE}
.comment-body:after{content:''; position:absolute; top:10px; left:-12px; width:12px; height:20px; background:url(images/comment-arrow.png) no-repeat}
.comment-author:after{content:''; position:absolute; top:0px; left:-95px; width:64px; height:64px; border:1px solid #CCC; background:url(images/avatar-overlay.png) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#commentsbox .avatar{position:absolute; left:-90px; top:6px;}
.comment-author{font-size:12px; color:#000; font-weight:bold; line-height:1em}
.says{display:none}
.comment-meta a{margin-bottom:10px; font-family:'Droid Serif',arial,serif; font-size:10px; font-style:italic; color:#fff}
.comment-reply-link{display:none; font-size:10px; position:absolute; bottom:0; right:0; border:1px solid #2071ba; padding:0 8px; border-bottom:none; background:#EEE; color:#666}
.comment-body:hover .comment-reply-link{display:block}
.cancel-comment-reply a{color:#F00 !important; line-height:20px; height:20px;}
#respond{margin:40px 0 15px}
#comments-respond{margin:0 0 10px; padding: 0; clear: both}
#commentform label{display:block; font-size:11px;}
#commentform input{margin-bottom:10px; width:40%}
#commentform textarea{margin-top:10px; display:block; width:70%}
#commentform input, 
#commentform textarea{padding:7px 10px; background:#FFF; border:none; outline:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#F3F3F3}
#commentform input:focus, 
#commentform textarea:focus{background: #F9F9F9}
#commentSubmit{width: 130px !important; margin-top:-10px; cursor:pointer; background: #1C1F20 !important; color: #FFF; padding: 5px 15px}
#commentSubmit:hover{background: #3E4244 !important}
#commentSubmit:active{background: #303334 !important}
#commentSubmit:focus{background: #333 !important}
/*-----------------------------------------------------------------------------------*