/*
 * Argilla Main CSS
 *
 * Argilla projects: ideas workshop
 * WebSite 2006/2007
 * 
 * Copyright (C) 2006/2007
 * by Davide S. Casali
 * www.digitalhymn.com
 *
 * Last update: 2007-09-27
 *
 */


/****************************************************************************************************
 * Defaults
 */
body {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 15px;
	margin: 0;
	background-color: #FFFFFF;
}

a {
	color: #9B5400;
}

a:hover {
	color: #B46100;
}

img { border: 0; }
form { margin: 0; }

/****************************************************************************************************
 * Blocks
 */
body {
	background: #FFFFFF url(gfx/orange_background.gif) repeat-x;
}

#all {
	width: 800px;
	margin: 0 auto;
	text-align: left; /* [IEfix] IE5.0+ center align bug counter-fix */
}
body { text-align: center; } /* [IEfix] IE5.0/5.5 center align bug */

#header {
	margin-top: 35px;
	background: url(gfx/argilla_logo.gif) top left no-repeat;
	height: 160px;
	width: 200px;
	float: left;
}

#menu {
	margin-top: 170px;
	width: 160px;
	border-right: 1px solid #ECE28A;
}
* html #menu { position: absolute; } /* [IEfix] Explorer Align bug */

#page {
	padding-top: 100px;
	margin-left: 220px;
	min-height: 600px;
}
* html #page { padding-top: 95px; } /* [IEfix] Explorer Align bug */

#footer {
	background: url(gfx/nmr_footer.gif) top left no-repeat;
	width: 780px;
	height: 34px;
	margin-bottom: 1em;
}

/****************************************************************************************************
 * Header
 */
#header h1 {
	/* Those lines has been splitted there in order to be compatible on IE5.0
	   We also need position: absolute in order to block the h1 tag to influence the surrounding
	   tags.
	   The indent will apply for text-to-image substitution (IE5.0+, Firefox, Safari, Opera6+)*/
	position: absolute;
	text-indent: -600em;
}

/****************************************************************************************************
 * Menu
 */
#menu {
	line-height: 18px;
	text-align: right;
}

#menu ul {
	list-style: none;
	padding: 0 5px;
	text-align: right;
}

#menu a {
	text-decoration: none;
}

/****************************************************************************************************
 * Typo
 */
h2 {
	color: #361D00;
	margin: 0 0 20px;
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: -2px;
}

h3 {
	color: #361D00;
	margin: 40px 0 0;
	font-size: 1.7em;
	font-weight: bold;
	letter-spacing: -2px;
}

h2 a, h3 a {
	text-decoration: none;
}

p, ul, ol {
	letter-spacing: 1px;
	text-align: justify;
}

#page a {
	padding-right: 8px;
	background: transparent url(gfx/link_icon.gif) top right no-repeat;
}

pre {
	font-size: 0.9em;
	padding: 1.2em .2em .2em;
	background-color: #f6f6f6;
}

dl {
	letter-spacing: 1px;
}

dl dt {
	font-weight: bold;
	color: #333333;
	margin: 10px 0 0;
}

dl dd {
	font-size: 14px;
	line-height: 120%;
	margin: 2px 0 2px 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #ECE28A;
}

/****************************************************************************************************
 * Footer
 */
#footer {
	margin-top: 50px;
	font-size: .9em;
	color: #E0E0E0;
	text-align: right;
}

#footer a {
	color: #D9D9D9;
}