/*  
	www.byusefzadeh.com 
	Main stylesheet
*/
body#www-byusefzadeh-com {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	background: #616155 url(../images/bg_img.jpg);
	height: 100%;
	position: relative;
	padding: 0px;
	padding-bottom: 30px;
	margin: 0px;
}
#body-container {
	width: 708px;
	margin: 9px auto 0px auto;
	position: relative;
	background: #C6C4A9 url(../images/bg_sideShadows.png);
}
p, dl, ul, li { line-height: 1.35em;}
a { text-decoration: none;}
blockquote { font-style: italic;}
a:link, a:visited { color: #FF7800; border-bottom: 1px dotted #844105;}
a:hover { color: #ffcea3; border-bottom: 1px solid #c5640e;}


/* --------------   BIO SIDE (LEFT) -------------- */
#side-bio {
	width: 249px;
	color: #DADDCB;
	float: left;
	padding: 158px 1px 0px 5px;
}
#side-bio img { margin: 0px; padding: 0px;}
#side-bio #contactText { padding: 0px 18px 35px 18px; margin: 0px;}
#side-bio h1 { font-size: 1.0em;}
#side-bio h2 { font-size: 1.0em;}
#side-bio dl { display: inline; font-weight: bold;}
 #side-bio dl dt {float: left; clear: both; width: 0.75em; color: #FFFFFF; }
 #side-bio dl dd {float: left; }

 
/* -------------- CONTENT SIDE (RIGHT) -------------- */
#side-content { float: right; width: 452px; padding-top: 34px;}
#topSpace { background: #827f60 url(../images/top_right.png) no-repeat top right; height: 34px; position: absolute; right: 0px; top:0px; width: 453px;}
#nav { background: #beb995 url(../images/bg_nav.png) repeat-x; margin: 0px 5px 0px 0px; height: 67px; border-bottom: 1px solid #daddcc; }
#nav ul {
	margin: 0px; 
	list-style-position: inside;
	list-style-type: none;
	display: inline;
}
#nav ul li {float: left;}

#content { position: relative; padding: 2px 17px 4.4em 17px; color: #1a1a1a; font-family: Arial,Verdana,Helvetica,sans-serif;}
#content a:link, #content a:visited { color: #C32E00;}
#content a:hover { color: #FF7800; border-bottom: 1px solid #FF7800;}
#content h1 { font-size: 1.4em; font-family: Arial; color: #3A3B36; margin-bottom: 6px;  }
#content h2 { font-size: 1.1em; font-family: Arial; color: #3A3B36; margin-top: 19px; margin-bottom: 4px; }
#content ul { margin: 0px; padding-left: 13px; padding-top: 3px; font-size:0.95em; font-family: Arial;}
#content em { font-style: normal;}
#content img {float: right;}
div.section { margin-bottom: 30px;} 
p.first { margin-top: 0px;}
p.more { margin-top: 4px;}
p.last { margin-bottom: 0px;}

#photos { display: inline; list-style-type: none;}
 #photos li { float: left; margin: 0px 6px 6px 0px; width: 202px;}
  #photos img { border: 1px solid #FFFFFF; padding: 0px; margin: 0px; }
   #photos img:hover { border: 1px solid #FF7800;}
.imgPageNav { font-size: 120%; font-weight: bold;}
   
#footer {
	position: absolute;
	bottom: 13px;
	background: #3D4335;
	clear: right;
	color: #C6C4A9;
	padding: 1.6em 18px 0.5em 18px;
	height: 1.8em;
	width: 411px;
	margin: 0px;
	border: 0px;
}

#bottom {
clear: both;
width: 708px;
height: 14px;
background: url(../images/bottom.png) no-repeat;
}


/* -------------- GENERAL CLASSES AND IMAGE REPLACEMENTS -------------- */
.clearBoth {clear: both; height: 0px; line-height: 0px; padding: 0px; margin: 0px;}
strong.stronger { font-weight: bold;}

/* Gilder/Levin Image Replacement, General Class and for Navigation */ 
.replace, #nav ul li { 
	position: relative;
	font-size: 80% !important;
}
.replace span, #nav ul li span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
#repl-title, #repl-title span { width: 255px; height: 158px; margin: 0px; }
#repl-title { left: 0px; top: 0px; position: absolute;}
 #repl-title span { background-image: url(../images/bahram_yusefzadeh_founder.png);}

#repl-contact, #repl-contact span { width:147px; height:14px; margin: 0px;}
#repl-contact { margin-top: 22px; margin-bottom: 24px;}
 #repl-contact span { background-image: url(../images/contact_information.png);}

#nav-prof, #nav-prof span { width: 137px; height: 67px; margin: 0px; cursor:pointer;}
 #nav-prof span { background-image: url(../images/nav/prof-history_bt.png);}

#nav-comm, #nav-comm span { width: 127px; height: 67px; margin: 0px; cursor:pointer;}
 #nav-comm span{ background-image: url(../images/nav/community_bt.png);}

#nav-family, #nav-family span { width: 60px; height: 67px; margin: 0px; cursor:pointer;}
 #nav-family span{ background-image: url(../images/nav/family_bt.png);}

#nav-act, #nav-act span { width: 123px; height: 67px; margin: 0px; cursor:pointer;}
 #nav-act span{ background-image: url(../images/nav/current-acts_bt.png);}