/* Generic Rules */
html { font-family: sans-serif; }
@media print, projection, screen and (-webkit-min-device-pixel-ratio: 2.0)
{ html { font-family: serif; } }

/* HTML 5 help for old browsers */
article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, nav, section, video
{ display: block; }
bb, command, keygen, m, mark, meter, output, progress, rp, rt, ruby, time
{ display: inline; }

h1 { text-align: center; }
a[href] img[src] { border: 0; } /* for mozilla, which still stupidly puts borders around images, grrr */
abbr, acronym { font-style: inherit; border: none; }
code { white-space: pre; white-space: pre-wrap; }
code, samp, kbd { font-size: inherit; }

/* lists without bullets */
ul.plain, ol.plain, nl.plain
{
	list-style-type: none;
	padding-left: 0;
}


/* Specific Media */
.print-only,
.print-only-inline { display: none; }
@media print
{
	.dont-print { display: none; }
	.print-only { display: block; }
	.print-only-inline { display: inline; }
}

@media aural, speech
{
	abbr, acronym	{ speak: normal; }
	abbr.initialism { speak: spell-out; }
	abbr[title].truncation { content: attr(title); }
	.aural-only		{ volume: soft; }
	.dont-speak		{ speak: none; }
}
.aural-only { visibility: hidden; position: absolute; z-index: -1; }


/* Navigation */
@media screen {
html { margin: 0; padding: 0; }
#nickshanks-com { margin-left: 9.5em; padding: 0em; }
.browser-warning
{
	background: #FEE;
	border: 2px solid red;
	padding: 1em 4em;
	margin: 0 2em;
}
#navigation, nav
{
	font: 12.25pt 'Lucida Grande', menu;
	background: url(/images/backgrounds/menu.png);
	border-right: 1px solid #DDD;
	box-shadow: -1px 0px 16px #555;
	-webkit-box-shadow: -1px 0px 16px #555;
	position: fixed;
	top: 0; left: 0;
	width: 8.5em;
	height: 100%;
}
#navigation_links :link,
#navigation_links :visited
{
	color: inherit;
	text-decoration: inherit;
}
#navigation_links,
#navigation_links ul
{
	margin: 0; padding: 0;
	list-style-type: none;
}
#navigation_links,
#navigation_links ul,
#navigation_links .divider
{
	background: url(/images/backgrounds/menu.png);
}
#navigation_links ul
{
	display: none;
	opacity: 0.97;
	white-space: nowrap;
	position: absolute;
	top: -1px; left: 100%;
	margin: 0; padding: 0.25em 0;
	border: 1px solid #AAA;
	border-right-width: 2px;
	border-bottom-width: 2px;
	box-shadow: 0px 0px 16px #555;
	-webkit-box-shadow: 0px 0px 16px #555;
	font: 10.5pt 'Lucida Grande', menu;
}
#navigation_links li:hover ul,
#navigation_links ul:hover { display: block; }
#navigation_links a { padding: 0.4em 0.25em 0.4em 0.5em; display: block; }
#navigation_links ul a { padding: 0.1em 1em 0.1em 1.75em; }
#navigation_links div { cursor: default; }
#navigation_links div ul a { cursor: pointer; cursor: hand; }
#navigation_links li { position: relative; }
#navigation_links li:hover { color: white; text-shadow: 0px 1px 4px black; background-color: rgb(52,112,204); }
#navigation_links li:hover ul { color: black; text-shadow: none; }
#navigation_links div > a { background: url(/images/backgrounds/submenu.png) right center no-repeat; margin-right: 0.35em; }
#navigation_links div:hover > a { background: url(/images/backgrounds/submenu-active.png) right center no-repeat; }
#navigation_links hr { margin: 0.4em 0; opacity: 0.3; }
#navigation_links .indent { padding-left: 3em; }
}
#navigation_downloads a,
#navigation_external a { font-size: smaller; text-decoration: none; }
#navigation_downloads #vcard { list-style-image: url(/images/vcard_small); }
#navigation_downloads #certificate { list-style-image: url(/images/certificates/standard_small); }
#navigation_external #wishlist { list-style-image: url(/images/amazon); }
@media screen and (-webkit-min-device-pixel-ratio: 1.5)
{
	#navigation_downloads #vcard::-webkit-marker { content: url(/images/vcard); width: 1em; }
	#navigation_downloads #certificate::-webkit-marker { content: url(/images/certificates/blank); width: 1em; }
}
@media handheld
{
	#navigation_links { font-weight: bold; }
	#navigation_links ul { font-weight: normal; }
	#navigation_links li.divider { display: none; }
}


/* stuff i wanted to save
    small 'breaking news': http://newsimg.bbc.co.uk/media/images/40967000/gif/_40967136_breaking_news_6649.gif
    large 'breaking news': http://newsimg.bbc.co.uk/media/images/40967000/jpg/_40967664_breaking_news_203.jpg
*/