/*
Theme Name:     Electronic Explorations Theme 2012
Author:         Barry Prendergast
Author URI:     http: //brightondesigner.co.uk
*/

/* RESETS */

/* END of RESETS */


html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Cabin', sans-serif;
	font-size:16px;
	line-height:100%;
	color:#363636;
	background: url('images/ee-tile-light.jpg') 0 0 repeat #FFF;
	margin: 0;
	padding: 0;
}

form,
input,
fieldset {
	border:none;
	padding:0;
	margin:0;
}

#welcome-text {}


#site-wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
background:url("images/ee-header-bg.png") repeat-x;
}

p {
    margin: 0;
    padding: 0;
}

ol {
display: block;
list-style-type: none;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

a, a:visited{
 color: #FF6969;
}

a:hover {
	color: #FF2929;
}

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

a:hover{
 text-decoration: none;
}

.clear{
 clear: both;
}

/* HEADER */

#site-logo {
    float: left;
    left: -30px;
    position: relative;
	top: -30px;
    z-index: 999;
}

#site-bandcamp-strip {
position: relative;
text-align: center;
top: 3px;
font-size: 90%;
}

#site-bandcamp-strip a {color:#FFF;}
#site-bandcamp-strip a:hover {text-decoration:underline;}

#site-bandcamp-strip img {
	position:relative;
	top:2px;
}

#header-wrapper {
	margin: 0 auto;
	width: 960px;
	padding: 0;
	position: relative;
	top: 5px;
	}

.header-search {
	float: right;
	position: relative;
	right: 35px;
	z-index: 1000;
	width: 240px;
}

.header-search form {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: white;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	position: relative;
	}

.header-search form:hover {
	background:#FFFFFF;
}

.header-search fieldset{

}
	
.header-search input {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #363636;
    font-size: 100%;
}

input#search-button {
	position: relative;
	top: 2px;
	float: right;
	right: 2px;
}

.menu-top-nav-container {
	margin-top: 14px;
}

#menu-top-nav {}

ul.menu {
	margin:0;
	padding:0;
	position:relative;
	}

li.menu-item {
    display: inline-block;

}

li:hover.menu-item {} 

.menu-item a {
	display: block;
	padding: 0 25px 0 0;
	color: white;
	font-weight: bold;
	font-size: 116%;
	position: relative;
	top: 10px;
	}
	
li.menu-item-home {
}

.menu-item a:hover {
    color: #FF2929;
    text-decoration: none;
}

.social-soundcloud a{
	background: url('images/nav-soundcloud.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	text-indent: -9999px;
}

.social-twitter a{
	background: url('images/nav-twitter.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	text-indent: -9999px;
}

.social-mixcloud a{
	background: url('images/nav-mixcloud.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	text-indent: -9999px;
}

.social-itunes a{
	background: url('images/nav-apple.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	text-indent: -9999px;
}
.social-facebook a{
	background: url('images/nav-facebook.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	text-indent: -9999px;
	}

.social-bandcamp a{
	background: url('images/nav-bandcamp.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	text-indent: -9999px;
	}

.social-youtube a {
background: url('images/nav-youtube.png') 0 0 no-repeat;
width: 32px;
height: 32px;
display: block;
padding: 0;
text-indent: -9999px;
}

.social-soundcloud a:hover,
.social-twitter a:hover,
.social-mixcloud a:hover,
.social-itunes a:hover,
.social-facebook a:hover,
.social-bandcamp a:hover,
.social-youtube a:hover {
	background-position: bottom;
	}

.selected{
	background-color: #000 !important;
	color: #fff !important;
	}

.breadcrumbs-share {
	float: right;
	position: relative;
	right: -7px;
	}

.breadcrumbs {
	display: block;
	font-size: 138%;
	line-height: 138%;
	max-width: 620px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

#social-nav {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	display: block;
	clear: right;
	top: 12px;
	position: relative;
	}

.menu-social-nav-container {
	float: right;
	top: 8px;
	position: relative;
	right: 35px;
	}

#menu-social-nav {}

/* HOMEPAGE */


#welcome-text {
    display: block;
    font-family: 'farwood';
    font-size: 162%;
    font-style: italic;
    line-height: 116%;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 960px;
}

#shows-wrapper {
	padding:0;
	width: 100%;
	margin: 0 auto;
	max-width: 1128px;
}

#thumbs-wrapper {
	margin:0;
	padding:0;
	}

.show-thumb {
	margin:2px;
	float: left;
    height: 146px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 184px;
}

.show-thumb-large {
	margin:2px;
    float: left;
    height: 294px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 370px;
}

.show-thumb-image{
	height: 146px;
	width: 184px;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	thufilter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

.image-large{
	height: 294px;
	width: 370px;
}

.image-hover{
	filter: none;
    -webkit-filter: grayscale(0);
}

.show-thumb-number {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/transparent_bg.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 138%;
    left: 5px;
    letter-spacing: 2px;
	padding:5px;
	position: absolute;
    text-align: right;
    width: 40px;
}

.number-large {
    font-size: 162%;
    line-height: 116%;
}

.number-hover{
	background:#FFF;
	color: #000;
}

.thumb-artist{
 background: url('images/transparent_bg.png') repeat;
 color: #fff;
 padding: 9px;
}

.thumb-artist-smaller{
 line-height: 11px;
}

.thumb-artist-hover{
	background:#FFF;
	color: #000;
}

.artist-name {
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 0;
    text-transform: uppercase;
}

.artist-affiliations {
    font-family: 'Fanwood';
    font-size: 84%;
    font-style: italic;
    line-height: 100%;
    padding-top: 5px;
}

.affiliations-large{
    font-size: 100%;
}

.name-large{
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 0;
    text-transform: uppercase;
}

.show-link{
 position: absolute;
 display: block;
 height: 146px;
 width: 184px;
 top: 0;
 left: 0;
}

.link-large{
	height: 294px !important;
	width: 370px !important;
	}

#more-shows {
	width: 100%;
	margin: 30px auto 0;
	display: block;
	}

.more-shows-link-wrapper {
	width: 160px;
	display: block;
	margin: 0 auto;
	background: url('images/more-shows.png');
	height: 98px;
	position: relative;
	text-align: center;
	padding-top: 30px;
	float: none;
	}

.more-shows-link {
	text-align: center;
	z-index:998;
	}

a.more-shows-link {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	width: 80px;
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 138%;
	line-height: 90%;
	top: -5px;
}
	
a:hover.more-shows-link {
	text-decoration:none;
	color:#363636;
	}

/* EE Footer Adverts */

div.comp-advert-2012 {
margin: 0 auto;
display: block;
float: none;
position: relative;
width: 960px;
}


/* RELEASES */

#releases-wrapper{
 margin: 10px auto;
 width: 960px;
}

.release{
 padding-bottom: 10px;
}

.release-header{
 width: 960px;
 height: 28px;
 background: url('images/subbanner.png') no-repeat;
 color: #fff;
 padding-top: 4px;
 cursor: pointer;
}

.release-header div{
 float: left;
}

.release-artist{
 text-transform:capitalize;
 padding-left: 15px;
 width: 200px;
 letter-spacing: 1px;
}

.release-title{
 font-weight: bold;
 width: 300px;
}

.release-label{
 width: 200px;
}

.release-genre{
 text-transform: uppercase;
}

.release-image{
 height: 190px;
 width: 190px;
}

.release-image-wrapper{
 float: left;
 padding-right: 20px;
 padding-bottom: 20px;
}

.release-info{
 margin-top: 15px;
 display: none;
}

.release-description{
 font-size: 14px;
}

.release-description p{
 margin: 0;
 padding: 0;
}

.loader{
 height: 17px;
 width: 17px;
 padding: 0px 44px;
}

.show-release{
 width: 960px;
 margin: 10px auto;
}

.social-links{
 float: left;
 padding-top: 27px;
 width: 500px;
}

.fbook-like{
 float: left;
}

.tweet{
 float: left;
 margin-right: 20px;
}

.download-link a{ 
 float: left;
 margin-right: 60px;
 display: block;
 width: 88px;
 height: 20px;
 background-image: url('images/download_button.gif');
 background-position: 0 0;
 cursor: pointer;
}

.download-link a:hover{
 background-position: 88px 0;
}

/* SINGLE-SHOW */

.attachment-show-wide {
padding: 0;
border: 30px solid #363636;
top: 10px;
position: relative;
}

#show-wrapper {
width: 960px;
margin: 0 auto;
top: -5px;
position: relative;
}

.show-header{
 width: 960px;
 height: 28px;
 background: url('images/subbanner.png') no-repeat;
 color: #fff;
}

.show-number{
  float: left;
  font-size: 25px;
  font-weight: bold;
  line-height: 25px;
  padding: 0 10px;
}

.show-name{
 font-size: 20px;
}

.show-description-wrapper{
 margin-top: 10px;
 margin-bottom: 10px;
}

.show-image{
 float: left;
 padding-right: 20px;
 padding-bottom: 20px;
}

.show-description {
font-size: 121%;
line-height: 162%;
top: 25px;
width: 660px;
float: left;
position: relative;
}

#show-sidebar {
	clear: right;
	display: block;
	float: right;
	margin: 23px 0 0 0;
	padding: 40px 30px 15px 0;
	width: 240px;
}

#show-sidebar div {}
#show-sidebar h3{}

#show-sidebar #download {}
#show-sidebar #cue {}
#show-sidebar #mixcloud {}
#show-sidebar #itunes {}

#show-sidebar a {
    background: none repeat scroll 0 0 #FF6969;
    color: #FFF;
    display: block;
    font-size: 121%;
    margin: 0 5px 5px 0;
    padding: 15px;
    text-transform: none;
}

#show-sidebar a:hover {
    background: none repeat scroll 0 0 #FF2929;
    color: #FFFFFF;
    text-decoration: none;
}

#show-sidebar #download a {}
#show-sidebar #cue a {}
#show-sidebar #mixcloud a {}
#show-sidebar #itunes a {}

#show-sidebar #download a:hover {}
#show-sidebar #cue a:hover {}
#show-sidebar #mixcloud a:hover {}
#show-sidebar #itunes a:hover {}

#show-artist-links {
	clear: right;
	display: block;
	float: right;
	margin: 0;
	padding: 15px 30px 30px;
	width: 240px;
}

#show-artist-links div {}
#show-artist-links h3 {}

#show-artist-links #download {}
#show-artist-links #cue {}
#show-artist-links #mixcloud {}
#show-artist-links #itunes {}

#show-artist-links a {
    background: #666666;
    color: #FFFFFF;
    display: block;
    font-size: 100%;
    margin: 0 5px 5px 0;
    padding: 10px 15px 10px 35px;
    text-transform: none;
}

#show-artist-links a:hover {
    color:#FF2929;
	background:#FFF;
	text-decoration:none;
}

#show-artist-links a.soundcloud {
	background: url("http://soundcloud.com/favicon.ico") no-repeat scroll 10px 10px #ddd;
	color:#333;
	}
	
#show-artist-links a.twitter {
	background: url("http://twitter.com/favicon.ico") no-repeat scroll 10px 10px #ddd;
	color:#333;
	}
	
#show-artist-links a.facebook {
	background: url("http://facebook.com/favicon.ico") no-repeat scroll 10px 10px #ddd;
	color:#333;
	}
	
#show-artist-links a.website {
	background: url("http://feedicons.com/favicon.ico") no-repeat scroll 10px 10px #ddd;
	color:#333;
	}
	
#show-artist-links a.discogs {
	background: url("http://whois-domain-find.com/fav/discogs.com.gif") no-repeat scroll 10px 10px #ddd;
	color:#333;
	}
	
#show-artist-links a.boomkat-artist-page {
	background: url("http://boomkat.com/favicon.ico") no-repeat scroll 10px 10px #ddd;
	color:#333;
	}
	
#show-artist-links a:hover.soundcloud {
	background: url("http://soundcloud.com/favicon.ico") no-repeat scroll 10px 10px #fff;
	color:#333;
	}
	
#show-artist-links a:hover.twitter {
	background: url("http://twitter.com/favicon.ico") no-repeat scroll 10px 10px #fff;
	color:#333;
	}
	
#show-artist-links a:hover.facebook {
	background: url("http://facebook.com/favicon.ico") no-repeat scroll 10px 10px #fff;
	color:#333;
	}
	
#show-artist-links a:hover.website {
	background: url("http://feedicons.com/favicon.ico") no-repeat scroll 10px 10px #fff;
	color:#333;
	}
	
#show-artist-links a:hover.discogs {
	background: url("http://whois-domain-find.com/fav/discogs.com.gif") no-repeat scroll 10px 10px #fff;
	color:#333;
	}
	
#show-artist-links a:hover.boomkat-artist-page {
	background: url("http://boomkat.com/favicon.ico") no-repeat scroll 10px 10px #fff;
	color:#333;
	}

#show-artist-links #download a {}
#show-artist-links #cue a {}
#show-artist-links #mixcloud a {}
#show-artist-links #itunes a {}

#show-artist-links #download a:hover {}
#show-artist-links #cue a:hover {}
#show-artist-links #mixcloud a:hover {}
#show-artist-links #itunes a:hover {}

#show-sidebar h3, #show-artist-links h3 {
    color: #363636;
    font-family: 'Fanwood Text',georgia,serif;
    font-size: 138%;
    font-style: italic;
    line-height: 100%;
    margin: 15px 0 20px;
}

.show-description p {
    display: block;
    margin: 30px 0 0;
    padding: 0 30px;
}

.show-description blockquote {
    color: #FFFFFF;
    font-size: 162%;
    font-style: italic;
    line-height: 116%;
    margin: 0;
    padding: 0 30px;
}

.show-description blockquote p {
    background: none repeat scroll 0 0 #363636;
    display: block;
    padding: 15px 30px;
}

#show-tracks {
    background: url("images/ee-tile-dark.gif") repeat scroll 0 0 #363636;
    margin: 45px 0 0;
    padding: 45px 60px;
}

#show-tracks h2{
	font-family: 'Fanwood Text', georgia, serif;
	font-size: 162%;
    font-style: italic;
    line-height: 116%;
}

#show-tracks ul {
    list-style: none outside none;
}

#show-tracks li {
    margin-bottom: 15px;
}

.show-tracks {
	color: #FFFFFF;
    font-size: 121%;
    line-height: 100%;
}

 
.line{
 margin: 0 auto;
 background: url('images/line.gif') no-repeat;
 height: 7px;
 width: 963px;
}

.soundcloud_embed{
 margin-top: 10px;
 margin-right: 10px;
 float: left;
}

.tracklist{
 font-size: 13px;
}

#disqus_thread {
    display: block;
    margin: 0 auto;
    padding: 45px 0 0;
    width: 900px;
}

/* FOOTER */

#footer {
background: none repeat scroll 0 0 #161616;
color: white;
display: block;
font-size: 84%;
line-height: 138%;
margin: 45px auto 0 auto;
padding: 20px;
}

/* ABOUT PAGE */

.about-header{
 background: url("images/subbanner.png") no-repeat scroll 0 0 transparent;
 color: #FFFFFF;
 cursor: pointer;
 height: 28px;
 padding-top: 2px;
 width: 960px;
 font-size: 16px;
 padding-left: 10px;
}

.about-about{
 font-size: 18px;
}

.italic{
 font-style: italic;
}

.about-image{
 float: left;
}

.about-text {
    font-size: 121%;
    line-height: 162%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.about-text p {
    display: block;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
}

.about-text blockquote {
    color: #FFFFFF;
    font-size: 162%;
    font-style: italic;
    line-height: 116%;
    margin: 0;
    padding: 0 30px;
}

.about-text blockquote p {
    background: none repeat scroll 0 0 #363636;
    display: block;
    padding: 15px 30px;
}

.about-text img {
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.about-testimonials {}

.testimonial {
    display: inline-block;
    float: left;
    height: 144px;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 50%;
}

.testimonial-image {
	float: right;
	height: 130px;
	width: 130px;
	border-radius: 73px;
	overflow: hidden;
	border: 8px #363636 solid;
}

.testimonial-image img {
	width: 130px;
	height: 130px;
}

.testimonial-text {
    float: left;
    font-size: 84%;
    line-height: 138%;
    padding-left: 30px;
    padding-top: 30px;
    width: 272px;
}

.testimonial-header{
 padding-bottom: 5px;
}
	
.testimonial-link{
	display: block;
	float: left;
	font-size: 138%;
}

.testimonial-link:hover{
	text-decoration: underline;
}

.testimonial-affiliations{
	 float: left;
	 font-size: 100%;
	 padding-left: 10px;
}

/********** SEARCH **************/

.type-show,
.type-post,
.type-testimonial,
.type-releases,
.type-page {
	padding: 30px;
	margin: 15px 0 0 0;
	display: block;
	clear: both;
	float: none;
	height: auto;
	width:900px;
	}

.type-post,
.type-testimonial,
.type-releases,
.type-page {
	background: #161616;
	color: #FFF;
}

.type-show {
	background: #FFF;
}

.show-wide-search img {
	width: 900px;
	height: auto;
}

.search-post-type {
	text-transform:capitalize;
}

.search-description {
	font-size: 121%;
	line-height: 162%;
	margin-top: 15px;
}

.search-description p {
    display: block;
    margin: 0;
    padding: 0;
}

.search-description blockquote {
    color: #FFFFFF;
    font-size: 162%;
    font-style: italic;
    line-height: 116%;
    margin: 0;
    padding: 0 30px;
}

.search-description blockquote p {
    background: none repeat scroll 0 0 #363636;
    display: block;
    padding: 15px 30px;
}

.search-excerpt-listen a {
	background: #D10000;
	color:#d6d6d6;
	display: inline-block;
	padding: 5px 15px;
	margin-top: 15px;
	font-weight:bold;
	}
	
.search-excerpt-listen a:hover {
	background: #FF2929;
	color:#ffffff;
	text-decoration:none;
	}


/********** SOCIAL LINK WIDGET **************/

#social-links{
	position: fixed;
	top: 115px;
	left: 0;
}

.social-link{
	display: block;
	height: 35px;
	width: 35px;
	margin-bottom: 5px;
	cursor: pointer;
}

.social-link:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}

.social-links-group{
}

.mixcloud{
 background: url('images/mixcoud_icon.png');
}

.soundcloud{
 background: url('images/soundcloud_icon.png');
}

.itunes{
 background: url('images/itunes_icon.png');
}

.email{
 background: url('images/email_icon.png');
}

.facebook{
 background: url('images/facebook_icon.png');
}

.twitter{
 background: url('images/twitter_icon.png');
}

.rss{
 background: url('images/rss_icon.png');
}

.share{
 background: url('images/share_icon.png');
}

.bookmarks{
 background: url('images/bookmark_icon.png');
}

.float-right{
 float: right !important;
}

.donate{
 background: url('images/donate_icon.jpg');
}

.bandcamp{
 background: url('images/bandcamp_icon.png');
}

.image-donate:hover{
  opacity:0.5;
  filter:alpha(opacity=50);
}

#social-links {
	display:none;
	}
	
.mejs-container {
	position: relative;
	background: #333;
	font-family: Cabin, Arial;
	text-align: left;
	vertical-align: top;
	margin-bottom: 20px;
}

div.wpcf7 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
	padding: 30px 30px 60px !important;
}

input.wpcf7-text {
    background-color: #D6D6D6;
    font-size: 138%;
    margin: 10px 0;
    padding: 5px;
}

.your-message textarea {
    width: 100%;
}

input.wpcf7-submit{
	background: #D10000;
	color: #D6D6D6;
	display: inline-block;
	padding: 5px 15px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 121%;
	float: right;
	}

input:hover.wpcf7-submit {
	background: #ff2929;
	color: #fff;
	}
	
/* Hidden */

#show-sidebar a.cue-link {
	display:none;
}

#side-banner {
	width: 300px;
	float: right;
}