/* CSS File for ehsanabedi.com */

/********************
  links
********************/

a:link,
a:visited,
a:active {
  color: #32529F;
  text-decoration: none;
}

a:hover {
  color: #486AC3;
}

/********************
  genral
********************/

body {
  margin: 0;
  padding: 0;
  background: #eee url('../images/nbg_.gif') no-repeat;
  background-position-x: center;
  color: #333;
  text-align: center;
  font-size: 11px;
  font-family: tahoma, arial, times new roman
}

h1 {
  margin: 0 10px 7px 0;
  padding: 3px;
  font-size: 11.5px;
  font-weight: bold;
  border-bottom: #ddd 1px solid;
  position: relative;
}

h1 a:link,
h1 a:visited,
h1 a:active {
  color: #486AC3;
}

h1 a:hover {
  color: #32529F;
}

h1 span {
  margin: 0 2px 0 10px;
  padding: 5px 5px 7px 0;
  float:left;
  color: #777;
  font-size: 10px;
  font-weight: 600;
  border-right: #dfdfdf 3px solid;
}

p {
  margin: 0;
  padding: 10px;
  line-height: 16px;
}

.details {
  margin: 0 0 0 20px;
  padding: 7px 0px 10px 5px;
  border-bottom: 1px solid #ddd;
  font-size: 10px;
  color: #777;
}


/********************
  navigation
********************/

#nav a:link,
#nav a:visited,
#nav a:active {
  color: #C2CFF0;
  text-decoration: none;
  font: 11px tahoma, sans-serif;
}

#nav li a:hover {
  color: #DFE5F5;
}

#nav {
  direction: rtl;
  margin: 44px 0 0 18px;
  padding: 0;
  height: 20px;
  text-align: left;
  font-size: 11px;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#nav li a {
  margin: 0 5px 0 0;
  padding: 5px;
  float: left;
  display: block;
  background: transparent;
}



/********************
  major sections
********************/

#containment {
  margin: 0 auto;
  padding: 0;
  width: 764px;
  text-align: center;
}

#content {
  margin-top: 153px;
  background: url('../images/cbg.gif') repeat-y;
  background-position-x: center;
  direction: rtl;
  text-align: right; 
  padding-left:17px; padding-right:19px; padding-top:1px; padding-bottom:0
}

* html #content { height: 1%; }

#main {
  margin-top: -120;
  padding: 0 0 10px 7px;
  width: 528px;
  float: right;
  position: relative;
}


/* All things Right Side panel */

#context {
  float: right;
  width: 230px;
  color: #fff;
  background: url('../images/context_top.gif') no-repeat top left; margin-left: 10px; padding:0; padding-top:60px;
	}

#context  #detail{
  padding: 0 20 40 0;
  background: url('../images/context_bot.gif') no-repeat bottom left;
	}

#context #detail p{
  text-align: justify;
  padding: 0 20px 0 20px;
  padding-top: -45px;
  background-color: #e6ede0;
  background: url('../images/context_mid.gif') repeat-y 0 0; margin-right: -15;
	}

#context #detail p.last{padding-bottom: 2em;}

#context #detail a { color: yellow;}

#context #detail p a:hover { 
background-color: #a56c33;
	}
	
/********************
  side bar
********************/

#side {
  width: 200px;
  margin: 0;
  padding: 6px;
  padding-top: 40px;
  position: relative;
}

* html #side {
  margin: -153px 0 0 0;
  float: left;
}

#sideheader {
  margin: 0;
  padding: 5px 0 25px 0;
}

#side ul {
  margin: 0;
  padding: 0 15px 0 0;

}

#side ul li {
  color: #666;  
  list-style-position: outside;
  list-style-type:square;
  list-style-image:url('../images/bullet.gif');  
  margin: 0 14 0 -10;
  padding: -10 0 0 0;
}

#side li a {
  color: #486AC3;
}

#side li a:hover {
  color: #111;
}

#side p {
  margin: 0;
  padding: 5px 5px 5px 10px;
  color: #555;
}

/********************
  footer
********************/

#footer a:link,
#footer a:visited,
#footer a:active {
  color: #888;
  text-decoration: none;
}

#footer a:hover {
  color: #333;
}

#footer {
  clear: both;
  direction: rtl;
  text-align: right;
  color: #777;
  background: #eee url('../images/fbg.gif') no-repeat 0 0;
  height: 40px; margin-left:-17px; margin-right:-20px; margin-top:0; margin-bottom:0; padding: 10 10 0 5;
}

#footer p {
  margin: 0;
  padding: 5px;
  float: left;
}

#footer ul {
  margin: 0;
  padding: 0;
  width: 160px;
  float: right;
  list-style: none;
}

#footer ul li {
  margin: 0;
  padding: 0 0 10px 0;
  float: left;
}

#footer li a {
  margin: 0 0 0 5px;
  padding: 5px;
  display: block;
  background: #fdfdfd;
  border: #D7D6D6 1px solid;
}


/********************
  inside main
********************/

ul.def {
  margin: 0;
  list-style-position: outside;
  list-style-image: url('../images/arrow.gif');list-style-type:none; padding-left:25px; padding-right:0; padding-top:10px; padding-bottom:10px
}

ul.def li {
  margin: 0;
  padding: 3px 0;
  color: #000;
}

#main p a:hover {
  color: #32529F;
  background: #f4f4f4;
  border-bottom: #ddd 1px dotted;
}

.block {
  text-align: justify;
  direction: rtl;
  margin: 0 0 30px 0;
  padding: 0;
}

.block .comment {
  margin: 5px 10px 5px 0;
  padding: 0 5px 5px 0;
  color: #32529F;
  font-size: 11px;
  text-align: right;
  border-right: #ddd 3px solid;

}

.block .comment a:link,
.block .comment a:visited,
.block .comment a:active {
  color: #32529F;
}

.block .comment a:hover {
  color: #333;
}

#pagelist {
  margin: 10px 0 0 0;
  padding: 10px;
  color: #777;
  font-size: 11px;
  border: #eee 1px solid;
  background: #fcfcfc;
  text-align: right;
}

#pagelist p {
  margin: 0;
  padding: 0;
}


INPUT.text {
	FONT: 8pt tahoma;
	COLOR: #666666;
	border: 1px solid #CCCCCC;
	height: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
		
INPUT.buttom {
	font: 8pt tahoma;
	color: #999999;
	height: 20px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	cursor: hand;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	}