﻿/* General Format of CSS Styling in these examples */

@font-face {
    font-family:yekan;
    src:url('../fonts/BYekan.eot?#') format('eot'),    
          url('../fonts/BYekan.woff') format('woff'),
          url('../fonts/BYekan.ttf') format('truetype'); 
}


body{
			background: url(images/back.jpg) no-repeat center center fixed; 
			 -webkit-background-size: cover;  
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			

}



#pagewrapper
{
width:90%;
max-width:950px;	
	
	
}


#Topheader
{
font-family: "Times New Roman", Times, serif; font-size: 16px;
direction: ltr; margin-top: -8px; background-color:#fff;
width:100%; max-width:950px; min-width:200px; height:345px; border:5px #777777 solid; border-bottom:none;
margin-bottom:-5px;
background:url(../../images/banner2.jpg) top center no-repeat;	         

}



#Topheader img
{
margin-top:5%;

}




.internal
{
width:100%; 
background-color:#eaeff5;
border:#777777 solid 5px; 
border-radius:0px 0px 20px 20px; direction:ltr; font-family:"Times New Roman", Times, serif;
margin-bottom:0px;	
	
	
}

#menublock-responsive
{
	display:none;
}



#menublock-normal
{
	display:block;
}








h1
{
color:#615479; font-size:40px;
    font-family:"Times New Roman", Times, serif;
	
}


h2
{
color:#8c7da6; font-size:25px;
    font-family:"Times New Roman", Times, serif;
	
}


h3
{
color:#db3c4f; font-size:20px; font-family:"Times New Roman", Times, serif;
}

h4
{
color:#009900; font-size:17px; font-family:"Times New Roman", Times, serif;
}


#container
{
	
width:100%; max-width:950px;
background-color:#fff; 
border:5px solid #777777; 
border-radius:0px 0px 20px 20px; direction:ltr; font-family:"Times New Roman", Times, serif; font-size:13px;
margin-bottom:50px; position:relative;
	line-height:2;
}



#id_responsive
{
display:none;	
	
}


.ehsanphoto
{
float:none;	
}


.ehsan
{
  padding:10px 10px 10px 10px;  float:none;   border:2px #615479 solid; 
  border-radius:20px 0px 20px 20px ;	background-color:#FFF;
}


#featured
{
min-height:500px; 
overflow: auto;
zoom:1;
text-align:center;
position:relative;
}












.related
{
background-color:#eeeeee; text-align:center; max-width:80%;
margin-top:5%; margin-bottom:5%; border-radius:10px; padding:10px; font-size:13px; line-height:2; 	

}




.image_res
{
width:700px;	
	
}






a:link {text-decoration:none; font-family:"Times New Roman", Times, serif; color:#309}
a:visited {text-decoration:none; color:#90C}
a:hover {text-decoration:underline; color:#00F}
a:active {text-decoration:underline;}
a img {border: none;}




#researchfields_responsive
{
display:none;	
}



#toggle
{
display:none;	
}


#menu_responsive
{
display:none;	
}


.divisions
{
border:1px solid #666;
background-color:#eeeeee;	
padding:5px;
font-size:12px;
 text-align:left;
 line-height:1.5;
 margin-top:25px;	
}


.circles

{
margin-top:50px;  margin-left:20px; width:200px; height:200px; text-align:center; border:5px solid #fff;
    border-radius:100px; background-color:#FFFFFF;	
	
}


.arrows
{
width:0px; height:0px;   margin-top:-10px;
      border-bottom:10px solid #fff;
      border-top:10px solid transparent;
      border-right:10px solid transparent;
      border-left:10px solid transparent;	
}


.arrowright
{
width:0px; height:0px; margin-right:-50px;   
      border-left:20px solid #9282a7;
      border-top:20px solid transparent;
      border-right:20px solid transparent;
      border-bottom:20px solid transparent;	
}


.arrowup
{
width:0px; height:0px; margin-top:15px;   
      border-bottom:20px solid #9282a7;
      border-left:20px solid transparent;
      border-right:20px solid transparent;
      border-top:20px solid transparent;	
}


/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 30px;
  height:30px;
  
  padding:4px 0px 0px 0px;
  background-color:#eee;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


.fingilisi {
color:#009900; font-style:italic;	
}

.reding {
color:#CC0000; font-style:italic;	
}

.blueing {
color:#0000FF; font-style:italic;	
}


.author
{
margin-right:50px;	
}



.dictionary
{
border-radius:10px; padding:5px; margin:5px; border:1px solid #000; background-color:#fff; text-align:center; 
}


.sitemap
{
margin-right:50px; background-color:#eeeeee; padding:10px; width:90%; margin-top:10px; margin-bottom:20px; min-height:150px;	
}

.email
{
direction:ltr; color:#666666; font-size:12px;	
}