@import url("http://www.joeandwillask.com/wp-content/themes/joeandwill/jqzoom.css");


/******************************

	GLOBAL STYLES - GLOBALS

			***/
			
html,* { 
margin: 0; 
padding: 0;
}

body { 
font-size: 0.9em; 
font-family: Tahoma; 
color: #777; 
background: black; 
line-height: 14pt;
}

#wrapper { 
font-size: 75%;	
background: black;
}

a,a:hover { text-decoration: none;}
a {	color: #333;}
a:hover { color: #fff;}
h1,h2,h3,h4 { margin-bottom: 15px;}
h1 { font-size: 1.4em;}
h2 { font-size: 1.3em;}
h2 a { color: #fff;}
h2 a:hover { color: #444;}
h3 { font-size: 1.5em;}
h4 { font-size: 1.1em;}
ul li { list-style-type: none;}
ul li li { list-style-type: none;}
img, img a { border: none;}

.blue { color: #0c7dff;}
.green { color: #1b5f5a;}
.strike { text-decoration: line-through;}
.white { color: #fff;}
ul.current_page_item a{
color: #333;
}

.piclenselink {
display: none;
}
.canvas {
background: #222;
border: 1px dotted #333;
padding: 10px 15px 10px 10px;
}

			/***

	LAYOUT

			***/
			
#wrapper {
width: 1000px;
margin: 0 auto;
padding: 0 20px 0 20px;
}
#content { 
margin: 20px 0 0 0;
}






			/***

	GLOBAL STYLES - GLOBAL POST

			***/


.post {
background: #111;
border: 1px dotted #2a2a2a; 
padding: 5px;
float: left;
width: 100%;
margin: 0 0 15px 0;
}			
.post-date { 
display: none;
margin: 20px 0 10px 0;
background: url(images/date_bg.png) no-repeat;
height: 65px;
font-family: Verdana;
}
.date { font-size: 0.6em;}
.post-date .month {
padding: 10px 0 0 17px;
font-size: 1.1em;
}
.post-date .day {
padding: 0px 0 0 17px;
font-size: 1.5em;
color: #93001b;
}




.entry-title {
margin: 10px 0 15px 0;
color: #fff;
}
.entry-title a {
color: #fff;
}
.entry-title a:hover {
color: #333;
}
.entry-date { 
display: none;
}
.entry-meta {
color: #333;
float: right;
width: 100%;
padding: 8px 0 5px 0;
}		
.entry-meta li {
list-style-type: none;
}
.entry-meta li a {
margin: 0 0 0 20px;
color: #444;
font-size: 0.9em;
 
}
.entry-meta li a:hover {
color: #fff;
}
.entry-meta a {
margin: 0 0 0 10px;
color: #444;
font-size: 0.9em;

}
.entry-meta a:hover {
color: #fff;
}
	

.entry-content {
margin: 15px 0 0 0;
display: inline;
}
.entry-content img {
border: 1px dotted #444;
margin: 15px 20px 15px 0;
float: left;
}			
			
	
			/***

	GLOBAL STYLES - HOME PAGE

			***/

#container-home,#content-home {
	width: 100%;
	float: left;
}



			/***

	GLOBAL STYLES - SINGLE PAGE

			***/
			
			
			
#content_single {
margin: 20px 0 0 0;
}			
#content_single .post {
padding: 10px 10px 10px 15px;
}

			/***

	GLOBAL STYLES - THUMBS

			***/



.blogthumb {
display: inline;
float: left;
margin: 0 15px 0 0;
}




			/***

	GLOBAL STYLES - ARCHIVES

			***/	







			/***

	GLOBAL STYLES - EVENTS POST

			***/

.category-up-and-coming {

}


.category-up-and-coming #wrapper {
font-size: 113%;
}
#content_events {
width: 100%;
margin: 15px 0 0 0;
}
#content_events .category-up-and-coming {
width: 200px;
height: 220px;
padding: 0;
float: left;
margin: 0 15px 15px 0;
border: 1px dotted #444;
border-right: none;
border-left: none;
background: #111;
}
#content_events .category-up-and-coming img {
border: none;
margin: 5px 0 0 0;
}
.category-up-and-coming .ec3_schedule {
margin: 0 0 10px 0;
}

.category-up-and-coming .entry-meta {
display: none;
}
#content_events .category-up-and-coming h3 {

}
#content_events .category-up-and-coming h2.entry-media-title {
font-size: 1.0em;
margin: 10px 10px 0 8px;
}
#content_events .ec3_schedule { 
font-size: 1.3em;
margin: 10px 0 0 5px;
color: #6a0b22;
width: 140px;
}


.entry-content .ec3_schedule br {display: none;}

.ec3_schedule { 
font-size: 1.4em;
color: #6a0b22;
margin: 15px 0 15px 0;
width: 300px;
}




#content_events .ec3_start {
color: #fff;
font-size: 0.7em;
float: none;
margin: 0 5px 0 0;
}
#content_events .ec3_to {
color: #fff;
font-size: 0.7em;
float: none;
margin: 0 5px 0 0;
}
#content_events .ec3_end {
color: #fff;
font-size: 0.7em;
float: none;
margin: 0 5px 0 0;
}
.ec3_start {
color: #fff;
font-size: 0.9em;
float: left; display: inline;
margin: 0 10px 0 0;
}
.ec3_to {
color: #fff;
font-size: 0.9em;
float: left; display: inline;
margin: 0 10px 0 0;
}
.ec3_end {
color: #fff;
font-size: 0.9em;
float: left; display: inline;
margin: 0 10px 0 0;
}



#wp-calendar {
width: 255px;
min-height: 210px;
padding: 5px;
margin: 45px 0 0 0;
border-top: 1px dotted #444;
font-size: 1.0em;
color: #fff;
}
#wp-calendar .nav {
color: #fff;
margin: 10px 0 0 0;
width: 255px;
}

#wp-calendar .nav a {
color: #fff;
}

#wp-calendar td {
padding: 5px 11px 0px 11px;
text-align: center;
}
#wp-calendar .eventday {
color: #fae447;
font-size: 1.2em;
}
#wp-calendar caption {
display: none;
}
.ec3_list_day {
width: 250px;
background: #111;
padding: 10px 0 10px 5px;
border-top: 1px dotted #333;
}


.event_post {
width: 500px;
padding: 10px 15px 10px 10px;
margin: 10px 0 10px 0;
background: #222;
border: 1px dotted #333;
background: url(images/event_pointer.png) no-repeat right center; 
list-style-type: none;
}
.event_post
.event_post .entry-title {
color: #fae447;
margin: 0 0 0 0;
}
td colspan {
color: #222;
padding: 50px;
}



.s-category-up-and-coming #show {
display: none;
}
#content_events .category-up-and-coming p { display: none;}



/************ category 7 styles ****/

#content_cat7 .category-up-and-coming {
background: url(images/event.png) no-repeat left center;
padding: 15px 0 15px 70px;
margin: 0 0 20px 0;
border-left: none;
border-right: none;
width: 600px;
}
#content_cat7 .category-up-and-coming .entry-content {
font-size: 1.1em;
}

			/***

	GLOBAL STYLES - COMMENTS

			***/
	
.page-title {
display: none;
}

#commentform {
width: 650px;
color: #555;
}
#comment {
width: 450px;
background: #111;
border: 1px dashed #333;
color: #666;
font-family: Helvetica;
font-size: 1.0em;
padding: 5px;
}
#comments-list h3 {
color: #fff;
}
input {
background: #111;
border: 1px dashed #333;
padding: 5px;
color: #666;
margin: 0 0 10px 0;
cursor: pointer;
}
#submit {
cursor: pointer;
margin: 10px 0 15px 0;
}
#submit {
color: #fff;
}

#commentform label {

}
#comment-notes {
margin: 0 0 10px 0;
}
.form-label {
margin: 0 0 10px 0;
}
.form-input {

}
#show {
float: left;
background: #111;
border: 1px dashed #333;
border-left: none;
border-right: none;
padding: 5px 55px 0px 5px;
margin: 15px 0 0 0;
height: 25px;
width: 615px;
background: url(images/comment_ico.png) no-repeat right center; 
}
#hide {
float: left;
background: #111;
border: 1px dashed #333;
padding: 10px 0 0 20px;
margin: 15px 0 30px 0;
width: 655px;
}

#hide a {
color: #7f0b13;
}

#comments-list li {
list-style-type: none;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;

border: 1px dashed #333;
border-right: none;
border-left: none;
margin-right: 20px; 
}
.comment-author {
color: #fff;
font-size: 1.2em;
margin: 5px 0 0 0;
}
.comment-author a{
color: #fff;
}	

.comment-meta {
margin: 8px 0 5px 0;
font-size: 0.8em;
color: #333;
}
#comments .comment-meta a {
color: #333;
}		
#comments .comment-meta a:hover {
color: #333;
}
#respond {

margin-right: 20px;
margin: 10px 0 0 0;
padding: 15px 0 0 0; 
}
#respond h3{
color: #fff;
}

.cat-links a{
color: #555;
}
.comments-link a {
color: #777;
}
#comments {
color: #fff;
}
#comments a {
color: #fff;
}


#categories li {
width: 250px;
background: #111;
padding: 10px 0 10px 5px;
font-size: 1.1em;
border-top: 1px dotted #333;
}

			/***

	PAGE STYLES - CATEGORIES 

		
			***/


.current-cat a{
color: #fff;
}
.category-joe-and-will-ask .post {

}
.category-news .post {
padding: 5px 5px 10px 20px;
}
.category-video_blog {
padding: 0 0 0 15px;
}
.category-video_blog .post {
padding: 5px 5px 10px 20px;
}
.flashmovie {
width: 425px;
margin: 0 auto;
border: 1px dotted #333;
}
.category-video_blog .thumbnail {
display: none;
}
.category-news .entry-meta {
display: none;
}

.blog .category-news {
background: url(images/news.jpg) top right no-repeat;
}

			/***

	PAGE STYLES - LAYOUT

		
			***/

#breadcrumb {
margin: 0 0 50px 0;
display: none;
}
#breadcrumbs  {
font-size: 1.1em;
color: #555;
}
#breadcrumbs a {
color: #fae447;
}

#header {
float: left;
display: inline;
width: 1000px;
height: 75px;
border-bottom: 1px dashed #333;
border-right: none;
border-left: none;
}
#header img {
padding: 25px 0 0 0;
}
#menu {
float: left;
display: inline;
width: 1000px;
list-style-type: none;
font-size: 1.1em; 
padding: 8px 0 10px 3px;
}
#menu ul li {
float: left;
display: inline;
padding: 0 30px 0 0;
list-style-type: none;
}
#menu ul li a { color: #fff;}
#menu ul li a:hover { color: #555;}

#menu ul .page-item-99 {
float: right;
padding: 0 0 0 30px;
background: url(images/merch_ico.png) no-repeat left center;
}

#menu_home #menu {
border-bottom: none;
}




#container {
width: 650px;
float: left;
margin: 30px 50px 0 0;
}
#content {

}
.sidebar {
float: left;
width: 250px;
margin: 20px 0 0 50px;
color: #fff;
}
.sidebar_events {
float: left;
margin: 0px 0 0 35px;
}
.sidebar h3 {
display: block;
margin-top: 25px;
font-size: 1.2em;
}


#subscriber #subscriber #emailinput {
width: 350px;
padding: 10px;
margin: 10px 0 10px 0;
font-size: 1.4em;
}
#subs,#usubs {
width: 50px;
display: inline;
font-size: 1.3em;
background: #000;
border: none;
color: #666;
margin: 0 0 10px 0;
cursor: pointer;
}
#usubs  {
padding: 5px 0 15px 20px;
}
.sub_note { color: blue;}
#subscriber #send {
margin: 10px 0 10px 0;
}
#send_btn{
width: 100px;
display: block;
margin: 10px 0 10px 0;
 }






#categories ul.children li a{
list-style-type: none;
margin: 15px 0 0 0; padding: 0;
color: #444;
}
#footer {
margin: 20px 0 0 0;
padding: 10px 0 0 0;
float: left;
width: 100%;
clear: both;

}






#info_box {
background-image: url(images/info_blox.png);
width: 317px; 
height: 112px;
text-align: center;
}
#info_box h2 {
padding: 20px 0 0 0;
}
#info_box p {
padding: 0 0 0 0;
}



			/***

	PAGE STYLES - MEDIA THEME

			***/

#container_images {
width: 965px;
float: left;
margin: 30px 50px 0 0;
}
#container_images .post {}

.entry-media-title {
margin: 20px 0 0 0;
}
.category-images {
padding: 20px 0 0 20px;

}
.category-images .entry-media-title {
margin: 0 0 15px 0;
}
.category-images.vcard,.cat-links{
}


			/***

	PAGE STYLES - DISCOGRAPHY
	
			***/
#beatport {
float: left;
padding: 30px 0 0 0;
}
#container_disc {
width: 100%;
float: left;
margin: 30px 50px 0 0;
}
#container_disc h2 {
color: #fff;
margin: 0 0 15px 0;
font-size: 1.1em;
}
#discography {
float: left;
width: 100%;
}
#discography_remixes {
float: left;
width: 100%;
margin: 10px 0 0 0;
}
#disc {
float: left;
width: 300px;
height: 400px;
background: #111;
margin: 0 5px 30px 0;
border: 1px dotted #444;
padding: 10px;
}
#disc #image {
}
#disc #text {
padding: 10px 0 5px 0;
width: 100%;
font-size: 1.2em;
}

			/***

	PAGE STYLES - VIDEO THEME

			***/


.page-template-videoPage-php #container {
width: 100%;
}
#content_video {
margin: 20px 0 0 0;
}
#content_video .category-video {
width: 250px;
margin: 0 40px 40px 0;
float: left;
}
#content_video .category-video .entry-title {
font-size: 1.0em;
padding: 10px;
margin: 0;
}
#content_video .category-video img {
border-bottom: 1px dotted #444;
}

			/***

	PAGE STYLES - HOME THEME

			***/
			
			
#homeHeader {
height: 390px;
width: 1000px;
padding: 20px 0 0 0;
margin: 15px 0 0 0;
border: 1px dashed #333;
border-right: none;
border-left:none;

}
#homeHeader #logo_home{
float: left;
}

#promo {
float: left;
display: none
width: 110px;
height: 40px;
margin: 80px 0 0 420px;
}
#promo li {
list-style-type: none;
}
#promo h2 {
color: #fff;
font-weight: normal;
}


			/***

	PAGE STYLES - MERCH THEME

			***/

#container_merch {
width: 1000px;
min-height: 448px;
float: left;
margin: 30px 50px 0 0;
background-image: url(shopimg/ribbon_bg.png);
}
#t_block {
background: url(shopimg/trans_bg.png) repeat;
border:  1px dotted #333;
padding: 10px;
margin: 0 60px 40px 0;
float: left;
display: inline;
width: 250px;
height: 300px;
}
#t_image {
background: #333;
padding: 10px 0 0 0;
width: 250px;
height: 200px;
}
#t_text {
margin: 5px 0 0 0;
padding: 10px;
}
.t_ico {

}
#pay {
float: left;
display: inline;
width: 1000px;
border-top: 1px dashed #333;
}





			/***

	PAGE STYLES - SEARCH FORM

			***/


#container_search {
width: 600px;
margin: 0 auto;
}
#container_search .post {
padding: 0 0 15px 100px;
border-right: none;
border-left: none;
margin: 10px 0 20px 0;
background: url(images/search_bg.png) no-repeat left center;
}

#container_search {
margin: 50px 0 0 0;
float: left;
display: inline;
}

#searchform-404,#s-no-results {
margin: 15px 0 0 0;
}
#searchform {
float: right;
display: inline;
margin: 25px 15px 0 0;
width: 250px;
color: #fff;
}
#searchform input {
width: 250px;
background: #111;
padding: 8px;
border: 1px dotted #222;
}




.music_button {

}
.music_ico {
background: url(images/play.jpg) no-repeat;

}
.music_ico a {
padding: 0 0 0 25px;
}
div#tipDiv {
    color:#000; font-size:11px; line-height:1.2;
   background: url(images/music.png) no-repeat;
    width:129px;
    height: 71px;
    color: #fff; 
}
div#tipDiv a {
color: #fff;
}
div#tipDiv #note {
margin: 25px 0 0 15px;
}
div#tipDiv a:hover {
color: #333;
}


			/***

	PAGE STYLES - CONTACT THEME

			***/

.btm { margin: 0 0 10px 0;}

#container_contact {
width: 1000px;
float: left;
}
#container_contact #content {
margin: 50px 0 0 0;
}
#container_contact #content #us {
float: left;
display: inline;
width: 475px;
height: 300px;
}
#container_contact #content #us #joe,#will {
width: 230px;
height: 300px;
float: left;
}
#container_contact #content #us #will {
margin: 0 0 0 15px;
}
#container_contact #content #us #image {
background: #222;
height: 150px;
width: 230px;
border-top: 1px dotted #444;
padding: 5px 0 0 0; 
}
#container_contact #content #us h2 {
margin: 10px 0 10px 0;
}
#container_contact #content #us #text {
width: 210px;
height: 100%;
padding: 10px 0 0 0;
}




#container_contact #content #contact_info {
float: left;
margin: 13px 0 0 50px;
display: inline;
width: 475px;
}
#container_contact #content #contact_info h3 {
margin: 0 0 5px 0;
}

.name {
color: #fff;
}
#container_contact #content #contact_info #contact_p {
margin: 0 0 0 35px;
padding: 10px 0 0 10px;
width: 350px;
}
#container_contact #content #contact_info #contact_p_1 {
margin: 0 0 0 35px;
padding: 10px 0 0 10px;
width: 350px;
}
#contact_p_1 h3 {
color: #fff;
border-top: 1px dotted #444;
padding: 10px 0 0 0;
}
#contact_p h3 {
color: #fff;
border-top: 1px dotted #444;
padding: 10px 0 0 0;
}

#container_contact #content #links {
border-top: 1px dotted #444;
float: left;
width: 1000px;
height: 100px;
padding: 20px 0 0 0;
margin: 30px 0 0 0;
}

#container_contact #content #links li {
display: inline;
float: left;
margin: 0 30px 0 0;
}

a.button {
width: 1000px;
height: 365px;
}
   
   
   
   
span.music { color: #730d0a;}

#preview{
position:absolute;
border:1px dotted #444;
background:#070707;
padding:5px;
display:none;
color:#fff;
}
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}
	
	
	
	
/***

	SHOPPING CART PAGE

		***/
#container_merch {
font:bold 12px Helvetica,Arial,sans-serif;
}
	
#container_merch #content_main {
width:730px;
float: left;
margin: 0 10px 0 0;
}
#container_merch #content_side {
width:250px;
float: left;
}
#note {
float: left;
width: 600px;
padding: 0 0 0 20px;

}
#container_merch #note span.orange {
color: #c23f26;
}
#container_merch #header{
padding: 0 0 20px 0; 
margin-left:20px;
background:url(shopimg/headerGrad.png) bottom left no-repeat;
width:670px;
float:left;
}

#container_merch h1{
width:284px;
height:0;
background:url(shopimg/logo.gif);
font-size:0px;
padding-top:70px;
overflow:hidden;
float: left;
}
		

.cartHeaders,.totalRow{display:none;}
.simpleCart_items{
overflow-y:auto;
overflow-x:hidden;
height:264px;
width:243px;
margin-bottom:20px;
padding: 5px 0 0 5px;
}
.itemContainer{
clear:both;
width:229px;
padding:11px 0;
font-size:11px;
}
.itemImage {
float:left;
width:60px;
}
.itemOptions{
float:right;
width:60px;
}
.itemName{
float:left;
width:85px;
}
.itemPrice{
float:left;
width:85px;
color:#418932;
}
.itemQuantity{
float:left;
width:33px;
margin-top:-12px;
vertical-align:middle;
color: #fff;
}
.itemQuantity input{
width:20px;
border:1px solid #ccc;
padding:3px 2px;
color: #fff;
}
		
.itemTotal {
float:left;
color:#c23f26;
margin-top:-6px
}

#catalog{
margin:30px 0 0 10px;
float:left;
width: 770px;
	
}
#catalog li{
float:left;
margin:25px 35px 35px 25px;
}
#catalog li img{
display:block;
margin: 0 0 15px 0;
}
.price{
display:block;
float:left;
background:url(shopimg/span.png);
width:33px;
height:21px;
line-height:20px;
margin:6px 4px 0 0;
color:#fff;
font-size:15px;
padding:2px 0 0 5px;
font-weight:lighter;
	
}
#container_merch b{
float:left;
font-size:15px;
color:#333;
}
#container_merch b a{
font-size:12px;
color:#c23f26;
}
#container_merch #sidebar a{
font-size:11px;
color:#000;
}
#sidebar a.simpleCart_checkout,
.checkoutEmptyLinks a.simpleCart_checkout{
display:-moz-inline-box;
display:inline-block;
width:87px;
height:25px;
background:url(shopimg/btnCheckout.gif);
overflow:hidden;
margin-left:130px;
vertical-align:middle;
text-indent:-9999px;
font-size:0;
float: right;
}
#container_merch a.btnCheckout:hover{
background-position:87px 0;
}
#downloadContainer{
width:230px;
font-size:11px;
font-weight:normal;
margin-top:52px;
}
#downloadContainer a{
color:#222;
text-decoration:none;
}
#downloadContainer a:hover{
text-decoration:underline;
}
#container_merch h3{
font-size:22px;
color:#c23f26;
padding-bottom:4px;
margin-bottom:9px;
border-bottom:1px dashed #d1d4d5;
}
#container_merch #footer{
clear:both;
margin-top:15px;
text-align:center;
font:normal 11px Helvetica, Arial, sans-serif;
color:#e7ebf0;
opacity:.999;
}
#container_merch #footer a{
color:#aaa;
text-decoration:none;
}
#container_merch #footer a:hover{
text-decoration:underline;
}
#container_merch #smallLogo{
margin-top:2px;
vertical-align:bottom
}
/*************************
my cart page
*************************/
.alsoContainer{
float:left;
clear:left;
padding:15px 0;
}
.alsoInfo,
.alsoImage,
.alsoPrice{
float:left;
}
.alsoImage{
margin-right:8px;
}
.alsoInfo{
margin-right:9px;
width:90px;
}
#sidebar .alsoContainer a{
color:#c23f26;
}
.alsoPrice{
color:#418932;
font-size:13px;
padding-top:5px;
}
.checkoutEmptyLinks{
float:left;
clear:left;
width:500px;
padding-left:221px;
}
.checkoutEmptyLinks a{
color:#000;
font-size:11px;
}





/*************
	PROMO PAGE
	***************/
	
	
#promo-icon {
	width: 264px;
	margin: 50px auto;
}

#container-promo {
	float: left;
	width: 100%;
}
#content-promo {
	float: left;
	width: 100%;
}	
.entry-content-promo {	
	width: 900px;
	margin: 50px auto 0 auto;
}