/* --------------------------------------  Tamim Etemadi site --------------------------------------  */
/*
	border: thin solid red;
 */
body{
	margin: 0;
	background: url( media/texture.gif);
}
#outer{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 780px;
	margin-top: -295px;
	margin-left: -390px;
	font: 80% Verdana, Helvetica, sans-serif;
	color: #cccccc;
	background: #333333;
}
/* -------------------------------------- Navigation ---------------------------------------- */
#menu{ float: right; }
	#menu ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	#menu li { display: inline; }
	#menu a {
		display: block;
		float: left;
		width: 70px;
		height: 20px;
		padding: 6px 0;
		border-bottom: 1px solid #ff9900;
		border-left: 1px solid #FFFFFF;
		text-align: center;
		text-decoration: none;
		color: #ff9900;
		background: url( media/top-shade.gif);
	}
	#menu a:hover {
		height: 24px;
		margin-top: -4px;
	}
	#menu .selected a {
		height: 24px;
		margin-top: -4px;
		font-weight: bold;
		border-bottom: none;
		color: #ff9900;
		background: url( media/top-shade.gif);
	}
/*-------------------------------------- Main content ----------------------------------------*/
#main{
	float: left;
	width: 100%;
	height: 455px;
	padding: 0;
	overflow: auto;
	background: #333333;
}
	#main ul{ margin: 0 2.5em; padding: 0;}
	#main li{ margin: 1em 1em; padding: 0; list-style: square; }
#gallery{	/*  contains thumbnails table*/
	float: left;
	width: 100%;
	height: 500px;
	overflow: auto;
	padding: 0;
	background: #333333;
}
#slideshow{	/*  contains slides flash*/
	width: 100%;
	height: 520px;
	padding: 0;
	background: #666666;
}
table.pics { margin: 10px auto; width: 95%; background: #4d4b4b;}
	table.pics td { padding: 5px; border: 1px solid #333333; text-align: center; vertical-align: bottom; }
	table.pics td a{ text-decoration: none; cursor: url( 'media/zoomin.cur'), pointer; }
#exponent{
	float: left;
	width: 100%;
	height: 470px;
	padding: 0;
	text-align: center;
	background: #666666;
}
	#exponent img{ margin: 9px; }
/*-------------------------------------- Footer ----------------------------------------*/
#bottom{
	clear: both;
	height: 50px;
	color: #cccccc;
	background: url( media/bottom-shade.gif) repeat-x;
}
#bottom_left{ float: left; width: 400px; }
	#bottom_left p.title{ margin: 5px 0; font-size: 130%; font-weight: bold; }
	#bottom_left p.caption{ margin: 2px 0; }
	#bottom_left ul{ margin: 3px 30px; padding: 0.3em 0; list-style: circle; }
#bottom p.highco{ float: right; 	padding: 0 2em; font-size: 80%; text-indent: 0;}
#bottom_right{
	float: right;
	width: 190px;
	font-size: 80%;
}
	#bottom_right>a{
		float: left;
		display: block;
		width: 25px; height: 20px;
		margin: 0 5px;
		}
	#bottom_right p.count{ margin: 6px 20px; padding: 0; font-size: 100%;}
	#bottom_right a.prev{ background: url( media/pic-prev.gif) no-repeat; } #bottom_right a.prev:hover { background-position: 0 -20px;}
	#bottom_right a.next{ background: url( media/pic-next.gif) no-repeat; } #bottom_right a.next:hover { background-position: 0 -20px;}
	#bottom_right a.home{ background: url( media/pic-home.gif) no-repeat; } #bottom_right a.home:hover { background-position: 0 -20px;}
/*--------------------------------------  Miscellaneous Formats -----------------------------------------*/
blockquote{
	margin: 15px; padding: 5px;
	border: 1px #4d4b4b solid;
	border-left: 7px #4d4b4b solid;
	background: #3a3a3a;
	}
h1{
	margin: 1em 1em;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
}
p{ margin: 1em; padding: 0; text-indent:1em;}
p.shift1{ margin-top: 10em; }
p.quote{ margin: 1em; text-indent:1em; font-style: italic; }
p.pic{ padding: 5px 0 0 10px; }
p.count{ margin: 0; padding-left: 35px; font-size: 80%; }
a{ color: #cccccc; background: transparent; }
img { margin: 0; padding: 0; border: none; }
img.intro { float:right; width: 240px; margin: 40px 5px 0 10px; padding: 5px; }
img.photo { float:left; margin: 7px; }
img.name { float:left; }
/*********************************  PRINTING ********************************/
@media print {#outer { border:1px solid #000; }}
