/*
Theme Name: musicamultimedia
Theme URI: http://www.andrea-amici.com/
Description: musicamultimedia.net - Andrea Amici
Version: 1.0
Author: Andrea Amici
Author URI: http://www.andrea-amici.com/
*/

*
{
  padding: 0;
  margin: 0;
}

body
{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Lucida, Verdana, sans-serif;
	font-size: 0.9em;
	color: rgb(66,66,66);
	line-height: 20px;
	text-align: justify;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background-image: url(/mm_sfondo-generale.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	/* background-attachment:fixed; */
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
}

.ipadBody {
	background-image: url(http://www.musicamultimedia.net/mm_sfondo-generale-bianco_iPad.jpg);
}

.narrowcolumn {
		background:#ffffff; padding:10px; margin-right:220px; border:1px solid #cccccc;
}

.narrowcolumn #content {
	/*width:680px;*/
}

#sidebar {
	float:right;
	margin-left:15px;
}

h1 {
	font-family: Georgia, "Times New Roman", serif;
	/*font-size: 18pt;*/
	/*margin-top: 35px;
	padding-left: 15px;*/
	color: rgb(44,61,76);
}

h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13pt;
	font-style: italic;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 1px solid #CCC;
}


a:link, a:visited {
	color: rgb(24,4,0);
	text-decoration: underline;
}

a:hover, a:active {
	color: rgb(118,17,40);
}

.image-left {
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
	text-indent: 0px;
}

.image-right {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	margin-left: 10px;
}

.editoriale {
	font-family: "Trebuchet MS", verdana, arial, lucida, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	text-indent: 20px;
	color: #5b5b5b;
}

.testoPiccolo {
	font-size: 13px;
	line-height: 16px;
	text-indent: 10px;
}

.clearer {
	clear: both;
}

p {
	text-align: justify;
	text-indent: 20px;
	}
	
#menuNavBar {
	height: 31px;
	width: 816px;
	margin: 160px auto 10px auto;
	
}
/* BEGIN style8 */
 #navlist
{
	padding: 0 0 20px 100px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #5D5050;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	padding-bottom: 2px;
	background: transparent;
	color: #333333;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #333300;
}

#navlist a:hover {
	color: #990000;
}

/* SHADOW con CSS */
/* http://www.alistapart.com/articles/cssdropshadows */
/* <div class="img-shadow"> */
/*  <img src="cat.jpg" alt="test"/> */
/* </div> */

	.img-shadow {  
		float:left;  
		background: url(/immagini_common/shadowAlpha.png) no-repeat bottom right !important;  
		background: url(/immagini_common/shadow.gif) no-repeat bottom right;  
		margin: 10px 0 0 10px !important; 
		margin: 10px 0 0 5px;   
		behavior:url('/pngbehavior.htc');
		}
	.img-shadow img {  
		display: block;  
		position: relative;  
		background-color: #fff;  
		border: 1px solid #a9a9a9;  
		margin: -6px 6px 6px -6px;  
		padding: 4px;  
		behavior:url('/pngbehavior.htc');
		}
		.contenitoreinterno {  
			display: block;  
			position: relative;  
			background-color: #fff;  
			border: 1px solid #a9a9a9; 
			margin: -6px 6px 6px -6px;  
			padding: 4px;  
			}
/* fine SHADOW con CSS */
#wrapperTotale {
	width:1018px;
	margin:0 auto;
	padding:0;
	text-indent:0;
	background-color:#FFFFFF;
}
.boxDestraPagine {
	padding:5px;
	border:1px solid #333333;
	text-indent:0;
	margin-left:-10px;
	background:#FFFFFF;
	margin:0 auto;
	width:190px;
}
.testoAncoraPiuPiccolo {
	font-size: 10px;
}
.boxPartiturina {
	padding: 5px;
	border: 1px solid #cccccc;
}
.boxPartiturina img {
	width:110px;
	height:143px;
}
.boxEdizione {
	font-size: small;
	line-height: normal;
	text-align: center;
	text-indent: 0px;
	margin-bottom:10px;
		
}

.boxEdizione img {
	width:110px;
	height:auto;
	border:0;
	width:110px;
	height:143px;
	padding: 5px;
	border: 1px solid #cccccc;
}

.boxEdizione p {
	font-size:small;
	line-height:normal;
	text-align:center;
	text-indent:0;
	margin:0px;
}


/* ----------------------------------------- */

#page {
	width:1000px;
	margin:0 auto; 
        padding:0;
	}

hr
{
  display: none;
}

#content
{
  /*
  width: 750px;
  float: left;
  margin-left:10px;
  */
  padding:10px;
}

#sidebar
{
  width: 170px;
  /*height: 1000px;*/
  /*margin-left: 730px;*/
  background: #e5e5e5;
  border: 2px solid #cccccc;
  padding: 20px 5px 20px 25px;
  /*margin-right:5px;*/
}


/*
#wrapper
{
  width: 100%;
  margin: 0 auto;
  width:expression(document.body.clientWidth < 605 ? "600px" : "85%" );
  overflow: hidden;
}

div>#wrapper
{
  min-width: 400px;
  margin: 0 auto;
  width: 100%;
}
*/

#wrapper {
width: 100%;
margin: 0 auto;
}

#header
{
  margin-bottom: 20px;
  width:100%;
  margin-left:1px;
}

#headerimg
{
  background: #ffffff URL(images/header.jpg) no-repeat top left;
  /*width:1000px;*/
  height:184px;
  margin:0 auto;
}

#header a
{
  text-decoration: none;
  color: white;
}

#header h1
{
  font-size: 3em;
}

#footer
{
  background-color: #d9d9d9;
  clear: both;
  padding: 20px 20px 20px 7.5%;
  margin-top: 2em;
  height: 3em;
  color: #804A0F;
  margin-left:1px;
}

/* SHADOW con CSS */
/* http://www.alistapart.com/articles/cssdropshadows */
/* <div class="img-shadow"> */
/*  <img src="cat.jpg" alt="test"/> */
/* </div> */

	.img-shadow {  
		float:left;  
		background: url(/immagini_common/shadowAlpha.png) no-repeat bottom right !important;  
		background: url(/immagini_common/shadow.gif) no-repeat bottom right;  
		margin: 10px 0 0 10px !important; 
		margin: 10px 0 0 5px;   
		behavior:url('/pngbehavior.htc');
		}
	.img-shadow img {  
		display: block;  
		position: relative;  
		background-color: #fff;  
		border: 1px solid #a9a9a9;  
		margin: -6px 6px 6px -6px;  
		padding: 4px;  
		behavior:url('/pngbehavior.htc');
		}
		.contenitoreinterno {  
			display: block;  
			position: relative;  
			background-color: #fff;  
			border: 1px solid #a9a9a9; 
			margin: -6px 6px 6px -6px;  
			padding: 4px;  
			}
/* fine SHADOW con CSS */

#miniatura img {
width:55px;
height:auto;
}

/* ---------------------- */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align:center;
	text-indent:0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* SIDEBAR */
#sidebar ul {
	margin-top:10px;
	margin-bottom:30px;
	text-align:left;
	font-size:small;
}

#sidebar ul li {
	list-style-type: none;
}

li#search-3 {
	margin-bottom:30px;
}

#sidebar h2 {
	margin-bottom:10px;
}

#sidebar a:link, #sidebar a:visited {
	color: rgb(24,4,0);
	text-decoration: none;
}

#sidebar a:hover, #sidebar a:active {
	color: rgb(118,17,40);
	text-decoration: underline;
}



/* POSTS */
.post {
	margin-bottom:30px;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
}



.navigation {
	font-size:small;
	
}

.navigation .alignleft, .navigation .alignright {
	border:1px solid #cccccc;
	padding:3px;
}

.navigation a:link, .navigation a:visited, .navigation a:active {
	text-decoration: none;
}

.navigation a:hover {
	text-decoration: underline;
}