/* 
	core.css (make it so number one!)
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.

*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------

	=RESET
	=BASE TYPO
	=IMAGES
	=LINKS
	=FORMS
	=TABLES
	=ADDRESS
	=FRAMEWORK
		
*/

/* =RESET
	no editing required
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{ 
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline; 
}

blockquote, q{ quotes: none; }

br{ height: 0; }

ul, ol, dl{ list-style: none; }

a img{ border: 0; }

img{ display: block; }
img.inline{ display: inline; vertical-align: middle; }

/* =BASE TYPO
----------------------------------------------------------------------------- */

body{ font: normal normal 12px "Arial", Sans-Serif; }

code, samp, kbd, var{ font-family: "Courier New", "Courier", Monospace; }

h1, h2, h3, h4, h5, h6, b, strong{ font-weight: bold; }
i, em, cite, dfn, ins{ font-style: italic; }
del, code, samp, kbd, var{ font-style: inherit; }

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

abbr, acronym{ border: 0; cursor: help; text-decoration: none; }

h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 13px; }

li, dt, dd,
p, pre, address,
legend, label, input, textarea, 
select, option, optgroup,
th, td{ font: inherit; }

small{ font-size: 10px; } 	/* 2px smaller, than body base */
big{ font-size: 14px; } 	/* 2px larger, than body base */

/* =IMAGES
----------------------------------------------------------------------------- */

img.left,
img.right{
	background: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 10px 5px;
	padding: 3px;
}

	img.left{ margin-left: 0; }
	img.right{ margin-right: 0; }
	
	img.none{ 
		background: transparent;
		border: 0; 
		padding: 0;
	}

/* =LINKS
----------------------------------------------------------------------------- */
	
a{ text-decoration: underline; }

a:link,
a:visited{ color: #FFCC00; }

a:hover,
a:active{ color: #333333; }


/* =TABLES
----------------------------------------------------------------------------- */

table{ width: 100%; }

th, td{ padding: 8px; }

th{ text-align: left; }

/* =ADDRESS
----------------------------------------------------------------------------- */

address{ font-style: normal; }

address span{ display: block; }

	address span.locality,
	address span.region,
	address span.postal-code,
	address span.type,
	address span.value{ display: inline; }

	address span.fn,
	address span.org{ font-weight: bold; }

/* =FRAMEWORK
----------------------------------------------------------------------------- */

.hide{ display: none; }

.left{ float: left; }
.right{ float: right; }

.float-cleared{ /* use sparingly */
	clear: both; 
	height: 0; 
	font-size: 0; 
}

.float-clear:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.float-clear:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .float-clear,
*:first-child+html .float-clear {
	zoom: 1;
}

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