/*
Theme Name: musicmule_netbop
Theme URI: http://www.musicmule.co.uk/wp-content/themes/musicmule_netbop/
Description: grungy & dark theme
Author: Darren Cadwallader
Author URI: http://www.netbop.co.uk/
Version: 0.1
*/
body { text-align: center; font-size:62.5%; font-family:Myriad, Arial, Verdana, sans-serif; background:#333333 url(images/bg.jpg) 0 0 repeat-x fixed; }

h2, h3, h4, h5, p { line-height: 1.4em; }
h1 {  }
h2	{ font-size:2.3em; font-weight:normal; color:#FFF; }
h3	{ font-size:1.6em; font-weight:bold; margin:0 0 0.3em 0; }
dt, h4	{ font-weight:bold; color:#A29061; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
p { text-align: left; font-size:1em; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #FFF; background:#00A9A5 }

p a, h3 a	{ color:#00A9A5; display:inline }
p strong	{ color:#6633CC; font-weight:bold; }

.no { display: none; }
.cb { clear: both; }
.right { text-align: right; }

.ir	{ display:block; text-indent:-1000em; background:0 0 no-repeat; overflow:hidden; }
.ir:hover, .ir:focus	{ background-repeat:no-repeat; background-color:transparent; }
.ir.tagline	{ background-image:url(images/tagline.png); width:340px; height:26px; }

.ir.hot_ticket	{ background-image:url(images/hot_ticket.gif); width:29px; height:29px; float:left; margin:5px 5px 0 0; }
.ir.sell_out_soon	{ background-image:url(images/sell-out-soon.gif); width:29px; height:29px; float:left; margin:5px 5px 0 0; }
.ir.music_mule_pick	{ background-image:url(images/musicmule-pick.gif); width:39px; height:29px; float:left; margin:5px 5px 0 0; }
.ir.gig_of_the_week	{ background-image:url(images/gig-of-the-week.gif); width:70px; height:29px; float:left; margin:5px 5px 0 0; }
.ir.gig_of_the_week_large	{ background-image:url(images/gig-of-the-week-large.gif); width:131px; height:52px; float:left; margin:5px 5px 0 0; }
.posts a.free_gig, .free_gig	{ float:left; margin:5px 5px 0 0; padding:3px 5px; border:1px solid #00A9A5; color:#00A9A5; font-weight:bold; }
.header_blogcontent{
display:none
}

/***********	CALENDAR KEY	*******/
#musicmule_selections	{ border-left:23px #6633CC solid; margin:7px; padding:0 0 0 1em; }
#public_listings	{ border-left:23px #00A9A5 solid; margin:7px; padding:0 0 0 1em; }

/**********	LAYOUT BLOCKS	***********/
#container {
	width:940px; padding:0 8px; background:url(images/page-bg.png) 0 0 repeat-y; color:#FFF;
	margin: 20px auto;
	text-align: left;
}

#header {
	width:100%; height:206px; background:url(images/header.png) 0 0 no-repeat;
	clear: both; position:relative;
}

#content {
	width:872px; padding:0 32px 10px 36px;
	clear: both; background:#000;
}
	#main	{ width:640px; float:left; }
	#sidebar	{ width:200px; float:right; }

#footer {
	width:876px; position:relative; top:30px; padding:0 32px;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/***********	HEADER	***********/
#header h1	{ width:303px; height:118px; position:absolute; top:37px; left:25px; }
#header h2	{ position:absolute; bottom:50px; right:32px; }
#header .ir.logo	{ background-image:url(images/logo.png); width:303px; height:118px; }


/************	NAV	************/
.nav	{ position:absolute; bottom:0; width:876px; padding:0 32px; height:2.7em; background:url(images/nav-bg.png) 0 0 repeat-x; }
.nav li	{ display:block; float:left; }
.nav a	{ display:block; color:#FFF; font-size:1.4em; line-height:1.93em; margin:0 17px 0 0; padding:0 0 0 25px; background:url(images/nav-slash.png) 0 center no-repeat; }
.nav a:hover, .nav a:focus	{ color:#00A9A5; background-image:url(images/nav-slash-hover.png); }

.category_nav li	{ float:left; }
.category_nav a	{ font-size:1.3em; display:block; margin:0 1em 0 0; }
.category_nav a:before	{ content: "// "; color:#00A9A5; }

.category_nav a.current	{ background:#00A9A5; color:#000; }
.category_nav a.current:before	{ color:#000 }


/********	FOOTER	********/
#footer .nav	{ position:relative; height:auto; background:none; padding:0; }
#footer .nav	a	{ color:#8A8A8A; font-size:1.1em; padding:0; background:none; }
#footer .nav	a:hover, #footer .nav	a:focus	{ color:#00A9A5; }
.copyright	{ clear:both; position:relative; margin-top:0.5em; color:#8A8A8A; }

/************	MAIN	**********/
.posts	{ float:left; }
.posts p	{ font-size:1.2em }
.posts li	{ width:297px; float:left; margin:30px 40px 10px 0; }
.posts li.even	{ margin-right:0; }
.posts img, .posts object, .posts embed	{ float:left; border:2px solid #FFF; width:129px; margin:0 15px 10px 0; }
.posts a:hover img, .posts a:focus img	{ border-color:#00A9A5; }

.posts object.no_border, .posts .no_border embed	{ border:none !important; }

.posts h3 a	{ line-height:1.3em; font-weight:bold }

.posts h3	{ color:#00A9A5; }
.posts a { color:inherit; }
.posts p a	{ color:#00A9A5; }
.posts a.more-link	{ color:#FFF; display:block; }
.posts a:hover,.posts a:focus	{ color:#FFF; }
.more-link	{ background:#00A9A5; float:right; padding:0.1em 0.4em; margin:1em 0 0 0; }
.posts a.more-link:hover, a.posts .more-link:focus	{ background:#FFF; color:#00A9A5; }

.navigation	{ width:100%; min-height:35px; margin:20px 0 0 0; clear:both; }
.navigation li	{ width:45%; float:left; clear:none; min-height:30px; display:block; }
.navigation li a	{ width:auto; font-size:2.1em; min-height:30px; padding:6px 40px 0 10px; text-align:center; margin:0;  color:#FFF; }
.navigation li a:hover, .navigation li a:focus	{ color:#00A9A5; }
.navigation li#previous	{ float:right; }
.navigation #previous a	{ float:right; line-height:27px;  background:transparent url(images/blue-mule.png) 90% 2px no-repeat; }
.navigation #previous a:hover, .navigation #next a:focus	{ background:#FFF url(images/blue-mule-hover.png) 90% 2px no-repeat;  }
.navigation li#next	{ float:left; }
.navigation #next a	{ float:left; background:url(images/prev-mule.png) left 2px no-repeat; padding:6px 10px 0 40px; line-height:27px; }
.navigation #next a:hover, .navigation #next a:focus	{ background:#FFF url(images/prev-mule-hover.png) left 2px no-repeat; }

.commentlist .gravatar img	{ min-width:0; margin:0; }

/*************	POSTS	************/
.post	{ margin:30px 0; overflow:auto; }
.post h2	{ color:#00A9A5; margin:0 0 0.5em 0; }
.entrytext p, .post p	{ margin:0 0 1em 0; font-size:1.2em; }
.post img, .post object, .post embed	{ margin:1em auto 1em auto; display:block; }
.post img	{ border:2px solid #FFF; max-width:636px; min-width:200px; }

.pagepost h2, h2.main_header	{ color:#00A9A5; margin:0.5em 0; clear:left; }

.next_previous	{ width:100%; margin:0 0 1em 0; overflow:auto; }
.next_previous li	{ width:45%; float:left; clear:none; }
.next_previous #next	{ background:url(images/left-arrow.png) 0 center no-repeat; padding-left:20px; }
.next_previous #previous	{ text-align:right; float:right; background:url(images/right-arrow.png) right center no-repeat; padding-right:20px; }

.author	{ position:relative; bottom:1em; }

.post-info	{  border-top:1px solid #A29061; padding:1em 0; clear:both; }
.post-info dl	{ font-size:1.2em; overflow:auto; float:right; width:50% }
.post-info dt	{ float:left; clear:left; width:6em; margin:0 1em 0.3em 0; }
.post-info dd	{ margin:0 0 0.3em 0; }

.comment	{ width:45%; float:left; }
.comment input, .comment textarea	{ width:98%; margin:0 0 1em 0; }
.comment input.submit	{ margin-bottom:0; }
.comment label	{ font-size:1.2em; color:#A29061; font-weight:bold; }

.title	{ width:7em; display:block; float:left; }

.xoxo.blogroll a	{ font-size:1.2em }
.tags	{ font-size:1.2em; padding:0 0 1em 0; width:50%; float:right; }
.tags li	{ display:inline; margin:0 0.5em 0 0; }
.tags a:before, .xoxo.blogroll a:before	{ content:'// '; color:#00A9A5; }
.tags a:hover:before	{ color:#FFF }
.tags .title	{ margin:0; }

.metadata	{ float:right; width:50%; }
img.post-image	{ border:none; max-width:640px; }

.categories	{ float:right; position:relative; bottom:0; margin-bottom:10px }

.pics	{ margin:1em 0; float:left; clear:left; width:100% }
.pics li	{ float:left; width:32%; margin:0 1% 1% 0; }
.pics li.last	{ clear:left; }
.pics a	{ display:block;  border:2px solid #FFF; }
.pics a:hover, .pics a:focus	{  border:2px solid #00A9A5; }
.pics img	{ width:100%; }

img.wp-image-2507	{ border:none; }

/**********	GIGS		*********/
.gigs	{ font-size:1.2em; clear:both; margin:2em 0; float:left; }

/*********	ICAL	*********/
ol	{ font-size:1.2em;  }
ol li	{ clear:both; margin:0 0 1.6em 0; list-style:decimal outside !important; color:#FFF; }
ol li img	{ display:block; margin:1em 0; }

a.ical	{ overflow:hidden; display:block; line-height:34px; margin:1em 0; width:10em; padding-left:40px; background:url(images/ical.gif) 0 0 no-repeat; height:34px; }
a.ical:hover, a.ical:focus	{ background:url(images/ical.gif) 0 -40px no-repeat; }

a.add-gigs	{ overflow:hidden; display:block; line-height:30px; margin:1em 0; width:10em; height:30px; padding-left:40px; background:url(images/add-gigs.gif) 0 -4px no-repeat; }
a.add-gigs:hover, a.add-gigs:focus	{ background:url(images/add-gigs.gif) 0 -38px no-repeat; }

/*********	SIDEBAR	**********/
#sidebar div	{ padding:10px 10px 0 10px; margin:0 0 10px 0; clear:right; }
#sidebar form div, #sidebar  #mc_embed_signup	{ padding:0; margin:0; overflow:visible }
#sidebar .callout	{ background:#333 }
#sidebar h3	{ clear:both }
.links	{ font-size:1.2em; }
.links a, .gigs a	{ margin:0.2em 0; }
.links a:before, .gigs a:before	{ content:'// '; color:#00A9A5; }

.links a:hover:before, .links a:focus:before,
.tags a:hover:before, .tags a:focus:before ,
.gigs a:hover:before, .gigs a:focus:before,
.xoxo.blogroll a:hover:before, .xoxo.blogroll a:focus:before,
.category_nav a:hover:before, .category_nav a:focus:before	{ color:#FFF }

#sidebar div#search	{ width:212px; }
#sidebar div#search .submit	{ display:block; width:20px; height:20px; position:relative; bottom:2px; clear:none; overflow:hidden; }
#sidebar div#search .submit:hover, #sidebar div#search .submit:focus	{ background:none; }

.subscribe h3 a	{ display:block; min-height:28px; line-height:28px; padding-left:30px; background:url(images/feed-icon.png) 0 center no-repeat }
.subscribe h3 a:hover, .subscribe h3 a:focus	{ color:#00A9A5; }

a.soundcloud-dropbox	{ display: block; margin: 15px auto 5px; background: transparent url(http://a1.soundcloud.com/images/dropbox_small_dark.png?c3ab37) top left no-repeat; color: #D9D9D9; font-size: 10px; height: 30px; padding: 26px 60px 0 12px; width: 127px; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em }
a.soundcloud-dropbox:hover {color: white !important; background-color: transparent !important; background-position: -250px 0 !important;}

/***********	SOCIAL MEDIA STUFF	*********/
.social	{ display:block; width:30px; height:240px; position:absolute; right:-34px; top:0; }
.social a	{ display:block; width:30px; height:30px; margin:0 0 2px 0; }
.social a:hover, .social a:focus	{ background-color:transparent;background-position:0 -30px; }
.social .twitter a	{ background-image:url(images/large/twitter.png); }
.social .lastfm a	{ background-image:url(images/large/lastfm.png); }
.social .facebook a	{ background-image:url(images/large/facebook.png); }
.social .youtube a	{ background-image:url(images/large/youtube.png); }
.social .myspace a	{ background-image:url(images/large/myspace.png); }
.social .technorati a	{ background-image:url(images/large/technorati.png); }
.social .delicious a	{ background-image:url(images/large/delicious.png); }
.social .soundcloud a	{ background-image:url(images/large/soundcloud.png); }

.social .twitter a:hover, .social .twitter a:focus	{ background-position:0 -30px; }
.social .lastfm a:hover, .social .lastfm a:focus	{ background-position:0 -30px; }
.social .facebook a:hover, .social .facebook a:focus	{ background-position:0 -30px; }
.social .youtube a:hover, .social .youtube a:focus	{ background-position:0 -30px; }
.social .myspace a:hover, .social .myspace a:focus	{ background-position:0 -30px; }
.social .technorati a:hover, .social .technorati a:focus	{ background-position:0 -30px; }
.social .delicious a:hover, .social .delicious a:focus	{ background-position:0 -30px; }
.social .soundcloud a:hover, .social .soundcloud a:focus	{ background-position:0 -30px; }

.share	{ overflow:auto; font-size:1.2em; margin:0 0 1em 0; width:50%; float:right; clear:right; }
.share li	{ float:left; margin:0 0.3em 0 0; }
.share a	{ display:block; width:16px; height:16px; background: transparent 0 0 no-repeat; }
.share a:focus, .share a:hover	{ background-position:0 -16px; }

.share a.twitter	{ background-image:url(images/twitter.png); }
.share a.facebook	{ background-image:url(images/facebook.png); }
.share a.digg	{ background-image:url(images/digg.png); }
.share a.myspace	{ background-image:url(images/myspace.png); }
.share a.google	{ background-image:url(images/google.png); }
.share a.delicious	{ background-image:url(images/delicious.png); }
.share a.technorati	{ background-image:url(images/technorati.png); }
.share a.stumble	{ background-image:url(images/stumble.png); }


/***********	FORMS	********/
form ul	{ overflow:auto; }
form li	{ clear:left; }
input	{ background:#CFCFCF; color:#333; border:none; font-size:1.1em; height:1.5em; padding:0.1em 2px 0 2px; margin:0 0 6px 0; width:176px; float:left; }
input.submit	{ font-size:1.6em; font-weight:bold; color:#F2F2F2; background:none; float:right; width:auto; height:auto; clear:left }
input.submit:hover, input.submit:focus	{ cursor:pointer; background:#00A9A5; }

/************	CONTACT	**********/
fieldset.contact_form {
	width: 326px;
	margin: 10px 20px 0 0; padding: 0;
	float: left;
}
fieldset.contact_form dl dt { width: 100px; margin: 5px 0; padding: 0 5px 0 0; float: left; clear: both; font-size: 13px; text-align: right; }
fieldset.contact_form dl dd { width: 210px; margin: 5px 0;  float: left; }
fieldset.contact_form dl dd input#submit { width: auto; cursor: pointer; }
fieldset.contact_form  input, fieldset.contact_form  textarea {
	width: 200px; padding: 3px;
	font-size: 13px; font-family: Tahoma, Verdana, Arial;
}
fieldset.contact_form  textarea { height: 100px; }

/***********	CALENDAR	**********/
.entrytext	{ width:640px; }
.entrytext.single	{ width:504px; margin:0 auto; overflow:hidden }