d/*

    AUTHOR: Chris Coyier & David Walsh
            http://chriscoyier.net
            http://davidwalsh.name
*/

/* RESETS & BASIC PAGE SETUP */
* 							{ margin:0; padding:0; }
html 						{ overflow-y: scroll;  background: url(images/bg.jpg) #000000; background-repeat:no-repeat; background-attachment:fixed; background-size:1783px;}
body 						{ font-family: 'Neuton', arial, serif; font-size:60%;  background: url(); background-repeat:no-repeat; }
ul 							{ list-style: none inside; }
a 							{ outline: none; }
a img 						{ border: none; }

/* END RESET */

/* TYPOGRAPHY */
p, td						{ font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
p 						{ color:white; }
h1							{ font-weight: normal; font-size: 3.0em; }
h2							{ font-weight: normal; font-size: 2.4em; color: #666; }
h3							{ font-weight: normal; font-size: 1.5em; color: #575757; }
h4							{ font-weight: normal; font-size: 3.0em; color: #ffffff}
h1, h2						{ margin-bottom: 15px; }
#footer p, #footer a		{
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover				{ text-decoration: underline; }
p.metadata					{ background: #353430; padding: 2px; color: white; margin-bottom: 5px; }
#topbar a					{ color: white; }
/* 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.png) 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.png); }
.center						{ text-align: center; }
/* END TOOLBOX */



/* STRUCTURE */
.transparent
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}
.imagepreview
{
   filter:alpha(opacity=87); 
   -moz-opacity: 0.87; 
   opacity: 0.87;
}
.imagepreview:hover	
{
   filter:alpha(opacity=100); 
   -moz-opacity: 1; 
   opacity: 1;	
}

#topbar						{ background: white; padding: 5px; position: absolute; top: 0px; z-index: 9999; }
#inner						{background: url(images/bar.png) repeat-y right top; width:850px; margin: auto; position: relative;}
#outer						{background: url(images/red-bar.png) no-repeat; width: 900px; margin: auto; position: relative;}
#page-wrap 					{ width: 800px; margin: auto; position:relative;}
#main-content				{ background-color: transparent; padding: 20px; margin-bottom: 20px; border-radius: 2em; }
#main-col					{ width: 550px; float: left; }		  
#side-col					{ width: 175px; float: right; border-left: 1px solid #ffffff;  padding: 5px; }
#footer						{
	height: 90px;
	text-align: center;
	width: auto;
	top: auto;
	right: auto;
	background: url(images/footer-bg.png) center bottom no-repeat;
}
#footer div					{  margin: 0 auto; padding-top: 50px; height: 94px; width: 800px; }
#div-bg						{ color:white; background-repeat:repeat-y; background-image: url(images/div-bg.png); background-size: 250px 250px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; padding: 25px; }
#rounded-top					{ width: 550x; height: 18px; background: url(images/rounded-top.png); background-position: center top; background-repeat: no-repeat;}
#rounded-bottom					{ width: 550x; height: 18px; background: url(images/rounded-bottom.png); background-position: center bottom; background-repeat: no-repeat;}
div.div-bg						{ color:white; background-repeat:repeat-y; background-image: url(images/div-bg.png); background-size: 250px 250px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; padding: 25px; }
div.rounded-top					{ width: 550x; height: 18px; background: url(images/rounded-top.png); background-position: center top; background-repeat: no-repeat;}
div.rounded-bottom					{ width: 550x; height: 18px; background: url(images/rounded-bottom.png); background-position: center bottom; background-repeat: no-repeat;}
#medialink:hover				{color:#cc0000;}
/* END STRUCTURE */ 


/* MENU */
#fancymenu 					{ background: url(images/header-bg.png) no-repeat top center;
							  position: relative; width: 815px; 
							  padding-top: 200px; min-height: 81px; background-size: 815px;}
#fancymenu ul#menu			{ padding-left: 3%; padding-right: 3%; font-family:Verdana,Helvetica,sans-serif; font-size:18px; font-weight:bold; }
#fancymenu ul#menu li		{ float: left; }
#fancymenu ul#menu li a		{ display: block; float: left; height: 30px; text-align: center; 
							   color: #ffffff; font-size: 1.2em; overflow: hidden;
							  text-decoration: none; z-index: 10; position: relative; }
#fancymenu ul#menu li#menu-home a { width: 100px; }
#fancymenu ul#menu li#menu-shows a { width: 100px; }
#fancymenu ul#menu li#menu-blog a { width: 100px; }
#fancymenu ul#menu li#menu-band a { width: 90px; }
#fancymenu ul#menu li#menu-store a { width: 100px; }
#fancymenu ul#menu li#menu-contact a { width: 100px; }
#fancymenu ul#menu li.background { background: url('images/menu-rollover-bg.png') top center repeat-x;
								   z-index: 0; position: absolute; visibility: hidden; height: 50px; }
/* 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.2em; color:white;}
.show-row-dates				{ width: 75px; }
.show-row-event-venue		{ width: 140px; }
.show-row-event-venue a		{ color: #ffffff; }
.show-row-event-venue a:hover		{ color: #cc0000; }
.show-row-address			{ width: 140px; }
.show-row-time				{ width: 65px; }
.show-row-admin				{ width: 50px; }
.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 */