@import url(general.css);
@import url(headings.css);
@import url(templates.css);
@import url(editor.css);
@import url(news.css);
@import url(storeindex.css);
@import url(forms.css);
@import url(listings.css);
@import url(register.css);
@import url(forum.css);
@import url(catalog.css);
@import url(auction.css);
@import url(activities.css);
@import url(modules.css);
@import url(login.css);
@import url(sitemap.css);
@import url(footer.css);
@import url(gallery.css);
@import url(banner.css);


/* B O D Y  /  H T M L
============================================*/

body {
	font-size: 75%; /* normal text displayed at 11px */
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	line-height: 1.6em;
	margin-right: 15px;
	padding: 10px;
	color: #333;
	}

input, textarea, option { /*Avoid browser default settings causing design problems*/
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 	
	}

/* ---	


		**********************************************************************************

		GUIDELINE USING EMS FOR RELATIVE SIZE
		
		**********************************************************************************

		browser default font size (in most browsers) should be set to 16px
		Change only percent in body font-size should result in following differences:

		62.5%		(10px)
		----------------------------
		h1 = 2.2em = 22px
		h2 = 1.5em = 15px
		h3 = 1.3em = 13px
		h4 = 1.2em = 12px
		h5 = 1.2em = 12px
		h6 = 1.2em = 12px
		
		div, p, table etc... = 1em = 10px

		padding & margins: 0.25em = 2.5px
		padding & margins: 0.5em = 5px
		padding & margins: 1em = 10px

		ex. h1 padding: 0.25em = 5.5px (22px x 0.25 = 5.5px = 6px)





		68.75%		(11px)
		----------------------------
		h1 = 2.2em = 24.2px = 24px
		h2 = 1.5em = 16.5px = 17px
		h3 = 1.3em = 14.3px	= 14px
		h4 = 1.2em = 13.2px = 13px
		h5 = 1.2em = 13.2px	= 13px
		h6 = 1.2em = 13.2px = 13px
		
		div, p, table etc... = 1em = 11px

		padding & margins: 0.25em = 2.75px
		padding & margins: 0.5em = 5.5px
		padding & margins: 1em = 11px

		ex. h1 padding: 0.25em = 6.05px (24.2px x 0.25 = 6.05px = 6px)





		75%			(12px)
		----------------------------
		h1 = 2.2em = 26.4px
		h2 = 1.5em = 18px
		h3 = 1.3em = 15.6px
		h4 = 1.2em = 14.4px
		h5 = 1.2em = 14.4px
		h6 = 1.2em = 14.4px
		
		div, p, table etc... = 1em = 12px

		padding & margins: 0.25em = 3px
		padding & margins: 0.5em = 6px
		padding & margins: 1em = 12px

		ex. h1 padding: 0.25em = 6.6px (26.4px x 0.25 = 6.6px = 7px)





		100%		(16px)
		----------------------------
		h1 = 2.2em = 35.2px
		h2 = 1.5em = 24px
		h3 = 1.3em = 20.8px
		h4 = 1.2em = 19.2px
		h5 = 1.2em = 19.2px
		h6 = 1.2em = 19.2px
		
		div, p, table etc... = 1em = 16px
		
		padding & margins: 0.25em = 4px
		padding & margins: 0.5em = 8px
		padding & margins: 1em = 16px

		ex. h1 padding: 0.25em = 8.8px (35.2px x 0.25 = 8.8px = 9px)


--- */