/*
TITLE: 	Memory Lane Design Stylesheet
AUTHOR: 	Khaled Maiwand, HighCo Technology
CREATED: 	April 2008
border: thin solid red;
*/
* {margin: 0; padding: 0; border: 0; }
body {
	font: normal small "Lucida Sans Unicode",Arial,Helvetica, sans-serif;
	background: #333;
	}

#wrapper{
	width: 780px;
	margin: 10px auto;
	color: #fff; 
	}

#header {
	width: 740px; 
	height: 120px;
	padding-left: 20px;
	background: #000;
	}
	#header p{
		padding-top: 20px;
		font: normal 260% "Arial Narrow", Arial,Helvetica, sans-serif;
		letter-spacing: 1px;
		color: #E1AB54;
		}
	#header span{
		font-size: 56%;	}

#topmenu{
	width: 760px;
	border-top: 2px solid #333;
	color: #fff; background: #222;
	}
	#topmenu ul{ list-style: none; }
	#topmenu li{ display: inline; }
	#topmenu a{
		padding: 9px 18px;
		border-right: 2px solid #333;
		font-size: 120%;
		line-height: 38px;
		text-align: center;
		text-decoration: none;
		color: #E1AB54; background: #222;
		}
		#topmenu a:hover, #topmenu a#current{ color: #333; background: #999; }

#mainbox {
	float: left;
	width: 760px;
	font: 106% Verdana, Arial, Helvetica, sans-serif;
	color: #000; background: #999;
	}
	#mainbox p{
		padding: 6px 20px;  
		line-height: 1.6em;
		}
#album{ margin-left: 100px; }
#gallery {
	width: 580px; height: 300px; <!-- full_width = (num-1) * shrunk_width -->
	margin: 0; padding: 0; 
	list-style-type: none; 
	overflow: hidden; 
	border: 1px solid #888; 
	background: #fff url( img/cover.jpg) left no-repeat;
	}
	#gallery li { float: right; }
		#gallery li a {
			float: left; 
			display: block; 
			width: 30px; height: 300px;
			text-decoration: none; 
			cursor: default;
			border-bottom: 1px solid #fff; 
			}
			#gallery li a img {
				width: 30px; height: 300px; 
				border: 0;
				}
		#gallery li a:hover {
			width: 400px;
			background: #eee; 
			}
			#gallery li a:hover img { width: 400px; }
#pagebox{
	clear: both;
	width: 100%;
	padding: 20px 0;	
	text-align: center;
	}
	#pagebox a{
		padding: 3px 7px;
		border: 1px solid #64562B;
		font-size: 96%;
		text-decoration: none;
		margin-left: 1%;
		color: #852a17; background: #FCF9F4;
		}
		#pagebox a:hover, #pagebox a#current { background: #fcf2e1; }

#footer{
	clear: both;
	width: 760px;
	height: 30px;
	text-align: center;
	border-top: 10px solid #333;
	color: #CDA43C; background: #222;
	}
	#footer a{ color: #CDA43C; }
/* --------------------------------- Common Styles --------------------------------- */

h1 {
	margin: 25px 0 20px 14px;
	font: normal 200% "Arial Narrow", Arial,Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #333;
	}
p{ padding: 8px 0; }
a { color: #0000ff; background: inherit; }
	a: hover {
		text-decoration: none;	
		color: #852a17 ;
		}
acronym{ border-bottom: 1px #26488F dashed; cursor: help;}