/* 
	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;

*/

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

	1. RESET
	2. BASE TYPO
	3. IMAGES
	4. LINKS
	5. FORMS
	6. TABLES
	7. ADDRESS
	8. FRAMEWORK
		
*/

/* 1. 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, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{ 
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	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; }

/* 2. BASE TYPO
----------------------------------------------------------------------------- */

body{
	background: #961B1C;
	color: #181818;
	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; }

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

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 */

/* 3. IMAGES
----------------------------------------------------------------------------- */

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

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

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

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

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

/* 5. FORMS
----------------------------------------------------------------------------- */

label{
	font-size: 12px;
	font-weight: bold;
}

input,
select,
textarea{
	background: #FFF;
	border: 1px solid;
	border-color: #AAA #CCC #CCC #AAA;
	padding: 3px 5px;
}

textarea{ height: 150px; width: 450px; }

select,
.button input,
.checkbox input{ width: auto; }

fieldset.button{ text-align: right; }

	.checkbox input{ 
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}

/* 6. TABLES
----------------------------------------------------------------------------- */

table{ width: 100%; }

th, td{ padding: 8px; }

th{ text-align: left; }

/* 7. 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; }

/* 8. 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;
}

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