/* Devious Fish Web Design - Header layout
 * Copyright 2007-2012 Perette Barella.
 * All rights reserved.
*/

BODY {
	background: #CDF;
}

ACRONYM {
	border-bottom: thin dotted blue;
}

/* Classes for header at top of page */
IMG.headerlogo {
	float: left;
	border: 0;
}
@media handheld {
	IMG.logo {
		display: none;
	}
}
		
/* ========== Page header ========== */
DIV.pagename {
	margin-top: 0.5ex;
	float: left;
}
DIV.pagename H1 {
	font-family: papyrus, serif;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1;
}
DIV.pagename H1 SMALL {
	font-size: 70%;
	font-family: "Arial Rounded MT Bold", "Arial", sans-serif;
	font-weight: bold;
}

DIV.letterhead {
	text-align: right;
	float: right;
	font-family: "Arial Narrow", "Arial", sans-serif;
	margin-bottom: 1ex;
}
SPAN.principal {
	font-family: "Arial Rounded MT Bold","Arial", sans-serif;
	font-weight: bold;
}

/* ========== Navigation bar setup ========== */
DIV#leftgutter {
	min-width: 15ex;
	max-width: 20ex;
}
UL#navigationbar {
	border-radius: 1ex;
	padding: 1ex 0;
	background: #ABF;
}

UL#navigationbar > LI {
	border: none;
	margin-left: 2ex;
	line-height: 1.5;
}

UL#navigationbar > LI > A {
	padding: 0.5ex 1ex;
	border-radius: 1ex;
}
UL#navigationbar > LI > UL {
	right: auto;
}
 
UL#navigationbar > LI:first-child {
	margin-left: 3ex;
	border-left: 0;
}


@media handheld {
	DIV#navigationbar {
		padding-left: 0;
	}
}

/* ========== Navigation menu setup ========== */
UL#navigation {
	background: none;
}

UL#navigation > LI.text {
	font-style: normal;
	text-align: left;
}
UL#navigationbar > LI > UL {
	white-space: nowrap;
}


DIV#navigation LI.checkoutenabled IMG.enabled,
DIV#navigation LI.checkoutenabled IMG.enabled,
DIV#navigation LI.checkoutdisabled IMG.disabled,
DIV#navigation LI.checkoutdisabled IMG.enabled {
	display: none !important;
}


/* ========== Shared Navigation color setup ========== */
UL#navigation > LI.group,
UL#navigation > LI > A {
	background: #ABF;
}

/* ==========  ========== */
P.imagecaption {
	font-style: italic;
}
IMG.screenshot {
	max-width:50%;
	min-width:350px;
	height:auto;
	border-left: thick solid transparent;
	border-bottom: thick solid transparent;
}

ADDRESS {
	padding-left: 2em;
}
P.platform {
	margin-top: 0;
	font-style: italic;
}

P.legal, OL.legal {
	font-size: 80%;
}
P.legal STRONG {
	text-transform: uppercase;
	font-weight: normal;
}

OL.legal LI {
	font-weight: bold;
	margin-bottom: 0;
	text-transform: uppercase;
}
OL.legal LI P {
	margin-top: 0;
	font-weight: normal;
}
OL.legal LI * {
	text-transform: none;
}
OL.legal OL {
	list-style-type: none;
	counter-reset: subitem;
}
OL.legal OL LI:before {
	content: "(" counter(subitem, lower-alpha) ") ";
	counter-increment: subitem;
}