/*-  BASE STYLES
----------------------------------------------------------------------*/

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* TOC:
   Random HTML Styles
     Forms
   General Structure
   Navigation
   Quotations
   Comments and Other Asides
   Emphasis
   Computers - General
   Code
   Examples and Figures
   Q and A (FAQ)
   Tables
   Headers
   Meta
   Specific to Products Pages
*/


/*- self-clearing floats ----------*/

.mod:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*- fluid images and objects ----------*/

img,
object,
embed {max-width: 100%;}


/*- optional vanity styles ----------*/

::selection {background: #eee;}
::-moz-selection {background: #eee;}

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

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

	html {-webkit-text-size-adjust: none}
	a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}

}


/*- LET'S GET STARTED!
----------------------------------------------------------------------*/

body {
	background: #fff url('/images/_/bg.jpg') top center no-repeat;
	color: #666;
	font: normal 13px/18px "Akzidenz Grotesk",AkzidenzGrotesk, sans-serif;
	margin: 0;
	padding: 0;
}

abbr {
	cursor: help;
}

/* General HTML Styles */

.hide {display: block; visibility: hidden; height: 0px; width: 0px; margin: 0; padding: 0; position: absolute;}

.button {
	display: inline-block;
	font-size: 10px;
	height: 18px;
	text-transform: uppercase;
	padding: 3px 5px 1px;
	color: #333;
	border: 1px solid #555;

	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	-moz-border-radius: 18px; /* FF1+ */
 	-webkit-border-radius: 18px; /* Saf3-4, iOS 1+, Android 1.5+ */
        border-radius: 18px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	background-color: #EA6945;
	background-image: -moz-linear-gradient(bottom, #CE3439, #FF9A51); /* FF3.6 */
	background-image: -ms-linear-gradient(bottom, #CE3439, #FF9A51); /* IE10 */
	background-image: -o-linear-gradient(bottom, #CE3439, #FF9A51); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left bottom, left top, from(#CE3439), to(#FF9A51)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, #CE3439, #FF9A51); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(bottom, #CE3439, #FF9A51);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF9A51', EndColorStr='#CE3439'); /* IE6–IE9 */
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea {
	padding: 3px 9px 2px;
	height: 16px;
	border: 1px solid #808080;
	-moz-border-radius: 10px; /* FF1+ */
 	-webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	background-color: #d9d9d9;
 	background-image: -moz-linear-gradient(top, #b3b3b3, #d9d9d9); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #b3b3b3, #d9d9d9); /* IE10 */
	background-image: -o-linear-gradient(top, #b3b3b3, #d9d9d9); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#d9d9d9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #b3b3b3, #d9d9d9); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #b3b3b3, #d9d9d9);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3b3b3', EndColorStr='#d9d9d9');
}

textarea {
	height: 64px;
	font-family: inherit;
	font-size: inherit;
}
	

a {color: inherit; text-decoration: inherit;}

body > div > footer {clear: both;}

small {font-size: 12px; color: rgb(127,127,127);}

aside > section h2 {font-size: 14px; color: #D85A24; text-transform: uppercase; font-weight: normal; margin-bottom: 9px;}

article {margin-bottom: 18px;}
	article p {margin-bottom: 18px;}

.camp-mmw {display: block; padding-top: 159px; height: 0; width: 152px; margin: 0 auto; overflow: hidden; background: url('/images/_/cover-campire-camp-mmw.png') top center no-repeat;}

/* General Structure */

body > div > footer {padding: 108px 0 36px 0;}

body > div {margin: 0 auto; padding: 18px; width: 954px; }

body > div > header {margin-bottom: -4px; padding-bottom: 40px; background: url('/images/_/shadow.png') bottom center no-repeat;}

body > div > header > img {margin-bottom: 9px;}

body > div > aside {float: left; width: 252px; margin: 0;}
body#home > div > aside {padding-left: 18px;}
	body > div> aside > section {margin-bottom: 18px;}

.mid-sidebar {background: rgb(220,220,220); padding: 18px; width: 196px; -moz-border-radius: 10px; border-radius: 10px; }
	.mid-sidebar > section {border: 1px solid #B3B3B3; border-width: 0 0 1px 0; padding-bottom: 18px;}
		.mid-sidebar > section:last-child { border: none;}

article > footer {padding: 18px 0; border: 1px solid #CDCDCD; border-width: 0 0 1px 0;}
article > footer time, article > header time {font-size: 10px; color: #316E8A;}
article > footer .addthis_toolbox {float: right;}

body > div > footer {clear: both;}

article.main-column {width: 664px; padding-right: 36px; float: left;}

/* Navigation */

body > div> header > nav  {
	background: url('/images/_/nav.png') center no-repeat; 
	padding-left: 36px; 
	margin: 0 -36px 9px -36px;
	height: 33px;
	color: #D9D9D9;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bolder;
	text-shadow: 0px -1px 0px rgba(0,0,0,1);}
body > div > header > nav > ul {margin-left: 18px;}
body > div > header > nav > ul > li {float: left; padding: 0; border: 1px solid #4D4D4D; border-width: 0px 1px; border-left-color: #808080;}
body > div > header > nav > ul > li > a {display: block;  width: 93.4px; padding: 9px 0px 5px; text-align: center;}
body > div > header > nav > ul > li > a:hover {background: url('/images/_/nav_hover.png') repeat-x;}
body > div > header > nav > ul > li:first-child a {margin-left: -24px; }
body > div > header > nav > ul > li:last-child a {margin-right: -24px; }
body > div > header > nav > ul > li:first-child {border-left-width: 0px;}
body > div > header > nav > ul > li:last-child {border-right-width: 0px;}

nav:after  {display: block; float: none; clear: both; content: " "; visibility: hidden;}

body#home a#home-link,
body#tour a#tour-link,
body#music a#music-link,
body#band a#band-link,
body#photos a#photos-link,
body#faq a#faq-link,
body#contacts a#contacts-link,
body#store a#store-link,
body#camp a#camp-link,
body#forum a#forum-link,
body#tour a#tour-link {color: #D85A24;}

body > div > footer > nav > ul > li {display: inline; font-size: 12px; color: rgb(127,127,127);}
	body > div >footer > nav> ul > li:after {content: " /";}
body > div > footer > nav {margin-bottom: 18px;}

/* Headers */

div > article > header {margin-bottom: 18px; border: 1px solid #ccc; border-width: 0 0 1px;}
div > article > header > h1 {font-size: 24px;}

header > h1, th {font-size: 16px; text-transform: uppercase; color: #808080; text-shadow: 0px 1px 0px white; padding-bottom: 18px;}
article > header {padding-bottom: 18px;}
article > header > h1 {font-weight: bold; color: #316E8A; padding-bottom: 0;}

section > header > h1 {margin-left: 18px; background:url('/images/_/header_long.png') top right no-repeat; padding-top: 6px;}
section > header:before {display: block; float: left; content: ""; width: 18px; height: 26px; background: url('/images/_/header_cap.png') left top no-repeat;}

.mid-sidebar > section > header > h1 {background: none; margin: 0px;}
.mid-sidebar > section > header:before {display: none;}

body > div > header > h1 > a {display: block; width: 682px; height: 0px; padding-top: 43px; padding-bottom: 0px; overflow: hidden; background: url('/images/_/logo.png') no-repeat;}


section.news > header {margin-bottom: 18px;}
section.news > header > h1 {font-size: 18px;}



/* Header Images */


body#page404 > div > header > img {background: url('http://www2.mmw.net/images/uploads/discography_header.jpg') top center no-repeat;}

body#news > div > header > img {background: url('http://www2.mmw.net/images/uploads/contact_header.jpg') top center no-repeat;}

body#tour > div > header > img {background: url('http://www2.mmw.net/images/campmmw/Band_BannerLive21.jpg') top center no-repeat;}

body#band > div > header > img {background: url('http://www2.mmw.net/images/campmmw/Holding_Billy_Bakc_Banner.jpg') top center no-repeat;}

body#contacts > div > header > img {background: url('http://www2.mmw.net/images/campmmw/Band_Banner22.jpg') top center no-repeat;}

body#home > div > header > img {background: url('http://www2.mmw.net/images/uploads/contact_header.jpg') top center no-repeat;}

body#faq > div > header > img {background: url('http://www2.mmw.net/images/uploads/discography_header.jpg') top center no-repeat;}

body#photos > div > header > img {background: url('http://www2.mmw.net/images/uploads/tour_header.jpg') top center no-repeat;}

body#music > div > header > img {background: url('http://www2.mmw.net/images/campmmw/homeheader.jpg') top center no-repeat;}


/* Social Networking */
.social-network-small {list-style: none; list-style-position: inside; margin: 0; padding: 0; clear: both; margin: -18px -18px 18px 0;}
.social-network-small:after {display: block; float: none; clear: both; content: " "; visibility: hidden;}
.social-network-small > li {float: left; width: 24px; height: 24px; margin-right: 9px;}
.social-network-small a {display: block; overflow: hidden: width: 0px; height: 0px; visibility: hidden;}

.social:before {display: block; float: left; position: relative; margin-right: 9px; content: ""; width: 24px; height: 24px; background: url('/images/_/social_sprite.png'); visibility: visible;}
.social.twitter:before {background-position: 0px 0px; }
.social.lastfm:before {background-position: -24px 0px;}
.social.ilike:before {background-position: -48px 0px;}
.social.flickr:before {background-position: -72px 0px;}
.social.facebook:before {background-position: -96px 0px;}
.social.myspace:before {background-position: -120px 0px;}
.social.youtube:before {background-position: -144px 0px;} 
.social.itunes:before {background-position: -168px 0px;} 

a.rss {display: block; clear: both; font-size: 12px;}
section.news a.rss {margin-left: 18px;}
a.rss:before {display: block; content: ""; float: left; margin-right: 9px; width: 16px; height: 16px; background: url('/images/_/rss.png');}

.mmw-mailinglist {margin-bottom: 18px;}
.mmw-mailinglist:after {display: block; content: " "; float: none; clear: both; visibility: hidden;}
.mmw-mailinglist input[type="email"] {width: 162px; margin-bottom: 0; padding-right: 56px;}
.mmw-mailinglist input[type="submit"] { 
	float: right;  
	height: 23px; 
	position: relative; 
	top: -23px; 
	-moz-border-radius: 0 12px 12px 0; /* FF1+ */
  	-webkit-border-radius: 0 12px 12px 0; /* Saf3-4, iOS 1+, Android 1.5+ */
        border-radius: 0 12px 12px 0;}
.mmw-mailinglist input:focus { outline: none; }

/* News */

section.news {float: left; padding-right: 18px; width: 432px;}
section.news.archives {width: 682px;}
section.news > article {padding-left: 18px;}

section.news > article p a {text-decoration: underline; color: #D85A24;}
section.news > article > p:last-child {margin-bottom: 0px !important; padding: 0;}

section.news > header > a {
	display: block;
	float: right;
	margin-top: -36px;
	padding: 0 18px;
	font-size: 12px; 
	font-weight: bolder; 
	color: white; 
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);}

div.article-image {float: left; margin-right: 18px;}
	.fancybox div.article-image:after, .fancybox div.album-cover:after {content: "[+] Expand"; display: block; color: #938382; padding: 5px 9px 4px; font-size: 10px; border: 1px solid #AFAFAF;  margin-top: -6px;}

section.news a.read-more {color: #316E8A; display: inline; margin: 0; text-transform: lowercase;}
	section.news a.read-more:after {content: "\00BB"; margin-left: 4px;}

section.news footer {clear:both;}

.paginate strong, .paginate a {padding: 5px;}
.paginate strong {background: #eee;}

#news > div > aside ol { list-style: none; list-style-position: inside; padding-left: 18px;}
#news > div > aside ol > li { border: 1px dotted #888; border-width: 0 0 1px; }
#news > div > aside ol > li a {display: block; padding: 4px 9px;}
#news > div > aside ol > li a:hover {background: #eee; color: #D85A24; text-decoration: underline; }

/* Tour */

.shows-list-small {
	background: white; 
	padding: 9px 9px 5px;
	-moz-border-radius: 5px; /* FF1+ */
 	-webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
        border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
          
  /* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); /* FF3.5+ */
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); /* Saf3.0+, Chrome */
	box-shadow: 0px 3px 6px rgba(0,0,0,0.4); /* Opera 10.5, IE9, Chrome 10+ */
}
	.shows-list-small:after {display: block; content: " "; visibility: hidden; clear: both; float: none;}
	.shows-list-small > ol {list-style: none; padding: 0 9px 9px; margin: 0 -18px 9px; background: url('/images/_/shows_list_small_shadow.jpg') center bottom no-repeat;}
	.shows-list-small .rss {display: block; overflow: hidden; width: 16px; height: 16px; float: left;}
	.shows-list-small .button { display: block; float: right;}
	.shows-list-small li {padding: 9px;}
	.shows-list-small li > div {float: right;}
	.shows-list-small li:nth-child(even) {background: #ccc;}

section.tour {width: 700px; float: left; padding-left: 18px;}

#tour-list {width: 100%;}
#tour-list >thead {border: 1px solid #ccc; border-width: 0 0 1px 0;}
#tour-list th {font-size: 18px; text-transform: uppercase; text-align: left;}
#tour-list td {padding: 18px 0;}
#tour-list .date-col {width: 23%;}
#tour-list th.date-col {padding-left: 36px;}
	#tour-list td.date-col {padding-right: 36px; text-align: right;}
#tour-list .venue-col {width: 26%; padding-right: 36px; text-align: left;}
#tour-list .location-col {width: 30%; padding-right: 36px; text-align: left;}
#tour-list .tickets-col {width: 21%; padding-left: 9px; text-align: left;}
	#tour-list th.tickets-col {padding: 0;}

#tour-list tfoot td {background: #808080; padding: 18px; color: #ccc;}

.tour-list-arrow {display: block; position: absolute; padding: 20px 0 0 12px; cursor: pointer;}
#tour-list tbody:nth-child(even) {background: #eee;}

#tour-list tbody td:last-child {padding: 0px;}

#tour-list .tour-more-info {padding: 18px 36px; border: 1px solid #ddd; border-width: 1px 0 0;}
	#tour-list .tour-more-info:after {content: " "; display: block; clear: both; float: none; visibility: hidden;}

#tour-list .tour-more-info h4 {font-size: 18px; color: #aaa; margin-bottom: 18px;}
#tour-list .tour-more-info > div {width: 296px; float: left; } 
	#tour-list .tour-more-info > div:last-child {padding-left: 18px; border: 1px #ddd solid; border-width: 0 0 0 1px;}
#tour-list iframe {width: 296px; height: 244px;}

aside > nav {margin-bottom: 18px;}
aside > nav > a {display: block; font-size: 16px; font-weight: bold; padding: 9px 0 9px 18px; margin-left: -18px; border: 1px dotted #ccc; border-width: 0 0 1px 0;}
	aside > nav > a:hover {color: #D85A24;}
	body#tour.full a#full-band-shows,
	body#tour.medeski a#medeski-shows,
	body#tour.martin a#martin-shows,
	body#tour.wood a#wood-shows {background: #ccc; color: white;}

	body#tour.full a#full-band-shows:hover,
	body#tour.medeski a#medeski-shows:hover,
	body#tour.martin a#martin-shows:hover,
	body#tour.wood a#wood-shows:hover {color: white !important;}

#tour aside, #band aside {padding-top: 34px; width: 234px;}

#tour aside .disclaimer {margin: 18px 18px 18px 0; font-size: 10px;}
#tour aside .disclaimer p {margin-bottom: 18px;}

#tour-list #no-shows td {padding: 36px;}

#tour.medeski header > img {background-image: url('/images/_/medeski_tour.jpg');} 
#tour.martin header > img {background-image: url('/images/_/martin_tour.jpg');} 
#tour.wood header > img {background-image: url('/images/_/wood_tour.jpg');} 

#tour .button { width: 75px; text-align: center; }

#tour .free-show {
	background-color: #ccc;
	background-image: -moz-linear-gradient(bottom, #888, #ccc); /* FF3.6 */
	background-image: -ms-linear-gradient(bottom, #888, #ccc); /* IE10 */
	background-image: -o-linear-gradient(bottom, #888, #ccc); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left bottom, left top, from(#888), to(#ccc)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, #888, #ccc); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(bottom, #888, #ccc);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#888', EndColorStr='#ccc'); /* IE6–IE9 */
}

/* Videos */
ul.video-list,ul#large-video-list {list-style: none;}
.video-list iframe, .video-list object, .video-list embed {width: 252px; height: 208px;}

ul#large-video-list, ul#small-video-list {margin-right: -18px; margin-bottom: 18px;}
ul#large-video-list > li, ul#small-video-list > li {float: left; width: 306px; height: 250px; margin-right: 18px;}
ul#large-video-list iframe, ul#large-video-list object, ul#large-video-list embed {width: 306px; height: 250px;}

ul#small-video-list {clear: both;}
ul#small-video-list > li, ul#small-video-list > li {float: left; width: 103px; height: 103px; margin-right: 18px;}
ul#small-video-list iframe, ul#small-video-list object, ul#small-video-list embed {width: 103px; height: 103px;}

/* Store */
.store-list-side {list-style: none;}

.store-list-side li {text-align: center;}
.store-list-side img {
	display: block; 
	margin: 0 auto 18px;
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.4); /* FF3.5+ */
 	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.4); /* Saf3.0+, Chrome */
        box-shadow: 3px 3px 10px rgba(0,0,0,0.4); /* Opera 10.5, IE9, Chrome 10+ */
}

/* Music */

ul.discography {list-style: none;}
	ul.discography > li {margin-bottom: 36px;}
		ul.discography > li:after {content: " "; display: block; clear: both; float: none;}
div.album-description {width: 414px; float: right; padding-left: 18px;}
	div.album-description > time {display: block; margin-bottom: 18px; color: #8E1B00;}
	div.album-description > h1 {font-size: 16px;}
div.album-cover {width: 216px;}

ol.tracklist {margin-left: 18px; color: #888;}

nav#album-nav li a {display: block; padding: 4px; border: 1px solid #ccc; border-width: 0px 0px 1px; cursor: pointer;}
nav#album-nav li a:hover {background: #eee; color: #D85A24;}
nav#album-nav a.currentAlbum, nav#album-nav a.currentAlbum:hover {background: #ccc; color: white; font-weight: bold;}

#music .addthis_toolbox {margin-top: 18px;}

#music .buy-links {margin-top: 18px;}
	#music .buy-links h4 {color: #aaa; margin-bottom: 9px;}

/* Contact */

#contacts article h2 {text-transform: uppercase;}
#contacts article a {color: #D85A24; font-style: italic;}
#contacts article ul {list-style: none;}
	#contacts article ul li {float: left; width: 234px; min-height: 100px;}

/* photos */
#photo-list {list-style: none; margin-right: -18px;}
#photo-list li {float: left; margin: 0 18px 18px 0; width: 103px;}

#photos .paginate {margin-bottom: 18px; clear: both;}

/* Camp MMW */
aside.camp {background: #ddd; padding: 10px 0; margin-left: 9px; margin-right: -9px; -moz-border-radius: 10px; border-radius: 10px;}
	aside.camp article {padding: 18px;}
	aside.camp h1 {color: #666;}
	aside.camp article ul { list-stye-position: inside; margin-left: 18px;}
	aside.camp .button {display:block; font-size: 24px; color: white; text-align: center; padding: 18px; margin: 9px;}

section.camp article, #faq article {margin-bottom: 18px; padding-bottom: 18px; border: 1px solid #ccc; border-width: 0 0 1px;}
	section.camp article iframe {margin-bottom: 18px;}
	section.camp article header {padding-bottom: 9px;}

#camp-form label,
#camp-form input[type=text],
#camp-form input[type=file],
#camp-form input[type=email],
#camp-form input[type=number],
#camp-form input[type=date],
#camp-form textarea {
	vertical-align: top;
	display: inline-block;
	width: 48%;
}

#camp-form input[type=text],
#camp-form input[type=file],
#camp-form input[type=email],
#camp-form input[type=number],
#camp-form input[type=date],
#camp-form textarea {
	background: #eee;
}

#submitapplication {
	display: block;
	margin: 18px 0;
}

fieldset {
	margin: 18px 0;
}

input.required:before {
	content: "*";
}

legend {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
}

#thankyou, #head-404 {
	padding: 36px 0;
	font-size: 36px;
	line-height: 36px;
}

#page404 > div > h1, #page404 > div > p {text-align:center;}