/*
Theme Name: The Death Cat
Version: 0.1
Description: A simple theme that automatically organizes your content into a fluid grid. Inspired and adapted from the Shaken Grid Wordpress Theme by Sawyer Hollenshead.
Author: Alexander Gewessler
Author URI: http://www.ohneworte.net
*/

/* Reset Styles */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
a, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* General Styles */
body {
	font:0.75em/1.6em Arial, sans-serif;
	color:#a6a6a6;
	background:#050505;
}
.wrapper {
	background:#111 url(images/sitetech/background.jpg) repeat-x;
	overflow:hidden;
}
.invisible {
	position:absolute;
	top:0;
	left:-9999px;
}
a {
	color:#768702;
}
a:hover,
a:focus {
	background-color:#768702;
	color:#fff;
	text-decoration:none;
}

.twitter #twtr-widget-1 .twtr-tweet a:hover,
.twitter #twtr-widget-1 .twtr-tweet a:focus,
.twtr-ft span a:hover,
.twtr-ft span a:focus {
	color:#fff !important;
	text-decoration:none !important;
}

/* Area Styles */
/* Header */
#header {
	height:10em;
	background:rgba(0,0,0,0.7);
	border-bottom:1px solid rgba(51,51,51,0.25);
}
	#header .wrapper {
		float:left;
		width:83em;
		height:100%;
		background:none;
	}
	#header h1 a {
		float:left;
		width:350px;
		height:107px;
		margin:0.5em 0 0 2em;
		background:url(images/content/logo.png) center center no-repeat;
	}
	#header .navigation {
		float:left;
		overflow:hidden;
		height:100%;
		margin-left:2em;
	}
		#header .navigation ul {
			height:100%;
			list-style:none;
		}
			#header .navigation li {
				float:left;
				height:100%;
				margin:0 0.4em;
			}
				#header .navigation a {
					float:left;
					height:100%;
					padding:2.1em 0.5em 0;
					font:2em Georgia;
					color:#a6a6a6;
					background:rgba(0,0,0,0.5);
					text-decoration:none;
				}
				#header .navigation li#menu-item-6 a,
				#header .navigation li#menu-item-191 a {
					text-indent:-9999px;
					width:20px;
					background-image:url(images/content/search.png);
					background-position:center 2.4em;
					background-repeat:no-repeat;
				}
				#header .navigation li#menu-item-191 a {
					background-image:url(images/content/rss.png);
				}
				#header .navigation a:hover,
				#header .navigation a:focus,
				#header li.current-menu-item a {
					background:rgba(255,255,255,0.1);
				}
				
/* Search Area, Comments Form */
#search {
	padding:2em;
	background:#000;
	background:rgba(0,0,0, 0.7);
	border-bottom:1px solid rgba(51,51,51,0.25);
}
.no-search {
	display:none;
}
	#search input,
	#respond input,
	#respond textarea {
		position:relative;
		border:0.1em solid #999;
		padding:1em;
		width:97%;
		background:#f4f4f4 url(images/sitetech/background-search.png) center right no-repeat;
		
		-moz-border-radius:0.6em;
		-webkit-border-radius:0.6em;
		border-radius:0.6em;
	}
	#respond input {
		width:40%;
		margin-right:1em;
		background-image:none;
	}
	#respond input#submit {
		width:auto;
	}
	#respond textarea {
		width:96%;
		font-family:Arial;
		background-image:none;
	}
	#respond #submit {
		float:right;
		padding:0.5em 1em;
		color:#fff;
		background:#000;
		border:1px solid rgba(0,0,0,0.1);
		cursor:pointer;
		
		-moz-border-radius:0.6em;
		-webkit-border-radius:0.6em;
		border-radius:0.6em;
	}
		#respond #submit:hover,
		#respond #submit:focus {
			background:#768702;
		}
	#respond p {
		overflow:hidden;
	}
	
/* Content */
#grid {
	padding-left:2.7em;
}
#content {
	width:100%;
	margin-top:2.7em;
}
#content .navigation {
	clear:both;
	overflow:hidden;
	margin:2em 0 0 0.5em;
}
	#content .navigation a {
		float:left;
		padding:0.5em 1em;
		color:#fff;
		background:#000;
		border:1px solid rgba(0,0,0,0.1);
		text-decoration:none;
		
		-moz-border-radius:0.6em;
		-webkit-border-radius:0.6em;
		border-radius:0.6em;
	}
		#content .navigation a:hover,
		#content .navigation a:focus {
			background:#768702;
		}
	#content #nav-above{
		margin-bottom:2em;
	}
	#content .nav-previous,
	#content .nav-next{
		float:left;
		clear:right;
		margin-right:2em;
	}
.post {
	overflow:hidden;
	float:left;
	width:25.8em;
	padding:1.2em;
	margin:0.6em;
	background:#000;
}
.entry {
	position:relative;
	-moz-border-radius:0.6em;
	-webkit-border-radius:0.6em;
	border-radius:0.6em;
}
#content .wrapper {
	width:80em;
	margin:0 auto;
	background:none;
}
	#content .wrapper .post-detail,
	#content .wrapper .sidebar {
		float:left;
	}
	#content .wrapper .sidebar {
		width:28.5em;
		margin:-0.6em  0 0 0.9em;
	}
	#content .wrapper .sidebar .tweet-button,
	#content .wrapper .sidebar .plusone-button {
		margin-left:1em;
	}
	.post h2 {
		font:1.8em Georgia;
		margin:0.5em 0;
	}
	.page {
		clear:right;
		width:46em;
		margin-bottom:3em;
		padding:2em;
		background:#000;
		background:rgba(0,0,0,0.7);
	}
	.comments {
		padding-top:1em;
	}
	.page h2 {
		width:75%;
		margin-bottom:1em;
		font:2em Georgia;
	}
	.page h3 {
		clear:both;
		font:1.6em Georgia;
		margin-top:1em;
	}
	.comments h3 {
		margin:0 0 1em 0;
	}
	.post .no-media {
		margin-top:2em;
	}
	.entry p,
	.entry ul,
	.entry ol {
		margin:0.5em 0;
	}
	.entry .object {
		margin:1em 0;
	}
	.entry ul,
	.entry ol {
		margin:0.5em 1.5em;
	}
	.entry .commentlist li {
		margin-bottom:1em;
	}
	.entry .comments {
		float:right;
	}
	.entry .object {
		text-align:center;
	}
	.entry blockquote {
		padding:0.5em 1em;
		font:italic 1.3em/1.5em Georgia;
	}
	.entry .category {
		position:absolute;
		top:0;
		left:0;
		float:left;
		padding:1em;
		font-size:1.1em;
		color:#fff;
		background-color:#768702;
		background:rgba(118,135,2,0.8);
		
		border-radius:0.5em 0 0.5em 0;
		-webkit-border-radius:0.5em 0 0.5em 0;
		-moz-border-radius:0.5em 0 0.5em 0;
	}
	.page .category {
		left:auto;
		right:0;
		
		border-radius:0 0.5em 0 0.5em;
		-webkit-border-radius:0 0.5em 0 0.5em;
		-moz-border-radius:0 0.5em 0 0.5em;
	}
	.hover {
		background:rgba(0,0,0,0.7);
		
		border-radius:0.6em;
		-webkit-border-radius:0.6em;
		-moz-border-radius:0.6em;
	}
		.category-3 .category {
			background-color:#ad36ff;
			background:rgba(173,54,255,0.8);
		}
		.category-3 a {
			color:#ad36ff;
		}
		.category-3 a:hover,
		.category-3 a:focus {
			background-color:#ad36ff;
			color:#fff;
		}
		.category-3 #respond #submit:hover,
		.category-3 #respond #submit:focus {
			background:#ad36ff;
		}
		.category-25 .category {
			background-color:#768702;
			background:rgba(118,135,2,0.8);
		}
		.category-25 a {
			color:#768702;
		}
		.category-25 a:hover,
		.category-25 a:focus {
			background-color:#768702;
			color:#fff;
		}
		.category-25 #respond #submit:hover,
		.category-25 #respond #submit:focus {
			background:#768702;
		}
		.category-2 .category {
			background-color:#d31a0e;
			background:rgba(211,26,14,0.8);
		}
		.category-2 a {
			color:#d31a0e;
		}
		.category-2 a:hover,
		.category-2 a:focus {
			background-color:#d31a0e;
			color:#fff;
		}
		.category-2 #respond #submit:hover,
		.category-2 #respond #submit:focus {
			background:#d31a0e;
		}
		.category-1 .category {
			background-color:#2f83da;
			background:rgba(48,135,224,0.8);
		}
		.category-1 a {
			color:#2f83da;
		}
		.category-1 a:hover,
		.category-1 a:focus {
			background-color:#2f83da;
			color:#fff;
		}
		.category-1 #respond #submit:hover,
		.category-1 #respond #submit:focus {
			background:#2f83da;
		}
		.post .headline a {
			color:#a6a6a6;
			text-decoration:none;
		}
		.post .headline a:hover,
		.post .headline a:focus {
			color:#fff;
		}
		.entry .category a {
			color:#fff;
			text-decoration:none;
		}
		.entry .category a:hover,
		.entry .category a:focus {
			text-decoration:underline;
			background:none;
		}
		.special .category {
			background-color:#fff;
			background:rgba(84,15,10,0.8);
		}
		.special {
			text-align:center;
		}
		.entry .special {
			padding:10px 0;
		}
			.special .image {
				display:block;
				padding:1em;
				line-height:0;
				background-color:#000;
			}
				.special .image img {
					width:16.65em;
					height:8.3em;
				}
			.special .bandcamp-wrapper {
				text-align:center;
			}
			.special .iframe-wrapper {
				position:relative;
				overflow:hidden;
				width:310px;
				height:270px;
			}
				.special .iframe-wrapper iframe {
					position:absolute;
					top:-2px;
					left:-2px;
				}
		.twitter {
			height:231px;
		}
	
	.video img {
		width:25.8em;
	}
	.gallery {
		margin-top:10px !important;
	}
	.gallery img,
	img.size-thumbnail {
		border:2px solid #fff !important;
	}
		
	#authorbox {
		overflow:hidden;
		width:100%;
		margin-top:2em;
		padding:1em 0;
		background-color:#000;
		
		border-radius:0.6em;
		-webkit-border-radius:0.6em;
		-moz-border-radius:0.6em;
	}
		#authorbox div {
			float:left;
			width:81%;
		}
		#authorbox .image {
			width:17%;
		}
		#authorbox img {
			float:left;
			margin:0 1em 0 1em;
			border:0.4em solid #fff;
		}
		#authorbox div p {
			margin-top:0;
		}
		#authorbox ul {
			float:right;
			list-style:none;
			overflow:hidden;
			margin:0;
		}
			#authorbox ul li {
				float:left;
				margin-left:1em;
			}

/* Footer */
#footer {
	width:100%;
	float:left;
	clear:both;
	margin-top:4em;
	padding:2em;
	background:#000;
	background:rgba(0,0,0,0.7);
	border-top:1px solid rgba(51,51,51,0.25);
	line-height:1.5em;
}
	#about {
		float:left;
		margin-bottom:1em;
	}
		#about div {
			float:left;
		}
		#about div.widget_text {
			width:35%;
			margin-right:5em;
		}
		#about div.widget_authors {
			width:25%;
		}
		#about div.blogroll {
			width:25%;
			margin:0 0 0 5em;
		}
		#about h3 {
			font:2em Georgia;
		}
		#about .widget_text h3 {
			margin-bottom:0.3em;
		}
		#about ul {
			list-style:none;
			margin-left:0.2em;
		}
			#about li {
				clear:both;
				margin:0.7em 0;
				overflow:hidden;
			}
				#about li p {
					float:left;
					width:73%;
				}
				#about .blogroll li a {
					display:block;
					width:220px;
					height:50px;
					border:0.2em solid #fff;
					background-color:#111;
					background-repeat:no-repeat;
				}
				#about li a.image {
					float:left;
					border:0.2em solid #fff;
					background:none;
					margin-right:1em;
				}
				#about li a.image:hover,
				#about li a.image:focus {
					border:0.2em solid #768702;
				}
				#about .blogroll li a.frontregen {
					background-image:url(images/content/relatives/frontregen.jpg);
				}
				#about .blogroll li a.common-folk {
					background-image:url(images/content/relatives/common-folk.jpg);
				}
				#about .blogroll li a.cover-lay-down {
					background-image:url(images/content/relatives/cover-lay-down.jpg);
				}
				#about .blogroll li a.music-diaries {
					background-image:url(images/content/relatives/music-diaries.jpg);
				}

	.alignleft{
		float:left;
		clear:left;
		margin:0 2.2em 0.8em 0;
	}
	.alignright {
		float:right;
		clear:right;
		margin:0 0 0.4em 2.2em;
	}

#header .navigation a,
.headline,
.page h2,
.post h2,
#footer h3,
h3 {
	font-family:"EB Garamond", serif;
}