/* 
    AUTHOR: Matthew Chase

*/

/* RESETS & BASIC PAGE SETUP */
* 							{ margin:0; padding:0; }
html 						{ overflow-y: scroll; }
body 						{ font: 68% arial, helvetica, clean, sans-serif; background: url(images/tile.jpg); top center repeat-x #;}
ul 							{ list-style: none inside; }
a 							{ outline: none; text-decoration:none; color:#A6985E;}
a:visited 					{ outline: none;  text-decoration:none; color:#A6985E;}
a:hover 					{ outline: none;  text-decoration:none; color:#38362E;}
a img 						{ border: none; }
/* END RESET */

/* TYPOGRAPHY */
p, td						{ font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; color: #38362E; }
h1							{ font-weight: bold; font-size: 2.0em; margin-bottom: 5px; }
h2							{ font-weight: bold; font-size: 1.6em; color: #929290; }
h3							{ font-weight: normal; font-size: 1.2em; color: #929290; }
h4							{ font-size: 0.8em; line-height: 0.8em; margin-bottom: 0.8em; color: #38362E; }
h5							{ font-weight: bold; font-size: 1.6em; color: #A6985E; }
#footer p, #footer a		{ color: #F9F6EC; text-decoration: none; }
#footer a:hover				{ text-decoration: underline; }
p.metadata					{ background: #38362E; padding: 2px; color: #fef7e0; margin-bottom: 5px; }
#topbar a					{ color: #F9F6EC; }
/* END TYPOGRAPHY */


/* TOOLBOX */
.floatleft 					{ float: left; }
.floatright 				{ float: right; }
.clear 						{ clear: both; }
.edit-button				{ display: block; width: 15px; height: 14px; text-indent: -9999px; float: left; margin-right: 5px;
							  background: url(images/edit-button.jpg) center center no-repeat; }
.delete-button				{ display: block; width: 11px; height: 12px; text-indent: -9999px; float: left; padding-top: 2px;
							  background: url(images/delete-button.jpg) center center no-repeat; }
.add-show-button			{ width: 118px; height: 36px; 
							  text-indent: -9999px; display: block;
							  background: url(images/new-show-button.jpg); }
.center						{ text-align: center; }
/* END TOOLBOX */



/* STRUCTURE */
#topbar						{ background: black; padding: 0px; position: absolute; top 0px; z-index: 9999; }
#page-wrap 					{ width: 975px; margin: 0 auto; }
#main-content				{ background: #F9F6EC; padding: 20px; margin-bottom: 20px; }
#main-col					{ width: 645px; float: left; }
#left-col		  			{ width: 480px; float: left;  }
#left-col2		  			{ width: 350px; float: left; }
#right-col		  			{ width: 540px; float: right; }
#image-col					{ width: 180px; float: left; }
#text-col					{ width: 400px; float: left; }

#side-col					{ width: 245px; float: right; border: none; padding: 5px; }
#footer						{ background: url(images/images/tile.jpg); height: 120px; image-align: center; }
#footer div					{ background: url(images/footer-bg.jpg) repeat-x; margin: 0 auto; padding-top: 5px; height: 120px; width: 975px; }


/* END STRUCTURE */ 


/* MENU */		
#fancymenu 					{ background: url(images/header-bg.jpg) no-repeat top center;
							  position: relative; width: 975px; 
							  padding-top: 38px; min-height: 131px; }
#fancymenu ul#menu			{ padding-left: 0px; }
#fancymenu ul#menu li		{ float: left; width:84px;}
#fancymenu ul#menu li#menu-news a { width: 84px; }
#fancymenu ul#menu li#menu-about a { width: 84px; }
#fancymenu ul#menu li#menu-music a { width: 84px; }
#fancymenu ul#menu li#menu-lyrics a { width: 84px; }
#fancymenu ul#menu li#menu-shows a { width: 84px; }
#fancymenu ul#menu li#menu-photos a { width: 84px; }
#fancymenu ul#menu li#menu-press a { width: 84px; }
#fancymenu ul#menu li#menu-contact a { width: 84px; }
#fancymenu ul#menu li#menu-store a { width: 84px; }


/* END MENU */

/* SHOW ROW */
.show-row					{ border-bottom: 1px solid #ccc; }
.show-row-head				{ font-style: italic; font-size: 1.4em; }
.show-row-dates, .show-row-event-venue, .show-row-address, .show-row-time, .show-row-head, .show-row-admin		{ float: left; padding: 5px; font-size: 1.4em; }
.show-row-dates				{ width: 100px; }
.show-row-event-venue		{ width: 250px; }
.show-row-address			{ width: 150px; }
.show-row-time				{ width: 100px; }
.show-row-admin				{ width: 100px; }
.button						{ cursor: pointer; padding: 5px; font-size: 1.3em; }
#message					{ padding: 5px; }
.info						{ font-size: 1.2em; margin:2px 0 10px 0; }
.info-error					{ font-size: 1.2em; border: 2px solid #fc0; background: #fffea1; }
/* END SHOW ROW */


/* FORMS */
form						{ width: 425px }
input, textarea				{ font-family: Georgia, serif; font-size: 14px; }
input:focus, textarea:focus { background: #ccc; border: 1px solid black; }
.input, input, textarea		{ border: 1px solid #ccc; padding: 4px; margin: 0 0 0 5px; }
.input-error				{ background:#fffea1; border-color:#fc0; }
label						{ display: block; width: 100px; float: left; }
.single-field				{ clear: both; padding: 4px;}
.single-field input,
.single-field textarea		{ float: left; width: 300px; }
.submit-button				{ float: right; margin-right: 6px; margin-top: 6px; }
/* END FORMS */