/* STYLESHEET FOR FLATFOOTMUSIC.COM */
/* Developed by Tim Hunt, 504 Web Consulting & Design */
/* Body: font-size = 62.5% sets 1em=10px */



/* ---- ELEMENT RESET ---- */

html, body, div, span, h1, h2, p, a, img, ul, li, form, caption
{	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body	{ line-height: 1; color: black; background: white; }
ul	{ list-style: none; }



/* ---- SITEWIDE ELEMENTS ---- */

body	{ font-size: 62.5%; }
.clear	{clear: both}




/* ---- TEXT ELEMENTS ---- */

h1		{ font-family: tahoma, arial; font-size: 2em; font-weight: bold ; padding: 0 0 10px ; color: #000000 }

h2		{ font-family: tahoma, arial; font-size: 1.7em; font-weight: bold ; padding: 20px 0 10px ; color: #000000}

p, ul, li	{ font-family: tahoma, arial; font-size: 1.4em; font-weight: normal ; padding: 0 0 10px; color: #000000}

p		{ line-height: 120%; }

ul		{ list-style-type: disc; list-style-position: inside; padding-left: 20px; line-height: 140%; color: #000000}





/* ---- IMG ELEMENTS ---- */

img.left		{ float: left; padding: 0 10px 10px 0; }
img.right	{ float: right; padding: 0 0 10px 10px; }
img.clear	{ clear: both; }



/* ---- ID ELEMENTS ---- */

#container	{ width: 900px; margin: auto; height: 100%; }

#header		{ width: 900px; height: 135px; padding: 10px 0; text-align: center}

#sidebar	{ float: right; width: 330px; height: auto; padding: 0 0 50px 20px; border-left: 3px solid #000; margin-bottom: 20px}

#content	{ width: 530px; height: auto; padding-right: 20px}

#footer		{ clear: both; width: 900px; padding: 10px 0; border-top: 3px solid #000; }
#footer p	{ font-size: 1em }




/* ---- LAYOUT ELEMENTS ---- */
/* none */



/* ---- TABLE ELEMENTS ---- */
/* none */



/* ---- CONTACT FORM ---- */

form p		{ font-family: tahoma, arial; font-size: 1.4em; font-weight: normal ; padding: 0 0 10px ; line-height: 120%;}

.shadeform	{ font: 1.2em arial, verdana, sans-serif; background-color: #A2B0B7; 
		background-image: url("../picts/shadeform.gif"); text-align: left; width: 200px; border: #000000 1px solid; }

.textarea	{ font: 1.2em arial, verdana, sans-serif; background-color: #A2B0B7; 
		background-image: url("../picts/shadeform.gif"); text-align: left; width: 250px; height: 125px;
		border: #000000 1px solid; }

.button	{ font: 1.2em arial, verdana, sans-serif; font-weight: bold; color: #FFFFFF; background-color: #1D1E2F;
		background-image: url("../picts/button.gif"); padding: 2px 10px; cursor: pointer;
		border: #3C4051 1px solid; }

.buttonon	{ font: 1.2em arial, verdana, sans-serif; font-weight: bold; color: #CCFFCC; background-color: #1D1E2F;
		background-image: url("../picts/button.gif"); padding: 2px 10px; cursor: pointer; border: #CCFFCC 1px solid; }