/*  
Theme Name: Associazione Coro San Biagio - 2
Theme URI: http://www.corosanbiagio.it/
Description: Tema creato da <a href="http://www.abtm.org/">Abtm S.r.l.</a> per Associazione Coro San Biagio.
Associazione Coro San Biagio.
Version: 2.0
Author: Alberto Brioschi
Author URL: http://www.abtm.org/
*/

* { margin: 0; padding: 0; }

body{
 background: #DBBEA9 url(./images/bg_horiz.jpg) repeat-x;
 text-align: center;
 margin: 0;
}
img{
 border: 0;
}	
#accessibility {
 display: none;
}

/* -------------------
Main Structure
------------------- */
	
#frame{
 width: 800px;
 text-align: left;
 margin: 0 auto;
 background: white url(images/bg_frame.jpg) 0 0 no-repeat;
}	
#middle{
 /* background: url(images/bg_frame.gif) 0 0 repeat-y; */
 overflow: auto;
 width: 100%;
}

#content{
 float: left;
 width: 600px;
}
	
#sidebar{
 float: left;
 width: 150px;
 padding: 0 20px;
}
	
/* -------------------
Header
------------------- */

#header{
 /* height: 150px; */
 height: 200px;
}
	
#header h1{
 width: 367px;
 float: left;
 color: #444;
 font: 1.2em/50px Arial, Helvetica, sans-serif;
 letter-spacing: 0.1em;
 padding: 33px 0 0 25px;
}
	
#header h1 a{
 text-decoration:none;
 color: #444;
}
		
#header h1 a:visited{
 text-decoration:none;
 color: #444;
}
#header h1 a:hover{
 color: #444;
}
#header #nav{
 /* width: 300px; */
 float: right;
 text-align: right;
}
	
#header #nav ul{
	list-style: none;
	padding: 36px 20px 0 0;
	}
	
#header #nav ul li{
	float: left;
	}
	
#header #nav ul li a{
	display: block;
	margin-left:0px;
	padding: 0px 0.5em;
	font: 0.75em/30px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333;
	}
	
#header #nav ul li a:hover{
	background: none;
	color: #fff;
	}
	
#header #nav p{
	clear: left;
	padding: 0 25px 0 0;
	font: 0.75em/34px Arial, Helvetica, sans-serif;
	}
	
#header #nav p a{
	color: #444;
	text-decoration: none;
	background: url(images/icon_subscribe.gif) right 1px no-repeat;
	padding: 0 16px 0 0;
	}
	
#header #nav p a:hover{
	color: #ffd482;
	background-position: right -47px;
	}
	
/* -------------------
Content
------------------- */

#content .post{
	margin: -10px 20px 20px 55px;
	}
	
/* general #content definitions */
	
#content h2{
 color: #555555;
 font: 1.3em/2em Arial, Helvetica, sans-serif;
 margin: 0 0 0.3em 0;
}

#content h2 a{
	color: #555555;
	text-decoration: none;
	}

#content h2 a:hover{
	text-decoration: underline;
	}
	
#content h3{
	font: 1em/2em Arial, Helvetica, sans-serif;
	color: #444;
	margin: 1.1em 0 -1.2em 57px;
	font-weight: bold;
	}
	
#content h4{
	font: bold 0.9em/1em Arial, Helvetica, sans-serif;
	color: #000000;
	/* border-left: 1em solid #ffffff; 
	padding: 0 0 0 0.5em;
	margin: 1em 0;*/
	}
	
#content p, #content li, #content dl{
	color: #444;
	font: 11px Verdana;
	margin: 0 0 0 30px;
	}
	
#content p, #content ul, #content ol, #content dl, #content img{
	margin: 0 0 0.7em 0px;
	}
	
#content li{
	margin: 0 0 0 70px;
	}
	
#content dl dt{
	font-weight: bold;
	}
	
#content dl dd{
	margin: 0 0 0.4em 0.5em;
	}
	
#content blockquote{
	margin: 0 0 0 .5em;
	padding-left: 10px;
	border-left: 1px dashed #AAAAAA;
	font: 12px/.75em Arial, Helvetica, sans-serif;
	color: #777;
}

#content blockquote p{
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #777;
	display: block;
	}
	
#content a{ color: #444; }
#content a:hover{ color: #4447bd; }
	
#content .post ul.post-data{
	height:15px;
	background: #999999;
	list-style: none;
	font: 0.9em/2em Tahoma, Arial, Helvetica, sans-serif;
	padding: 0.1em 0 0.2em 0;
	color: #ffffff;
	margin: 0 0 0 0;
	}

#content .post ul.post-data li{
	color: #EEEEEE;
	}
	
#content .post ul.post-data a {
	text-decoration: none;
	color: #EEEEEE;
	}
	
#content .post ul.post-data a:hover{
	color: #FFFFFF;
	text-decoration:none;
	}

#content .post ul.post-data li.comments{
	float: right;
	margin: 0 0.7em 0 0;
	display: inline; /* fixes double float bug in IE */
	}
	
#content .post ul.post-data li.comments a{
	padding: 0 0 0 0px;
	border-bottom:1px dashed #EEE
	}
	
#content .post ul.post-data li.posted{
	margin: 0 0 0 0.7em;
	}
	
#content .post ul.post-data li.posted a{
	padding: 0px -10px 0 0px;
	border-bottom:1px dashed #EEE
	}
	
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover{
	border-bottom:1px solid #FFFFFF
	}
	
/* -------------------
Comments
------------------- */

#content #comments{
	margin: 0 20px 20px 45px;
	}
	
#content #comments .comment{
	margin: 0 0 2em 0;
	
	}
	
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a{ color: #a6bcd8;	}
#content #comments .comment a:hover{ color: #4447bd; }
	
#content #comments .comment p{
	margin: 0 0 0.8em 0;
	
	}
	
#content #comments .comment .comment-data p{
	font: 0.7em/2em Tahoma, Arial, Helvetica, sans-serif;
	color: #7a9ac4;
	border-top: 1px dashed #4d79b1;
	border-left: 1px dashed #4d79b1;
	padding: 0 0 0 22px;
	background: url(images/icon_commentdata.gif) 6px 6px no-repeat;
	margin: 1.5em 0 0 0;
	
	}
	
#content #comments .comment .comment-data p a{
 color: #7a9ac4;
}
#content #comments .comment .comment-data p a:hover{
 color: #4447bd;
}
#content #comments form{
 color: #4447bd;
 font: 0.75em/1.6em Arial, Helvetica, sans-serif;
}
#content #comments form a{
 color: #4447bd;
}
#content #comments form a:hover{
 color: #ffffff;
}	
/* -------------------
Sidebar zzz
------------------- */
#sidebar h3{
 height: 23px;
 width: 140px;	
 color: #ffffff;
 font: bold 12px Arial, Helvetica, sans-serif;
 margin: 15px 0px 0em 0px;
 background: url(./images/link.png) no-repeat;
 padding: 5px 0px 0px 0px ;
 text-align: center;
}	
#sidebar p, #sidebar li{
 margin: 0px 0 0 0;
 color: #4447bd;
 font: 12px/1.5em Tahoma, Arial, Helvetica, sans-serif;
}	
#sidebar p, #sidebar ul, #sidebar ol{
 margin: 0px 0px 4px 5px;
}	
#sidebar ul{
 list-style: none;
}
#sidebar ul li{
 background: url(images/bullet_sidebar.gif) 0px 5px no-repeat;
 padding: 0px 0 0 6px;
}	
#sidebar a{
 color: #4447bd;
 border-bottom: 1px dashed #a6bdc3;
 text-decoration: none;
}	
#sidebar a:hover{
 color: #444;
 border-bottom: 1px solid #444;
}
/* -------------------
Footer
------------------- */
#footer{
 clear: left;
 background: url(images/bg_footer.jpg) 0 0 no-repeat;
 height: 91px;
}
#footer #footertext{
 float: none;
 margin: 0;
 color: #666666;
 font: 10px Arial, Helvetica, sans-serif;
 padding: 36px 30px 0 0;
 text-align: center;
}
#footer #footertext a{
 color: #888888;
 text-decoration: none;
 border-bottom:1px dashed #888888;
}
#footer #footertext a:hover{
 color: #AAAAAA;
 border-bottom:1px dashed #AAAAAA;
}	
#footer #searchform {
 padding: 33px 0 0 30px;
}	
#footer #searchform .searchfield{
 height: 16px;
}
#footer #searchform .searchbutton{
 height: 22px;
}
#commentlist li{
 margin-bottom: 1.5em;
 padding-bottom: 1em;
 border-bottom: 1px solid #700000;
}
#commentform{
 margin: 2em 0;
 margin-left:3em;
 background: #ffffff;
 width: 280px;
}
#commentform textarea{
 background: #f8f7f6;
 border: 1px solid #d6d3d3;
 width: 280px;
}
#commentform textarea:hover{
 background: #ffffff;
 border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url{
 font-size: 1.1em;
 background: #ffffff;
 border: 1px solid #d6d3d3;
 width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover{
 font-size: 1.1em;
 background: #ffffff;
 border: 1px solid #d6d3d3;
 width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus{
 font-size: 1.1em;
 background: #FFFFFF;
 border: 1px solid #939793;
 width: 280px;
}
#commentform input{
 margin: 0 0 0 0px;
}
.post{
 margin:0 0 25px 0;
}
.post .info{
 padding:2px 3px 3px 8px;
 border:1px solid #e3e4e4;
 background-color:#21579e;
 /* font-size:0.9em; */
 font-size: 9px;
 color:#444444;
}
.headerpulsanti{
 padding: 130px 0px 0px 30px;
 /* padding: 50px 0px 0px 30px; */
}
.headerpulsante{
 padding-top: 5px;
 text-align: center;
 margin-right: 3px;
 /* background: url(./images/pulsante.jpg) repeat-x; */
 width: 120px;
 height: 25px;
 float: left;
}
.headerpulsante a{
 font: bold 14px Helvetica;
 text-decoration: none;
 color: #FFFFFF;
}
#tabella_dati{
 font: 0.75em Arial, Helvetica, sans-serif;
}
