/*

	This document is essentially the overall core reset, it enables me to kickstart 
	a project much quicker than having to start from scratch every time. It is by 
	no means perfect and continually under development, feel free to change things 
	if you need to.
	
	Structure:		INITIAL RESET
					GLOBAL
					GENERAL TYPO - You'll find default font sizes here
					HEADERS
					LISTS
					FORMS
					TABLES
					HELPERS



	INITIAL RESET
	Resetting of default browser styling.	
________________________________________________________________________________________ */

html,body,
h1,h2,h3,h4,h5,h6,p,blockquote,address,pre,cite,code,dfn,abbr,
acronym,kbd,a,samp,img,ins,i,b,u,strike,small,big,font,tt,q,dl,dt,dd,ul,ol
,li,applet,object,iframe,form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;margin:0;padding:0;border:0;
outline:0;font-weight:normal;font-style:normal;text-decoration:none;}
:focus{outline:0;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
html,body{height: 100%;}


/*
	GLOBAL
	Body styling and general typography	
________________________________________________________________________________________ */

p, 
ul, ol, dd, 
pre, code, 
address,
fieldset, 
table {
	margin: 0 0 18px;
	}
	
body {
	font: 12px/1.5 "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: black;
	background: white;
	}
	
hr {
	clear: both;
	width: 95%;
	height: 1px;
	margin: 0 auto 17px;
	color: #ddd;
	border: none;
	border-top: 1px solid inherit;
	background: #ddd;
	}


/* 	GENERAL TYPO
------------------------------------- */

blockquote {
	padding: 0 18px
	}

abbr,
acronym {
	cursor: help;
	}

dfn { font-weight: bold; }
	
cite,
q { font-style: italic; }

pre {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space: pre-wrap; /* css-3 */
	}
	
code,
kbd,
var {
	font: 11px Monaco, "Courier New", Courier, monospace; 
	}
	
	p code {
		margin: 0;
		}


/*	HEADERS
------------------------------------- */

h1,h2,h3,
h4,h5,h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1;
	}


/*	LISTS
------------------------------------- */

ul, 
ol {
	margin-left: 22px;
	text-indent: 0;
	}

ol {
	margin-left: 36px;
	}

	li ul, 
	li ol {
		margin-bottom: 0;
		}

ul.alphabetical,
ol.alphabetical {
	list-style-type: lower-alpha;
	}
	

dl {
	overflow: hidden;
	}

	dt {
		font-weight: bold;
		}

/*	dt:after {
		content: ":"
		}*/

dd dl {
	margin: 0 0 -18px 18px;
    }
		
/*
	FORMS
	
	.textInput - Basic text field
	.inputGroup - A group of text fields
	.selectGroup - Combo dropdown option group
	.radioInput - Radio button
	.checkBoxGroup - A group of checkboxs
________________________________________________________________________________________ */

form {
	width: auto;
	}

fieldset {
	display: block;
	}

legend {
	display: block;
	font-weight: bold;
	}
	
fieldset ol,
fieldset ul,
fieldset li {
	list-style: none;
	margin: 0;
	}

input,
select,
option,
button {
	font-size: 12px;
	}

textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 65%;
	overflow: auto;
	resize: both;
	}
	
/* Input & Select Groups */

.inputGroup div,
.selectGroup div,
.inputGroup li,
.selectGroup li {
	overflow: hidden;
	width: 100%;
	padding: 4px 0;
	}

.inputGroup label,
.selectGroup label {
	float: left;
	width: 114px;
	}
	
.inputGroup input {
	width: 221px;
	}


/* Radio & Checkbox Groups */
	
.checkBoxGroup label,
.radioGroup label {
	display: block;
	clear: both;
	margin: 0;
	}
	
	.checkBoxGroup input,
	.radioGroup input {
		display: inline;
		}
		
/* Buttons */

.formButton,
button {
	cursor: pointer;
	}



/*
	TABLES
	tables still need 'cellspacing="0"' in the markup
________________________________________________________________________________________ */

table {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	}
	
caption,
th {
	text-align: left;
	font-weight: bold;
	}

th, td {
        line-height: 1.5!important;
        padding: 4px 9px!important;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #aaa;
        border-right: 1px solid #aaa;
            }

form table,
form th, 
form td {
	border: none;
	}


/*
	HELPERS
________________________________________________________________________________________ */

.nav,
.nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

img.alignRight,
img[align="right"] {
	float: right;
	margin: 0 0 0 18px;
	}

img.alignLeft,
img[align="left"] {
	float: left;
	margin: 0 18px 0 0;
	}

.inline-list li,
.inline-list dt,
.inline-list dd {
	display: inline;
	}

.inline-list li:after {
	content: ', ';
	}

.inline-list li:last-child:after {
	content: '.';
	}

ul.inline-list,
ol.inline-list,
dl.inline-list {
	margin: 0 0 18px;
	}