/***************** B A S I C S ****************************/
/* After resetting everything - set back some basic my kind of style and things */

html {
	/*have a scrollbar*/
	height: 100%; 
	margin-bottom: 1px;
	/*basic colors*/
	color: #333; 
}

a, button.a {
	color: #0000EE;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table {
	/* "one row" of space between blocks*/
	margin-bottom: 1.4em;
}

ul ul, ol ol, dl dl, table table {
	/* but NOTHINg inside themselves*/
	margin-bottom: 0px;
}

h1,h2,h3,h4,h5,h6,p,li,td,th, dt, dd {
	/* default line-height*/
	line-height: 1.4em; /* keep that in sync with margin-bottom above*/
}

input, select, button { 
	cursor: pointer;
}

select, input, textarea {			
	font-family: inherit; 
	font-size: 99%; 
	font-weight: normal; 
	font-style: normal; 
	white-space: normal; 
	text-align: left; 
	margin: 0; 
	padding: 0; 
}

/* bold */
b,strong,dfn { 
	font-weight: bold; 
}

/* italic */
em,i,dfn { 
	font-style: italic; 
}

pre { 
	white-space: pre;
	font-family: mono-space, monospace; 
}

del { 
	text-decoration: line-through; 
}

/* underline */
u, ins {
	text-decoration: underline;
}

tt {
	text-transform: uppercase;
}

/* so here position relative comes handy, MUCH better than vertical align: super*/
sup, sub { 
	font-size: 0.75em; 
	line-height: 0;
}

sup	{ 
	top: -0.5em;
	vertical-align: baseline;
}

sub	{ 
	bottom: -0.3em;
	vertical-align: baseline;
}

hr {
	background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:1px;
	margin:0 auto 0 auto;
	border:none;
}

/* basic border */
table, td {
	border: 1px #999 solid;
}

/* some basic padding left-right*/
td {
	padding: 0px 0.3em 0px 0.3em;
}

/* some basic margins added back, etc*/

ol { 
	list-style: decimal outside; 
}

ul, ol, dd { 
	margin-left: 2.2em; /* 2 digits OL show*/
}


table, td, th {
	vertical-align:top; /* my default expectation */
}
 

H1 {
	font-size: 3em;
}

H2 {
	font-size: 2.2em;
}

H3 {
	font-size: 1.6em;
}

H4 {
	font-size: 1.2em;
}

H5 {
	font-size: 1em;
}

H6 {
	font-size: 0.8em;
}

abbr, acronym { 
	font-size: 85%; 
	text-transform: uppercase; 
	letter-spacing: .1em; 
}

blockquote {
	margin:1em;
	font-style:italic;
}

.hidden {
	display:none;
}

.clear {
	clear:both;
}

.right {
	float: right;
}
/*
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
*/