/*
--------------------------------------------------------------------------------------
	
	html.css
	core html elements only (no classes)

--------------------------------------------------------------------------------------
*/


/*
-------------------------------------------
	General
-------------------------------------------
*/


body {
	font-size: 90%;
	font-family:Arial, sans-serif;
	color: #222;
	background-color: #fff;
}

img {
	max-width:100%;
	border:none;
	height:auto;
}

a {
	color:#039;
	background-color: transparent;
	text-decoration:underline;
}

a:visited {
	color:#9F2563;
	background-color: transparent;
}

a:hover {
	color:#000;
	background-color: transparent;
	text-decoration:underline;
}





/*
-------------------------------------------
	Headings
-------------------------------------------
*/


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #000;
	margin:0 0 15px 0;
	line-height:130%;
}

h1 {
	font-size: 1.9em; 
	margin:0 0 20px 0;
}

h2 {font-size: 1.6em;}

h3 {font-size: 1.4em;}

h4 {font-size: 1.3em;}

h5 {font-size: 1.1em; }

h6 {font-size: 1em;}



/*
-------------------------------------------
	Text
-------------------------------------------
*/


p {
	margin:0 0 15px 0;
	line-height:160%;
}

small {
	font-size: 90%;
	color:#666;
}

ins {
	text-decoration:none;
	background-color:#eee;
}



/*
-------------------------------------------
	Lists
-------------------------------------------
*/

dl {margin:0 0 20px 0;}

dl dt {
	font-weight:bold;
	margin-bottom:8px;
	line-height:140%;
}

dl dd {
	margin-bottom:15px;
	line-height:140%;
}



/*
-------------------------------------------
	Tables
-------------------------------------------
*/



table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
}

th, 
td, 
caption {
	text-align: left;
	vertical-align: top;
}


/*
-------------------------------------------
	Misc
-------------------------------------------
*/


address {
	font-style:normal;
	color:black;
	background-color:#f5f5f5;
	padding:10px 20px;
	line-height:150%;
}

hr {
	border: 0;
	border-bottom: 1px solid #ddd;
	margin: 30px 0;
	clear:both;
}

mark {
	background-color:#FFD400;
	color:#000;
	padding:0 3px;
	display:inline-block;
}


/*
pre {
	overflow: auto;
	background-color:#333;
	color:#ccc;
	border-radius:5px;
	padding:15px 20px;
	margin: 0 0 20px 0;
	white-space: pre-wrap;       
	white-space: -moz-pre-wrap;  
	white-space: -pre-wrap;     
	white-space: -o-pre-wrap;    
	word-wrap: break-word;      
	word-break: keep-all;
}

pre code {
	padding: 0;
	margin:0;
	color: #ccc;
	font-size: 12px;
	font-weight:normal;
	line-height: 160%;
	font-family: Menlo, Monaco,'MonacoRegular',monospace;
}

pre code::selection {
	color:#000; 
	background:#ffc23d;
}

pre code::-moz-selection {
	color:#000;
	background:#ffc23d;
}
*/



@media 
only screen and (max-width: 400px), 
only screen and (max-device-width: 400px) {

h1 {font-size: 1.8em; }
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.1em; }
h6 {font-size: 1em;}


hr {margin: 20px 0;}


} /* end media query */