/*   
Theme Name: Elegant Grunge
Theme URI: http://michael.tyson.id.au/elegant-grunge-wordpress-theme
Description: An unwashed yet crisp theme with a feature footer, styled image frames, a page template with a uniquely configurable sidebar and a photoblog tag page
Author: Michael Tyson

Please Notes that this CSS has been heavily adapted by Wampe aka Oliver Rolletter for www.cooleundwampe.de.
Nonetheless Oliver Rolletter accepts and appreciates the original authorship of Michael Tyson.

Author URI: http://michael.tyson.id.au
Version: 1.0.3
Tags: tan, light, one-column, two-columns, three-columns, fixed-width, custom-, right-sidebar, theme-options, threaded-comments, photoblogging

	Elegant Grunge by Michael Tyson
	http://michael.tyson.id.au/elegant-grunge-wordpress-theme
	
	The CSS, XHTML, design and PHP are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/


/****************************
 **   Contents
 ****************************
 
	* General
	* Layout		(Top-level page element styles)
		- Menu
		- Header
		- Content
		- Sidebar
		- Footer
	* Content	(Formatting of items in main content area)
		- General
		- Standard wordpress
		- Comments
		- Comment form
		- Frame
	* Sidebar	(Formatting of items in sidebar)
		- General
		- Search
		- Tag cloud
		- Wordpress calendar
		- Photoblog widget
	* Footer		(Formatting of items in footer)
		





/****************************
 **   General
 ****************************/

body {
	margin: 0;
	padding: 0;
	background-color: rgb(107,107,107);
	font-family: Comic Sans MS;
	color: #666;
}

a {
	color: #666;
}

img {
	border: 10px solid white;
}

.strip {
  width:800px;
}

.charaktere{
  /*margin-top:30px;*/
  padding-top:20px;
  border:none;
  float:right;
}

.charaktere_tx{
 float:left;
}

.nob_r{
   border:none;
   float:right;
   margin-left: 0.4em;
   margin-bottom: 1em;
   margin-top: 0.6em;
   /*clear:both;*/
  }

.nob_r_marginr {
   border:none;
   float:right;
   margin-right:180px;
   clear:both;
  }

.nob_l{
   border:none;
   float:left;
   margin-right: 0.4em;
   margin-bottom: 1em;
   margin-top: 0.6em;
  }

/****************************
 **   Layout
 ****************************/


/* Menu */

#menu {
	height:0px;
}

#menu ul {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	bottom: 0;
	left: 0;
	list-style: none;
}

.double-right-sidebar #menu ul {
	width: 947px;
}

#menu ul li {
	float: left;
}

#menu .page_item a {
	display: block;
	padding-right: 40px;
	line-height: 3.0em;
	color: #666;
	text-decoration: none;
}

#menu .current_page_item a, #menu .page_item a:hover {
	color: #000;
}

/* Header */

#header-wrap {
	/*background: url(images/header-repeat.jpg) repeat-x center top;*/
}

#header {
	height: 216px;
	width: 1100px;
	margin: 0 auto;
	background: url(images/header.jpg);
	background-repeat: no-repeat;
}

.no-sidebar div #header {
	background-image: url(images/header-no-sidebar.jpg);
}

.double-right-sidebar div #header {
	background-image: url(images/header-double-sidebar.jpg);
}

#header div {
	width: 1100px;
	margin: 0 auto;
}

.double-right-sidebar #header div {
	width: 947px;
}

#header h1 {
	font: 2.2em/169px Comic Sans MS;
	margin: 0;
}

#header h1 a {
	color: #666;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-shadow: #000 0 1px 2px;
	float: left;
	margin-left: 100px;
}

#blog-description {
	position: relative;
	top: 80px;
	left:40px;
	color: #666;
	text-shadow: #000 0 1px 1px;
	/*left: 1.3em;*/
}

/* Content */
#page {
  width:1100px;
  margin: 0 auto;
  /*padding-bottom:50px;*/
}

#content-container {
	/*background: #f3f4ee url(images/body.jpg) repeat-y center top;*/
	background: url(images/body.jpg) repeat-y center top;
	padding-top:20px;
}

.no-sidebar div #content-container {
	background-image: url(images/body-no-sidebar.jpg);
}

.double-right-sidebar div #content-container {
	background-image: url(images/body-double-sidebar.jpg);
}

#content {
  float:right;
  width: 1100px;
	margin: 0 auto;
}

.double-right-sidebar #content {
	width: 947px;
}

#body {
	float: right;
  width: 850px;
	padding-left: 20px;
	padding-right: 20px;
}

.no-sidebar div div #body {
	width: 760px;
	float: none;
}

/* Sidebar */


#sidebar {
  background-image: url(images/sidebar.png);
	float: left;
  /*font-size: 0.9em;*/
	width:175px;
	position: relative;
	left:20px;
	padding-left:5px;
}

#sidebar a{
  text-decoration: none;
}

.double-right-sidebar #sidebar {
	font-size: 0.8em;
	float: left;
	position: relative;
	left: 28px;
	width: 181px;
}

.double-right-sidebar #sidebar2 {
	font-size: 0.8em;
	float: right;
	position: relative;
	left: -8px;
	width: 169px;
}

/* Footer */

#footer-wrap-outer {
	margin-top: -51px;
	/*background: #4c4c4c url(images/footer-repeat.jpg) repeat-x center top;*/
}

#footer-wrap {
  height: 30px;
	width: 1100px;
	background: url(images/footer.jpg) no-repeat center top;
  padding-top: 91px;
  padding-bottom: 30px;
  margin: 0 auto;
}

.no-sidebar div #footer-wrap {
	background-image: url(images/footer-no-sidebar.jpg);
}

.double-right-sidebar div #footer-wrap {
	background-image: url(images/footer-double-sidebar.jpg);
}

#footer {
	width: 800px;
	margin: 0 auto;
	margin-top: -51px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 0px;
	min-height: 30px;
}


/****************************
 **   Content
 ****************************/

/* General */

h2 {
	font-size: 2.4 em;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	color: #666;
	margin-top: 0px;
	margin-bottom: 0.5em;
}

h2 a {
	text-decoration: none;
	color: #666;
}
.post .entry {
  /*margin-right:40px;*/
  width: 850px;
/*  float:right;*/
/*	font-size: 1 em;*/
	font-weight: 300;
	/*line-height: 1.6em;*/
}

.entry a{
 text-decoration:underline;
}

.entry h2 a{
 text-decoration:none;
}

.post .entry .cuw_page{
 font-size: 1.2em;
 line-height: 1.4em;
 padding-right:20px;
}

.post .author {
	color: #949494;
	font-size: 0.8em;
	position: relative;
	/*top: -1.5em;*/
}

.post .info {
	color: #3b3b3b;
	font-size: 1 em;
}
.post h2 {
  margin-left:10px;
  text-shadow: #000 0 1px 2px;
 }
.post .date {
	float: right;
	font-weight: bold;
	font-size: 0.8em;
	color: #666;
}

.metadata {
  width: 800px;
	margin-top: 40px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
}

.metadata a {
	text-decoration: none;
}

.photoblog-thumbnail {
	display: inline;
	vertical-align: middle;
}

.more-link {
	clear: both;
	display: block;
	margin-top: 30px;
	margin-left: 20px;
	font-size: 0.9em;
	color: #666;
	background: url(images/more-link.png) no-repeat left center;
	padding-left: 30px;
}

.hr {
	clear: both;
	border: 0;
	background-image: url(images/hr.png);
	color: #666;
	/*background-color: #f8faf7;*/
	width: 426px;
	height: 25px;
	margin: -8px auto 0;
}

.hr hr {
	display: none;
}

.navigation {
	width: 100%;
	margin-top: 50px;
}

.navigation a {
	text-decoration: none;
	/*font-size: 0.7em;*/
        font-size: 1em;
}

.navigation .previous {
	float: right;
}

.navigation .next {
	float: left;
}

.search_result {
	margin-left: 20px;
}

.search_result h4 {
	margin-left: -20px;
}

.search_result h4 a {
	text-decoration: none;
}

.search_result .metadata {
	color: #666;
	margin-top: 10px;
	text-align: left;
}

.search_result .metadata a {
	color: #666;
}


/* Standard wordpress */

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
  	float: left;
}

.alignright {
   float: right;
}

.clear {
	clear:both;
}

.wp-caption {
   border: none;
   text-align: center;
   background-color: #666;
   padding-top: 4px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* Comments */


.commentlist {
	padding: 0;
	list-style-type: none;
	margin-top: 16px;
	/*margin-left: 0px;*/
	/*float:right;*/
}

.commentlist li {
	margin-top: 16px;
	margin-left: 30px;
	/*max-width: 460px;*/
}
/*
.commentlist li .comment-content,
.commentlist li .before-comment,
.commentlist li .after-comment,
*/
.commentlist li .after-comment div {
  width:487px;
  border: 1px solid black;
	/*background:transparent url(images/comment.jpg) no-repeat top left;*/
}

.commentlist li .comment-content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
 	padding: 28px 0 0px 0px;
}

.commentlist li .before-comment {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width: 27px; /* top slice width */
	margin-left: -27px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.commentlist li .after-comment {
	/* bottom */
	position:relative;
	width:100%;
}

.commentlist li .after-comment,
.commentlist li .after-comment div {
	height: 40px; /* height of bottom cap/shade */
	font-size:1px;
}

.commentlist li .after-comment {
	background-position:bottom right;
}

.commentlist li .after-comment div {
	position:relative;
	width:27px; /* bottom corner width */
	margin-left: -27px;
	background-position:bottom left;
}

.commentlist .comment {
	margin: 0;
	font-size: 1em;
	padding-right: 27px;
}

.comment-text {
	margin-left: 42px;
	margin-right: 10px;
	margin-top: 24px;
	font-weight:bold;
}

.comment-text * {
  width:487px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.commentlist .comment .reply {
	text-align: right;
	position: relative;
	top: 15px;
	z-index: 100;
	font-size: 1em;
}

.commentlist .comment .reply a {
	color: #666;
	text-decoration: none;
}

cite { font-weight:bold;}

.avatar {
  /*width:32px;*/
	float: left;
	margin:0 10px 0 0!important;
	padding:2px;
	border: 1px solid #bbb;
}

/* Comment Form */


input.text {
	width: 400px;

	padding: 5px;
	border: 1px solid #f2f2f2;
}

textarea {
	/*width: 410px;*/
	height: 100px;
	margin: 0;
	padding: 5px;
	border: 1px solid #f2f2f2;
}

/* Frame */

/*
.frame-outer.aligncenter {
	text-align: center;
}

.frame-outer span {
	display: inline-block;
	background: url(images/frame-top-left.png) no-repeat left top;
}

.frame-outer span span {
	background: url(images/frame-bottom-left.png) no-repeat left bottom;
}

.frame-outer span span span {
	background: url(images/frame-top-right.png) no-repeat right top;
}

.frame-outer span span span span {
	background: url(images/frame-bottom-right.png) no-repeat right bottom;
	padding: 22px;
	min-width: 150px;
	min-height: 150px;
	text-align: center;
	overflow: hidden;
}
*/
.strip.aligncenter {
	text-align: center;
}

.strip span {
	display: inline-block;
	background: url(images/frame-top-left.png) no-repeat left top;
}

.strip span span {
	background: url(images/frame-bottom-left.png) no-repeat left bottom;
}

.strip span span span {
	background: url(images/frame-top-right.png) no-repeat right top;
}

.strip span span span span {
	background: url(images/frame-bottom-right.png) no-repeat right bottom;
	padding: 20px;
  /*padding bottom: 23px;
	padding left: 23px;
	padding right: 23px;
	*/
	min-width: 150px;
	min-height: 150px;
	text-align: center;
	overflow: hidden;
}

.frame-outer span span span span * {
    /*max-width: 425px;*/
}

.frame-outer.small span {
	/*background: url(images/frame-top-left-small.jpg) no-repeat left top;*/
}

.frame-outer.small span span {
	/*background: url(images/frame-bottom-left-small.jpg) no-repeat left bottom;*/
}

.frame-outer.small span span span {
	/*background: url(images/frame-top-right-small.jpg) no-repeat right top;*/
}

.frame-outer.small span span span span {
	/*background: url(images/frame-bottom-right-small.jpg) no-repeat right bottom;*/
	padding: 10px;
	min-height: 38px;
	min-width: 38px;
}

.frame-outer span span span span span {
	background: none;
}

.frame-outer span span span span .wp-caption-text {
	margin-top: 10px;
}

/****************************
 **   Sidebar
 ****************************/

/* General */

.mini {
  font-size:0.7em;
}
.mini_center {
  font-size:0.9em;
  text-align:center;
  /*margin-bottom:20px;*/
}
.sidebar h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #555;
	margin-bottom: 5px;
	text-shadow: #000 0 1px 1px;
}

.sidebar a {
	color: #666;
	font-weight: bold;
}

.sidebar ul, .sidebar ul ol {
	margin: 0;
	padding: 0;
}

.sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 25px;
}

.sidebar ul p, .sidebar ul select {
	margin: 5px 0 8px;
}

.sidebar ul ul, .sidebar ul ol {
	margin: 5px 0 0 10px;
}

.sidebar ul ul ul, .sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, .sidebar ul ol li {
	list-style: decimal outside;
}

.sidebar ul ul li, .sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

/* Search */

.sidebar #searchform div {
	/*background-image: url(images/searchform.gif);*/
	/*width: 180px;*/
	height: 49px;
	margin-left: -15px;
}
.sidebar #searchform div #s {
  font-family: Comic Sans MS;
  font-weight: bold;
	border: 0;
	/*
	margin-top: 14px;
	margin-left: 19px;
	*/
  /*width: 120px;
	height: 16px;
	*/
	color: #666;
	font-size: 1 em;
	/*outline: none;*/
}
.sidebar #searchform div #searchsubmit {
	border: 0;
	background: none;
	width: 30px;
	height: 26px;
	margin-left: 4px;
	overflow: hidden;
	cursor: pointer;
	font-family: Comic Sans MS;
	color: #666;
	font-size: 1 em;
	font-weight: bold;
	text-transform: lowercase;
}

.double-right-sidebar .sidebar #searchform div {
	background-image: url(images/searchform-double-sidebar.jpg);
	width: 190px;
	height: 45px;
	margin-left: -3px;
}
.double-right-sidebar .sidebar #searchform div #s {
	border: 0;
	margin-top: 14px;
	margin-left: 19px;
	width: 117px;
	height: 16px;
	color: #666;
	font-size: 0.9em;
	outline: none;
}


/* Tag cloud */

.widget_tag_cloud a {
	text-decoration: none;
}
.widgettitle {
color:red;
 font-size:0.9em
 text-decoration:none;
 }
/* Wordpress calendar */

#calendar_wrap {
	margin: 0px;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar th {
	text-align: left;
}

/* Photoblog widget */

.sidebar .elegant_grunge_photoblog div {
	text-align: center;
}

.sidebar .photoblog-thumbnail img {
	background: #fff;
	border: 1px solid #aaa;
	padding: 3px;
	display: inline;
}


/****************************
 **   Footer
 ****************************/

#footer #subscribe a {
	display: block;
	position: absolute;
	background-image: url(images/rss.png);
	width: 149px;
	height: 126px;
	margin-left: -0px;
	margin-top: 68px;
	text-indent: -2000px;
	overflow: hidden;
}

#footer .legal, #footer .credit {
	color: #4f4f4f;
	margin-top: 30px;
}

#footer .legal {
	float: left;
	text-indent:-100px;
}

#footer .credit a {
	text-decoration: none;
}

#footer .credit {
	float: right;
	/*text-indent:-100px*/
}


#footer .widget-wrap {
	float: left;
	width: 264px;
	margin-bottom: 36px;
}


#footer .widget {
	margin-right: 21px;
	margin-left: 21px;
}

#footer {
	font-size: 0.8em;
	line-height: 1.1em;
}

#footer a {
	color: #a3a3a3;
}

#footer h2 {
	color: #fff;
	font-size: 1.3em;
	margin-bottom: 15px;
	font-weight: normal;
	font-style: normal;
}