alejandro/jsbin.ijuzey.css

## jsbin.ijuzey.css
html, body, button, input, textarea, select {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    color: #333;

    font: normal normal 22px/1.6 'dosis','Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
}

::selection {
    background: #ccc;
}

::-moz-selection {
    background: #ccc;
}

a {
    border-bottom: 2px solid #eee;
    text-decoration: none;
    color: #333;
}

    a:hover {
        border-bottom-color: #333;
    }

h1 {
    font-size: 48px;
    line-height: 1.2;
    margin-top: 10px;
}

h2 {
    text-transform: uppercase;
    font-size: 24px;
    margin: 20px 0 0;
}


/*-----------------------------------------------
 layout
-------------------------------------------------*/
#wrapper {
    text-align: center;

    margin: 0 auto;
    padding-bottom: 100px;
}

header, section {
    min-width: 320px;
    padding: 20px 20px 0;
}

header {
    margin-bottom: 40px;
    padding-top: 80px;
    padding-bottom: 70px;

    background: #fff;
    color: #333;
}
header::before {
  content: url(http://f.cl.ly/items/2F2e332o2k0b2C47060i/book2.png);
  -webkit-transform: scale(.1);
  padding:10px;
  padding-bottom:20px;
}
    header a {
        color: #333;
        border-bottom-color: #666;
    }

        header a:hover {
            border-bottom-color: #eee;
        }

section {}

    section:after {
        content: '×';
        color: #ccc;
        font-size: 40px;
        font-weight: normal;
    }

    section:last-child:after {
        content: '';
        visibility: hidden;
    }

    section .inner {
        margin: 0 auto;
        font-family: Helvetica, Arial;
        max-width: 760px;

        text-align: left;
    }

        section .inner.small {
            font-size: 14px;
            color: #777;
            text-align: center;
            margin-top: 2em;
        }

p {
    margin-top: 1em;
}

    strong.dim {
        color: #888;
    }

footer {
    margin-top: 40px;
    font-size: 16px;
    color: #888;
}

.gumroad-button {
    font-size: 24px;
}

## jsbin.ijuzey.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Desarrollo Web con Node.js :: Libro</title>

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Dosis:400,500,600,700" type="text/css" media="all">
    <link rel="stylesheet" href="reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="styles.css?10" type="text/css" media="all">

    <!--[if lt IE 9]>
    <script src="html5shiv.js"></script>
    <![endif]-->

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</head>
<body>
  <div id="wrapper">
    <header>

      <h1>Revls</h1>
        <h2>Web Development with JavaScript</a></h2>
    </header>


    <footer>
        © 2013 <a href="mailto:kyle+book@kylebragger.com">Alejandro Morales</a>. Imagenes por <a href="http://timboelaars.nl/">Tim Boelaars</a>.
    </footer>

</div>

</body>
</html>
	html, body, button, input, textarea, select {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	}

	body {
	background: #fff;
	color: #333;

	font: normal normal 22px/1.6 'dosis','Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
	}

	::selection {
	background: #ccc;
	}

	::-moz-selection {
	background: #ccc;
	}

	a {
	border-bottom: 2px solid #eee;
	text-decoration: none;
	color: #333;
	}

	a:hover {
	border-bottom-color: #333;
	}

	h1 {
	font-size: 48px;
	line-height: 1.2;
	margin-top: 10px;
	}

	h2 {
	text-transform: uppercase;
	font-size: 24px;
	margin: 20px 0 0;
	}


	/*-----------------------------------------------
	layout
	-------------------------------------------------*/
	#wrapper {
	text-align: center;

	margin: 0 auto;
	padding-bottom: 100px;
	}

	header, section {
	min-width: 320px;
	padding: 20px 20px 0;
	}

	header {
	margin-bottom: 40px;
	padding-top: 80px;
	padding-bottom: 70px;

	background: #fff;
	color: #333;
	}
	header::before {
	content: url(http://f.cl.ly/items/2F2e332o2k0b2C47060i/book2.png);
	-webkit-transform: scale(.1);
	padding:10px;
	padding-bottom:20px;
	}
	header a {
	color: #333;
	border-bottom-color: #666;
	}

	header a:hover {
	border-bottom-color: #eee;
	}

	section {}

	section:after {
	content: '×';
	color: #ccc;
	font-size: 40px;
	font-weight: normal;
	}

	section:last-child:after {
	content: '';
	visibility: hidden;
	}

	section .inner {
	margin: 0 auto;
	font-family: Helvetica, Arial;
	max-width: 760px;

	text-align: left;
	}

	section .inner.small {
	font-size: 14px;
	color: #777;
	text-align: center;
	margin-top: 2em;
	}

	p {
	margin-top: 1em;
	}

	strong.dim {
	color: #888;
	}

	footer {
	margin-top: 40px;
	font-size: 16px;
	color: #888;
	}

	.gumroad-button {
	font-size: 24px;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>Desarrollo Web con Node.js :: Libro</title>

	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Dosis:400,500,600,700" type="text/css" media="all">
	<link rel="stylesheet" href="reset.css" type="text/css" media="all">
	<link rel="stylesheet" href="styles.css?10" type="text/css" media="all">

	<!--[if lt IE 9]>
	<script src="html5shiv.js"></script>
	<![endif]-->

	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
	</head>
	<body>
	<div id="wrapper">
	<header>

	<h1>Revls</h1>
	<h2>Web Development with JavaScript</a></h2>
	</header>


	<footer>
	© 2013 <a href="mailto:kyle+book@kylebragger.com">Alejandro Morales</a>. Imagenes por <a href="http://timboelaars.nl/">Tim Boelaars</a>.
	</footer>

	</div>

	</body>
	</html>