/* StyleSheet for Ashley's Pages */

#content {
	position: absolute;
	top: 0;
	left: 150px;
	font-family: Arial, Sans-Serif;
	width: 500px;
}
#content img.framed {
	border: 10px inset #FF6EC7;
	float: left;
	margin: 10px;
	display: inline;
	padding: 0px;
}
#content p {
	text-align: center;
	font-family: 'Monotype Corsiva', Cursive;
	font-size: 16pt
}
h1 {
	text-align: center;
	font-family: 'Monotype Corsiva', Cursive;
	font-size: 28pt;
}
h1 em {
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: 300;
	font-style: normal;
}
h2 {
	text-align: center;
	font-family: 'Monotype Corsiva', Cursive;
	font-size: 24pt;
}
h3 {
	text-align: center;
	font-family: 'Monotype Corsiva', Cursive;
	font-size: 20pt;
}
p:first-letter {
	font-family: 'Monotype Corsiva', Cursive;
	font-size: 24pt;
}
#pictures {
	position: relative;
	left: 10px;
	width: 500px;
	height: 750px;
}
ul#gallery {
	padding: 10px 0 0 50px;
	margin: 0;
	width: 500px;
	height: 750px;
	position: relative;
}
#gallery a {
	text-decoration: none;
	position: relative;
	width: 133px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 100;
	cursor: default;
	color: #000;
}
#gallery a img {
	position: relative;
	width: 133px;
	margin: 0;
	padding: 0;
	z-index: 100;
	border: none;
}
#gallery a span.caption {
	display: none;
}
#gallery a:active img, #gallery a:focus img {
	background: #eee;
	position: absolute;
	width: 450px;
	border: 10px outset #FFFCCF;
	z-index: 20;
}
#gallery a:active, #gallery a:focus {
	background: transparent;
	width: 500px;
	height: 375px;
	padding: 215px 0 160px 0;
	margin: 25px 0 0 35px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 20;
}
#gallery a:focus span.caption, #gallery a:hover span.caption, #gallery a:active span.caption {
	display: block;
	text-align: center;
	font-family: 'Monotype Corsiva', Cursive;
	font-size: 16pt;
	color: #000;
}
#gallery a:hover {
	width: 500px;
	height: 375px;
	padding: 215px 0 160px 0;
	margin: 25px 0 0 35px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 50;
}
#gallery a:hover img {
	background: #eee;
	position: relative;
	width: 450px;
	border: 10px outset #FFFCCF;
	z-index: 50;
}
#gallery li {
	list-style-type: none;
	width: 133px;
	height: 100px;
	left: 0px;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	z-index: 100;
}
#gallery p {
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
}
#gallery p:first-letter {
	font-family: 'Monotype Corsiva', Cursive;
	font-size: 18pt;
}
#navbar .current {
	border: 2px inset;
}
#navbar {
	background: url("../Images/vintage.gif") repeat;
	font-family: Arial, Sans-Serif;
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	padding: 50px 5px;
	height: 800px;
}
#navbar a, img {
	display: block;
	padding: 5px;
	font-variant: small-caps;
	border: 2px outset;
}
#navbar img {
	margin-bottom: 50px;
}
#counter {
	background: url("../Images/vintage.gif") repeat;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	position: absolute;
	top: 715px;
	left: 0;
	width: 150px;
	padding: 50px 5px;
}
#counter img {
	border: none;
}
/* hack for Internet Explorer */
#gallery li.pad {
	height: 375px;
	display: block;
	margin: 25px 0 0 -10px;
	width: 425px;
	font-size: 12px;
	padding: 10px 0 25px 0px;
	z-index: 0;
	border: none;
	text-align: center;
}
#gallery a:visited {
	color: #000;
}
/* hack for Opera 7+ */
@media all and (min-width:0px) {
#gallery a: hover {
	background: #888;
	width: 500px;
	height: 375px;
	padding: 215px 0 160px 35px;
	margin: 25px 0 0 0;
	position: absolute;
	left: 0;
	top: 180px;
	z-index: 50;
}
#gallery a:hover img {
	background: #aaa;
	position: relative;
	width: 450px;
	border: 10px outset #FFFCCF;
	z-index: 50;
}
}