/* 

Theme Name: Sofy
Theme URI: http://musicanapoli.org/
Description: Template per musicanapoli.org
Author: Erfo
Author URI: http://musicanapoli.org/

*/


body {
    background: #fff;
    font-family:Verdana;
}

#container {
    width: 990px;
    margin:0 auto;
}

/* header */

#header {
    width: 990px;
    height: 199px;
}

.h_left {
    float:left;
    width:304px;
    height:146px;
}

.h_center {
    float:left;
    width: 360px;
    height: 106px;
    background: url('images/2.png');
    padding:40px 0 0 0px;
    text-align:center;
}

.h_center a img {
    border:0;
}

.h_right {
    float:right;
    width: 302px;
    height: 128px;
    background: url('images/3.png');
    padding: 18px 0 0 24px;
}

.h_right ul {
    margin-left:0;
    padding-left:0;
}

.h_right li {
    
    list-style: url('images/5.png');
    font-size:12pt;
    margin:2px 17px;
}

.h_right a:link , .h_right a:visited {
    padding-left:5px;
    color:#fff;
    text-decoration:none;
}

.h_right a:hover {
    padding-left:5px;
    text-decoration:underline;
    color:#fff;
}

#h_bottom {
    clear:both;
    width:973px;
    height:53px;
    background: url('images/4.png');
    padding:0 0 0 12px;
}

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
padding: 0 0 5px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/6.png') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 26px; /* This value + 8px should equal height of button background (default is 31px) */
height: 35px; /* Height of button background height */
padding-left: 14px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/7.png') no-repeat top right;
display: block;
padding: 4px 8px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

a.aero{
background-image: url('images/6.png');
}

a.aero span{
background-image: url('images/7.png');
}


/* content */

#content {
    float:left;
    width:410px;
    padding:5px;
    margin:5px 5px 5px 0;
}

.here {
    text-transform:uppercase;
    font-size:8pt;
}

.here a:link , .here a:visited {
    color:#032f5c;
    font-weight:bold;
    text-decoration:none;
}

.here a:hover {
    color:#032f5c;
    font-weight:bold;
    text-decoration:underline;
}

.post {
    font-size:9pt;
}

h1 {
    font-size:13pt;
    margin:0;
    padding:0;
    color:#04699c;
}

h2 {
    font-size:11pt;
    margin:0;
    padding:0;
}

.post a:link , .post a:visited {
    color:#04699c;
    text-decoration:underline;
}

.post a:hover {
    color:#04699c;
    text-decoration:underline;
    font-weight:bold;
}


.post h1 a:visited , .post h1 a:link , .post h2 a:visited , .post h2 a:link {
    font-size:13pt;
    margin:0;
    padding:0;
    color:#04699c;
    text-decoration:none;
}

.post h1 a:hover , .post h2 a:hover {
    font-size:13pt;
    margin:0;
    padding:0;
    color:#04699c;
    text-decoration:none;
    font-style:italic;
}

.tag {
    height:32px;
    background-image: url('images/tags.png');
    background-repeat:no-repeat;
    padding:5px 0 0 34px;
    font-size:10pt;
    font-weight:bold;
}

.tag a:link , .tag a:visited , .folder a:link , .folder a:visited {
    color:#04699c;
    text-decoration:underline;
}

.tag a:hover , .folder a:hover {
    color:#04699c;
    text-decoration:none;
}

.folder {
    float:left;
    width:130px;
    height:32px;
    background-image: url('images/folder.png');
    background-repeat:no-repeat;
    padding:5px 0 0 26px;
    font-size:10pt;
}

.clock {
    float:left;
    width:200px;
    height:32px;
    background-image: url('images/clock.png');
    background-repeat:no-repeat;
    padding:5px 0 0 26px;
    font-size:10pt;
}

.page_navi {
    padding:10px;
    margin:4px;
}

/* sidebar */

#sidebar_left {
    float:left;
    width:200px;
    margin:5px;
    font-size:9pt;
}

#sidebar_right {
    float:right;
    width:336px;
    margin:5px 5px 5px 0;
    font-size:9pt;
}

#sidebar_left h3 {
    background: url('images/h3_left.png');
    color:#fff;
    height:23px;
    padding:5px;
    margin:5px 0;
    font-size:10pt;
    text-transform:uppercase;
}

#sidebar_left h1 {
    font-size:10pt !important;
}

#sidebar_right h3 {
    background: url('images/h3_right.png');
    color:#fff;
    height:23px;
    padding:5px;
    margin:5px 0;
    font-size:10pt;
    text-transform:uppercase;
}

#sidebar_left li a  , #sidebar_right li a{
    display:block;
    background: url('images/bullet.png') no-repeat center left;
    padding-left:19px;
    font-weight:bold;
}

#sidebar_left li , #sidebar_right li {
    margin-top:2px;
    border-top:1px solid #E5E5E5;
    padding:4px;
}

#sidebar_left li:hover , #sidebar_right li:hover{
    background: #E5E5E5;
}

#sidebar_left ul , #sidebar_right ul{
    margin:0;
    padding:0;
    list-style-type: none;
}

#sidebar_left a:link , #sidebar_left a:visited , #sidebar_right a:link , #sidebar_right a:visited {
    color:#04699c;
    text-decoration:none;
}

#sidebar_left a:hover , #sidebar_right a:hover {
    color:#04699c;
    text-decoration:none;
    font-style:italic;
}

.banner_sd_left {
    margin:5px 0;
}

.album_nuovi {
    margin-bottom:125px;
}

.album_nuovi img {
    float:left;
    padding:4px;
    margin:3px;
}

.album_nuovi a:link img, .album_nuovi a:visited img{
    border:1px solid #04699c;
}

.album_nuovi a:hover img{
    border:2px solid #04699c;
}

/* menu onclick */

.menutitle{
cursor:pointer;
margin: 10px 0;
background-color:#DCE1E5;
color:#04699c;
font-size:11pt;
padding:2px 2px 2px 8px;
font-weight:bold;
clear:both;
border:1px dashed #CCCCCC;
}

.submenu{
margin-bottom: 0.5em;
font-size:9pt;
}


/* footer */

#footer {
    clear:both;
    width:990px;
    background:#04699c;
    color:#fff;
    font-size:8pt;
    text-align:center;
    padding:20px 0;
}

#footer a:link , #footer a:visited , #footer a:hover {
    color:#fff;
    text-decoration:underline;
}

/* Commenti */

.n_comments {
    background: url('images/comment.png');
    background-repeat:no-repeat;
    padding: 10px 0 0 34px;
    height:32px;
    font-size:10pt;
}

.n_comments a:link , .n_comments a:visited {
    color:#04699c;
    text-decoration:none;
    border-bottom:1px dashed #04699c;
}

.n_comments a:hover {
    color:#04699c;
    text-decoration:none;
    border-bottom:1px dashed #04699c;
    font-style:italic;
}

.regolamento {
    font-size:8pt;
    color:#032f5c;
}

#commenti li {
    background:#DCE1E5;
    margin:5px 0;
    padding:8px;
    font-size:9pt;
    list-style:inside;
    list-style-type:decimal;
}

#commenti ul {
    margin:0;
    paddin:0;
    list-style:none;
}

#commenti a:link , #commenti a:visited {
    color:#04699c;
    text-decoration:none;
    font-weight:bold;
}

#commenti a:hover {
    color:#04699c;
    text-decoration:none;
    border-bottom:1px dashed #04699c;
}

/* home */

#home_album {
margin: 10px;
float:left;
width:620px;
background:#DCE1E5;
font-size:10pt;
}

#home_album h2 {
font-size:11pt;
color:#494949;
width:500px;
text-align:center;
padding:2px;
margin:2px;
}

.home_insieme_link {
text-align:center;
padding: 0 0 8px 0;
}

#home_img_album {
width:330px;
margin-left:4px;
float:left;
}

#home_img_album img {
padding:3px;
margin:5px;
}

#home_lista_album {
margin-top:7px;
float:left;
width:270px;
}

#home_lista_album ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

#home_lista_album ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#home_lista_album li{
border-bottom: 1px solid #dadada;
}

#home_lista_album ul li a {
color: #185F81;
float:left;
background: url(images/bullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding-right:6px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

#home_lista_album ul li a:visited {
color: #185F81;
}

#home_lista_album ul li a:hover { /*hover state CSS*/
color: #BD238C;
}

.last_post {
    float:left;
    width:618px;
    font-size:9pt;
    margin:5px;
}

.last_post h3 {
    background:url('images/h3_last_post.png') no-repeat;
    color:#fff;
    height:23px;
    padding:5px;
    margin:5px 0;
    font-size:10pt;
    text-transform:uppercase;
    text-align:center;
}

/* Align */

.alignleft {
float:left;
}

.alignright {
float:right;
}

.clear {
clear:both;
}

img.alignleft{
float:left;
padding:8px;
}

img.alignright{
float:right;
padding:8px;
}