/* whole new style sheet */

/*--------------------------- STD BEHAVIOUR MODIFIED --------------------------------------------------- */

/* Begin Typography & Colors */
body {
	/*font-size: 62.5%; */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 20px 0; padding: 0;
	}


.alt { 	background-color: #f8f8f8; 	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; 	}
small { font-family: Arial, Helvetica, Sans-Serif; 	font-size: 0.9em; line-height: 1.0em; }

blockquote { font-style: italic; padding-left: 20px; border-left: 5px solid #ddd; display: block; padding-bottom: 15px }

/* HEADERS */
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; 	font-weight: bold;	}
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 1.6em; 	}
h3 { font-size: 1.3em; 	}
h4 { border-bottom: thick inset #6600FF ; }
th { background: #000000; color: #FFFFFF; border: 1px; border-style: solid; padding: 5px; margin: 5px }

#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; margin: 5px 0 0;
             padding: 0 15px 5px;  text-align: center; }

h1, h1 a, h1 a:hover, h1 a:visited, .description { 	text-decoration: none; color: white;	}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2 { 	text-decoration: none; 	}

a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }

#albumexcerpt cite {
    text-decoration: none;
	font-weight: lighter;
	font-style: italic;
	margin: 0px 0 0;
	display: block;
	}

/*--------------------------- END STD BEHAVIOUR MODIFIED ----------------------------------------------- */


#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header { 	background-color: #73a0c5; 	margin: 0 0 0 1px; 	padding: 0; height: 200px; 	width: 758px; 	}

.post { margin: 1px 0 40px; text-align: justify;  font-size: smaller; margin: 0;}
.post h2 { 	text-align: left; line-height: 110% }
.post h3 { 	text-align: left; line-height: 110% }
.post hr { 	display: block; }
.postmetadata { margin: 2px 0;   font-size: x-small; }

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

/*charly*/

.topbar {
  border-collapse:collapse;
  border-bottom-style:solid;
  border-bottom-color:#0000FF;
  padding-bottom:5;
  width=100%;
}

.songs {
  border: thin dotted #003366;
  padding: 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: smaller;
  font-style: italic;
  background: #FFFFCC;
}

#albums {
  padding: 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 80%;
  margin-top: 10px;
  border-top: inset #9999CC;
}

.lyrics {
  border: thin dotted #003366;
  padding: 4px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: medium;
  font-style: italic;
}

#cover {
  text-align: center;
  font-size: smaller;
  font: bold;
  margin-right: 15px;
}

.TDMenuBar{
	padding: 0px 0px 0px 5px;
	color: #B5FEFF;
	background-color: #00CCFF;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	border-bottom : 1px solid #751BC8;
}

#admin {
	background: #E1E1E1;
	border: 1px dotted #2E5C89;
	padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 90%;
}

#pubtitle{
	font-family: Trebuchet MS, sans-serif;
	font-size: 120%;
	color: black;
	font-weight: bold;
    border-bottom: medium solid;
    padding-bottom: 5px;
    margin-top: 5px;
}

#albumcell{
    /*border-bottom: thin dotted #3399CC;*/
    vertical-align: top;
    padding-top: 5px;
    margin-top: 2px;
    /*border-bottom: solid 0.5px #669999;*/
}

.striped {
    background-color: #E8F5FF;
}


#pubexcerpt {
	font-size: 90%;
	padding: 10px 0px 10px 20px;
    margin-top: 5px;
    text-align: justify;
    min-height: 150px;
}

#albumexcerpt {
	/*background: #EEEEEE; */
	font-size: 80%;
	padding: 20px;
    margin-top: 5px;
    text-align: justify;
    font-style: italic ;
}

/* --------------------------------------*/
/* COMMENTS AREA                         */
/* --------------------------------------*/
#commentsBoard {
    border-bottom: 2px solid #DDDDDD;
    font-weight: bolder;
    font-family: Arial;
    font-size: normal;
}

#commentsBoard.p {
    margin: 0px;
    padding: 0px;
}

#comment {
    border-top: 1px solid #EFEFEF;
    clear: both;
    font-size: 13px;
    margin-top:6px;
    padding: 7px 0 4px 15px;
}

#comment_text {
    margin: 2.5px;
    font-size: 110%;
    font-weight: normal;
}

#comment_auth {
   font-weight: bold;
   color: #0033CC;
}

#comment_time {
  color: #666666;
}

#commentBox {
  margin: 1.5px;
  padding: 1.5px;
}


#preferred {
  width: 100%;
  background: #CCCCFF;
  margin-bottom: 2px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 1px;
  padding-top: 1px
}

#classic {
  width: 100%;
  background: red;
  margin-bottom: 2px;
  color: white;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 1px;
  padding-top: 1px
}

#navigator {
  text-align: left;
  font-size: 90%;
}

#view_category {
  padding-top: 5px ;
  padding-bottom: 2px ;
  font-weight: bold;
  text-decoration: underline;
}

#albumName {
    margin:0px;
    font-weight: bolder;
    padding:0px;
    text-align: left;
    font-size: 150%;
}

#artistName {
    margin:0px;
    font-weight: bold;
    font-size: 110%;
    text-align: left;
    padding:0px;
}

#reviewBy {
    margin:0px;
    padding:0px;
}

/*--------------------------- PAGE STRUCTURE ---------------------------------------------------------- */
#container { width: 970px; border: none; margin: 0px auto 0 auto; }
	#content_box { width: 970px; border: none; text-align: left; float: left; clear: both; }
        #narrowcolumn { float: left; padding: 0 0 20px 5px; margin: 5px 0 0; width: 600px; }
            /* para imagenes de blog embedded */
    	    #embedded { width: 130px; height: 130px; float: right; border: 1px solid; margin: 10px 0px 10px 10px; }
        #sidebar { 	padding: 20px 0 10px 0; margin-left: 645px; width: 210px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
                    border-left: medium #0000FF; border-left-style: solid;  border-right: medium #0000FF;
                    border-right-style: solid;  border-bottom: medium #0000FF; border-bottom-style: solid; }

	#footer { width: 970px; margin-top: 20px; border-top: 2px solid #0000FF; float: left; clear: both; }

/*--------------------------- END PAGE STRUCTURE ---------------------------------------------------------- */

/* RATING SYSTEM */

.rating {
	cursor: pointer;
    clear:both;
	margin: 0.2em;
    width: 110px;
    display: inline-block;
}

#myRating {
  border-top: 1px solid grey;
  margin: 2px;
  padding: 2px;
}

.ratecomments {
    width: 110px;
    margin: 0.2em;
    padding: 0px;
    float: center;
}