body {
  text-align: center;
  }
#bodytype {
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width: 800px;
	height: 540px;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff; 
	background-color: #fff;
	text-align: center;
	}
#flashcontent {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	width: 386px;
	}
#headertext {
	position: absolute;
	top: 0px;
	right: 10px;
	margin: 90 0 0 0;
	width: 390px;
	height: 154px;
	padding: 0 0 0 0;
	color: #B9D7F6; 
	font-size: 10pt; 
	font-style: oblique;
	text-decoration: none; 
	text-align: right;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	}
a:link {
	color: #4177BF; 
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	text-decoration: none;
	}
a:visited {
	color: #4177BF; 
	text-decoration: none; 
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	}
a:hover {
	color: #4177BF; 
	text-decoration: underline;  
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	}
a:active {
	color: #663300; 
	text-decoration: none; 
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	} 
#header { 
	position: relative;
	top: 8px;
	left: 0px;
	margin: 0 8 0 8;
	padding: 0 0 0 0;
	width: 784;
	height: 154px;
	text-align: left;
	background-color:#4177BF;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff; 
}
#leftnav { 
	position: relative; 
	top: 8px;
	left: 8px;
	margin: 0 0 0 0;
	width: 200px;
	padding: 0 0 0 0;
	text-align: left;
	background-color:#C9C8B4;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff; 
	float: left;
	z-index: 2;
}
#nav { 
	position: absolute; 
	top: 2px; 
	left: 0px;
	margin: 0 0 0 0;
	width: 200px;
	height: 130px;
	padding: 0 0 0 0;
	text-align: right;
	background-color:#C9C8B4;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff; 
}
#navtext { 
	position: relative; 
	top: -13px; 
	right: 0px;
	margin: 18 0 0 0;
	width: 200px;
	height: 100px;
	padding: 0 0 0 0;
	text-align: right;
	background-color:#C9C8B4;
}
#nav p{ 
	line-height:1.9em;
}

a.nav:link {
	color: #4177BF; 
	font-size: 12pt; 
	font-weight: bold;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	text-decoration: none;
	}
a.nav:visited {
	color: #4177BF; 
	text-decoration: none; 
	font-size: 12pt; 
	font-weight: bold;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	}
a.nav:hover {
	color: #4177BF; 
	text-decoration: underline;  
	font-size: 12pt; 
	font-weight: bold;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	}
a.nav:active {
	color: #663300; 
	text-decoration: none; 
	font-size: 12pt; 
	font-weight: bold;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	} 
	
#noche { 
	position: absolute; 
	top: 134px;
	margin: 0 0 0 0;
	width: 200px;
	height: 238px;
	padding: 0 0 0 0;
	text-align: left;
	background-color:#000033;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff; 
}
#contentarea { 
	position: relative; 
	top: 10px;
	right: 8px;
	margin: 0 0 0 0;
	height: 370px;
	width: 582px;
	padding: 0 0 0 0;
	text-align: left;
	background-color:#000033;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff; 
	overflow: auto;
	float: right;
	z-index: 2;
}

#imagethumb { 
	position: relative; 
	top: 0px;
	margin: 3 0 0 0;
	width: 175px;
	height: 140px;
	padding-left: 15px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	background-color:#000033;
	float: left;
	z-index: 4;
}
#imagetext { 
	position: relative; 
	top: 0px;
	margin: 0 0 0 0;
	width: 355px;
	height: 140px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	background-color:#000033;
	float: left;
	color: #B9D7F6; 
	font-size: 9pt;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
	z-index: 3;
}
#musicmain { 
	position: absolute; 
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	width: 100%;
	height: 356px;
	background-image: url("http://www.blueskydeluxe.com/images/leafscroll.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}
#music { 
	position: absolute; 
	top: 10px;
	left: 7px;
	margin: 3 20 0 0;
	width: 268px;
	padding: 0 0 0 0;
	text-align: left;
	color: #B9D7F6; 
	font-size: 9pt;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 

}
#musicdesign { 
	position: absolute; 
	top: 5px;
	right: 0px;
	margin: 138 10 0 30;
	padding: 0 0 0 0;
	width: 268px;
	text-align: left;
	color: #B9D7F6; 
	font-size: 9pt;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
}
h2.title {
  margin:0 0 0 0;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#4177BF;
  }

/* CSS for image viewer
-----------------------------------------------------*/

.note { 
	border: 1px solid #000033;
	font: 9px caption; 
	font-weight: bold; 
	background: #000033; 
	text-decoration:none; 
	color: #000077;
}
A.note { 
	text-decoration: none; 
}
.notebody { 
	display:block; 
	border: 1px solid #4177BF; 
	background: #B9D7F6; 
	position:absolute; 
	z-index: +10; 
	width:404px; 
	padding: 2px; 
	left: 42px; 
	font-size: 12px;
}
.notetitle { 
	font-weight: bold; 
	background: #B9D7F6; 
	color: #4177BF; 
	border-bottom: 0px solid #4177BF; 
	padding: 1px; 
	width: 100%; 
	margin: 0px;  
	font-size: 13px;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
}

.notehidden {
	display: none;
}
.notevisible { 
	display: block; 
	position:absolute; 
	z-index: +10; 
	left:0px;
}

/* CSS for Blog Post
/* Content
----------------------------------------------- */
@media all {
  #content {
    width:98%;
    height:368px;
    margin:0 0 0 0;
    padding:10px 0 0 10px;
    }
  #main {
    width:370px; 
    float:left;
    }
  #sidebar {
    width:170px;
    float:right;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:0 0 0 0;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#4177BF;
  }


/* Posts
----------------------------------------------- */
@media all {
    .date-header {
    margin:0 0 0 0;
    color:#4177BF;
    }
  .post {
    margin:0 0 0 0;
    border-bottom:1px dotted #357;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:0 0 0 0;
  padding:0 0 0 0;
  font-size:140%;
  line-height:1.4em;
  color:#C7E6F8;
  }
.post-title a {
  text-decoration:none;
  color:#C7E6F8;
  }
.post-title a:hover {
  color:#fff;
  }
.post div {
  margin:0 0 0 0;
  line-height:1.6em;
  }
p.post-footer {
  margin:0 0 0 0;
  color:#357;
  }
.post-footer em, .comment-link {
  font:60%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#579;
  margin-right:0;
  }
.comment-link {
  margin-left:0;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#579;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
.sidebar-title {
  color:#579;
  }
#sidebar ul {
  margin:0 0 0 0;
  padding:0 0 5 0;
  border-bottom:1px dotted #357;
  list-style:none;
  }
#sidebar li {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  margin:0;
  padding:3 3 3 20;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  line-height:1.5em;
  }



/* Footer
----------------------------------------------- */
#footer {
  width:570px;
  clear:both;
  margin:0 0 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:50%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#003399;
  }