/*
Theme Name: 99Matters Theme
Version: 1.8
Author: Moritz Limanski
Author URI: http://www.portnull.de
Description: 99Matters Theme. Now with searchbox and newsletter
Tags: Videos, Newsletter, Search, Tags, MP§ Player
*/



/* $RESET
--------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, ul, ol, li {margin: 0;padding: 0;}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
	color: #303030;}


/* $TYPO
--------------------------------------------------------------- */
h1, h2, h3, h4 {
	font-family: Georgia, Times, Garamond;}

h1 {
	font-size: 2em;
	margin: 0;}
	
h1 a#logolink {
	padding: 0;
	height: 35px;
	margin: 20px 0 0 0;
	outline: none;}
a#logolink {display: block;}
a#logolink img {border: none;}

h2 {font-size: 1.6em;}

h2.pagetitle {
	font-style: italic;
	margin: 10px 0 20px 0;}


h3 {
	font-size: 1.3em;
	padding: 0;
	margin: 0;}


h3#comments,
h3#respond {
	float: left;
	font-size: 1.3em;
	font-style: italic;
	padding: 4px 4px 4px 21px;
	background: #f4f4f4;}
h3#comments em {
	color: #d70d53;}
	

h4 {
	font-size: 1.2em;
	font-style: italic;
	color: #f4f4f4;
	padding: 0;
	margin: 0;}
h4 a {color: #ffd200;}
h4 a:hover {color: #ffd200;}




h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;}

h2, h2 a, h2 a:visited {
	color:#504f4a;}
h2 a:hover {
	color: #d91c5e;
	text-decoration: none;}	
	
	
h3, h3 a, h3 a:visited {
	color: #333;}
h3 a:hover {
	color: #DCBB36;
	text-decoration: none;}
#indexbanner h3 {color: #fff;}


.the_time {
	font-size: 0.9em;
	padding: 2px;
	background: #ffe464;}

.comment_counter {
	font-style: italic;
	border-bottom: 1px solid #ecebe6;}
.comment_counter a {
	font-size: 0.9em;
	padding: 2px 4px;
	color:#666;}
.comment_counter a:hover {
	color:#000;
	text-decoration: none;} 	
	
#header h2 em, .marked, h2.pagetitle em {color:#d70d53;}



small {
	font-family: Georgia, Times, Garamond;
	font-size: 0.9em;
	line-height: 1.5em;}
		
.description {
	font-size: 1.2em;}	



a {
	color: #303030;
	text-decoration: none;}
a:hover {
	color: #222;
	text-decoration: underline;}
	
a.nobg img {
	background: none;}

hr {
	border:0;
	border-bottom:1px solid #e0e0d4;}
		
acronym, abbr, span.caps {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;}

acronym, abbr {
	border-bottom: 1px dashed #999;}


blockquote {
	font-family: Georgia, Times, Garamond;
	font-size: 1.2em;
	content: open-quote;
	content: close-quote;
	margin: 8px 8px 0 8px;
	padding: 0;}
	
	
blockquote cite {
	margin: 5px 0 0;
	display: block;}


p.listen {
	padding: 12px 0 12px 0;
	margin: 0;
	background: url("images/bg_link.jpg") 0 5px no-repeat;}

p.listen a {
	font-family: Georgia; Times, Garamond;
	font-size: 1.3em;
	color: #d70d53;
	padding: 4px ;
	background: none;}
p.listen a:hover {
	color: #333;
	text-decoration: none;}



.center {
	text-align: center;}



small,
#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
blockquote,
strike {
	color: #777;}

code {
	font: 1.1em 'Courier New', Courier, Fixed;}


/* $BASIC LAYOUT
--------------------------------------------------------------- */
body {
	padding: 0;
	margin: 0;
	background: #fff url("images/bg_body-save.jpg") top center repeat;}
	
	
div#canvas {
	text-align: left;
	width: 848px;
	padding: 60px 0 0 0;
	margin: 0 auto;
	background: #f2eeeb url("images/bg_canvas.jpg") top left no-repeat;}


#content {
	font-size: 1.3em;}


div#page {
	width:422px;
	padding: 0;
	margin: 0;}

	
body#watch div#page {
	width: 828px;}


div#comment_frame {
	float: left;
	font-size: 1.3em;
	line-height: 1.6em;
	width: 442px;
	padding: 0;
	margin: 0;}
	
		
div#sidebar {
	float: right;
	font-size: 1.3em;
	line-height: 1.6em;
	width: 392px;}


div#related_items {
	float: right;
	width: 392px;
	margin: 148px 0 0 0;}
	

/* $HEADER
--------------------------------------------------------------- */
div#header {
	float: left;
	padding: 0 0 0 12px;
	margin:0 0 40px 20px;
	display: inline;}

#header h2 {
	font-style: italic;
	color: #525252;
	margin: 8px 0 0 0;}


/* $THESITE $MENU
--------------------------------------------------------------- */
div#thesite_menu {
	clear: left;
	font-family: Georgia, Times, Garamond;
	font-size: 1.4em;
	font-style: italic;
	margin: 0 0 6px 16px;}
	
div#thesite_menu a {
	padding: 4px;
	margin: 0 4px 0 0;
	text-shadow: 1px 1px 1px #ccc;
	background: #fff;}
div#thesite_menu a:hover {
	color: #d70d53;
	text-decoration: none;}
	
	
/* $THESITE $FOOTER
--------------------------------------------------------------- */
div#thesite_footer {
	clear: left;
	font-family: Georgia, Times, Garamond;
	font-size: 1.4em;
	height: 100px;
	font-style: italic;
	margin: 0;}
	
div#thesite_footer a {
	padding: 4px;
	margin: 0 4px 0 0;
	border-top:2px dotted #e9e6df;
	background: #fff;}
div#thesite_footer a:hover {
	color: #d70d53;
	text-decoration: none;}
	


/* $CONTENT $POST $ENTRY
--------------------------------------------------------------- */
.narrowcolumn, 
.widecolumn {
	float: left;
	line-height: 1.5em;
	width: 422px;
	padding: 0 0 10px 16px;
	margin: 0;}
	
.widecolumn {
	padding: 0 0 20px 16px;
	width: 828px;}
	
	
.navigation {
	display: block;
	font-style: italic;
	color: #666;
	margin: 20px 0 0 0;}


.post, .popularpost {
	text-align: left;
	padding: 10px 10px 1px 10px;
	margin: 0;
	border: 1px solid #e2e1dc;
	border-bottom: 0;
	background: #fff url("images/gfx_klammer.jpg") 376px 12px no-repeat;}
	
.post hr {display: block;}

.post_title h2,
.post_title h3 {
	font-style: italic;
	margin: 0;}
.post_title h3 {
	color:#d70d53;}
	
h3.excerpt {
	font-style: italic;
	color: #d70d53;
	margin: 0;}
.popularpost h3.excerpt {
	color:#d70d53;}	

.post_title p {
	padding: 0;
	margin: 2px 0 0 0;}	

.entry a {
	color: #222;
	background: #F5F8E9;}
	
	

.narrowcolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;}

.narrowcolumn .attachment {
	text-align: center;
	margin: 5px 0px;}
	



/* $RELATED ITEMS
--------------------------------------------------------------- */
div.item {
	font-size: 1.3em;
	margin: 0 0 4px 0;}
	
div.itemfilter {
	width:385px;
	padding: 9px;
	height: 121px;
	background: url("images/bg_item.png") top right no-repeat;}
	
div.item a img {
	float: left;
	width:140px;
	height: 105px;
	margin: 0 10px 0 0;
	border:1px solid #ccc;
	background: #f8f8f8;}
	
	

.item a h2 {
	font-style: italic;
	font-size: 1.2em;
	margin: 6px 0 0 0;}
.item a:hover h2 {
	color:#d70d53;
	text-decoration: none;}
	
.item h3 {
	font-style: italic;
	font-size: 1.1em;
	color:#949388;}

.item p {
	padding: 0;
	margin: 2px  0 0 0;}	



/* $ENTRYS ON INDEX
--------------------------------------------------------------- */
body#watch div.post,
body#watch div.popularpost {
	float: left;
	height: 121px;
	width: 382px;
	margin: 0 12px 10px 0;
	border: 0;
	background: url("images/bg_post.png") top right no-repeat;}

body#watch div.popularpost {
	background: url("images/bg_popularpost.png") top right no-repeat;}	

body#watch div.postmetadata {
	width: 422px;}
	
		
img.thumb {
	float: left;
	width:140px;
	height: 105px;
	margin: 0 10px 0 0;
	border:1px solid #ccc;
	background: #f8f8f8;}
	

/* $BANNER
--------------------------------------------------------------- */
#indexbanner a {outline: none;}
#indexbanner {
	width: 815px;
	margin: 10px 12px 16px 0;
	border-top: 1px solid #636363;
	background: #333;}
	
#indexbanner ul {
	padding: 0 10px;
	margin: 0;}
#indexbanner ul li {
	float: left;
	width: 252px;
	padding: 10px 0;
	list-style: none;}


	
li#banner_trailer {}

li#banner_twitter {
	margin: 0 18px;}
li#banner_twitter img {
	float: right;
	margin: -4px 10px 0 0;}

li#banner_facebook {}




/* FEEDBURNER COUNTER */
.feedcountdiv {
	margin: 0;
	padding: 0;}
.feedcountdiv p {margin: 0; padding: 0;}
.feedcountdiv a {text-decoration: none;}

.feedcount {
	font-family: Georgia, Times, Garamond;
	font-size: 1.3em;
	font-weight: bold;
	color: #f4f4f4;}
.subscribers {}

.feedcountdiv .before {}
.feedcountdiv .after {}




/* $POSTMETA
--------------------------------------------------------------- */
.postmetadata {
	clear: both;
	height: 40px;
	padding:0;
	margin:0 0 10px 0;
	background: url("images/bg_postmetadata.png") bottom right no-repeat;}
.postmetadata a {
	color:#777;
	position: relative;}

.postmetatxt {
	clear: both;
	padding: 4px 0 4px 0;
	margin: 10px 0 0 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;}

.tags {
	float: left;
	margin: 0 0 0 10px;
	display: inline;}
	
.counter {
	float: left;
	margin: 0 0 10px 10px;
	display: inline;}
.counter a {
	color: #d70d53;
	background: none;
	padding: 4px;}
.counter a:hover {
	text-decoration: none;
	background: #ecebe9;}
	


/* $WIDGETS
--------------------------------------------------------------- */		
.widget {
	width: 356px;
	padding: 10px;
	margin: 0 0 18px 0;
	border: 1px solid #d8d7d2;}
	
#sidebar h2.widgettitle {
	font-size: 1.6em;
	font-style: italic;
	color:#303030;}
#sidebar h2.widgetexcerpt {
	font-size: 1.3em;
	font-style: italic;
	color:#f33;}


/* $TAG CLOUD
--------------------------------------------------------------- */
#sidebar .widget_tag_cloud {
	clear: left;
	line-height: 2em;
	overflow: hidden;
	background: #d9e2eb;}

#sidebar .widget_tag_cloud a {
	display: block;
	float: left;
	color: #5f6a6e;
	margin: 0 6px 0 0;}
	
#sidebar .widget_tag_cloud a:hover {
	color: #303030;
	text-decoration: none;}	
	

/* $SEARCH
--------------------------------------------------------------- */
#sidebar form {margin: 0;}

#onpagesearch {
	width: 794px;
	padding: 10px 10px 14px;
	margin: 18px 0;
	border: 1px solid #ccc;
	background: #d9e2eb;}
#sidebar #onpagesearch {
	width: 356px;
	padding: 0;
	border: 0;
	background: none;}


#sidebar .widget_search {
	padding: 8px 10px 14px;
	background: #d9e2eb;}

/* THIS STYLES THE BUTTON */
#sidebar .widget_search input,
#onpagesearch input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #000;
	margin: 6px 0 0 4px;
	padding: 3px 4px 4px;
	border: 1px solid #ced6df;
	cursor: pointer;}

/* THIS STYLES THE INPUT */	
#sidebar .widget_search input#s,
#onpagesearch input#s {
	float: left;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 1.1em;
	color: #666;
	width: 278px;
	padding: 4px;
	border: 1px solid #ced6df;}

#onpagesearch input#s {width: 308px;}	
#onpagesearch input.button {
	cursor: pointer;
	padding: 3px 4px 4px;}	


li#recent-posts a:before,
li#archives a:before,
li#links a:before {
	content: "\00BB  ";}



/* $NEWSLETTER PLUGIN
--------------------------------------------------------------- */
#sidebar .wpmlwidget {
	background: #ffed98 url("images/bg_newsletter.jpg") bottom left repeat-x;}
#sidebar .wpmlwidget fieldset {
	padding:5px 12px 12px;
	margin: 8px 0 0 0;
	border-color: #e4bf13;
	background: #fff}
#sidebar .wpmlwidget legend {
	color: #111;
	background: #fff;}	
#sidebar .wpmlwidget sup {color: #111;}
	
#sidebar .wpmlwidget input {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 1.1em;
	color: #666;
	padding: 4px;
	border: 0;}
	
#sidebar .wpmlwidget input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #000;
	padding: 3px 4px 4px;
	margin: 6px 0 0 0;
	border: 1px solid #f2eeeb;
	cursor: pointer;}



/* $SIDEBAR2
--------------------------------------------------------------- */
#sidebar2 {
	clear: both;}
#sidebar2 li {list-style-type: none;}
	
#sidebar2 .widget {
	width: 792px;
	padding: 10px;
	margin: 18px 0 18px 0;
	border: 1px solid #d8d7d2;
	background: #d9e2eb;}	
	
#sidebar2 a {
	display: inline;
	color: #5f6a6e;
	margin: 0 0 2px 0;
	outline: none;}
#sidebar2 a:hover {
	color: #333;}
	
	


/* $LISTS
--------------------------------------------------------------- */
#sidebar ul,
#sidebar ul ol {
	margin: 0;
	padding: 0;}

#sidebar .widget ul {
	font-size: 1.1em;
	padding: 0;
	margin: 0;}	

#sidebar ul li {
	clear: left;
	list-style: none;}

#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;}
	


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 18px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;}

html>body .entry li {
	margin: 0 0 4px 10px;}

.entry ol {
	padding: 0 0 0 18px;
	margin: 0;}

.entry ol li {
	margin: 0;
	padding: 0;}
	
	

/* $IMAGES
--------------------------------------------------------------- */
.left, .alignleft {
	float: left;}
.right, .alignright {
	float: right;}
	
.entry a img,
.entry p img {
	margin:4px;
	padding:3px;
	background:#f5f8e9;
	border:1px solid #e9ecdd;
	max-width: 590px;}	

img.centered, img.center {
	display: block;
	width: auto;
	margin:2px auto;}

img.left, img.alignleft {
	padding: 2px;
	margin: 0 10px 4px 0;
	display: inline;}

img.right, img.alignright {
	padding: 2px;
	margin: 0 0 4px 10px;
	display: inline;}


/* $FORMS
--------------------------------------------------------------- */
input,
textarea,
select {
	color: #303030;
	padding: 0;
	margin: 0;
	border: 1px solid #e2e1dc;
	background: #fff;}

#searchform {
	margin: 0;
	padding: 0;}
	
select {
	width: 130px;}


#commentform input {
	font-size: 1em;
	padding: 2px;
	margin: 5px 5px 1px 0;}

#commentform textarea {
	font-family: Georgia, Times, Garamond;
	font-size: 1.2em;
	width: 400px;
	padding: 6px;
	margin: 0;}

#commentform input#submit {}
#commentform input#submit:hover {
	background: #ebebe9;}


/* $COMMENTS $SCHREIBEN
--------------------------------------------------------------- */
form#commentform {
	float: left;
	margin: 10px 0 30px 20px;
	display: inline;}

input.comment {
	height: 20px;
	width: 226px;
	padding: 2px 0 0 0;
	border: 1px solid #e2e1dc;}
	
input.button {
	height: 26px;
	width: 62px;
	margin: 0 0 0 6px;
	cursor: pointer;}

label {
	font-family: Georgia, Times, Garamond;
	padding: 0;}

p.commentinfo {font-family: Georgia, Times, Garamond;}
p.commentinfo a {text-decoration: underline;}

/* $COMMENTS $LESEN
--------------------------------------------------------------- */
.commentlist {
	float: left;
	text-align: justify;
	width: 420px;
	padding: 0;
	margin: 0 0 16px 16px;}
	
.commentlist li {
	list-style: none;
	margin: 10px 0 0 0;
	border: 1px solid #e2e1dc;
	border-bottom: 0;
	background: #fff;}
	
img.avatar {
	float: right;
	padding: 1px;
	margin: -16px 8px 0 4px;
	border: 1px solid #c0bfb8;
	background: #fff;}

div.comment_footer {
	text-align: left;
	padding: 4px 0 4px 10px;
	margin: 0;
	border-top: 1px solid #c0bfb8;
	background: #dcd9d7;}	

.commentlist li p {
	font-family: Georgia, Times, Garamond;
	font-size: 1.aem;
	text-align: left;
	color: #777;
	padding: 10px;
	margin: 0;}

.commentlist li.alt p {
	color: #777;}



.commentauthor {
	font-family: Georgia; Times, Garamond;}
.commentauthor a{color: #d70d53;}

.commentmetadata {
	font-weight: normal;
	margin: 0;}
	
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;}


/* $FOOTER
--------------------------------------------------------------- */
div#footer, div#footer_tags {
	clear: left;
	font-size: 1.4em;
	padding: 0 0 0 16px;
	margin: 0 0 5px 0;
	border-top: 1px dotted #cfcec8;
	border-bottom: 1px dotted #cfcec8;
	background: #fff url("images/bg_footer.jpg") top left repeat;}
	
div#footer_menu {
	margin: 0 0 20px 0;
	background: #333;}	

div.footer_col {
	float: left;
	font-size: 1.1em;
	height: 140px;
	width: 376px;
	padding: 8px 12px;
	margin: 10px 9px 20px 0;
	border: 1px solid #e1e0dc;
	background: #fff;}
	
div#footer ul li {
	margin: 4px 0 0 0;
	list-style: none;
	border-bottom: 1px dotted #e1e0dc;}
div#footer ul li:last-child {border: 0;}

	
div#footer a {
	display: block;
	font-family: Georgia, 'Times New Roman', serif;
	color: #404040;
	padding: 2px 0 2px 24px;
	background: #fff url("images/footer_0.gif") 4px 3px no-repeat;}
div#footer a:hover {
	color: #333;
	text-decoration: none;
	background: #fff url("images/footer_1.gif") 4px 3px no-repeat;}


div#footer h2 {
	font-size: 1.2em;
	font-style: italic;
	color:#51504e;
	margin: 4px 0;}


div.footer_colspan {
	clear: left;
	padding: 2px 0 2px 14px;}
div.footer_colspan p {
	padding: 0;
	margin: 0;}


div#footer a.rss, div#footer a.rss:hover {background: #fff url("images/rss.png") 4px 3px no-repeat;}
div#footer a.last, div#footer a.last:hover {background: #fff url("images/last.png") 4px 2px no-repeat;}
div#footer a.twitter, div#footer a.twitter:hover {background: #fff url("images/twitter.png") 4px 2px no-repeat;}
	

/* $EXTRAS
--------------------------------------------------------------- */
.sleft {
	float: left;
	width: 48%;}
.sright {
	float: right;
	width: 48%;}

.xclear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}



/* $CREATE THE FUCKING $POSTER
--------------------------------------------------------------- */
div#canvas {
	background: #f2eeeb url("images/cv_default.jpg") top left no-repeat;}

body#watch div#canvas{
	background: #f2eeeb url("images/bg_canvas.jpg") top left no-repeat;}

body#american-music-club div#canvas{
	background: #f2eeeb url("images/cv_amc.jpg") top left no-repeat;}
	
body#get-well-soon div#canvas{
	background: #f2eeeb url("images/cv_getwellsoon.jpg") top left no-repeat;}

body#johnossi div#canvas {
	background: #f2eeeb url("images/cv_johnossi.jpg") top left no-repeat;}

body#idaho div#canvas {
	background: #f2eeeb url("images/cv_idaho.jpg") top left no-repeat;}

body#yeasayer div#canvas {
	background: #f2eeeb url("images/cv_yeasayer.jpg") top left no-repeat;}

body#katenash div#canvas {
	background: #f2eeeb url("images/cv_katenash.jpg") top left no-repeat;}

body#thewombats div#canvas {
	background: #f2eeeb url("images/cv_thewombats.jpg") top left no-repeat;}

body#wolke div#canvas {
	background: #f2eeeb url("images/cv_wolke.jpg") top left no-repeat;}
	
body#shoutoutlouds div#canvas {
	background: #f2eeeb url("images/cv_shoutoutlouds.jpg") top left no-repeat;}
	
body#stvincent div#canvas {
	background: #f2eeeb url("images/cv_stvincent.jpg") top left no-repeat;}



/* $CALENDER
--------------------------------------------------------------- */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;}

#wp-calendar a {
	text-decoration: none;}

#wp-calendar caption {
	font-family: Arial, Helvetica;
	text-align: center;}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;}

#wp-calendar a {
	display: block;}

#wp-calendar caption {
	text-align: center;
	width: 100%;}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;}

#wp-calendar td.pad:hover {
	background-color: #fff; }