/*  
Theme Name: Showcase Edition Black
Theme URI: http://deniswelsch.de/
Description: Copyright by Denis Welsch
Version: 1.5
Author: Denis Welsch
Author URI: http://deniswelsch.de/

	Showcase v1.5
	http://deniswelsch.de

	This theme was designed and built by Denis Welsch,
	whose blog you will find at http://deniswelsch.de/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Begin Typography & Colors */


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #000000 url('images/bg-pattern.jpg');
	background-repeat: repeat;
	color: #FFFFFF;
	padding: 0px;
  	margin: 0px;
	text-align: left;
	}

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

a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#page {
	font-size: 1.2em;
	}

#footer {
	font-size: 0.9em;
	color: #FFFFFF;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color: #7A7A7A;
	text-decoration: none;
	}

#footer a:hover {
	color: #EFF122;
	text-decoration: none;
	}

#navigation {
	font-size: 0.8em;
	}

#navigation a:link, #navigation a:visited, #navigation a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#navigation a:hover {
	color: #EFF122;
	text-decoration: none;
	}

.adress {
	font-size: 1.0em;
	font-weight: bold;
	color: #202020;
	}

.date {
	font-size: 0.9em;
	color: #9A9A9A;
	}

.date a, .date a:visited, .date a:active {
	color: #9A9A9A;
	text-decoration: none;
	}

.date a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.title {
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
	}

.title a:link, .title a:visited, .title a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

.title a:hover {
	color: #EA1FB8;
	text-decoration: none;
	}

.edit {
	font-size: 0.9em;
	}


.cats {
	font-size: 0.9em;
	color: #1B84EC;
	}

.cats a:link, .cats a:visited, .cats a:active {
	color: #1B84EC;
	text-decoration: none;
	}

.cats a:hover {
	color: #FFFFFF;
	background-color: #1B84EC;
	text-decoration: none;
	}

.tags {
	font-size: 0.9em;
	color: #7A7A7A;
	}

.tags a:link, .tags a:visited, .tags a:active {
	color: #7A7A7A;
	text-decoration: none;
	}

.tags a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.entry {
	font-size: 1.0em;
	color: #FFFFFF;
	}

.entry a:link, .entry a:visited, .entry a:active {
	color: #989898;
	text-decoration: none;
	border-bottom: 1px dotted;
	}

.entry a:hover {
	color: #EFF122;
	text-decoration: none;
	border-bottom: 1px dotted;
	}

blockquote {
	color: #84A5D2
	}

code {
	color: #000000;
	font-size: 0.9em;
	font-family: Helvetica, sans-serif;
	}

#twitter {
	font-size: 1.0em;
	}

#last-posts {
	font-size: 1.0em;
	}

#last-posts a:link, #last-posts a:visited, #last-posts a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#last-posts a:hover {
	color: #1B84EC; 
	text-decoration: none;
	}

#last-posts-y {
	font-size: 1.0em;
	}

#last-posts-y a:link, #last-posts-y a:visited, #last-posts-y a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#last-posts-y a:hover {
	color: #1B84EC; 
	text-decoration: none;
	}

#categories {
	font-size: 0.9em;
	color: #A7A7A7;
	}

#categories a:link, #categories a:visited, #categories a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#categories a:hover {
	color: #1B84EC; 
	text-decoration: none;
	}

.postmetadata-comments {
	font-size: 0.9em;
	color: #5297D7;
	}

.postmetadata-comments a:link, .postmetadata-comments a:visited, .postmetadata-comments a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

.postmetadata-comments a:hover {
	color: #5297D7; 
	text-decoration: none;
	}

.navigation {
	font-size: 0.9em;
	}

.navigation a:link, .navigation a:visited, .navigation a:active {
	color: #EFF122;
	text-decoration: none;
	}

.navigation a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#rss-feeds {
	font-size: 0.9em;
	}

#rss-feeds a:link, #rss-feeds a:visited, #rss-feeds a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#rss-feeds a:hover {
	color: #5297D7;
	text-decoration: none;
	}

#blogroll {
	color: #A7A7A7;
	font-size: 0.9em;
	}

#blogroll a:link, #blogroll a:visited, #blogroll a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#blogroll a:hover {
	color: #5297D7;
	text-decoration: none;
	}

#meta {
	color: #A7A7A7;
	font-size: 1.0em;
	}

#meta a:link, #meta a:visited, #meta a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#meta a:hover {
	color: #5297D7;
	text-decoration: none;
	}

.green {
	color: #25B128;
	}

.red	{
	color: #D22C2C;
	}


/* End Typography & Colors */



/* Begin Structure */


#page {
	width: 910px;
	height: 100%;
	text-align: left;
	padding: 0;
	margin: 0 0 0 90px;
	}

#footer {
	width: 900px;
	height: 60px;
	text-align: left;
	padding: 5px;
	margin: 10px 0 0 0;
	background: url('images/content/bg.jpg');
	background-repeat: repeat;
	clear: both;
	}

#logo {
	width: 161px;
	height: 142px;
	padding: 0;
	margin: 0;
	float: left;
	}

#title {
	width: 281px;
	height: 50px;
	padding: 0;
	margin: 26px 0 0 16px;
	float: left;
	}

#navigation {
	width: 400px;
	height: 17px;
	vertical-align: middle;
	padding: 4px 0 0 0;
	margin: 0 17px 0 0;
	background: url('images/navigation/bg.jpg');
	background-repeat: repeat-x;
	float: right;
	}

#navigation div {
	padding: 0 7px 0 7px;
	float: left;
	}

#spacer {
	width: 430px;
	height: 100px;
	padding: 0;
	margin: 9px 22px 12px 0;
	float: left;
	text-align: left;	
	}

#sb_top {
	width: 300px;
	height: 12px;
	padding: 0;
	margin: 9px 0 0 0;
	float: right;
	text-align: right;
	}

#main {
	width: 600px;
	height: 100%;
	padding: 0 0 10px 0;
	margin: 0;
	background: url('images/content/bg.jpg');
	background-repeat: repeat;
	float: left;
	text-align: center;
	}

.adress {
	width: 578px;
	height: 21px;
	padding: 6px 0 0 22px;
	margin: 0 1px 0 0;
	background: url('images/content/top-content.jpg');
	background-repeat: repeat-x;
	text-align: left;
	} 

#sidebar {
	width: 300px;
	padding: 0;
	margin: 0;
	float: right;
	text-align: left;
	}

#sb-container {
	width: 300px;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	background: url('images/content/bg-sidebar.jpg');
	background-repeat: repeat;
	text-align: left;
	}

#sb-top {
	width: 300px;
	padding: 0;
	margin: 0;
	float: right;
	}

.sb-top {
	width: 300px;
	padding: 0;
	margin: 0;
	}


.sb-title {
	width: 300px;
	padding: 0;
	margin: 3px 0 0 5px;
	font-weight: bold;
	}

.sb-content {
	width: 290px;
	padding: 0;
	margin: 8px 5px 0 5px;
	}

#content {
	width: 564px;
	padding: 0;
	margin: 0 18px 20px 18px;
	text-align: left;
	}

hr {
	border: solid #272727 1px;
	height: 1px;
	}

.title {
	padding: 0;
	margin: 0;
	}

.title img {
	vertical-align: middle;
	}


.date {
	padding: 0;
	margin: 0;
	}

.dotted {
	width: 562px;
	text-align: left;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	clear: both;
	}

.cats img {
	vertical-align: middle;
	}

.tags img {
	vertical-align: middle;
	}

.postmetadata-comments img {
	vertical-align: middle;
	}

.entry {
	padding: 0;
	margin: 10px 0 10px 0;
	}

.entry-meta {
	clear: both;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #C41699;
	}

code {
	background-color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	margin: 0;
	}

#twitter {
	width: 270px;
	padding: 0;
	margin: 0 0 0 10px;
	text-align: left;
	}

#last-posts {
	width: 290px;
	padding: 0;
	margin: 0;
	text-align: left;
	}

#last-posts ul {
	list-style-image:url(images/content/icons/doc.gif);
	padding: 0 5px 0 25px;
  	margin: 0 0 0 0;
	vertical-align: middle;
	}

#last-posts-y {
	width: 290px;
	padding: 0;
	margin: 0;
	text-align: left;
	}

#last-posts-y ul {
	list-style-image:url(images/content/icons/sticky_pin.gif);
	padding: 0 5px 0 25px;
  	margin: 0 0 0 0;
	vertical-align: middle;
	}

#tag-cloud {
	width: 290px;
	padding: 0;
	margin: 0;
	text-align: center;
	}

#categories {
	width: 290px;
	padding: 0;
	margin: 0;
	text-align: left;
	}

#categories ul {
	list-style-image:url(images/content/icons/docs_arrow.gif);
	padding: 0 5px 0 25px;
  	margin: 0 0 0 0;
	vertical-align: middle;
	}

#rss-feeds {
	width: 250px;
	padding: 0 0 0 20px;
	margin: 0;
	text-align: left;
	}

#rss-feeds img {
	vertical-align: middle;
	}

#blogroll {
	width: 280px;
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
	}

#visualize {
	width: 280px;
	padding: 0 0 0 0px;
	margin: 0;
	text-align: center;
	}

.clear {
	clear: both;
	}

#meta {
	width: 280px;
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
	}

.postmetadata-comments {
	padding: 0;
	margin: 10px 0 10px 0;
	}

.alignleft {
	text-align: left;
	float: left;
	}

.alignright {
	text-align: right;
	}

.navigation {
	padding: 0 0 25px 0;
	margin: 0;
	}

#flickr {
	text-align: center;
	}

#flickr img {
	margin: 0 3px 3px 0;
	border: 0px solid #717171;
	}

#extern {
	width: 290px;
	padding: 0 0 0 4px;
	margin: 0;
	text-align: left;
	}

#extern img {
	margin: 0 10px 2px 0;
	}

/* End Structure */

/* Begin Comments*/

.avatar {
	width: 50px;
	float: left;
	}

.name a, .avatar a:visited {
	color: #5297D7;
	text-decoration: none;
	}

.name a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.name {
	color: #5297D7;
	}

.comment {
	width: 400px;
	padding: 0 0 0 10px;
	margin: 0;
	}

.hr { clear: both;
	}

#comments {
	width: 500px;
	padding: 0 0 0 20px;
	}

.comments-meta {
	font-size: 1.0em;
	}

.comments-meta a, .comments-meta a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

.comments-meta a:hover {
	color: #5297D7;
	text-decoration: none;
	}

.commentlist small a, .commentlist small a:visited {
	color: #C8D13B;
	}

.commentlist small a:hover {
	color: #90B94E;
	}


.commentlist {
	width: 520px;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	}

.commentlist h2 {
	padding: 0 0 10px 0;
	}

/* End Comments */


/* Begin Pagination */

div.pagination {
		padding: 3px;
		margin: 10px;
		text-align:center;
	}
	
div.pagination a {
		border: 1px solid #dedfde;
		margin-right:3px;
		padding:2px 6px;

		background-position:bottom;
		text-decoration: none;

		color: #0061de;		
	}

div.pagination a:hover, div.meneame a:active {
		border: 1px solid #000;
		background-image:none;
		background-color:#0061de;
		color: #fff;
	}

div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		
		font-weight: bold;
		color: #ff0084;
	}

div.pagination span.disabled {
		margin-right:3px;
		padding:2px 6px;
	
		color: #adaaad;
	}

/* END Pagination */


/* Begin Musik Links */

.musik {
	list-style-image:url(images/content/icons/media.gif);
	}

.musik li strong {
	color: #9eb34a;
	}

/* End Musik Links */


/* Begin Delicious Links */


.delicious-links {
	list-style-image:url(images/content/icons/links.gif);
	}

.delicious-links a:link, .delicious-links a:visited {
	color: #8f8f8f;
	text-decoration: none;
	border-bottom: 0px;
	}

.delicious-links a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px;
	}

.delicious-tags {
	color: #FFFFFF;
	font-size: 0.9em;
	}

.delicious-tags a:link, .delicious-tags a:visited {
	color: #383838;
	text-decoration: none;
	background-color: #121212;
	}

.delicious-tags a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #383838;
	}


/* End Delicious Links */


/* Begin Various Tags & Classes */

input {
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, sans-serif;
	border: 1px solid #C0E890;
	background-color: #9FBF77;
	width: 250px;
	padding: 1px 1px 1px 5px;
	}

textarea {
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, sans-serif;
	border: 1px solid #C0E890;
	background-color: #9FBF77;
	padding: 1px 1px 1px 5px;
	}

a img {
	border: none;
	}


/* End Various Tags & Classes*/