/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
	margin: 0;
	padding: 0;
	/*background: #F1EDFF url(images/img1.jpg) repeat-x;*/
	background: #F1EDFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	/* color: #666666; */
	
}

h1 {
}

h2, h3 {
	margin-top: 0;
}

h4, h5, h6 {
}

p, ol, ul, dl, blockquote {
}

a {
	color: #3072FF;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
/*	height: 160px;*/
	height: 60px;
	/*margin: 0 20px;*/
	/*background: #F1EDFF url(images/img1.jpg) repeat-x;*/
		background: #F1EDFF;
}

#header * {
	text-decoration: none;
	color: #FF4430;
}

/* Logo */

#logo {
	float: left;
	padding-top: 20px;
	padding-left: 15px;
}

#logo h1 {
	float: left;
	margin: 0;
	padding: 0;
	letter-spacing: -2px;
	font-size: 3em;
}

#logo h2 {
	float: left;
	margin: 0;
	padding: 0 0 0 .5em;
	font-size: 1em;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
	
}

#menu a {
	display: block;
	float: left;
	/*padding: 0 1em;*/
	/*border-left: 1px solid #FF4430;*/
}

#menu a:hover {
}

#menu .first a {
	border: none;
}

/* Content */

#content {
	padding: 20px;
	background: #FFFFFF url(http://musicayamigos.com/images/fondo_body.jpg) repeat-x;
}

#colOne {
	float: left;
	width: 23%;
}

#colTwo {
	float: left;
	width: 48%;
	padding: 0 0 0 2em;
}

#colTwo h2 {
	margin-bottom: .3em;
	font-size: 2em;
}


#colTwo  .titulo{
	margin: 0;
	padding: 10px 0 3px 10px;
	/*background: #CADAFF url(images/img2.gif) no-repeat;*/
	background: #CADAFF url(images/img2.jpg) repeat-x;
	font-size: 1.3em;
	color: #111111;}



	
#colTwo_of_Two {
	float: left;
	width: 69%;
	padding: 0 0 0 2em;
}

#colTwo_of_Two h2 {
	margin-bottom: .3em;
	font-size: 2em;
}


#colTwo_of_Two .titulo{
	margin: 0;
	padding: 10px 0 3px 10px;
	/*background: #CADAFF url(images/img2.gif) no-repeat;*/
	background: #CADAFF url(images/img2.jpg) repeat-x;
	font-size: 1.3em;
	color: #111111;
	}
	
	



#colThree {
	float: right;
	width: 23%;
}




/* Song view */

#contentSong{
	width: 980px;
}


#colOneSong{
	/*border: 2px solid blue;*/
	float: left;
	/*width: 15%;*/
	width: 165px;
	
}


#colSong{
	/*float: left;*/
	/*width: 78%;*/
	width: 810px;
	float: right;
	padding: 0 0 0 5px;
	/*padding: 0 0 0 2em;*/

}









/* Footer */

#footer {
	padding: 20px 0;
	background: url(images/img4.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

/* Boxed */

.boxed h2 {
	margin: 0;
	padding: 10px 0 3px 10px;
	/*background: #CADAFF url(images/img2.gif) no-repeat;*/
		background: #CADAFF url(images/img2.jpg) repeat-x;
	font-size: 1.3em;
	color: #111111;
}

.boxed h3 {
	margin: 0;
	font-size: 1em;
}

.boxed p, .boxed ul {
	margin-top: 0;
}

.boxed ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
	/*color: #CADAFF;*/
	color: #003333;
}

.boxed-content {
	padding: 10px;
	background: #EAF0FF;
	border-left: 2px solid #CADAFF;
	border-right: 2px solid #CADAFF;
		border-bottom: 2px solid #CADAFF;
}




 form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

.spacer_5{clear:both; height:5px;}



/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}











.class_artista{
	color:#234121;
	font-weight:bold;
}

.class_song{
	/*color:#333399;*/
	/*color:#cc3300;*/
	color:#993300;
	
}

.class_user{
	color:#330099;
}



.class_sticky{
	color:#ff3366;
}

.class_post{
	color:#006633;
}

.span_pais{
	font-size: 8px;
}


.span_mujer a{
	color: #ff55ff;

}

.span_hombre a{
	color: #000099;
}

.text_tablon{
	color: #eeeeee;
}

.date_tablon{
	color: #9955aa;
}

#login_username{
	color: #ff3333;
}





a img {
  border: none;/*remove border for linked images*/
}


.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}


/* private msgs */
.tr_private_no_leido{
	background-color: #FFDAB9;  
}

.tr_private_1{
	background-color: #F5F5F5;  
}

.tr_private_2	{
	background-color: #E6E6FA;  
}

/* comments */

.div_comment_admin{
	background-color: #ccffcc;
	border: 1px solid #C8BBBE;
}
.div_comment_moderador{
	background-color: #FDEEF4;
	border: 1px solid #C8BBBE;
}
.div_comment_1{
	background-color: #E8E8E8 ;
	border: 1px solid #C8BBBE;
}
.div_comment_2{
	background-color: #ffffff;
}

.div_comment_text{
	font-size: 16px;	
	font-weight:bold;
}








/*canciones*/

#can_div_ppal{ } 
#can_div_song{ font-family: 'courier new',monospace; text-align: left; font-size: 14px; color: black; border: 1px solid green; padding-left: 40px; } 
.can_span_letra{ }
.can_span_comentario{ }
.can_span_texto{ 
	color: 223333;
	font-size: 12px;	
	font-family: 'verdana';

}
.can_span_tonos{ color: black; font-weight:bold; }
.can_span_tonos a{ color: rgb(100,100,20); text-decoration: none; font-weight:bold; }
.tip { border: solid 2px black; font:10px/12px Arial,Helvetica,sans-serif; width:90px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:20px; left:90px; background-color:black; text-align: center; layer-background-color:#ffffcc; }
#can_div_img_chords{ text-align: left; color: blue; border: 1px solid gray; }
#can_img_view{ border: 4px solid blue; }
#can_div_view_for_print{ text-align: center; }
#can_div_song_controls{ border: 1px solid gray; }
#can_div_form_traspose{ } 
.can_div_titulo_y_artista{ text-align: center; }
.can_span_titulo{ font-weight:bold; font-size: 22px; }
.can_span_artista{ font-size: 20px; }
.can_span_uploader_item{ font-size: 0.8em; }
.can_span_uploader{ font-size: 1em; }
.can_span_uploader_mail{ font-size: 0.9em; }
#can_div_banner{ text-align: center; border:1px solid #b0bec7; }
#can_div_imgs_view{ }
.can_div_aviso{ color: gray; font-size: 0.8em; }