/*
Theme Name: rain on fifty fifth street
Theme URI: http://www.dmg-01.net
Description: Fifty Fifth Street by Tammy Hart is a Wordpress theme as right as rain but I corrupted it!
Version:
Author: Juanma Pérez Rabasco
Author URI: http://dmg-01.net/
Tags: beam, cloud, rain, umbrella
*/

* {
	margin: 0;
	padding: 0;
}

/* settings, classes */

a[href^="http://"]:not([href*="http://dmg-01.net/"])::after { /* Flecha después de cada enlace externo tal como eboy.com*/
	content: "\2197";
}

a, a:active, a:visited {
	color: #323232;
	text-decoration: none;
}

a:hover {
	color: white;
	background: #323232;
	text-decoration: none;
}

blockquote {
	background: #f0f0f0;
	color: #323232;
}

blockquote cite {
	display: block;
	font-size: 1em;
	font-style: normal;
	margin: 5px 0;
	text-align: right;
}

blockquote cite:before {
	content: "\2014 \0020";
}

body {
	background: white;
	color: #323232;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
}

code {
	font-family: "Courier New", Courier, Fixed;
	font-size: 1.1em;
}

img {
	border: none;
	max-width: 100%;
}

p {
	margin: 20px 0;
}

h1, h2, h3 {
	font-size: 2.2em;
	line-height: 25px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

.clear { 
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}

.entry span cite {
	background: #323232;
	color: white;
	display: block;
	font-size: 1em;
	font-style: normal;
	padding: 0 0 0 3px;
}

.download:before {
	content: "\2193";
}

.entry span cite a, .entry span cite a:active, .entry span cite a:visited {
	color: white;
}

.entry span cite a:hover {
	background: white;
	color: #323232;
}

.help {
	cursor: help;
}

.pagetitle {
	margin: 0 0 33px 0;
	text-align: center;
}

.post li {
	padding: 0 0 5px;
}

.post li h3 {
	margin: 0;
}

.post li li {
	margin: 0;
}

.post ol, .post ul {
	margin: 20px 0;
}

.post ol li li {
	margin: 0 0 0 10px;
}

.post ol ol, .post ol ul, .post ul ol, .post ul ul {
	margin: 0;
}

.post ul li {
	background: url(images/icons.png) no-repeat 0 -141px;
	list-style: none;
	margin: 0 0 0 -10px;
	padding: 0 0 0 10px;
}

/* structure */

#page {
	margin: 0 auto;
	padding: 33px 0;
	text-align: left;
	width: 700px;
}

/* header */

div#cloud a#sitename:after {
	content: "";
}

#bolt {
	background:url(images/bolt.png) no-repeat center;
	padding: 33px 26px 0 0;
}

#bolt:hover {
	background:url(images/bolt_hover.png) no-repeat center;
	padding: 33px 26px 0 0;
}

#cloud {
	font-size: 1.2em;
	line-height: 15px;
	margin: 15px 0 77px 0;
}

#cloud span {
	font-size: 1.5em;
	line-height: 15px;
}

#cloud a:after {
	content: ",";
}

#cloud a:hover {
	background: #336;
	color: white;
}

#header {
	text-align: center;
}

#sitename {
	font-size: 3.9em;
	font-weight: bold;
}

/* content */	

a.bubble, a.bubble:active, a.bubble:visited { !important
	background: url(images/comments.png);
	color: white;
}

a.bubble:hover {
	background: url(images/comments_hover.png);
	color: white;
}

.bubble  {
	background: url(images/comments.png);
	color: white;
	display: block;
	float: left;
	height: 29px;
	line-height: 20px;
	margin: 5px 0 0 -40px;
	text-align: center;
	width: 30px;
}

.entry a {
	color: #336;
	text-decoration: underline;
}

.entry a:hover {
	background: #336;
	color: white;
	text-decoration: none;
}

.navigation {
	color: #bebebe;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 10px;
	min-height: 10px;
	margin: 66px -23px;
}

.navigation .alignleft a {
	background: url(images/icons.png) no-repeat 0 -60px;
	display: block;
	float: left;
	height: 10px;
	padding-left: 22px;
}

.navigation .alignleft a:hover {
	background: url(images/icons_hover.png) no-repeat 0 -60px;
	color: #bebebe;
	display: block;
	float: left;
	height: 10px;
	padding-left: 22px;
}

.navigation .alignright a {
	background: url(images/icons.png) no-repeat 100% -30px;
	display: block;
	float: right;
	height: 10px;
	padding-right:22px;
}

.navigation .alignright a:hover {
	background: url(images/icons_hover.png) no-repeat 100% -30px;
	color: #bebebe;
	display: block;
	float: right;
	height: 10px;
	padding-right: 22px;
}

.post {
	margin: 0 0 33px 0;
}

.post .navigation {
	border: solid #bebebe;
	border-width: 1px 0;
	padding: 9px 0;
}

#content {
	font-size: 1.2em;
	line-height: 20px;
	margin: 33px 150px 0 150px;
	width: 400px;
}

/* comments */

h3#comments {
	margin: 66px 0 0 0;
}

.comment-author, .comment-author cite {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}

.commentlist {
	margin: 33px 0 0 0;
}

.commentlist li {
	list-style: none;
	margin: 0 0 17px 0;
}

.commentlist li p {
	margin: 10px 0 33px 0;
}

.says {
	visibility: hidden;
}

#commentform {
	margin: 17px;
	padding: 0;
}

#commentform input, #commentform textarea {
	border: 1px solid #e6e6e6;
	background: #f9f9f9;
	font-size: 1em;
	padding: 3px;
}

#commentform p {
	margin: 7px 7px 0 0;
}

#commentform textarea {
	width: 400px;
}

#commentform #submit {
	border: none;
	background: #323232;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	padding: 5px;
	text-align: center;
	width: inherit;
}

/* sidebar */

#sidebar {
	background: white;
	margin: 44px 10px 0 10px;
	position: fixed;
	right: 0;
	top: 0;
	width: 50px;
}

#sidebar .icon-deb {
	background: url(images/icons_extra.png) no-repeat 100% -160px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-deb:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -160px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-del {
	background: url(images/icons_extra.png) no-repeat 100% 0px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-del:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% 0px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-ele {
	background: url(images/icons_extra.png) no-repeat 100% -200px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-ele:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -200px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-fli {
	background: url(images/icons_extra.png) no-repeat 100% -40px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-fli:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -40px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-kop {
	background: url(images/icons_extra.png) no-repeat 100% -320px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-kop:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -320px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-las {
	background: url(images/icons_extra.png) no-repeat 100% -80px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-las:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -80px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-pir {
	background: url(images/icons_extra.png) no-repeat 100% -120px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-pir:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -120px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-st {
	background: url(images/icons_extra.png) no-repeat 100% -280px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-st:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -280px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-wp {
	background: url(images/icons_extra.png) no-repeat 100% -240px;
	padding: 20px 20px 0 0;
}

#sidebar .icon-wp:hover {
	background: url(images/icons_extra_hover.png) no-repeat 100% -240px;
	padding: 20px 20px 0 0;
}

#sidebar .icons_extra {
	line-height: 33px;
	margin: 20px 0 0 3px;
	width: 20px;
}

#sidebar .icons_extra a:after {
	visibility: hidden;
}

#umbrella {
	background: url(images/umbrella.png) no-repeat center;
	margin: 0 0 33px 0;
	padding: 44px 44px 0 0;
}

#umbrella:hover {
	background: url(images/umbrella_hover.png) no-repeat center;
	margin: 0 0 33px 0;
	padding: 44px 44px 0 0;
}

/* footer */

span#circle:after {
	content: "\26AB\0020";
}

#bookmarks {
	font-size: 1.5em;
	line-height: 20px;
	margin: 0 0 33px 0;
}

#bookmarks a:hover {
	background: #ff5454;
	color: white;
}

#footer {
	font-size: 1.2em;
	margin: 55px 0 0 0;
}

#footer #bookmarks a:after {
	content: "";
}

#snail {
	background: url(images/snail.png) no-repeat 100%;
	bottom: 0;
	left: 0;
	margin: 3px;
	padding: 20px 44px 0 0;
	position: fixed;
}

#snail:hover {
	background: url(images/snail_hover.png) no-repeat 100%;
	bottom: 0;
	left: 0;
	margin: 3px;
	padding: 20px 44px 0 0;
	position: fixed;
}

/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/