/* @override http://assets.fundyfilm.ca/stylesheets/style.css */

/*reset and begin */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { text-shadow: 0px 0px 0px black; margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
html { background-color: #900; }
body { line-height: 1; color: black; background: #900; font-style: normal; font-weight: normal; line-height: normal; font-family: sans-serif;}
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* general styles */
strong { font-weight: bold; }
em { font-style: italic; }
h2 { text-align: center; font-size: large; }
h3 {
	font-size: medium;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
p { font-size: small;
	margin-top: 1em;
	margin-bottom: 1em;
}

li {
	margin-top: 0;
	margin-bottom: 0;
}

a { color: #c00; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }

/* page structure */
div#container { width: 40em; margin-right: auto; margin-left: auto; }
div#header { margin: 1em; color: #f90;}
div#header a { color: #f90; text-decoration: none; }
div#header a:hover { text-decoration: none; color: #fa0; }
div#header h1 { font-family: serif; font-size: xx-large;  text-align: center; }
div#header h2 { font-size: small; padding-top: 1em;	padding-bottom: 0.75em }
div#navigation { margin: 0; padding: 0; }

div#content { padding: .75em .75em 0 .75em; background: #fff; margin: 0; border: 1px solid #c00; }

div#content ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 1.5em;
	font-size: small;
}

div#content ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 1.5em;
	font-size: small;
	margin-bottom: 0;
}

div#footer { padding-top: .25em; margin-left: auto; margin-right: auto; width: 35em; text-align: center; color: #f90; font-size: small; }
div#footer a { text-decoration: underline; color: #f90; }
div#footer a:hover { text-decoration: underline; color: #fa0; }

/* css tabs based on Joshua Kaufman's at http://unraveled.com/projects/css_tabs/
licensed under http://creativecommons.org/licenses/by/2.5/deed.en_CA */

ul#tabnav { /* general settings */
text-align: center; /* set border COLOR as desired */
list-style-type: none;
padding: 0.25em 1em 0.25em 1em;
	margin: 1em 0 0;
	border-bottom-style: none;
	font-size: 80%;
}

ul#tabnav li { /* do not change */
display: inline;
}

ul#tabnav li.current { /* set border color to page background color */
background-color: #fff;
	border-bottom: 1px solid #fff;
}

ul#tabnav li.current a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 0;
padding-top: 0.25em;
border-bottom: 1px solid #fff;
}

ul#tabnav li a { /* settings for all tab links */
padding: 0.25em 0.5em; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #c00; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #a00; /* set unselected tab background color as desired */
color: #f90; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
}

ul#tabnav a:hover { /* settings for hover effect */
color: #fa0;
background: #b00; /* set desired hover color */
}

/* marquee styles */
p#titles { text-align: center; }
div#marquee { margin-bottom: 1em; min-height: 385px; }
div#marquee img { margin-right: 1em; float: left;
	border: 1px solid #ddd;
}
div#film1 { display: block; }
div#film2, div#film3 { display: none; }
#link1 { color: black; }

/* calendar styles */

div.vcalendar h3 {
	font-size: 90%;
	margin-left: .5em;
	font-weight: bold;
}

div.vcalendar h4 {
	margin-bottom: .5em;
	text-align: left;
	font-size: 90%;
}

div.vevent {
	border: 1px solid #ccc;
	padding-top: .5em;
	padding-right: .5em;
	background-color: #eee;
	padding-left: .5em;
	margin-bottom: 1em;
}