/*
Theme Name: Sebastian's Theme
Theme URI: sebastianescofet.asterisco.org/
Description: Tema desarollado para sebastian Escofet
Version: 2.0
Author: Nicojaure
*/


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}
table {border-collapse:collapse;border-spacing:0;}
ol, ul {list-style:none;} 
q:before, q:after, blockquote:before, blockquote:after {content:"";}
.reset, #reset, .clear {clear:both}
img {border:0;}
#sinborde {border:none;}
strong {font-weight:bold;}
h1, h2 {font-size:13px;font-weight:bold;}
.bold {font-weight:bold;}

/* End Reset */	
/* Estructura General */	
body {text-align:center;font-size:13px;color:#505050;font-family: 'Courier New', Courier, monospace;letter-spacing:0.5px;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}
img {border:0;}
#header {width:900px;margin:0 auto 0 auto;}
#header h1 {float:left;padding:10px 10px 10px 15px;}
#cuerpo {width:900px;margin:0 auto 0 auto;padding:5px 0 15px 20px;}
#idioma {float:right;padding:10px 15px 10px 10px;}

/* Pre */

#pre ul {display:inline;float:left:}
#pre li {display:inline;}
#pre {text-transform:uppercase;}

/* Navegacion */

#navegacion {margin:30px 0px 0px 15px;}
#nav1 {padding-bottom:10px;margin-bottom:1px solid #ccc;}
#contacto {margin-top:10px;}

/* Destacados */
#navegacion {width:110px;float:left;height:300px;}
#contenido {float:left;width:770px;margin-top:57px;}
#destacado {width:200px;height:270px;overflow:hidden;float:left;margin:4px 0 0 50px;}
#destacado h4 {text-transform:uppercase;margin-bottom:4px;}
#destacado h4 a {font-weight:bold;}

#destacado h3 {font-weight:bold;margin:5px 0 4px 0;}
#destacado img {width:188px;height:165px;}
#destacado span p {height:30px;overflow:hidden;}

/* Discos */
#disco {width:155px;height:190px;overflow:hidden;float:left;margin-left:30px;}
#disco img {width:144px;height:135px;}
#disco h3 {font-weight:bold;margin:5px 0 4px 0;}
	
	/* Disco */
	#portada {float:left;margin:0 20px 0 40px;text-adign:center;}
	#portada img {width:300px;}
	#tracklist {float:left;width:180px;}
	#cuerpo_texto {margin-left:40px;margin-top:15px;}
	#contenido h2 {margin:13px 0 10px 40px;}
	#download {display:block;border:1px solid #000;padding:5px;margin:5px auto 5px auto;width:200px;text-align:center;}
	#download:hover {background:#000;color:#fff;text-decoration:none;}
	.cuerpo_texto {margin-top:20px;}
#otrosdiscos {float:right;width:210px;margin-top:36px}
#otrosdiscos img {width:100px;margin:5px 0;}
#otrosdiscos h3 {font-weight:bold;font-size:10px;text-decoration:underline;}
#post-discos {width:550px;float:left;}
#carta {width:430px;margin-left:5px;background:#ddd;padding:35px;border:1px solid #888;}



/* Contenido */
.entry {margin-left:40px;}
.center {text-align: center;}
form {margin:0px;padding:0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.entry p {margin-bottom:10px;}	 

/* Fotos */
#fotos {float:left;width:770px;margin-top:10px;}
#fotos {width:200px;height:185px;overflow:hidden;float:left;margin-left:50px;}
#fotos h4 {text-transform:uppercase;margin-bottom:4px;}
#fotos h3  {font-weight:bold;margin:5px 0 4px 0;}
#fotos img {width:188px;height:141px}

/* Fotos */
#peliculas {float:left;width:770px;margin-top:10px;}
#peliculas {width:200px;height:215px;overflow:hidden;float:left;margin-left:50px;}
#peliculas h4 {text-transform:uppercase;margin-bottom:4px;}
#peliculas h3 {font-weight:bold;margin:5px 0 4px 0;}
#peliculas h3 a {font-weight:bold;}
#peliculas img {width:188px;height:141px}

/* Pensamientos */
#pensamiento {width:700px;margin:10px 0 30px 50px;border-bottom:1px #ccc solid;padding-bottom:10px;}
#pensamiento h3 {font-weight:bold;margin:5px 0 4px 0;}