/* ngaloppo.org base CSS */

/* =Globals =========================================*/

* {
padding: 0;
margin: 0;
}

img {
border: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fff url("../images/page-bg.gif") repeat;
	font: 12px/1.6em "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color: #444;
	text-align:center;
}


h1,h2,h3 {
	font-family: "Century Gothic", "Lucida Grande","Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

h1,h2 {
    font-weight: normal;
}

h1 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
	text-indent: -9999px;
}

h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
	background: transparent url("../images/title-logo.png") left center no-repeat;
	text-indent: 15px;
	top: 98px;
	left: 17px;
	height: 20px;
	position: absolute;
}

h3 {
	font-size: 20px;
	line-height: 14px;
    color: #1D345F;
	background: transparent url("../images/bullet.gif") left top no-repeat;
	margin: .8em 0 .5em -15px;
    vertical-align: baseline;
    padding-left: 15px;
}

body#index h3 {
	font-size: 0.9em;
	line-height: 1.8em;
	color: #506b7d;
    background: transparent url("../images/bullet-title.gif") left no-repeat;
    padding: 0 0 0 20px;
	margin: 0 0 5px 0;
    /* display: block; */
    /* height: 20px; */
	text-transform: uppercase;
}

body#index div#content h3 {
	margin-left: -10px;
}

p {
	text-align: justify;
    margin: 0 0 1em 0;
}

a {
	color: #506b7d;
	text-decoration: none;
	background: transparent url("../images/dotted.png") left bottom repeat-x;
}

a:hover {
    /* background: #c2cacf; */
    /* background: #dfdfdf; */
    background: transparent;
	text-decoration: underline;
}

a.mail {
    padding-left: 18px;
	background: transparent url("../images/icon.mail.gif") left 3px no-repeat;
}

h3 a {
	text-decoration: none;
    background: none;
}

p.more {

}

p.more a {
	text-decoration: none;
	padding-left: 16px;
    background: transparent url("/images/morearrow.gif") 0 60% no-repeat;
}

p.more a:hover {
    color: #CD5C3B;
    background: transparent url("/images/morearrow.gif") -288px 60% no-repeat !important;
}


pre div 
{
    background-color: #dfdfdf;
    border: 1px #8FA7BF solid;
    margin-top: 1em;
    padding: 1em;
    font-family: monospace;
}

ul,ol
{
    margin: 0em 0 .5em 2em;
}

/* =Structure ========================================*/

/*
.footer {
 	font-size: 0.8em;
	background: transparent url("../images/footer-bg.gif") bottom left no-repeat;
	position: absolute;
	bottom: 0;
	padding: 0 0 10px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	color: #999;
}
*/