/* css Zen Garden submission 120 - 'Medioevo', by Emiliano Pennisi, http://www.peamarte.it/01/metro.html */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Emiliano Pennisi */
/* Added: Sept. 2nd, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



/* Medioevo - Realized from Emiliano Pennisi - MetroStation Deisgn - http://www.peamarte.it/01/metro.html */
/*General*/
body {
	font-family: Georgia,MS Serif,New York,sans-serif;
	margin-top: 0px;
	font-size: 0.8em;
	color: #fff;
	background-color: #160605;
	background-image: url(sfondo.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

p,h1,h2,h3 {
	text-align: justify;
	width: 325px;
	margin: 0px 1px 5px;
}

abbr {
	font-weight: bold;
	font-style: oblique;
	border: 0px; /*Only for Mozilla Firefox*/
}

/*Links and Typography*/
a {
	color: #B69B86;
	text-decoration: none;
}

a:hover {
	color: #fff;
	border-bottom: 1px dotted #e2eff3;
}

/*End Links*/
/******************************************************/
/*******************Container**************************/
/******************************************************/
.page-wrapper {
	background-color: Black;
	border-top: 0px;
	border-left: 1px solid #B69B86;
	border-right: 1px solid #B69B86;
	border-bottom: 25px solid #B69B86;
	padding: 10px;
	width: 513px;
	margin: 0% 74px 0%;
}

.summary{
	margin: 8px 0px 50px;
}

/*Hide the textual logo*/
header h1, h2 {
	margin: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*Hide quicksummary Text*/
.summary p:first-child {
	display: none;
}

.summary p:last-child {
	text-transform: uppercase;
	font-size: 0.8em;
	background-image: url(quickbg.gif);
	background-repeat: repeat-y;
	height: 22px;
}

header {
	margin: 0;
	height: 200px;
	width: 513px;
	background-image: url(logo.jpg);
}

/*Hide for image replacement*/
.preamble h3, .explanation h3, .participation h3, .benefits h3, .requirements h3 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*End ir*/
/******************************************************/
/*Image Replacement*/
.preamble h3 {
	background-image: url(01.gif);
	background-repeat: repeat-y;
	height: 30px;
}

.explanation h3 {
	background-image: url(02.gif);
	background-repeat: repeat-y;
	height: 30px;
}

.participation h3 {
	background-image: url(03.gif);
	background-repeat: repeat-y;
	height: 30px;
}

.benefits h3 {
	background-image: url(04.gif);
	background-repeat: repeat-y;
	height: 30px;
}

.requirements h3 {
	background-image: url(05.gif);
	background-repeat: repeat-y;
	height: 30px;
}

/*End ir*/
/******************************************************/
/*List style ( menu )*/
/*1° Replace with image replacement*/
.select {
	background-image: url(select_ds.gif);
	background-repeat: no-repeat;
	height: 30px;
	margin: 3px;
}

/*Hide text conten*/
.design-selection .select {
	width: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*2°*/
.archives {
	background-image: url(archives.gif);
	background-repeat: no-repeat;
	height: 30px;
}

.design-archives .archives {
	width: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*3°*/
.resources {
	background-image: url(resources.gif);
	background-repeat: no-repeat;
	height: 30px;
	margin-left: 15px;
}

.zen-resources .resources {
	width: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*End°*/
.sidebar ul {
	list-style: none;
}

.sidebar li a {
	display: block;
}

.sidebar li a:hover {
	color: #666;
	border: none;
}

.sidebar li a.designer-name {
	color: #fff;
	font-size: 9px;
	font-weight: normal;
	display: inline;
	padding: 0;
	text-transform: uppercase;
}

/*Positioning of menu and list to right*/
.sidebar {
	position: absolute;
	top: 300px;
	margin-left: 342px;
	background: url(menubg.gif) repeat-y;
	width: 198px;
}

.sidebar li {
	height: 28px;
	margin: 0 0 0;
	padding: 5px;
	border-bottom: 1px dotted #B69B86;
}

.sidebar .wrapper {
	font-size: 0.9em;
	font-weight: bold;
	color: #B69B86;
	width: 150px;
}

footer {
	background: url(footerlogo.gif) repeat-y top right; /*No repeat the image logo and  place to left*/
	margin: 10px 35px 10px;
	border-bottom: 1px dashed #850E0E;
	height: 100px;
}

footer a {
	cursor: help;
	font: 0.8em georgia, helvetica, sans-serif;
	text-transform: uppercase;
	color: #850E0E;
	font-weight: bold;
}

footer a:hover {
	color: #fff;
	border: 0px;
	font-weight: bold;
}
/*End of CSS*/

