/* Frozen In Flight basic style sheet. Sandra Mello, Sept 2008 */

/* To quickly find styled sections use ' =NAV'  in find. */

/* Elements are styled in the following order: 

RESET browser defaults

GENERAL Styles from larger to specific: html to td. 

Anchor LINKS

CONTENT

NAVigation

MAIN  with branding

GALLERY

PRINT  Printable forms page

SITEINFO  

HCARD	


*/



/* =RESET browser defaults for more predictable cross-browser beahavior. Using Eric Meyer's css reset from 12 February 2008. Setting font-size to 100% (usually 16px default) assures IE6 and 7 will handle size changes correctly. */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	background:  #F6FFFE url(../images/dawn3.jpg) no-repeat top left;
	/* 
	background: #F6FFFE url(../images/dawn.jpg) repeat-x; Now pale blue or FAFBFD or darker #F5F6FB, or #F7F9FC and #F3F6FB. was cream F9F7E8. Also can try #ddeada */
	color: #361C0C;  /* or #1E0C02 very dark brown */
	font: normal 100% Georgia, "Times New Roman", serif;
	line-height: 1;	  /* this is the factor by which line height is calculated. It should be set to 1 in the body. Using normal also works but with wildly differing output in different browsers */
}

/* =GENERAL */


h1 {
	font-size: 1.125em;
	line-height: 1.4;
	padding: 25px 0 0 0;
}

h2 {
	font-size: 1em;
	line-height: 1.4;
	padding: 2em 0 0 0;
}

h3, h4, h5 {
	font-size: 0.875em;
	line-height: 1.4;
	padding: 2em 0 0 0;
}


p {
	font-size: 0.875em;
	line-height: 1.7;
	padding: 1em 0 0 0;
}


ul, ol {
	height: 100%;
	padding: 0.5em 0 0.5em 1.5em;
}

ul {
	list-style: disc;
	list-style-position: outside;
}

ol {
	list-style-position: outside;
}
 

li {
	font-size: 0.875em;
	line-height: 1.7;
	margin-left: 3em;
}


li li {
	font-size: 1em;
}


/* =LINKS /anchors - global styles. The order these are listed in this style sheet is important, although there is some disagreement on placing 'focus' before or after 'hover'!!! ------------------------------------------------------------------------------ */

a {
	text-decoration: underline;
	color: #2F4E85;  /* #168D93 robin egg's blue */
}


a:visited {
	color: #6290C2;  /* #2F4E85, #94D7BD light blue-green */
}


a:hover {
	text-decoration: underline;
}

/* Accessibility aid for keyboard and certain assistive device users. IE6 and 7 do not support this pseudo-class */

a:focus {
	outline: .5em;
	text-decoration: underline;
}


/* IE, including IE7, has no support for the pseudo-class focus; it uses active instead */

a:active {
	text-decoration: underline;
}


/* =CONTENT */

#content {
	margin: 0 auto;
	overflow: auto;   /* this is needed to clear the floated nav, and drop the siteinfo */
	padding: 0;
	width: 770px;   /* or 100% needed to trigger hasLayout in some Opera and in IE6 and earlier. */
}

/* =NAV main navigation, floated left. Includes Logo. Transparent background. */
	
#nav {
	float: left;
	margin: 0;
	padding: 0 80px 0 0;
	text-align: right;
	width: 95px;
}

#nav img {
	border: none;
	display: block;
	margin: 0;
	padding: 25px 0 10px 0;	
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul ul {
	padding: 8px 0 0 0;
}

#nav li {
	font-size: 1em;
	line-height: 1.2;
	margin: 0;
	padding: 8px 0 8px 0;
}

#nav #current {
	color: #FFBF00;  /*  sunshine yellow or #EFAB4A */
}

#nav li li {
	font-size: 1em;
	padding: 0 8px 0 0;
}

#nav li a {
	color: #2F4E85;    /* #168D93 teal  blue */
	text-decoration: none;
}

#nav li a:hover {
	text-decoration: underline;
}


/* Accessibility aid for keyboard and certain assistive device users. IE6 and 7 do not support this pseudo-class */


#nav li a:focus {
	outline: .5em;
	text-decoration: underline;
}



/* IE, including IE7, has no support for the pseudo-class focus; it uses active instead */

#nav li a:active {
	text-decoration: underline;
}




/* =MAIN   and BRANDING */

#main { 
	float: left;
	margin: 0;
	padding: 0 0 30px 0;
	width: 595px;
}


#main #branding {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#main #branding p {
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
	padding: 15px 0 50px 0;
}

#main #branding a {
	text-decoration: none;
	color: #361C0C;
}
	
#main #logo {
	font-size: 2em;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0.15em;
	padding: 0;
}

#main #tagline { 
	font-size: 0.875em;
	padding: 0 0 0 150px;
}

#main #event {
	border: 1px solid #FFBF00;
	margin: 1em 0 0 0;
	padding: 1em 1em 2em 2em;
}


#main #event h3 {
	font-size: 1em;
	padding: 1em 0 0 0;
}

#flickr {
	margin: 1em auto;
	padding: 0;
	}




/* =GALLERY */
p.gallery {
	text-align: center;
}
  
p.gallery img {
	margin: 0;
	padding: 0 5px 0 0;
}


/* =PRINT */

#orderform, #contract {
	margin: 0;
	padding: 0 0 40px 0;
}


#orderform ul, #tag ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
}

#orderform li, tag li {
	margin: 0;
	padding: 0;
}

#shipping, #tag {
	margin: 0;
	padding: 20px 0 10px 0;
}


/* =SITEINFO */

#siteinfo {
 	border-top: solid 1px #EDCC5B;  /*  #FFD65D softer yellow */
	font-size: 0.750em;
	margin: 0;
	padding: 1em 0 0 0;
	text-align: center;
	width: 100%;
}

#siteinfo p {
	line-height: 1.7;
	margin: 0;
	padding: 1em 0 1em 0;
}