/************************************************
www.loscuchillos.com
Layout Style Sheet

version:   1.0
author:    Esteban C Mora
email:     info@loscuchillos.com
website:   http://www.loscuchillos.com/
*************************************************/

/* 																	     LINKS
==============================================================================*/
a, a:visited {
	color: #F1E29F;	
    text-decoration: none;
	}

a:active {
	color: #E42993;	
}

a:hover {
    text-decoration: none;
	color: #E42993;	
	background: #FFF;
}


/* 																	 MAIN SITE
==============================================================================*/
* {
	margin: 0;
  	padding: 0;
	}

ul,li {
	list-style-type:none;
	}

body {
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/bg.jpg) repeat top center fixed;
	font: 12px/16px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
}
 
img{
	border: 0;
}

#wrapper {
	width: 826px;
	margin: 0 auto;
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/bg_stars.png) repeat; 
}

#subWrapper {
	width: 760px;
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/backg_dirty.gif) no-repeat bottom;			
}


/* 																	      MENU
==============================================================================*/
#menu {
	width: 694px;
	height: 247px;
	margin-left: 66px;
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/menu.jpg) no-repeat;	
}

#menu p, #gallery p {
	font: normal 12px/16px 'Lucida Grande', tahoma, arial, verdana, sans-serif;
	color: #666666;	
	text-align: center;
	margin-top: 100px;
}

#menu a, #gallery a, #menu a:visited, #gallery a:visited {
	color: #FFF;
	text-decoration: none;
}

#menu a:hover, #gallery a:hover {
	color: #FFC000;
	background: #FFF;
}


/* 																	     MEDIA
==============================================================================*/
#gallery {
	width: 650px;
	height: 576px;
	margin: 30px 0 20px 90px;
}

#songs {
	width: 360px;
	height: 75px;
	margin: 0 0 10px 14px;
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/bg_home_photos.gif) no-repeat;		
}

#homePhotos {
	width: 356px;
	height: 228px;
	margin: 30px 0 25px 10px;
	padding: 12px 0 0 13px;
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/bg_home_photos.gif) no-repeat;		
}


/* 																	      LEFT
==============================================================================*/
#content { 
  width: 344px; 
  float: left; 
  margin-left: 18px;
  background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/lines.gif) repeat-y right; 
 }

#content h2, #rightContent h2 {
	font: normal 17px/12px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #F1E29F;	
	margin: 8px 0 0 15px;
}

#content h3, #rightContent h3 {
	font: normal 14px/20px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #E42993;	
	margin: 0 0 5px 15px;
}

#content p, #rightContent p {
	font: normal 13px/14px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #FFF;
	margin: 0 15px 25px 15px;	
	text-align: justify;	
}

#flyerA { 
  	width: 47px; 
  	height: 290px;
 	float: left; 
	padding-top: 94px;
	}

#leftContent { 
  	width: 296px;
  	float: right; 
} 

#flyerB {
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/next_concert.gif) no-repeat 10px 15px;	
}


/* 																	     RIGHT
==============================================================================*/
#rightContent { 
  width: 398px; 
  float: right; 
 }
 
#rightContent img {
	border: #FFF 1px double;
	margin: 5px 0 0 18px;
}

.tag {
	width: 206px;
	height: 383px;
	margin-bottom: 5430px;
	padding: 40px 15px 0 45px;	
	font: normal 13px/15px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	border-bottom: none;
	text-align: center;	
	color: #F1E29F;	
}

 
/* 																	    CENTER
==============================================================================*/
.centerContent { 
  	width: 495px;
	padding: 40px 100px 0 0;
	margin-left: 165px;
	float: left;
	}  

.centerContent h2 {
	font: normal 17px/12px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #F1E29F;	
	margin: 8px 0 0 15px;
	}

.centerContent h3 {
	font: normal 14px/20px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #E42993;	
	margin: 0 0 5px 15px;
	}

.centerContent p {
	font: normal 13px/14px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #FFF;
	margin: 0 15px 25px 15px;	
	text-align: justify;	
	}

#boxA{ 
  	width: 120px;
	height: 188px;
  	float: left; 
	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/bg_concert_line.gif) repeat-x bottom; 
	}
	
#boxA img { 
	border: #FFF 1px solid;
	}	
	
#boxB { 
  	width: 365px;
	height: 162px;
	padding-top: 26px;
  	float: left; 
 	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/bg_concert_line.gif) repeat-x bottom; 
	} 
	
.comentarios a { 
  	width: 142px;
	height: 22px;
  	margin-left: 14px; 	
  	float: left; 
 	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/comentarios.gif) no-repeat; 
	display: block;
	}	
	
.comentarios .counter {
	font: normal 14px/20px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #F1E29F;
	margin-left: 118px;
	}

.comment { 
        padding: 20px 20px 7px 20px;
        border: 1px dashed #2d2d2d;
 	background: url(http://loscuchillos.com/themes/site_themes/los_cuchillos/img/bg_comment.gif) repeat; 
	}  
	
#paginate p {
	color: #FFF;
	font: normal 12px/70px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;	
	text-align: center;
	margin: 0 0 20px 60px;
	}
	
		
/* -------------------------------------------------------- FEEDBACK FORM */
#feedform {	
	font: bold 11px/16px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	width: 350px;
	margin: 0 0 250px 60px;
	padding: 30px 0 30px 20px;
	background: #363636;	
	border: #676767 1px solid;
	}

label {
	display: block;
	color:#FFF;
	}

input {
	width: 150px;
	border: 1px solid #ccc;
	}

input.calendario {
	width: 80px;
	border: 1px solid #ccc;
	margin-left: 15px;
	}

input.radio, input.submit {
	width: auto;
	}

input:focus, textarea:focus {
	background: #a0026a;
	font: normal 14px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	color: #FFF;
	}

input.radio {
	float: left;
	margin-right: 10em;
	}

textarea {
	width: 300px;
	height: 100px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	}

/* This is the style I want IE/Mac to see */
input.radio + label {
	text-indent: 2em;
	}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
	text-indent: 0;
	}

/* 																	    FOOTER
==============================================================================*/
#footer {
	clear: both;
	margin: 0 0 0 66px;
	padding: 20px 0 10px 0;
	font-size: 9px;
	text-align: center;
	color: #F1E29F;		
}

#footer a, #foot a:visited {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	color: #E42993;	
	background: #FFF;
}

#footer p {
	font: normal 10px/14px 'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	text-align: center;
}