/*SIMPLE RESET LAYOUT*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body, html{height: 100%;}

/*BASIC ELEMENTS*/
body {
	font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0; padding: 0; 
	text-align: center;
	background: #171717;
}

/* links */
a, a:visited {text-decoration: none; color: #FFF; outline: none;}
a:hover {color: #89A47A;}
#sidebar a:hover {color: #171717;}
.post_container p a, .post_container p a:visited { border-bottom: 1px dotted #F95300; outline: none;}
.post_container p a:hover {color: #fff; text-decoration: none; border: 0px;}

/* text */
#micropostsList p {padding: 0px; margin: 0; }
p, dl { padding: 0px; margin: 0px; }
ul, ol {margin: 0px;padding: 5px;}
ul { list-style: none; }
h3{color: #89A47A; font-size:11px;}

/* images */
img {background: #FFF;border: 1px solid #FFF;padding: 4px;}
#footer img {background-color: transparent;border: 0px;padding: 5px;}
#cc img {background-color: transparent;border: 0px;}
#footer-right a:hover {border-bottom: 0px;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 15px 1px 0px;}

/*LAYOUT*/

#nav {
width: 306px;
height: 36px;
position: absolute;		
left: 130px;	
top: 67px;
background: url(../img/design/nav_menu.png) no-repeat;
margin: 0;
padding: 0;
}

#nav li {float: left;}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 36px;
background: url(../img/design/nav_menu.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {left: 0;width: 70px;background-position: 0 0;}
li#nav_disco a {left: 70px;width: 110px;background-position: -70px 0;}
li#nav_info a {left: 180px;width: 126px;background-position: -180px 0;}

/*hover state*/
li#nav_home a:hover {background-position: 0 -34px;text-decoration: none;border: none;}
li#nav_disco a:hover {background-position: -70px -34px;text-decoration: none;border: none;}
li#nav_info a:hover {background-position: -180px -34px;text-decoration: none;border: none;
}

/*current state*/
#body_home li#nav_home a, #body_posts li#nav_home a  {background-position: 0 -34px;}
#body_releases li#nav_disco a {background-position: -70px -34px;}
#body_info li#nav_info a {background-position: -180px -34px;}

#wrap {
	width: 100%;
	height: 100%;
	text-align: left;
	clear: both;
	float: left;
	background: transparent url(../img/design/lateral.png) no-repeat center top;
}
	
#content-wrap {
	clear: both;
	width: 100%;
	min-height: 100%;	
	float: left;	
	background: transparent url(../img/design/fondo.png) repeat-y center top;	
}

#main-wrap{
	width:820px;
	min-width: 820px;
	margin: 0px auto;
	}

#header {
	position: relative;
	width: 510px;	
	height: 125px;	
	margin: 7px 0px 0px 0px;	 
	padding: 0px;	
    background: url(../img/design/logo.png) no-repeat;		
}

#main {
	float: left;
	width: 510px;
	padding: 0px 0px 0px 16px; 
	margin: 0px auto;
	display: inline;		
}
#sidebar {
	float: right;
	width: 281px;
	padding: 0px; 
	margin: 0px auto;		
	display: inline;	
}	

#footer {
	clear: both;
	padding: 10px 0px 10px 0px;
	color: #FFFFFF;
	width: 100%;
	float: left;		
	border-top:1px solid #E7E4C4;
	margin-top:5px;
}
#footer-left {float: left; width: 40%;}
#footer-right {float: right; width: 60%;}


/*RELEASES AND RECOMMENDATIONS*/
#release_container{width: 100%;	margin: 0px; padding: 0px 0px 15px 0px;}
#release_side{width: 140px;	padding: 0px; float: left;}
#release_main{margin-left: 155px;}
.main_home strong {color: #89A47A}
#release_main .post-info {font-size: .99em; padding: 0px;}
#last_releases, #down_releases, #last_recommendations, #last_rel_posts {padding: 20px 9px 15px 10px; margin: 0px;}
#micropostsList, #sel_releases, #last_posts {padding: 10px 9px 0px 10px}
#recommendations{padding-bottom: 5px; color:#89A47A; }
.recommendation-info {font-size: .95em; color: #FFF;}
.lenght{color: #796D3B;}

/*HOME*/

.side_home{width: 100px; padding: 0px; float: left;}
.main_home{margin-left: 100px;}

/*INFORMACIÓN*/

#info{padding: 0px; height: 228px;}
.info_side{width: 150px; float: left;}
.info_main{margin-left: 175px; border: 1px dashed #EEE;}

/* form elements */

.error{color:#666;}
input.error {background-color:#666;}
form { margin: 0px; padding: 2px 0px 0px 12px;}
label {margin:0px;width:100%;display:block;}
textarea {
	width: 305px;
	border: 1px solid #797C41;
	background-color: #2C2B2B;
	color: #FFF;
	font-size: 11px;
	height:59px;
	display:block;	
	margin: 9px 0px 2px 0px;	
}
.input_contact {
	margin: 2px 0px 2px 0px;	
	padding: 3px;
	border: 1px solid #797C41;
	background-color: #2C2B2B;
	font-size: 11px;
	color: #FFF;
}
.input_button { 
	font: 11px Arial, Sans-serif; 
	border: 1px solid #171717;
	background: #F1F0E4;
	margin: 6px 0px 12px 0px;
}

/*OTHER CLASSES*/

.separador{
	clear: both;
	padding: 0px;
	margin-bottom: 5px;
	color: #FFFFFF;
	width: 100%;
	float: left;		
	border-bottom:1px solid #E7E4C4;
	}

.pie{margin-bottom: 10px;border-bottom:1px solid #E7E4C4;}
	
.separador_up{
	clear: both;
	padding: 1px 0px 0px 0px;
	margin-bottom: 10px;
	color:#89A47A;
	font-size:0.95em;
	width: 100%;
	float: left;		
	border-top:1px solid #E7E4C4;
	}	
	
.separador-left{float: left; width: 40%;text-align: left;}
.separador-right{float: right; width: 60%; text-align: right;}

.err_msg{
background-color:#A30000;
font: 13px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
margin-bottom: 30px;
border:1px solid #E7E4C4;
}

/* postmeta */
.post-info { font-size: .95em; padding: 5px 0px 20px 0px; color: #796D3B;}
.post-info span { color: #89A47A;}

#micropostsList .post-info, #last_recommendations .post-info { font-size: .95em; color: #FFF;}

/* alignment classes */
.float-left  { float: left; display: block;}
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: 0px; padding: 0px 0px 0px 3px; background: none;}
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
}

/*CC*/
#cc{clear: both;
	padding: 6px 0px 0px 0px;
	color:#89A47A;
	font-size:0.95em;		
	border-top:1px solid #E7E4C4;}	
.cc-left{float: left; width: 35%;}
.cc-right{float: right; width: 60%; padding-left: 5px;}

/*Iconos*/

.icon{padding: 0px; margin: 0px; vertical-align:text-bottom; background-color: #171717;}
#micropostsList .icon {background-color: #7E8143;}
.review_container .icon {padding:2px;vertical-align:bottom;}
.little_font{font-size:9px;color:#DE5F1F;}
.little_font2{font-size:9px;color:#7E8143;}
.nav{width: 14px; height: 14px;}