/*

	Limelight Project
	[ lime.reset.css ]

	1. Universal Reset
	2. Layout
		2.1. Forms
		2.2. Tables
		2.3. Lists
		2.4. Alignments
	3. Typography
		3.1. Links
		3.2. Defitions
		3.3. Phrases
		3.4. Quotes
		3.5. Shorthands
		3.6. Sub/Super
		3.7. Emphasis
		3.8. Case
	4. Other
	5. Deprecated

*/

/*	############################################
	1. Universal Reset
	############################################ */
/*
	html,body,hr,div,span,
	img, applet,object,iframe,
	a, dfn,abbr,acronym,address,
	h1,h2,h3,h4,h5,h6,
	p, b,strong, i,em, small,big, sub,sup,
	q,cite,blockquote, del,ins,
	dl,dt,dd, ol,ul,li,
	code,kbd,samp,var, pre,tt,
	form,fieldset,legend,label,
	table,caption,thead,tfoot,tbody,tr,th,td
*/
	html,body,hr,div,span,
	img, applet,object,embed,iframe,
	a, dfn,abbr,acronym,address,
	h1,h2,h3,h4,h5,h6,
	p, b,strong, i,em, small,big, sub,sup,
	q,cite,blockquote, del,ins,
	dl,dt,dd, ol,ul,li,
	code,kbd,samp,var, pre,tt,
	form,fieldset,legend,label,
	table,caption,thead,tfoot,tbody,tr,th,td
	{
		font-family:inherit;
		line-height:inherit;
		text-align:left;
		vertical-align:baseline;
		background:transparent;
	}
	html,body,hr,div,span,
	img, applet,object,embed,iframe,
	a, dfn,abbr,acronym,address,
	p, b,strong, i,em, sub,sup,
	q,cite,blockquote, del,ins,
	dl,dt,dd, ol,ul,li,
	code,kbd,samp,var, pre,tt,
	form,fieldset,legend,label,
	table,caption,thead,tfoot,tbody,tr,th,td
	{
		font-size:100%;
	}

	html,body,hr,div,span,
	img, applet,object,embed,iframe,
	a, dfn,abbr,acronym,address,
	p, small,big, sub,sup,
	q,cite,blockquote, del,ins,
	ol,ul,li,
	code,kbd,samp,var, pre,tt,
	form,fieldset,legend,label,
	table,caption,thead,tfoot,tbody,tr,th,td
	{
		font-weight:inherit;
		font-style:inherit;
	}

	html,body,div,span,
	img, applet,object,embed,iframe,
	a, dfn,abbr,acronym,address,
	h1,h2,h3,h4,h5,h6,
	p, b,strong, i,em, small,big, sub,sup,
	q,cite,blockquote, del,ins,
	dl,dt,dd,
	code,kbd,samp,var, pre,tt,
	form,fieldset,legend,label,
	table,caption,thead,tfoot,tbody,tr,th,td
	{
		margin:0;
		padding:0;
		border:0;
	}

/* ############################################# */



/*	############################################
	2. Layout
	############################################ */

	html {
		background:white;
		color:black;
	}
	body {
		font-size:62.5%;
		line-height:1;
	}

	img,applet,object,embed,iframe {
		display:block;
	}
	hr { clear:both; }



	/* 2.1. Forms ############################## */

		input, textarea, button, select {
			font-family:inherit;
			font-weight:inherit;
			font-style:inherit;
			font-size:100%;
			margin:0;
		}
		.pointer, a, select, button, input {
			cursor:pointer;
		}
		input[type='text'], input[type='password'] {
			cursor:text;
		}

		/* Breaks IE's nasty habit of adding extra/uncontrabble padding to buttons */
		button, input.button, input[type='button'],
		input[type='submit'], input[type='reset'] {
			width:auto;
			overflow:visible;
		}

		textarea { overflow:auto; }



	/* 2.2. Tables ############################# */

		/* Tables still need 'cellspacing="0"' in the markup. */
		table {
			border-collapse:collapse; /* seperate */
			border-spacing:0;
			}
			caption, th, td { text-align:left; font-weight:normal; }



	/* 2.3. Lists ############################## */

		ul, ol, li { line-height:inherit; }


	/* 2.4. Alignement ######################### */

		.clear		{ clear:both; }
		.clear-left	{ clear:left; }
		.clear-right	{ clear:right; }

		.float-left	{ float:left; }
			img.float-left	{ margin-right:1em; }
		.float-right	{ float:right; }
			img.float-right { margin-left:1em; }

		.centered	{ margin:0 auto; }

		.text-left	{ text-align:left; }
		.text-right	{ text-align:right; }
		.text-center	{ text-align:center; }
		.text-justify	{ text-align:justify; }


	/* 2.5. Columns ############################ */

		.cols-2, .cols-3, .cols-4 { overflow:hidden; }

		.col, .span-2, .span-3 { float:left; }

		.cols-2 {/* 50% 480px */}
			.cols-2 .col { width:50%; }

		.cols-3 {/* 33.33% 320px */}
			.cols-3 .col { width:33.33%; }

			.cols-3 .span-2 { width:66.66%; /* 66.66% 640px */ }

		.cols-4 {/* 25% 240px */}
			.cols-4 .col { width:25%; }

			.cols-4 .span-2 { width:50%; /* 50% 480px */ }
			.cols-4 .span-3 { width:75%; /* 75% 720px */ }

/* ############################################# */



/*	############################################
	3. Typography
	############################################ */

	/* 3.0. Header Elements #################### */

		h1 {
			page-break-before:always;
		}
		h1, h2, h3, h4, h5, h6 { margin:0.7em 0; padding:0; }



	/* 3.1. Link Elements ###################### */

		a, a:link, a:visited, a:focus, a:hover, a:active {
			outline:none;
			font-size:inherit;
			font-weight:inherit;
			font-style:inherit;
			font-family:inherit;
			text-decoration:none;
		}



	/* 3.2. Definition Elements ################ */
/*
		dl {}
			dt {}
			dd { padding-left:2em; }

			dt h1,dt h2,dt h3,dt h4,dt h5, dt h6,
			dd ul.list, dd ol.list {
				margin-top:0;
			}
*/


	/* 3.3. Paragraph Elements ################# */

	p, blockquote {
		padding:0.5em 0;
		line-height:inherit;
	}



	/* 3.4. Phrase Elements #################### */

		code, kbd, samp, var, pre, tt {
			font-size:100%;
			font-family:mono-space,monospace;
		}

		pre, pre * {
			font-size:100%;
			white-space:pre;
		}



	/* 3.5. Quote Elements ##################### */

		/* Remove possible quote marks (") from <q>, <blockquote>. */
		q:before, q:after,
		cite:before, cite:after,
		blockquote:before, blockquote:after {
			content:"";
			}
			q, cite, blockquote { quotes: "" ""; }

		cite:before { content:"―"; }


	/* 3.6. Shorthand Elements ################# */

		abbr[title], acronym[title], dfn[title], .help {
			cursor:help;
			}
			abbr[title], acronym[title], dfn[title] {
				text-decoration:underline;
			}
			acronym 	{ speak:normal; }
			abbr.initialism	{ speak:spell-out; }
			abbr.truncation	{ speak:normal; }
			/*
				ACRONYM: A word formed from the initial parts of a name,
				such as NATO, from North Atlantic Treaty Organisation,
				or Commintern, from Communist International.
			*
				INITIALISM: An abbreviation consisting of the initial
				letter of each word in a phrase; distinguishable from
				an acronym in that it is not pronounced as a single word;
				for example B.B.C., C.I.A.
			*
				TRUNCATION: An abbreviation consisting of a word that is
				cut short; similar to an acronym but it is not composed
				of initials; for example Eur, for Europe.
			*/



	/* 3.7. Sub/Super Elements ################# */

		sup,sub {
			font-size:70%;
		}
		/*sup,sub { line-height:-1px; }
			sup { vertical-align:text-top; }
			sub { vertical-align:text-bottom; }
			sup { vertical-align:super; }
			sub { vertical-align:sub; }*/
			sup { /*bottom:0.3em;*/  vertical-align:text-top; }
			sub { /*bottom:-0.2em;*/ vertical-align:text-bottom; }



	/* 3.8. Emphasis Elements/Classes ########## */

		small 		{ font-size:85%; }
		big		{ font-size:115%; }

		b,strong,.bold	{ font-weight:bold; }
		i,em,.italic	{ font-style:italic; }

		del, .strike	{ text-decoration:line-through; }
		ins		{ text-decoration:none; }

		.overline	{ text-decoration:overline; }
		.underline	{ text-decoration:underline; }



	/* 3.9. Case Classes ###################### */

		.capitalize	{ text-transform:capitalize; }
		.uppercase	{ text-transform:uppercase; }
		.lowercase	{ text-transform:lowercase; }

/* ############################################# */



/*	############################################
	4. Other
	############################################ */

	.js, .hide, input[type='hidden'] { display:none; }
	.hidden { visibility:hidden; }

	.display-block	{ display:block; }
	.display-inline	{ display:inline; }

/* ############################################# */



/* ############################################
   5. Disable Deprecated HTML
   ############################################ */

	body { background-color:transparent; }

	font, basefont {
		color:inherit;
		font:inherit;
		font-size:100%;
	}

	center, *[align] { text-align:inherit; }

	s, strike, u { text-decoration:inherit; }

	img {
		border:none;
		margin:0;
	}

	ol { list-style-type:decimal; }

	table[border], .content table[border]
	{
		border-collapse:separate;
		border-spacing:0;
		}
		tr,th,td {
			width:auto;
			height:auto;
			background-color:transparent;
			vertical-align:inherit;
			border:none;
		}


	nobr { white-space:normal; }

	marquee {
		overflow:visible;
		-moz-binding:none;
	}

	blink { text-decoration:none; }

/* Code is poetry */