h1, h2, div, p, body {
	margin:0;
	padding:0;
}

html {
  font-family: "futura-pt", verdana, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
	font-size: 1em;
	background-color:#fff;
	color:#333;
}

#nn-head {
	background-color:#065a7c;
	color:#fff;
	padding:0.3em 1em 0.5em;
}

#nn-content {
	padding:0.5em 1em;
	max-width:45em;
}

h1 {
	font-size: 2em;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

p { margin:0.5em 0; }

a { color:#00f; font-weight:bold; text-decoration:none; }

p#crumbs {
	margin:0;
}

div.nn-btn {
	margin:2em auto;
	padding:0;
	width:10em;
	text-align:center;	
}

div.nn-btn a {
	display:block;
	padding:1em;
	text-decoration:none;
	color:#fff;
	background-color:#065a7c;
	border-radius:10px;
}

div.nn-btn a:hover { background-color:#000; }

div.footer a:hover, p#crumbs a:hover, div.pokemon a:hover { text-decoration:underline; }

div.section { clear:both; }

div.footer { padding-top:2em; text-align:center; line-height:1.6em; }

p.small {
	font-size:0.9em;
	margin:1em 0.5em;
	width:100%;
}

div.item {
	margin:1em 0;
	padding:0.2em 1em;
	border:1px solid #ccc;
	border-radius:10px;
	clear:both;
	max-width:36em;
}

div.item h2 {
	font-size:1.25em;
	font-weight:normal;
	margin:0.2em 0 0.4em;
	padding:0;
	float:left;
}

div.item h2 span.cp1 {
	font-size:0.5em;
	font-weight:normal;
}

div.item h2 span.cp2 {
	font-size:0.7em;
}

div.item p {
	clear:left;
	margin:0.5em 0;
	padding:0;
}

div.item p.expire {
	clear:none;
	margin:0.4em 0 0 1em;
	padding:0;
	float:right;
}

div.item p a { font-weight:normal; }

b.red { color:#c00; }

@media (min-width: 768px) {

  body { font-size:1em; }
  
	div.nn-btn {
		font-size:1.5em;
		float:left;
		margin:2em 2em;
	}
	
	div.footer { padding-top:4em; }
}

@media (max-width: 300px) {
	div.item p.expire {
		clear:both;
		float:none;
		margin:0.75em 0;
	}
}