/*   
Theme Name: Kill/Hurt
Theme URI: 
Description: Child Theme for Kill/Hurt Website
Author: Chris Jahnle
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* Header CSS */

#header {
border-bottom:2px solid #000000;
height:100px;
background-color:#000000
}

#branding {
   background-image:url();
   background-repeat:no-repeat;
   margin-left: auto ;
   margin-right: auto ;
   padding:0;
   width: 1024px;
   background-color:#000000;
}

#blog-title a {
background-image:url("http://killhurt.com/images/killhurt.jpg");
background-repeat:no-repeat;
float:left;
height:100px;
margin:0 0 0 -15px;
padding:0;
text-indent:-9000px;
width:420px;
}

#khnav {
    color: #000000;
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-left: -20px;
    margin-top: 52px;
    padding: 0;
    text-transform: uppercase;
    width: 500px;
}

#signupcontent {
padding-bottom:5px;
padding-left:25px;
width:400px;
}

#mailinglist {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
    color:#FFFFFF;
}

#mltitle {
color:#000000;
font-family: Helvetica, Arial, sans-serif;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
}

.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}

#access {
border-bottom:0px solid #CCCCCC;
font-size:0px;
height:0px;
overflow:visible;
visibility:hidden;
z-index:100;
}

/* Body CSS */

#main {
clear:both;
padding:0;
margin:0 auto;
overflow:hidden;
position:relative;
width:1024px;
}

#container {
padding-top:0px;
width:740px;
}

.entry-title {
	font-family:Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:bold;
	line-height:26px;
	padding:0 0 7px;
	text-transform: uppercase;
}

.entry-title a:active {
color:#000000;
text-decoration:none;
}

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

.entry-content a {
color:#666666;
font-style:normal;
text-decoration:none;
}

.entry-content a:hover {
color:#000000;
text-decoration:underline;
}

.entry-meta {
font-family:Helvetica, Arial, sans-serif;
color:#000000;
font-size:11px;
font-style:normal;
line-height:15px;
text-transform:uppercase;
}

.entry-meta a:active {
font-family:Helvetica, Arial, sans-serif;
color:#666666;
text-decoration:none;
}

.entry-meta a:hover {
color:#000000;
text-decoration:none;
}

.entry-meta abbr {
border:medium none;
cursor:text;
font-size:11px;
font-style:normal;
letter-spacing:0.05em;
text-transform:uppercase;
}

.entry-utility {
font-family:Helvetica, Arial, sans-serif;
color:#000000;
font-size:11px;
font-style:normal;
line-height:15px;
text-transform:uppercase;
margin:0 0 44px;
}

.entry-utility a {
color:#666666;
font-style:normal;
text-decoration:none;
}

.entry-utility a:hover {
color:#000000;
font-style:normal;
text-decoration:none;
}

.hentry {
border-bottom:1px dotted #000000;
padding:30px 0 0;
}

.single .hentry {
padding:30px 0 0;
}


/* Release Page */

#releasecont {
	position:absolute;
	width:100%;
	z-index:1;
	left: 0;
	top: 0;
}
#outnow {
	margin: 0%;
	padding: 0;
	width: 900px;
}
#outnowleft, #outnowcenter, #outnowright {
	margin-left: 1%;
	margin-bottom: 1%;
	margin-right: 0;
	margin-top: 1%;
	min-height: 120px;
	min-width: 1px;
	max-height: 600px;
	float: left;
	width: 246px;
	padding: 0%;
	color: #000;
}
#artistnameside {
	font: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-color:#000000;
	font-weight:bold;
        position:relative;
}
#playerdiv {
font-family:Helvetica,Arial,sans-serif;
font-size:9px;
margin-bottom:10px;
margin-left:25px;
}
#artistnameside a, #artistnameside a:visited, #artistnameside a:active { 
	font: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-color:#000000;
	font-weight:bold;
	}
#albumnameside {
	font: Helvetica, Arial, sans-serif;
	font-size:9px;
	font-color:#000000;
}
#albumnameside a, #albumnameside a:visited, #albumnameside a:active { 
	font: Helvetica, Arial, sans-serif;
	font-size:9px;
	font-color:#000000;
}
#artistnameside a:hover, #albumname a:hover {
	text-decoration: none;
	background-color: #f7e40a;
}
#signup {
   padding-left: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 10px;
   margin: 1%;
   width: 97%;
}
#emailaddress {
   width: 35px;
   font-style: italic;
   float: left;
   color: #000;
   font-size:10px;
   line-height:18px;
}
#signupinfo {
	float: left;
   width: 140px;
   color: #000;
}

#signupinfo input {width: 140px !important;}

.aside input {
font-size:10px;
line-height:18px;
margin-bottom:0px;
}

#signupsubmit {
	padding-left: 0%;
	padding-bottom: 0%;
	padding-right: 15px;
	padding-top: 0%;
	float: right;
	width: 50px;
	color: #000;
}
#right {
   float: right;
   margin: 1% 1% 1% 0;
}
.releaseclear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}

/* Sidebar CSS */

#primary {
background-color:#FFFFFF;
border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #000000;
border-left:1px solid #000000;
border-right:0 solid;
border-style:solid;
border-width:0 0 0 0;
height:1100px;
margin-bottom:22px;
padding:18px 0 0;
width: 280px;
}

#content {
margin:0 0 0 10px;
overflow:hidden;
width:700px;
}

h1, h2, h3, h4, h5, h6 {
clear:none;
font-weight:normal;
}

.aside h3 {
color:#000000;
font-family:Helvetica, Arial, sans-serif;
font-size:15px;
font-style:normal;
font-weight:bold;
line-height:22px;
text-transform:uppercase;
}

.aside {
color:#999999;
font-family:Helvetica, Arial, sans-serif;
background-color:#000000;
}

#facebookwidget {
	background-color: #ffffff;
}

#facebookdetails {
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    border: 5px solid #000000;
    margin-bottom: 20px;
    padding: 3px 3px 12px;
    width: 234px;
}

#khsignup1 {
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    border: 5px solid #000000;
    margin-bottom: 20px;
    padding-left: 12px;
    width: 228px;
}

#mlsignup {
	font-style: Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	color: #000000;
	padding-top:15px;
}

/* Release widget CSS */

html,body,div,span,
applet,object,iframe,code,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
   	text-align: left;
}
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	background: #fff;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 100%;
	margin: auto;
	color: #5e5e5d;
}
*/

q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

h1.title {
	text-align: center;
	padding: 20px;
}

#mlb-wrapper {
	width: 250px;
	padding: 0px 0 0 0;
}

	.base {
		margin: 0 auto;
		width: 240px;
		text-align: center;
		position: relative;
	}
	
	#photo {
		width: 240px;
		height: 300px;
		overflow: hidden;
	}

		#photo ul {
			margin-left: 0;
			width: 720px;
		}
		
		#photo ul li {
			display: block;
			float: left;
		}

	#photo img {
		display: block;
	}

#details {
-moz-border-radius:5px 5px 5px 5px;
background-color:#000000;
border:2px solid #000000;
margin-bottom:20px;
padding:3px;
}
	
	#hover-box {
		height: 23px;
		margin-top: -23px;
		position: relative;
		z-index: 9999;
		zoom: 1;
	}

	#thumbs {
		position: absolute;
		height: 61px;
		background-color: #444;
		background: rgba(0, 0, 0, .7);
		padding: 3px 0 0 0;
		bottom: 24px;
		bottom: 23px\9; /* for IE8 and below */
		display: none;
	}

	#thumbs ul {
		width: 240px;
		margin: 0 auto;
	}
	
	#thumbs ul li {
		display: inline-block;
		float: left;
		padding: 0 2px 0 2px;
	}

	#thumbs p {
		color: #fff;
		font-size: 9px;
		padding: 2px 5px 5px 5px;
		letter-spacing: normal;
		font-family: Arial, Helvetica, sans-serif;
		clear: both;
	}

	#thumbs img {
		border: solid 1px #fff;
		position: relative;
		z-index: 1;
	}
	
	#thumbs a.highlight img {
		border: solid 1px #ff9933;
	}
		
		#thumbs ul li a:link, #thumbs ul li a:visited {
			position: relative;
			display: block;
			outline: none;
		}

		#thumbs ul li a span {
			display: block;
			width: 64px;
			height: 31px;
			border: solid 5px #fff;
			opacity: .68;
			filter: alpha(opacity=68);
			position: absolute;
			z-index: 20;
			top: 1px;
			left: 1px;
		}
		
		#thumbs ul li a.highlight span {
			border-color: #ff9933;
			opacity: .6;
		}

	#navigation {
	background-color: #444;
	background: rgba(0, 0, 0, .5);
	height: 26px;
	width: 240px;
	z-index: 1;
	position: absolute;
	bottom: 0;
	}
	
	#navigation ul {
		width: 120px;
		float: left;
		margin: 0 0 0 40px;
		display: inline;
	}
	
	#navigation ul li {
		width: 20px;
		float: left;
		padding: 5px 0 0 0;
	}

	#navigation a:link, #navigation a:visited {
		font-size: 10px;
		text-decoration: none;
		color: #fff;
		outline: none;
	}

	#navigation a:hover, #navigation a:focus {
		color: #ff9933;
		background: none;
	}
	
	#navigation ul li a:hover, #navigation ul li a:focus {
		background: rgba(255, 255, 255, .5);
	}

	#navigation ul li a.highlight:hover, #navigation ul li a.highlight:focus {
		background: rgba(255, 153, 51, .5);
	}

	#navigation ul li a.highlight:link, #navigation ul li a.highlight:visited {
		border-color: #ff9933;
		background: #ff9933;
	}

	#navigation ul li a:link, #navigation ul li a:visited {
		display: block;
		float: left;
		width: 8px;
		height: 8px;
		border: solid 3px #fff;
		-webkit-border-radius: 6px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-indent: -9999em;
		overflow: hidden;
	}

		#prev {
			float: left;
			padding: 0 0 0 5px;
		}

		#next {
			float: right;
			padding: 0 5px 0 0;
		}

		#prev a:link, #prev a:visited {
			background: none;
		}
		
		#next a:link, #next a:visited {
			background: none;
		}

		#navigation a span {
			font-size: 6px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 24px;
		}
		
	#description {
		padding: 1px 0 0 0;
	}

		p#small-caption {
			font-size: 10px;
			color: #333;
			line-height: 11px;
			padding: 0 0 0 4px;
			background-image: -moz-linear-gradient(top, #d3d3d3, #f4f4f4); /* FF3.6 */
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f4f4f4),color-stop(1, #d3d3d3)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d3d3d3'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d3d3d3')"; /* IE8 */
			zoom: 1;
		}
		
#title a:link, #title a:visited {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
font-weight:bold;
line-height:34px;
padding-left:2px;
text-decoration:none;
}
		
		#title a:hover, #title a:focus {
			text-decoration: underline;
		}