@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazir.eot');
  src: url('../fonts/Vazir.eot#iefix') format('embedded-opentype'),
       url('../fonts/Vazir.woff') format('woff'),
       url('../fonts/Vazir.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {	margin:0px auto;padding:0px;}  
p {margin-top: 1em;margin-bottom: 1em;} 
body {	margin: 0;	padding: 0;	background: #fff;text-align: center;font-family:Vazir, Tahoma;font-size:9pt;}
#wrapper {text-align: center;background:#fff;min-height:550px;width:100%;min-width:850px;margin-bottom:10px;text-direction:rtl;direction:rtl;}
#header{text-align: center;}
#headerbox {background: url('header.jpg') #2b64cd no-repeat;height:250px;background-position:left top;}
#header h1{	 font-size: 18pt; font-weight: bold;color:#fff;padding:160px 0px 8px 0px;line-height:150%;}
#header h1 a{ font-size: 18pt; font-weight: bold;color:#fff;text-decoration:none;}
#header h2{color:#fff;font-size: 9pt;font-weight: normal;line-height:150%;padding-bottom:10px;}

#container{margin-top:40px;margin-bottom:10px;width:850px;}

#content {float:right;width:600px;min-height:300px;margin:0px;padding:0px;text-align:right;overflow:hidden;}
#sidebar {float:left;width:220px;margin:0px;padding:0px;overflow-x: hidden;}
.clear{clear:both;margin:0px;padding:0px;}

A:link{color: #2177d0;text-decoration:none;}
A:visited  {color:#2177d0;text-decoration:none;}
A:hover{color:#4f9dee;text-decoration:none;}

#sidebar A:link{color: #424242;text-decoration:none;}
#sidebar A:visited  {color:#424242;text-decoration:none;}
#sidebar A:hover{color:#2177d0;text-decoration:none;}


.post{padding-right:10px;padding-left:5px;text-align:right;line-height:150%;padding-bottom:15px;color:#3d3d3d;margin-bottom:15px;font-size:10pt;border-bottom: 1px solid #eff0f2;font-family:Vazir, Tahoma;font-size:9pt;}
.post h1,h2{font-size:9pt;font-weight:bold;}
.postbody{line-height:180%;padding-bottom:10px;padding-top:5px;}
.postcontent{padding-right:5px;padding-left:5px;line-height:180%;font-size:10pt;}
.postcontent img,p,div,table,td,tr,a,hr,span,ul,ol{max-width:100%;}
.postinfo {font-size:8pt;color:#797979;padding-top:5px;}
.posttags{padding-top:5px;line-height:150%;}
.posttags span{color:#797979;}


.nextandprevious{line-height:150%;padding-bottom:15px;padding-right:10px;padding-left:5px;}
.previouslink{float:right;}
.nextlink{float:left;}


#sidebar .profile{line-height:150%;text-align: justify;padding-bottom:10px;border-bottom: 1px solid #eff0f2;margin-bottom:10px;}
#sidebar .profile img{margin:5px auto;border:0px;display:block;max-width:100%;text-align:center;}

#sidebar .menu {padding-bottom:10px;text-align:right;line-height:200%;margin-bottom:10px;}
#sidebar .menu ul{list-style-type: none;margin:0px;}


#sidebar .box {padding-bottom:10px;text-align:right;line-height:200%;margin-bottom:10px;}
#sidebar .box ul{list-style-type: none;margin:0px;}
#sidebar .box h6{display:block; font-weight: bold;font-style:normal;border-bottom: 1px solid #eff0f2;padding-bottom:3px;margin-bottom:5px;}
#sidebar .box ul i{color:gray;font-style:normal;font-size:8pt;display:inline-block;}

#sidebar .custombox{text-align:center;line-height:200%;margin-top:20px;}

#sidebar .copyright{background-color:#FAFAFA;padding:10px;text-align:center;line-height:200%;margin:10px 0px 10px 0px;}
#sidebar h6{font-size:9pt;font-weight:bold;}

@media screen and (max-width: 850px){
	#wrapper {background-color:white;padding:0px;margin:0px;min-width:50px;}
	#headerbox{background-size:cover;height:auto;}
	#container{padding:0px 5px 5px 5px;width:auto;}
	#content{float:none;width:auto;max-width:100%;margin:0px;}
	#sidebar{float:none;width:auto;max-width:100%;margin:0px;}
    #headerbox {padding:5px;}
    #header h1{	 font-size: 12pt; font-weight: bold;padding:10px 0px 10px 0px;line-height:150%;}
    #header h1 a{font-size: 12pt; font-weight: bold;text-decoration:none;}
}