html { height:100%; }
body { height:100%; background:#64000a url(img/bg.jpg) top center repeat-y; color:black; margin:0; padding:0; font-family:verdana,arial,tahoma; font-size:10pt; font-weight:normal; }
div, img, a { behavior:url(tpl/iepngfix/iepngfix.htc) }
form, fieldset { margin:0; padding:0; border:0; }
a img {	border:0; }
strong { font-weight:bold; }
em { font-style:italic; }

/*** app styles ***/

.granata { color:#831d1c; } /* reale */
.granata2 { color:#760000; }

#wrap { width:960px; margin:0 auto; overflow:hidden; zoom:1; }

#header { width:960px; height:150px; float:left; overflow:hidden; zoom:1; }

#left { width:240px; overflow:hidden; zoom:1; float:left; }

	a.menu-item:link, a.menu-item:visited { font-size:90%; font-weight:bold; line-height:30px; height:30px; padding-left:20px; color:white; background:url() top left repeat-x; display:block; text-decoration:none; }
	a.menu-item:hover, a.menu-item-selected:link { background-color:#880003; }
	/*a:active*/

	#form-login, #logged-as { margin-top:1.5em; padding:0 20px; }
	#form-login td, #logged-as p { font-size:95%; color:white; }
	#form-login input.field { border:1px solid black; font-size:97%; font-weight:bold; padding:0.2em; width:80px; color:#760000; }
	#form-login a, #logged-as a { color:white; font-weight:bold; font-size:80%; text-decoration:none; }

#content { width:720px;	background:url(img/bg-content.png) top left no-repeat; overflow:hidden; zoom:1; float:left; }

	#wrap-content { padding:10px; overflow:hidden; zoom:1; }

	.home-box { width:50%; float:left; overflow:hidden; zoom:1; }
	.home-clear { clear:both; }

	#pagebar { margin-top:0.5em; overflow:hidden; zoom:1; }
	#pagebar a { color:#760000; text-decoration:none; }

	.page-pic { text-align:center; padding:2em 0 }

	#message-info { color:black; background-color:#f2f2f2; padding:1em; border:1px dashed #800000; text-align:center; font-weight:bold; font-size:120%; }

	.news-sticky { overflow:hidden; zoom:1; background:#760000 url(img/bg-news-sticky.png) top left no-repeat; width:100%; padding-bottom:0.4em; margin-bottom:8px; }
	.news-sticky a { color:white; font-size:110%; font-weight:bold; display:block; padding:0.4em 0.8em; text-decoration:none; }
	
	.news-mini { overflow:hidden; zoom:1; }
	.news-mini-title { }
	.news-mini-subtitle { color:#808080; padding-bottom:5px; }
	.news-mini-info { font-size:80%; text-align:right; color:#c0c0c0; border-top:1px solid #c0c0c0; padding-bottom:0.3em; font-weight:bold; clear:both; }
	.news-mini-pic { margin:0 0.5em 0.5em 0; padding:0.5em; background-color:#dedede; float:left; }
	.news-mini-title a,
	.news-mini-subtitle a,
	.news-mini-content a { color:#760000; text-decoration:none; }
	.news-mini-title a { font-weight:bold; display:block; font-size:110%; padding:0.5em 0; color:#760000; }
	.news-mini-content { font-size:80%; }

	.news { overflow:hidden; zoom:1; }
	.news-title { padding:0.2em 0; font-weight:bold; font-size:110%; color:#404040; }
	.news-subtitle { margin-bottom:0.5em; color:#404040; }
	.news-title-date { font-size:80%; float:right; color:#808080; }
	.news-pic { padding:0 0.5em 0.5em 0; float:left; }
	.news-title a,
	.news-subtitle a,
	.news-content a { color:#760000; text-decoration:none; }
	.news-title a { font-weight:bold; display:block; padding:0.3em 0; }
	.news-subtitle a { font-weight:bold; }
	.news-attach a { border:1px solid #760000; background:#f8e8e9 url(img/attach.png) 4px center no-repeat; padding:0.4em 0 0.4em 24px; font-weight:bold; display:block; clear:both; }
	.news-views { padding:0.4em 0 0.4em 0; font-weight:bold; color:#a0a0a0; text-align:right; clear:both; }

	.comment { width:580px; margin-bottom:10px; overflow:hidden; zoom:1; }
	.comment-info { width:149px; padding-right:10px; border-right:1px solid #cccccc; text-align:right; float:left; }
	.comment-text { width:410px; padding-left:10px; float:left; overflow:hidden; zoom:1; }
	.comment-town { font-size:87%; }
	.comment-date { font-size:75%; color:#808080; }

	.comment-message { font-style:italic; text-align:center; }
	.comment-message a { color:#760000; text-decoration:none; }
	.comment-admin a { color:#760000; font-size:80%; text-decoration:none; float:right; }
	
	.video { width:350px; height:auto; float:left; }

	#form-comment { width:60%; margin:0 auto; border:0; /*font-family:tahoma;*/ text-align:left; }
	#form-comment fieldset { margin:0; padding:10px; border:0; }
	#form-comment p { margin:0; margin-top:0.8em; margin-bottom:0.2em; padding:0; font-size:90%; text-align:justify; }
	#form-comment input.cmnt-info { width:98%; padding:3px; color:black; border:1px solid #760000; font-size:100%; }
	#form-comment textarea.cmnt-text { width:98%; height:120px; padding:0.2em; color:black; border:1px solid #760000; font-size:100%; }
	#form-comment input.button { padding:0.2em }

	/* home.php - list on right phome pane */
	.column-row { border-bottom:1px dotted #990000; clear:both; overflow:hidden; zoom:1; }
	.column-pic { width:70px; height:60px; padding:2px; float:left; }
	.column-pic a img { border:0 }
	.column-txt { font-family:verdana, tahoma, arial; color:#a3a3a3; font-weight:normal; font-size:10px; width:178px; height:62px; padding:2px 0 0 4px; float:left; }
	.column-txt a { font-family:verdana, tahoma, arial; color:#990000; font-weight:normal; font-size:11px; padding:4px 0; display:block; text-decoration:none; }

	/* rubrica - the column page */
	.col-main-header { padding: 0 10px; background-color: #eeeeee; border-bottom: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; font-size: 1em; line-height: 2em; color: #990000; text-align: right; }

	.col-all { overflow: hidden; zoom: 1; }
	.col-title { padding: 0.5em 0; margin-bottom:1em; font:normal normal bold 14px/1.4em Verdana,Arial,Tahoma,Georgia,sans-serif; color:#333333; border-bottom:2px solid #760000; }
	.col-title a { text-decoration: none; color:#760000; }
	.col-author { float:right; font-weight:normal; color:#666666; font-size:80%; }

	.col-pic { vertical-align: top; padding-right:20px; }
	.col-text { vertical-align: top; }
	.col-text p { text-align: justify; font-size: 12px; line-height: 1.4em; }

	.col-sep { margin:2em 0; padding-left:1em; background-color:#dedede; border-left:2px solid #760000; font-weight:bold; font-size:10px; height:3em; line-height:3em; color:#760000; text-align:left; }

	.art { font: normal normal normal 12px Verdana,Arial,Tahoma,Georgia,sans-serif; overflow: hidden; zoom: 1; }
	.art-title a { height: 3em; font: normal normal bold 14px/3em Verdana,Arial,Tahoma,Georgia,sans-serif; text-decoration: none; color: #990000; }
	.art-author { font-size: 11px; color: #555555; overflow: hidden; zoom: 1;}
	.art-date { float: right; }
	.art-text { overflow: hidden; zoom: 1; }
	.art-text a { text-decoration:none; color:#990000; }
	.art-text p { text-align: justify; font-size: 12px; line-height: 1.3em; }
	.art-pic { padding: 2px; border: 1px dotted #990000; margin-right: 10px; margin-bottom: 10px; margin-top: 1em; float: left; }

	.arch-art-date { font-size: 10px; color: #aaaaaa; }
	ul.arch-art-list { margin:0 1em; padding:0; }
	ul.arch-art-list li { margin:1em 0; padding:0; list-style-type: none; }

	/* chi, sto, isc, ... */
	#page a { color:#760000; text-decoration:none; }
	#page h2, #registrazione h2, h2.page-title { color:#760000; border-bottom: 2px solid #760000; font-size:20px; font-weight:bold; }
	#page h3 { color:black; border-bottom: 1px solid black; overflow:hidden; zoom:1; }

	#form-registrazione input.field { border:1px solid #a0a0a0; font-size:90%; padding:0.15em; color:black; }
	#form-registrazione select { border:1px solid #a0a0a0; font-size:90%; padding:0.15em; color:black; }
	#form-registrazione p { font-size:90%; margin:1em }
	#form-registrazione a { color:#760000; font-weight:bold; text-decoration:none; }

	#registrazione-fields p { font-size:90%; margin:1em; overflow:hidden; zoom:1; }
	#registrazione-fields p label { float:left;font-weight:bold;  width:200px; }

	#spnsr-container { width:960px; height:120px;background-color:#760000; padding-bottom:10px; overflow:hidden; zoom:1; float:left; }
	.spnsr-row { width:960px; overflow:hidden; zoom:1; }
	.spnsr { width:200px; height:100px; padding:8px 0; margin-left:30px; float:left; }
	.spnsr a img { border:2px solid white; }

	#albums { overflow:hidden; zoom:1; }
	a.album { background:url(img/folder_image_72x72.png) center center no-repeat; width:175px; height:175px; float:left; font-weight:bold; color:#760000; text-align:center; text-decoration:none; overflow:hidden; zoom:1; }
	.album-date { margin-top:10px; font-size:80%; font-weight:normal; text-align:center; color:#808080; }
	.album-name { margin-top:8px; font-size:80%; text-align:center; }
	.album-info { margin-top:85px; font-size:80%; font-weight:normal; text-align:center; color:#808080; }

	#photos { overflow:hidden; zoom:1; }
	.photo { width:175px; height:175px; float:left; overflow:hidden; zoom:1; }

	/* album evidenza slideshow */
	#albums-preview a { color:#760000; font-weight:bold; text-decoration:none; }
	.album-pics { width:200px; height:200px; margin:0 75px 30px 75px; }
	/*.album-pics img { margin:0 auto; width:200px; height:200px;	}*/

	div#page.archive ul {}
	div#page.archive ul li .date { margin-top:10px; font-size:10px; }
	div#page.archive ul.cat-list li { /*line-height:24px; height:24px;*/ padding:5px 0; border-bottom:1px dashed #760000; }
	div#page.archive ul.cat-list li span.excerpt { color:#808080; font-size:11px; font-style:italic; }

	.mceText { margin-top:10px; overflow:hidden; zoom:1; }
	.mceText p { text-align: justify; font-size: 12px; line-height: 1.4em; }
	.mceText .pic { float:left; margin:0 10px 10px 0; }

#footer { width:960px; padding-top:10px; height:40px; line-height:40px; color:white; text-align:right; font-size:70%; background:#760000 url(img/bg-content-bottom.png) top right no-repeat; float:left; clear:both; overflow:hidden; zoom:1; }