@font-face {
  font-family: anivers;
  src: url('../fonts/anivers.otf') format("opentype");
}

@font-face {
  font-family: titillium;
  src: url('../fonts/titilliumtext800wt.otf') format("opentype");
}

* {
	margin: 0;
	padding: 0;
}

/* ### */
body { font: normal 0.75em/1.5em Verdana; color: #333; }
	
	::selection { background: #667788; color: #fff; }
	::-moz-selection { background: #667788; color: #fff; }
	
	pre { background: #eee; border: 1px solid #ccc; padding: 10px; line-height: 14px; font-size: 12px; overflow-x: auto; font-family: monospace; }
	
	h1, h2, h3, h4, li { margin-bottom: 5px; }
	h1 { font: normal 40px anivers, Arial;	}
	h2 { font: normal 28px anivers, Arial; }
	h3 { font: normal 18px anivers, Arial; }
	h4 { font: bold 1em Verdana; }
	p, ul, ol, fieldset, img.alignright, img.alignleft, dl, blockquote , pre  { margin-bottom: 15px; }
	ul { padding: 0; margin: 0; }
	ul , ol, dd, blockquote { padding-left: 40px; }
	a { text-decoration: none; color: #0078bd; border-bottom: 1px dotted #0078bd; }
		a:hover { border-bottom: 1px solid #0078bd; }
		a:focus { outline: none; }
		
/* ### CSS3 ### */
select , textarea, input.text, fieldset, th, td { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }

/* ### TABLES ### */
/*table { width: 100%; }
th, td, caption { font-size: 0.95em; padding: 3px 10px 3px 10px; }
th { font-weight: normal; text-align: left; color: #fff; background: #555; }
td { border-top: 1px solid #eee; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #eee; }*/

/* ### FORMS ### */
form { margin-bottom: 10px; }
select , textarea, input.text { font: normal 0.95em/1.1em Verdana; border: 1px solid #ccc; padding: 5px; margin-bottom: 3px; }
select { width: 312px; }
	select:hover, textarea:hover, input.text:hover { background: #ffffdc; }
	select:focus, textarea:focus, input.text:focus { background: #ffffdc; outline: none; }
textarea, input.text { width: 300px; }
textarea { line-height: 1.5em; height: 100px; }
fieldset { border: 1px solid #ccc; padding: 0 15px 0 15px; }
legend { font-weight: bold; color: #333; padding: 0 15px 0 15px; }
optgroup { font: bold 0.95em/1.1em Verdana; }
img { display: block; }
	img.alignright { margin: 2px 0 15px 15px; float: right; }
	img.alignleft { margin: 2px 15px 15px 0; float: left; }
	img.aligncenter {margin: 0 auto 15px auto; display: block; }
	
	img {
		border: none;
	}