/*
Theme Name: rolleyes.de
Theme URI: http://www.rolleyes.de/
Description: The default theme of rolleyes.de
Version: 1.1
Author: Antonio Navarro Perez
Author URI: http://www.rolleyes.de/
Tags: dark, one column

	rolleyes.de v1.0
	http://www.rolleyes.de/

*/

/*

Colors:

	Dark background:	#181818
	Medium background:	#212121
	Dark text:			#777
	Light text:			#999
	Bright text:		#CCC
	Orange:				#F90
	Green:				#696

*/

html, body, div, p, blockquote, address, pre, ol, ul, dl, li, dt, dd, h1, h2, h3
{
	margin: 0;
	padding: 0;
	border: none;
}

/* @group Page Elements */

body
{
	background-color: #181818;
	background-repeat: no-repeat;
	color: #999;
	font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Helvetiva, Arial, sans-serif;
	font-size: 14px;
	text-shadow: #000 0 0.15em 0.15em;
}

#header
{
	padding: 10em 0 3em 0;
	background-image: url(img/baum.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#blog-description
{
	padding: 0 0 0 59px;
	color: #777;
	font-family: Verdana, sans-serif;
	letter-spacing: 0.15em;
}

#content
{
	width: 49.5em;
	max-width: 95%;
	margin: 0 auto 0 auto;
}

#page-links
{
	width: 100%;
	margin: 0 0 3em 0;
	text-align: center;
}

#categories
{
	float: left;
	width: 50%;
	margin-bottom: 3em;
}

#archive
{
	float: right;
	width: 50%;
	margin-bottom: 3em;
}

#tagcloud
{
	clear: both;
	margin: 0;
	padding: 0;
}

#blogroll
{
	margin-top: 3em;
	padding-top: 3em;
	border-top: 0.1em solid #212121;
}

#footer
{
	clear: both;
	margin-top: 3em;
	padding: 1em 0 1em 0;
	border-top: 0.1em solid #212121;
}

/* @end */

/* @group Content Elements */

.post
{
	position: relative;
	margin-bottom: 3em;
	padding: 4em 3em 3em 3em;
	background: #212121;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-box-shadow: 0.5em 0.5em 1em #000;
	-webkit-box-shadow: 0.5em 0.5em 0.5em #000;
}

.message
{
	padding: 1.5em;
	border: 0.25em solid #F90;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

.post .posts-header
{
	margin: 0;
	padding: 0;
	text-align: right;
}

.post .posts-date-header
{
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	margin: 0;
	padding: 0;
	color: #777;
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	text-align: right;
}

.post .posts-footer
{
	clear: both;
	margin: 1.5em 0 0 0;
	padding: 0;
	text-align: right;
}

/* @end */

/* @group Paragraphs */

p, li, dd
{
	line-height: 1.7em;
}

.post p, .message p, #comments p
{
	margin-bottom: 1.5em;
	padding: 0;
}

.post blockquote
{
	clear: both;
	margin: 1.5em 0 0 1.5em;
	padding: 0 0 0 1.5em;
	border-left: 0.5em solid #181818;
}

.post pre
{
	clear: both;
	margin-bottom: 1.5em;
	padding: 1em;
	overflow: auto;
	background: #181818;
	font-family: Monaco, "Courier New", fixed;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

address
{
	margin-bottom: 1.5em;
}

hr
{
	display: none;
}

/* @end */

/* @group Inline Content */

.post img
{
	max-width: 100%;
	border: 0.5em solid #181818;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.post object
{
	display: block;
	margin: 0 auto 0 auto;
	border: 0.5em solid #181818;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

img.borderless
{
	border: none;
}

.wp-caption
{
	max-width: 100%;
	background: #181818;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.wp-caption img, .wp-caption object
{
	display: block;
	margin: 0 auto 0 auto;
	padding: 0;
}

.wp-caption-text, p.wp-caption-text
{
	margin: 0;
	padding: 0.333em 0.666em 0.333em 0.666em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	text-align: right;
}

strong
{
	color: #CCC;
}

abbr
{
	border-bottom: 0.1em dotted #999;
}

del
{
	color: #777;
	text-decoration: line-through;
}

/* @end */

/* @group Comments */

#comments
{
	margin: 5em 3em 5em 3em;
}

#comments ol
{
	margin-bottom: 1.5em;
}

#comments li
{
	clear: both;
	margin: 2em 0 0 0;
	padding: 2em 0 0 0;
	border-top: 0.1em solid #212121;
}

#comments p.comments-header
{
	margin: 0 0 1em 0;
	padding: 0;
}

#comments p.comments-header strong
{
	white-space: nowrap;
}

#comments .comments-header .comment-yet-to-be-moderated
{
	color: #777;
}

#comments div.gravatar
{
	float: left;
	margin: 0 0 2em 0;
}

#comments div.gravatar p
{
	margin: 0;
	padding: 0;
}

#comments div.gravatar p.gravatar_title
{
	font-size: 0.8em;
	color: #777;
	text-align: center;
}

#comments div.gravatar img
{
	display: block;
	border: 0.5em solid #212121;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

#comments blockquote
{
	margin: 0 0 0 80px;
	padding: 0;
}

#comments blockquote blockquote
{
	margin: 1.5em 0 0 1.5em;
	padding: 0 0 0 1.5em;
	border-left: 0.5em dotted #212121;
}

#comments #comments-feed
{
	clear: both;
	margin: 1.5em 0 1.5em 0;
	padding: 1.5em 0 0 0;
	border-top: 0.1em solid #212121;
	text-align: right;
}

#comments .edit-comment-admin-links-no-icon
{
	margin-bottom: 1.5em;
	opacity: 0.3;
}

#comments .edit-comment-admin-links-no-icon:hover
{
	opacity: 1;
}

#comments .ajax-edit-time-left
{
	width: 20em;
}

#comment-editor
{
	padding: 3em;
}

p.comments_help
{
	margin-top: 0;
	padding-top: 0;
	color: #777;
	font-size: 0.9em;
}

/* @end */

/* @group Headings */

h1
{
	color: #CCC;
	font-size: 1.7em;
}

h2
{
	margin-bottom: 1.5em;
	padding: 0;
	color: #CCC;
	font-family: Georgia, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.1em;
}

h3
{
	margin: 1.5em 0 1.5em 0;
	color: #CCC;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#archive h2
{
	text-align: right;
}

#sidebar h2
{
	display: block;
	margin: 0 0 1em 0;
	padding: 0;
	color: #777;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	font-style: normal;
	letter-spacing: 0.15em;
}

ul.archive_list h3
{
	margin: 0 0 0.5em 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	line-height: 1em;
	clear: both;
}

/* @end */

/* @group Lists */

.post ul, .post ol
{
	margin-bottom: 1.5em;
}

.post ul
{
	list-style: square;
}

.post ol li, .post ul li
{
	margin: 0 0 0.5em 3.5em;
}

.post dt
{
	margin: 0;
	color: #CCC;
	font-weight: bold;
}

.post dd
{
	margin: 0 0 1.5em 3em;
}

#categories ul
{
	list-style: none outside;
}

#categories li ul
{
	list-style: square;
	margin-left: 2em;
	padding-left: 0;
}

ul.archive_list
{
	float: right;
	width: 17em;
	list-style: none;
}

ul.archive_list li
{
	margin-bottom: 1em;
}


ul.archive_list li ul li
{
	position: relative;
	display: block;
	float: left;
	width: 4em;
	margin: 0.5em 0 0 0.5em;
	padding: 0.5em;
	border: 0.1em solid #212121;
	background: #212121;
	text-align: right;
	line-height: 1em;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

ul.archive_list li ul li a
{
	position: absolute;
	top: 0.5em;
	left: 0.5em;
}

#tagcloud ul
{
	list-style: none;
	text-align: justify;
	word-spacing: 1em;
}

#blogroll ul
{
	list-style: none;
	text-align: justify;
}

#tagcloud ul li, #blogroll ul li
{
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 2.4em;
	word-spacing: 0;
	white-space: nowrap;
}

#blogroll ul li:after
{
	content: " \00B7 ";
}

#footer ul
{
	list-style: none;
	text-align: right;
}

#footer ul li
{
	display: inline;
	margin-left: 2em;
	font-size: 0.9em;
	white-space: nowrap;
}

#footer ul li.first_footer_post
{
	margin-left: 0;
}


/* @end */

/* @group Forms */

.input-text
{
	border: 0.5em solid #212121;
	background: #212121;
	color: #999;
	font-size: 1em;
	/* It's not clean, but I don't mind */
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.post .input-text
{
	border: 0.5em solid #181818;
	background: #181818;
	color: #999;
}

#comment-form .input-submit
{
	text-align: right;
}

#comment-form textarea
{
	border: none;
	margin: 0;
	width: 100%;
}

#archive form input
{
	width: 16em;
}

#archive form div
{
	margin-bottom: 2em;
	vertical-align: middle;
	text-align: right;
}

#archive label
{
	vertical-align: middle;
}

/* @end */

/* @group Links */

a
{
	text-decoration: none;
}

a img
{
	border: none;
}

a:link, a:active, p a:link strong, p a:active strong, li a:link strong, li a:active strong
{
	color: #F90;
}

a:visited, p a:visited strong, li a:visited strong
{
	color: #696;
}

#blog-description a
{
	font-weight: bold;
}

#blog-description a:visited
{
	color: #F90;
}

a:hover, a:focus,
	#blog-description a:hover, #blog-description a:focus
{
	color: #CCC;
}

h2 a:link, h2 a:active, h2 a:visited,
	.posts-footer a:link, .posts-footer a:active, .posts-footer a:visited,
	.edit-comment-admin-links-no-icon a:link, .edit-comment-admin-links-no-icon a:active, .edit-comment-admin-links-no-icon a:visited,
	#sidebar a:link, #sidebar a:active, #sidebar a:visited,
	#footer a:link, #footer a:active, #footer a:visited
{
	color: #CCC;
}

h2 a:hover, h2 a:focus,
	.posts-footer a:hover, .posts-footer a:focus, 
.edit-comment-admin-links-no-icon a:hover, .edit-comment-admin-links-no-icon a:focus,
	#sidebar a:hover, #sidebar a:focus,
	#footer a:hover, #footer a:focus
{
	color: #F90;
}

/* @end */

/* @group Misc */

#scarlet_Letter_A
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px 20px 0 0;
}

.buttons
{
	position: absolute;
	bottom: 0;
	left: 0;
}

.post .alignleft
{
	display: block;
	float: left;
}

.post div.alignleft
{
	margin: 0 1em 1em 1em;
}

.post p img.alignleft
{
	margin: 0 1em 1em 0;
}

.post .aligncenter
{
	display: block;
	margin: 0 auto 0 auto;
}

.post .alignright
{
	display: block;
	float: right;
}

.post div.alignright
{
	margin: 0 1em 1em 1em;
}

.post p img.alignright
{
	margin: 0 0 1em 1em;
}

.clear
{
	clear: both;
}

/* @end */