/*
Theme Name: Talking through a slippa
Theme URI: http://www.talkingthroughaslippa.com/
Description: Theme for Talking through a slippa
Version: 1.5
Author: Julius Bangert
Author URI: http://www.juliusbangert.com/
Tags: Talking through a slippa, fixed width,
*/


/*--- Main CSS here ---*/

.clear
	{
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	}
.float-left
	{
	float: left;
	display: inline;
	}
.float-right
	{
	float: right;
	display: inline;
	}
body
	{
	text-align: center;
	font-family:'Trebuchet MS',Helvetica,sans-serif;
	font-size:80%;
	line-height: 160%;
	color: #888888;
	background: #ffffff url(images/body-bg.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	}
#page-wrapper
	{
	width: 1000px;
	/*background: transparent url(images/page-wrapper-bg.png) top left no-repeat;*/
	background: #ffffff url(images/page-wrapper-bg.jpg) top left no-repeat;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
p
	{
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	}
a
	{
	margin: 0;
	padding: 0;
	border: none;
	}
img
	{
	margin: 0;
	padding: 0;
	border: none;
	}
a:link, a:visited
	{
	color: #aa6766;
	text-decoration: none;
	}
a:hover
	{
	color: #a02433;
	text-decoration: none;
	}
#search-wrapper
	{
	float: right;
	display: inline;
	width: 100px;
	margin: 50px;
	padding: 0;
	}
#searchform
	{
	margin: 0;
	padding: 0;
	width: 100px;
	}
#searchform #search-field
	{
	border: solid #cccccc 1px;
	margin: 0;
	padding: 2px;
	color: #cccccc;
	/*width: inherit;*/
	width: 100%;
	}
#searchform #search-btn
	{
	/*display: inline;*/
	background-color: transparent;
	color: #888888;
	border: none;
	margin: 2px;
	padding: 0;
	/*width: inherit;*/
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 0.1	em;
	}

h1	
	{
	width: 500px;
	margin: 0 250px 20px 250px;
	padding:0;
	}
h3
	{
	font-size: 120%;
	}
#nav
	{
	float: right;
	display: inline;
	width: 500px;
	margin: 0 50px 0 0;
	padding: 0;
	}
#nav .aim
	{	
	overflow: visible;
	}

#nav .aim a
	{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #fff;	
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	}
	
#nav li
	{
	
	}
#nav a
	{
	
	}
#nav a span
	{
	padding: 10px;
	font-weight: normal;
	color: #cccccc;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #333333;
	}
#nav a:hover
	{	
	}
	
/*the nav box title span*/
.aim_title aim_title_bg
    {
    }

.page-title
	{
	position: absolute;
	top: 20px;
	left: 50px;
	font-size: 200%;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: normal;
	/*outline: #fff solid thick;*/
	}

#content
	{
	clear: both;
	width: 500px;
	padding: 10px 0;
	margin: 0 auto;
	}

/*footer*/
#footer
	{
	padding: 10px 0;
	margin: 10px auto;
	width: 100%;
	background: transparent url(images/page-bottom-grad.gif) top right repeat-x;
	text-align: center;
	}
	

#footer-widget-area
	{
	text-align: center;
	
	}

#footer #credit a
	{
	color: #999;
	text-decoration: none;
	font-size: 80%;
	margin: 0 10px;
	}

ul.share-list
	{
	margin: 0;
	padding: 0;
	display: inline-block;
	zoom: 1;
	*display:inline;
	}
ul.share-list li
	{
	display: inline-block;
	zoom: 1;
	*display:inline;
	margin: 0 10px;
	}
	
.addtoany_share_save
	{
	display: none;
	}

/* you tube video*/
#content .youtube, #content .youtube 
	{
	-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
	}

/*-- search results --*/

.search-results-wrapper
	{
	border-bottom: solid 1px #cccccc;
	}
	
/*-- comments --*/

.comment-body
	{
	border-bottom: solid 1px #cccccc;
	margin: 0 0 10px 0;
	}
#comments, #respond
	{
	border-top: solid 3px #cccccc;
	}
/*-- listen --*/

.listen-list
	{
	list-style: none;
	list-style-image: none;
	margin: 20px 0;
	padding: 0;
	//border-top: solid 3px #e5e5e5;
	//border-bottom: solid 3px #e5e5e5;
	}
.listen-list li
	{
	margin: 0;
	padding: 0;
	}

.listen-list li h3
	{
	position: relative;
	margin: 0;
	padding: 5px 10px;
	outline: 0;
	border: 1px solid #e5e5e5;
	border-bottom: none;
	background-color: #f5f5f5;
	font-weight: normal;
	/*
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #e7e7e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e7e7e7));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
	background: linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e7e7e7',GradientType=0 );
	*/
	
	-webkit-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.1);
	
	}
	
.listen-list li h3 small
	{
	font-size: 60%;
	float: right;
	}
.listen-list li h3 a
	{
	outline: 0;
	color: #888888;
	padding-left: 15px;
	}

.listen-list li h3.ui-state-default a
	{
	background: transparent url(images/accordion-closed.gif) left center no-repeat;
	}

.listen-list li h3.ui-state-active a
	{
	background: transparent url(images/accordion-open.gif) left center no-repeat;
	}
	
.singleTrack__like
	{
	border: solid 1px red !important;
	}
/*
.listen-list p
	{
	margin: 0;
	padding: 0;
	}
	
.listen-list li h3
	{
	margin: 0 10px 0 0;
	padding: 0;
	width: 80px;
	float: left;
	display: inline;
	}
.listen-list li .audioplayer_container
	{
	margin: 0 10px;
	padding: 0;
	width: 280px;
	float: left;
	display: inline;
	}
.listen-list li .download-link
	{
	margin: 0 0 0 10px;
	padding: 0;
	width: 100px;
	
	float: right;
	display: inline;
	text-align: right;
	vertical-align: middle;
	}
	
.kwicks li
	{
	width: 125px;
	height: 100px;
	margin-bottom: 3px;
	}
#kwick1
	{ 
	background-color: #4D9AA8;
	}
#kwick2
	{
	background-color: #82A616;
	}
#kwick3
	{
	background-color: #F29A1F;
	}
#kwick4
	{ 
	background-color: #A66A16;
	margin-bottom: none;
	}
*/        	

/*-- news --*/
.news-list
	{
	list-style: none;
	list-style-image: none;
	margin: 20px 0;
	padding: 0;
	}
.news-list li
	{
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 1px #cccccc; 
	}
.news-list h3
	{
	text-transform: uppercase;
	color: #aa6766;
	margin: 10px 0;
	padding: 0;
	}
	



/*------------------------------------*\
	IPHONE
\*------------------------------------*/
/*--- iPhone only CSS here ---*/

/*@media screen and (max-device-width: 480px){

	body
		{
		background: none;
		width: inherit;
		-webkit-text-size-adjust:none;
		padding:5px;
		}
	#page-wrapper
		{
		width: inherit;
		background: none;
		}
	
	div
		{
		clear:both!important;
		display:block!important;
		width:100%!important;
		float:none!important;
		margin:0!important;
		padding:0!important;
		}
	
	#nav,#nav li
		{
		float:none!important;
		clear:both!important;
		margin:0 0 20px 0!important;
		display:block;
		padding:0;
		text-align:left!important;
		width:100%;
		}
	
	#nav
		{
		border:1px solid #ccc;
		padding:5px;
		-webkit-border-radius:5px;
		}
	#nav li
		{
		margin:0!important;
		}
		
	#nav li a
		{
		display:block;
		}
	
	img
		{
		max-width:100%;
		height:auto;
		}
	h1	
		{
		width: inherit;
		margin: 0;
		padding:0;
		}
	.page-title
		{
		position: relative;
		font-size: 120%;
		}
		
}
*/