/****************************************/
/*										*/
/*		CSS Document					*/
/*		Design by Adam Farnsworth		*/
/*		bulk@adamfarnsworth.com			*/
/*		08/06/2009						*/
/*		© Adam Farnsworth				*/
/*										*/
/****************************************/

/****************************************/
/*		Theivery Manifesto				*/
/****************************************/
/*										*/
/*		Honestly, don't steal this		*/
/*		design, just do your own. 		*/
/*		It's really kind of lame to		*/
/*		have to be so unoriginal		*/
/*		that you just go to a site		*/
/*		you think is cool, change a		*/
/*		few colors and call it your		*/
/*		own. It's dumb, don't do it.	*/
/*										*/
/****************************************/


/********************************/
/*		Mass Styles				*/
/********************************/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, table, td, th, tr, form, div, img { margin: 0; padding: 0; }


/********************************/
/*		Layout Styles			*/
/********************************/
body { background: url(../img/bg-body.jpg) repeat top center #222; text-align: center; padding: 0px; margin: 0px; margin-bottom: 50px; color: #EEE; font-family: Helvetica, sans-serif; }
#container { width: 1024px; margin: 0 auto; text-align: left; }
#header { background: url(../img/bg-header.png) no-repeat bottom center; padding: 20px 15px 15px 15px; height: 120px; }
#content {  }
#main-index { background: url(../img/bg-content-revival-EP.jpg) no-repeat top center; margin: 0; }
#main { background: url(../img/bg-content.jpg) repeat top center; margin: 0; padding: 15px; }
#footer { background: url(../img/bg-footer.png) no-repeat bottom center; padding: 0 0 15px 0; min-height: 100px; }
#content_left { float: left; width: 480px; height: 480px; background: url(../img/img_contentLeft_logo.png); background-repeat: no-repeat; margin: 10px; }
#content_right { float: right; width: 480px; height: 480px; margin: 10px; }
#contactForm { background-color: #222; width: 460px; margin: 10px; margin-top: 490px; }
#contactForm_form { background-image: url(../img/bg_contactForm.jpg); background-repeat: repeat-x; background-position: bottom center; background-color: #FFF; padding: 10px; }
#concertSchedule { margin-top: 5px }
#menu { margin-top: 70px; float: right; }
#purchase { width: 1024px; }
#samples { background: url(../img/img-shadow-bottom.png) repeat-x top center;  padding: 20px 20px 50px 20px; }
#samples .float_left { margin-right: 5px; }
.artist { float: left; width: 315px; padding: 0 10px 10px 10px; }
.tracks { float: left; padding: 0 0 0 5px; margin-right: 20px; }
.single_column { width: 512px; background: url(../img/bg-single-column.png) repeat-y top center; padding: 10px 0; }


/********************************/
/*		Text Styles				*/
/********************************/
@font-face { font-family: 'AdamFarnsworthHand'; src: url(AdamFarnsworthHand.ttf); src: local('AdamFarnsworthHand'), local('AdamFarnsworthHand'), url(AdamFarnsworthHand.ttf) format('TrueType'); }
h1 { font-family: AdamFarnsworthHand, Helvetica, sans-serif; font-size: 48px; background: url(../img/bg-masking-tape.png) top left no-repeat; line-height: 72px; padding: 3px 20px; margin: 10px; color: #483526; }
h2 { font-family: Helvetica, sans-serif; font-size: 28px; color: #EEE; padding: 5px; }
h3 { font-family: Helvetica, sans-serif; font-size: 18px; color: #EEE; padding: 5px 5px 5px 0; margin: 0px 20px; }
h4 { font-family: Helvetica, sans-serif; font-size: 18px; color: #EEE; padding: 5px; text-transform: uppercase; }
h5 { font-family: Helvetica, sans-serif; font-size: 18px; color: #EEE; padding: 5px; text-transform: uppercase; background-color: #222; }
h6 { font-family: Helvetica, sans-serif; font-size: 8px; color: #EEE; padding: 5px; text-transform: uppercase; text-align: right; }
p { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; margin: 10px 20px; padding: 0 10px; }
#main p { color: #EEE; background: none; }
#contactForm p { color: #222; }
#main .text { background: url(../img/bg-main.png) repeat-y top center; -moz-column-count: 2; -webkit-column-count: 2; }
.single_column p { -moz-column-count: 2; -webkit-column-count: 2; }
.artist_name { font-family: AdamFarnsworthHand, sans-serif; background: url(../img/bg-masking-tape.png) top left no-repeat; line-height: 72px; padding: 3px 20px; margin: 10px; color: #483526; font-size: 28px; text-align: center; width: 260px; }


/********************************/
/*		Generic Text Styles		*/
/********************************/
.bold { font-weight: bold; }
.fancy { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; }
.small { font-size: 11px; }
.float-left { float: left; }
.float-right { float: right; }


/********************************/
/*		Paragraph Styles		*/
/********************************/
.center { text-align: center; }
.justified { text-align: justify; }
.left { text-align: left; }
.right { text-align: right; }


/********************************/
/*		Link Styles				*/
/********************************/
a { color: #EEE; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
p a {  }
img a { border: 0; }
.artist_name a { color: #483526; text-decoration: none; font-weight: normal; }


/********************************/
/*		List Styles				*/
/********************************/
ul {  }
li {  }
#menu ul, #menu_index ul { list-style: none; padding: 0; margin: 0 20px 0 0; font-weight: bold; }
#menu_index ul { display: none; }
#menu li { float: left; margin: 0; }
#menu li a { background: none; height: 30px; line-height: 30px; float: left; width: 150px; display: block; color: #F2F5E6; text-decoration: none; text-align: center; }
#menu li a:hover { background: url(../img/bg-menu-item.png) no-repeat top center; color: #FFF; }
/* Hide from IE5-Mac \*/
	#menu li a { float: none; }
/* End hide */


/****************************************/
/*		Form Styles						*/
/****************************************/
label { width: 130px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; line-height: 20px; color: #404040; float: left; text-transform: uppercase; text-align: right; }
.form_name, .form_email { width: 290px; border: inset 2px #EEE; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; line-height: 20px; color: #404040; float: left; }
.form_comment { width: 290px; border: inset 2px #EEE; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 16px; color: #404040; float: left; }
button { border: outset 2px #EEE; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; line-height: 20px; color: #404040; text-transform: uppercase; padding: 5px; margin-left: 130px; }
button:hover { border: inset 2px #EEE; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; line-height: 20px; color: #EEE; padding: 5px; background-color: #404040; }


/****************************************/
/*		Table Styles					*/
/****************************************/
.table_title {  }
.table_01 {  }
.table_02 { background-color: #222; }
.table_date { width: 100px; padding: 5px; }
.table_time { padding: 5px; }
.table_info { padding: 5px; }
.table_location { width: 140px; padding: 5px; }


/********************************/
/*		Image Styles			*/
/********************************/
img { margin: 0px; border: none; }
.tabled_img { float: left; }


/********************************/
/*		Misc Styles				*/
/********************************/
.clear {  clear: both; }