/*  
Theme Name: Black
Theme URI: http://www.tangledtalk.com/
Description: Alternative dark theme for the Tangled Talk Records website. Partly inspired by Lightweight for Tumblr by Artur Kim.
Version: 1.0.1
Author: Andrej Presern
Author URI: http://www.tangledtalk.com/
*/

/* HTML Elements */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	}

body {
	font: 100% "Lucida Grande", Verdana, sans-serif;
	background-color: #1b1c1f;
	}

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

a:hover, a:active {
	color: #996633;
	border-bottom: none;
	}

a img {
	border: 1px solid #ccc;
	padding: 2px;
	}

img.left {
	padding: 0 15px 0 0;
	}

p {	
	margin: 0 0 15px 0;
	}

p a {
	border-bottom: 1px dashed #333;
	}

ol li {
	list-style-position: inside;
	margin-bottom: 4px;
	font-size: 11px;
	}

ul li {
	list-style:none;
	padding:2px 0px 2px 13px;
	}		

blockquote {
	padding: 0px 10px 10px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
	line-height: 1.5em;
	margin: 10px 0px;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}

/* Tables */

table {
	border-collapse: collapse;
	}

td {
	padding: 10px;
	/* border-bottom: 1px solid #ddd; */
	text-align: left;
	}

table.mailinglist {
	background-color: #f0f0f0;
	margin: 0 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

/* Text */

@font-face {
	font-family: "MuseoSlab500";
	src: url("/type/museo_slab_500-webfont.eot");
	src: local("MuseoSlab"), url("/type/museo_slab_500-webfont.woff") format("woff"), url("/type/museo_slab_500-webfont.ttf") format("truetype"), url("/type/museo_slab_500-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-family: "MuseoSlab500", "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 1.8em;
	font-weight: 500;
	border-bottom: 1px dashed #000;
	padding-bottom: 2px;
	}

h2 {
	font-family: "MuseoSlab500", "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	}

h3 {
	font-size: 1.4em;
	margin-bottom: 1px;
	font-weight: bold;
	}

/* Header */

#container {
	width: 800px;
	margin: 0 auto 25px;
	border: 10px solid #000;
	border-top: 0px;
	background-color: #fff;
	}

#header {
	padding: 0 20px;
	font-size: 0.7em;
	}

#header a img {
	padding: 0;
	border: 0;
	}

#nav-bar { float: left; width: 100%; overflow: hidden; padding: 4px 0; background-color: #060606; border-bottom: 4px double #fff; }
#nav-bar ul { float: left; position: relative; left: 50%; }
#nav-bar ul li { float:left; padding: 0; position: relative; right: 50%; }
#nav-bar ul li a, #nav-bar ul li a:visited { padding: 2px 24px; display: block; font-size: 1.2em; color: #fff; }
#nav-bar ul li a:hover { background-color: #222; }	

/* Index Page */

#page {
	margin: 0px auto;
	padding: 15px 20px;
	font-size: 0.7em;
	}

#featured {
	margin-bottom: 15px;
	}

#featured a img {
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	padding: 0px;
	}

/* Front List */

#front-list {
	width: 480px;
	float: left;
	padding-right: 20px;
	}

#archive {
	padding-top:15px;
	}

#front-list .clearfloat, #archive .clearfloat {
	margin-bottom: 15px;
	}

#front-list h1 {
	margin-bottom: 15px;
	background-color: #eee;
	color: #666666;
	font-size: 1.2em;
	padding: 6px 8px;
	text-transform: uppercase;
	border: 1px solid #ddd;
}

#front-list h2 {
	font-size: 1.6em;
	}

.rss a img {
	float: right;
	border: none;
	margin-top: -39px;
	margin-right: 6px;
	filter: alpha(opacity=80);
	opacity: 0.80;
	}

.rss a img:hover {
	filter: alpha(opacity=100);
	opacity: 1.00;
	}

.meta {
	font: 0.9em;
	color: #999;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-bottom: 15px;
	}

#front-list p, #archive p {
	margin: 0px;
	padding-top: 10px;
	font-size: 1.05em;
	line-height: 1.75em;
	}

#tools {
	padding: 2px 6px;
	background-color: #eee;
	border: 1px solid #ddd;
	}

#tools a img {
	border: 0px;
	filter: alpha(opacity=60);
	opacity: 0.60;
	padding: 2px;
	}

#tools a img:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
	}

.cmnt a {
	float: right;
	color: #adadad;
	margin-top: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	}

.cmnt a:hover {
	color: #888;
	}

/* Content Page */

#content {
	padding: 0px;
	line-height: 1.75em;
	float: left;
	min-height: 400px;
	}

#postcontent {
	width: 480px;
	line-height: 1.75em;
	float: left;
	}

.post h1 {
	border-bottom: 0px;
	margin-bottom: -4px;
	}

.post h2 {
	margin-top:15px;
	}

.entry {
	margin-top: 10px;
	font-size:1.05em;
	line-height:1.75em;
	}

#info, #welcome {
	font-size: 11px;
	background-color: #f5f5f5;
	margin: 20px 0;
	padding: 5px 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

#welcome {
	margin: -20px auto 15px;
	padding: 9px 10px 5px;
	text-align: center;
	background-color: #eee;
	no-width: 96%;
	border-top: 0px;
	text-transform: uppercase;
	display: none;
	}

/* Sidebar */

#sidebar {
	width:260px;
	float:right;
	line-height: 1.5em;
	border-bottom: 2px solid #1b1c1f;
	}

#sidebar h3 {
	background-color: #1b1c1f;
	border-bottom: 4px double #fff;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
	margin-bottom: 5px;
	padding: 2px 5px 0;
	}

#sidebar-audioplayer {
	width: 260px;
	float: right;
	margin-bottom: 15px;
	}

#sidebar-top, #sidebar-bottom, #sidebar-mailinglist {
	width:260px;
	float:right;
	padding: 5px 0px;
	}

#sidebar-bottom, #sidebar-middle {
	margin:15px 0 1px;
	border-bottom: 1px solid #1b1c1f;
	}

#sidebar-middle {
	width:320px;
	float:right;
	}

#sidebar-mailinglist {
	margin-top: 10px;
	}

#sidebar-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	}

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	}

#sidebar li {
	list-style:none;
	border-bottom:1px dashed #bbb;
	display:block;
	padding:2px 5px;
	}

#sidebar li:hover {
	background-color: #f5f5f5;
	}

#sidebar ul li.last {
	border-bottom: none;
}

#sidebar a img {
	border: none;
	filter: alpha(opacity=80);
	opacity: 0.80;
	padding: 10px 5px 0;
	}

#sidebar a img:hover {
	border: none;
	filter: alpha(opacity=100);
	opacity: 1.0;
	}

/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 3px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

.input {
	border: 1px solid #bbb;
	padding: 4px;
	margin-right: 10px;
	font-size: 11px;
	}

.submit {
	padding: 3px 5px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #F6F6F6;
	border: 0;
	background-color: #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}

#option {
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	padding: 10px 15px 0;
	margin: 10px 20px 0 0;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 200px;
	font-size: 11px;
	float: left;
	}

#option:hover {
	background-color:#efefef;
	}

.choose {
	padding: 2px 6px;
	font-size: 11px;
	border: 0;
	background-color: #888;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	}

.choose:hover {
	background-color: #666;
	}

.choose a {
	border-bottom: none;
	color: #eaeaea;
	}

.choose a:hover {
	color: #fff;
	}

.submit:hover {
	background-color: #666;
	}

#commentform input {
	margin: 0 5px 0 0;
	}

#commentform textarea {
	width: 99%;
	padding: 3px;
	border: 1px solid #000;
	font-family: inherit;
	font-size: 1em;
	}

/* Comments*/

#comment {
	width:760px;
	}

h2#respond, h2#comments {
	padding: 14px 0 2px;
	font-size: 1.6em;
	}

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 5px 0px;
	list-style:none;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 5px 10px 0px 10px;
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 380px;
	float: right
	}

.commenttext p {
	margin: 0 0 5px;
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.2em;
	color:#999;
	}
	
#commentform small {
	background: #FFF;
	font-weight: bold;
	padding: 0;
	}
	
.commentmetadata {
	color: #4d4d4d;
	display: block;
	margin-top: 2px;
	text-align: right;
	font-size: 0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color: #959382;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}

/* Footer */

#footer {
	margin: 0 auto;
	width: 760px;
	padding: 10px 0px;
	border-top: 1px dashed #000;
	font-size: 0.7em;
	text-align: right;
	}

/* Float Properties */

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

.clearfloat {
	display: inline-block;
	}

/* Hides from IE-mac */

* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}

/* Slider*/

.slider-wrap								{ position: relative; top: 0px; left: 0px; width: 760px; }		
.slider-wrap a {border: 0;}
.slider-wrap a:hover {border: 0;}	
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 0 15px 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 760px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 760px;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{width: 50px; height: 50px; margin-right: 5px; }
#movers-row									{ margin: -50px 0 0 50px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: left; }
.photo-meta-data							{float: left; margin-left: 0px; left: 0px; margin-top: -80px; position: relative; font-size: 16px; color: #000; background-color: #fff; opacity: 0.8; padding: 5px 10px 5px 5px;}
.photo-meta-data h3 {float: left; margin-left: 0px; background-color: transparent; font-size: 25px;}
.photo-meta-data h3 a {background-color: #000;}
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(/images/icon-uparrowsmallwhite.png) top center no-repeat; }

#festival-left {float: left; width: 620px;}
#festival-featured { width: 600px; padding: 10px; background-color: #000; color: #eee; font-size: 13px; margin-bottom: 15px;}
#festival-featured img {float: left; margin-right: 10px;}
#festival-featured h4 {color: #eee; font-size: 22px; margin-bottom: 15px; line-height: 27px;}
#festival-featured h4 a {color: #eee;}
#festival-featured h4 a:hover {color: #FFF;}

/* Mailing List */

#mc_embed_signup {
	background-color: #eee;
	border: 1px solid #bbb;
	padding: 6px 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

fieldset {
	border: 0px;
	}

.mc-field-group {
	padding: 0px 0px 10px 0px;
	}

#mce-success-response, #mce-error-response {
	padding: 5px;
	margin: 5px 0 15px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-style: italic;
	background-color: #f5f5f5;
	}

#mce-success-response {
	color: #4c7a24;
	}

#mce-error-response {
	color: red;
	}

#sidebar .input {
	width: 96%;
	}

#strip {
	margin-left: -34px;
	margin-top: -240px;
	position: absolute;
	}

.no-border {
	border: 0px;
	}

.tweet {
	background: url("/wp-content/themes/black/images/sociable/tweet.png") no-repeat scroll 0 0 transparent; width: 55px; height: 16px; margin: 2px 2px 0 0; float: left; }
.tweet:hover { background: url("/wp-content/themes/black/images/sociable/tweet.png") no-repeat scroll 0 -17px transparent; }
.tweet:active {	background: url("/wp-content/themes/black/images/sociable/tweet.png") no-repeat scroll 0 -34px transparent; }