body {
	background:#1d1f21;
	padding:20px 50px;
	margin:0;
	color:grey;
}

body ::-moz-selection{
    background: #a72277;
    color: #fff;
}

/* textarea */
textarea {
	background:transparent;
	border:0;
	color:#fff;
	padding:0;
	width:100%;
	height:100%;
	font-family:monospace;
	outline:none;
	resize:none;
	font-size:13px;
}

/* the line numbers */
#linenos {
	color:#7d7d7d;
	z-index:-1000;
	position:absolute;
	top:20px;
	left:0;
	width:30px;
/* 30 to get 20 away from box */
	font-size:13px;
	font-family:monospace;
	text-align:right;
}

/* code box when locked */
#box {
	padding:0;
	margin:0;
	width:100%;
	border:0;
	outline:none;
	font-size:13px;
	padding-right:360px;
}

#box code {
	padding:0;
	background:transparent!important;
/* don't hide hastebox */
}

/* key */
#key {
	position:fixed;
	top:0;
	right:0;
	z-index:1000;
/* watch out */
}

#box1 {
	width:126px;
	background:#282a2e;
	font-size:0;
	padding:0 5px;
	text-align:center;
}

#box1 .function {
	background:url(function-icons.png);
	width:32px;
	height:37px;
	display:inline-block;
	position:relative;
}

#box1 .link embed {
	vertical-align:bottom;
/* fix for zeroClipboard style */
}

#box1 .function:not(.enabled) {
	display:none;
}

#box1 .function.enabled:hover {
	cursor:hand;
	cursor:pointer;
}

#pointer {
	display:block;
	height:5px;
	width:10px;
	background:url(hover-dropdown-tip.png);
	bottom:0;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
}

#box2,#messages li {
	background:#81a2be;
	font-family:Helvetica,sans-serif;
	font-size:12px;
	line-height:14px;
	padding:10px 15px;
}

#box2 .label,#messages li {
	color:#fff;
	font-weight:700;
}

#box2 .shortcut {
	color:#c4dce3;
	font-weight:400;
}

#box1 .function.save {
	background-position:-5px top;
}

#box1 .function.enabled.save {
	background-position:-5px center;
}

#box1 .function.enabled.save:hover {
	background-position:-5px bottom;
}

#box1 .function.new {
	background-position:-42px top;
}

#box1 .function.enabled.new {
	background-position:-42px center;
}

#box1 .function.enabled.new:hover {
	background-position:-42px bottom;
}

#box1 .function.duplicate {
	background-position:-79px top;
}

#box1 .function.enabled.duplicate {
	background-position:-79px center;
}

#box1 .function.enabled.duplicate:hover {
	background-position:-79px bottom;
}

#box1 .function.raw {
	background-position:-116px top;
}

#box1 .function.enabled.raw {
	background-position:-116px center;
}

#box1 .function.enabled.raw:hover {
	background-position:-116px bottom;
}

#box1 .function.twitter {
	background-position:-153px top;
}

#box1 .function.enabled.twitter {
	background-position:-153px center;
}

#box1 .function.enabled.twitter:hover {
	background-position:-153px bottom;
}

#messages {
	position:fixed;
	top:0;
	right:138px;
	margin:0;
	padding:0;
	width:400px;
}

#messages li {
	background:rgba(23,62,72,0.8);
	margin:0 auto;
	list-style:none;
}

#messages li.error {
	background:rgba(102,8,0,0.8);
}

a {
	color:#73B6D6;
}

.markdown {
	color:#fff;
	white-space:normal;
}
pre .markdown code {
	white-space: pre;
}