/* BOX COLOURS & FONT STYLES */

html {
background-color:#666633;
}
#doc2 {
background-color:#cccc99;
color:#000;
}
body {
font-family:Georgia,'Times New Roman',serif;
font-weight:normal;
font-size:small;
line-height:175%;
}
#hd {
background:#990033 url(/images/2.gif) no-repeat 233px 0;
color:#fff;
padding:18px 24px 21px 18px;
}
#hd h1 {
font-size:42px;
line-height:1.5em;
}
#hd h2 {
font-style:italic;
padding-left:2px;
}
.first {
background-color:#fff;
color:#000;
}
.squeeze {
padding:0 35px;
}
.sidecol .squeeze {
padding:13px 10px 0 10px;
}
.yui-ge .sidecol .squeeze {
padding-left:0px;
}
#ft {
background-color:#000;
height:21px;
}

/* LINK COLOURS */

a:link { color: #990033; }
a:visited { color: #990033; }
a:hover { color: #990033; text-decoration:none; }
a:active { color: #CC6600; }

p.meta a:link { color:#817D62; }
p.meta a:visited { color: #817D62; }
p.meta a:hover { color: #817D62; text-decoration:none; }
p.meta a:active { color: #CC6600; }



#hd a {
color: #fff;
text-decoration: none;
font-weight:normal;
}
.first h2 a {
color:#000;
text-decoration:none;
}

/* RESET RESET */

em {
font-style:italic;
}
strong {
font-weight:bold;
}
acronym {
cursor:help;
border-bottom: 1px dotted #555;
}
span.caps {
font-size: 0.9em;
letter-spacing: .09em;
}
sup {
vertical-align:super;
}

/* CONTENT FORMATTING */

.first h3 {
margin: 0;
padding:1em 0 1em 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: large;
font-weight:normal;
font-style:italic;
text-align:left;
color:#817D62;
border:0;
letter-spacing:0;
line-height:130%;
}

.first h3.posted {
margin:30px 0 5px 0;
border-bottom: 1px dotted #333333;
padding: 3px 0 3px 0;
color: #817D62;
font-family: Georgia, 'Times New Roman', serif;
font-size: medium;
font-style:normal;
text-align: right;
font-weight:normal;
}
.first h3.tag-archive {
margin:30px 0 5px 0;
border-bottom: 1px dotted #333333;
padding: 3px 0 3px 0;
color: #817D62;
font-family: Georgia, 'Times New Roman', serif;
font-size: medium;
font-style:normal;
text-align: left;
font-weight:normal;
}
.first h2 {
padding:10px 0 17px 0;
margin:0;
border: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: x-large;
text-align: left;
font-weight:normal;
line-height:125%;
}
body#contact .first h2,
body#disclaimer .first h2,
.first h2#h2static {
padding:35px 0 13px 0;
}
h4 {
font-size:medium;
color:#2f3f53;
}
h4#comment {
font-size:large;
color:#333;
padding-bottom:1em;
}
.first p, .first  li, .first code,
.first  blockquote {
font-family: Arial, sans-serif;
padding-bottom:0.75em;
}
.first code {
font-family: Consolas,Monaco,"Courier New", Courier, Monospace;
color:#555;
font-weight:normal;
background-color:#ffffdd;
padding:0.25em;
}
.first pre code {
line-height:2;
}
.first pre {
overflow: auto;
margin:0 0 1em 0;
}
p.meta {
color:#817D62;
margin: 9px 0 47px 0;
font-family: Arial, sans-serif;
font-size: x-small;
font-style:italic;
line-height: normal;
}
blockquote {
margin:0 0 1em 0;
border-left:1px dotted #333333;
}
.first blockquote p {
padding:0.75em 0 0 1.5em;
}
.first ul, .first ol {
padding:0.5em 0 1em 1.5em;
}
.first li {
list-style-type:disc;
padding-bottom:0.5em;
}
.first ol li {
list-style:decimal outside;
}

.first blockquote ul, .first blockquote ol {
padding:0 0 0 2em;
margin-bottom:-0.5em;
}
.first blockquote li {
list-style-type:disc;
padding-bottom:0.5em;
}
.first blockquote ol li {
list-style:decimal outside;
}

.first ul.icon-alert {
list-style-type:none;
padding-left:0;
margin-left:0;

}
.first ul.icon-alert li {
list-style-type:none;
border:1px solid #990033;
padding:0.25em 0.5em;
background-color:#ffdfef;
}

.first p img {
padding-top:0.75em;
}
p.caption {
color:#817D62;
font-size:0.9em;
font-style:italic;
line-height:1.5;
}

/* IMAGES */

div.article-img {
margin:0px 0 5px 0;
}
div.img-with-caption {
margin:13px 0;
}
div.article-img p, div.img-with-caption p {
font-size: x-small;
line-height:175%;
margin-bottom:0;
color:#555;
}
img.image-left {
float:left;
margin:21px 13px 5px 0;
}
img.image-right {
float:right;
margin:21px 0 5px 13px;
}
img {
border:0;
}


/* SIDECOL LISTS */

.sidecol h2 {
margin: 5px 0;
border: 0;
color: #333;
font-family: Arial, sans-serif;
font-size: x-small;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
text-align: left;
}
ul.linklist {
list-style-type:none;
padding:0;
margin: 9px 0 27px 0;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
}
ul.linklist li {
list-style-type:none;
width:165px;
margin:0 0 7px 7px;
}


/* ARTICLE NAV */

ul.nav {
margin:55px 0 30px 0;
border-top: 1px dotted #333333;
list-style-type:none;
padding:13px 0 40px 0;
}
li.nav-left {
float:left;
list-style-type:none;
}
li.nav-rite {
float:right;
list-style-type:none;
}


/* SEARCH FORM */

.sidecol input {
margin-bottom:21px;
}


/* COMMENTS FORM */

form#txpCommentInputForm {
padding-left:16px;
margin-left:0;
border-left:1px dotted #333333;
}
p.comments_error, div.comments_error {
font-family: Verdana, Arial, sans-serif;
color:red;
font-weight:bold;
margin-bottom:27px;
}
textarea, input {
font-family: Verdana, Arial, sans-serif;
font-size:small;
}
a#txpCommentHelpLink {
font-size:x-small;
text-transform:uppercase;
text-decoration:none;
}
textarea.txpCommentInputMessage {
width:330px;
height:170px;
}

body#contact textarea, input {
margin-bottom:0.75em;
}
body#contact input.zemSubmit {
margin:1em 0 5em 0;
}


/* GALLERY CSS - http://www.brunildo.org/test/img_center2.html */

.wrap {
margin-bottom:0.75em;
}
.wrap div {
float: left;
background: white;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
border-style: solid;
margin: 0px 7px 7px 0px;
}
.wrap a {
	display: table-cell;
	width: 154px;
	height: 154px;
	text-align: center; /* qui e non su precedente, iCab */
	vertical-align: middle;
	background-color: #fff;
}
.wrap img {
	vertical-align: middle;
}
/*\*//*/
* html .wrap a {
	display: block;
}
* html .wrap span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}
* html .wrap a {
	font-size: 1px;
}
/* non serve solito shift background-position: 11px 11px per IE/Mac, forse perche' su inline-block? */
.wrap div {
	border-collapse: collapse; /* Op7 */
}
.clear {
	clear: both;
	margin: 0;
	padding: 1em 0;
}
.wrap a:hover {
	background-color: #fff;
}


/* TWITTER TABLE */

table.twitter {
margin:0 0 1.5em 0;
width:100%;
}
table.twitter td {
border-collapse:collapse;
padding: 3px 9px 3px 0;
border-bottom:1px dotted #817D62;
}
table.twitter td a {
}