/* 

site:			newburyfilmseries.org
author:			drew@evolvingpage.com
type:			screen
last updated: 	2.04.06

*/

body {
margin: 0;
padding: 0;
color: #333;
font-family: Arial, helvetica, sans-serif;
font-size: small;
text-align: center;
background: url(../images/bg.gif) repeat top left;
}


/*global styles */

a:link, a:visited {
	color: #039;
	text-decoration: none;
	border-bottom: 1px dotted #039;
}

a:hover {
	color: #f90;
	text-decoration: none;
	border-bottom: 1px dotted #f90;
}

a:active {
	color: #c00;
}


a.more:hover {
	text-decoration: none;
}

.hide {
display: none;
}

h1, h2, h3, h4, h5, h6 {
 font-family: Futura, "Trebuchet MS", helvetica, sans-serif;
 font-weight: normal;
 margin: 0;
}

h1 {
 font-size: 190%;
 color: #039;
 padding: 10px 0 0;
}

h2 {
 padding: 20px 0 5px 0;
 font-size: 120%;
 color: #666;
 border-top: 1px #eee solid;
}

h3 {
 font-size: 130%;
 padding: 7px 0 3px 0;
 color: #777;
}

h4{
 font-size: 120%;
 color: #333;
 padding: 5px 0;
}

h5 {
 font-size: 120%;
 color: #f90;
 padding: 5px 0;
}

h6 {
font-size: 95%;
color: #666;
padding: 0 0 5px 0;
}

p {
margin: 0;
padding: 2px 0 12px 0;
line-height: 1.5em;
}

p.q {
margin: 0;
padding: 0 0 15px 0;
line-height: 1.5em;
font-family: futura, "trebuchet MS", helvetica, sans-serif;
font-size: 110%;
}

p.intro {
margin: .75em 0;
padding: 0;
font-size: 105%;
}

p.intro a:hover {
background: #ffc;
}

p.intro2 {
margin: .75em 0;
padding: 0;
font-size: 110%;
}

p.sponsor {
float: right;
font-size: 75%;
color: #666;
margin: 0;
padding: 0;
}

ol {
margin: 0;
padding: 0 5px 0 0;
}

ol li {
margin: 0 0 0 25px;
padding: 0 0 10px 0;
line-height: 1.5em;
font-size: 105%;
}

blockquote {
margin: 10px 0 15px 0;
padding: 0;
width: 480px;
font-family: verdana, geneva, sans-serif;
font-size: 110%;
background: url(../images/topquote.jpg) no-repeat top left;
border-top: 1px solid #ddd;
}

#quote {
margin: 0;
padding: 25px 50px 30px 55px;
color: #666;
text-align: justify;
background: url(../images/closeq.gif) no-repeat right bottom;
border-bottom: 1px dashed #ddd;
}

cite {
font-size: 80%;
color: #777;
}



/*layout */



#wrap {
margin: 0 auto;
padding: 0;
width: 750px;
text-align: left;
background: #fff;
}

#header {
margin: 0;
padding: 0;
height: 120px;
background: #000 url(../images/logos/tagline.jpg) no-repeat top left;
}

#nfs {
clear: both;
margin: 0;
padding: 10px 30px 15px 30px;
font-size: 95%;
border-bottom: 1px solid #ddd;
background: #def url(../images/nfsheader.jpg) repeat-x top left;
}

#nfs p {
margin: 0;
padding: 0;
}

#nfs:hover {
background: #ffc;
}

#main {
margin: 0;
padding: 0;
float: left;
width: 550px;
text-align: left;
border-right: 1px solid #ddd;
}

#content {
margin: 0;
padding: 15px 0 15px 30px;
width: 520px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 490px;
}

/* --------- navigation styles ---------- */


img.logo {
margin: 0;
padding: 0 0 0 30px;
border: none;
}

#header a {
border-bottom: none;
}

#navigation {
margin: 0;
padding: 0;
width: 750px;
background: #f90 url(../images/navtop.jpg) repeat-x top left;
font-family: "trebuchet ms", helvetica, sans-serif;
border-top: 1px solid #f90;
border-bottom: 1px solid #fc3;
text-align: center;
}

#navigation li {
margin: 0;
padding: 0 1px 0 0;
text-align: center;
display: inline;
list-style-type: none;
font-size: 97%;
}

#navigation a {
font-weight: bold;
margin: 0;
text-decoration: none;
color: #333;
padding: 0 12px;
line-height: 28px;
border-bottom: none;
background: url(../images/navside.gif) repeat-y top right;
}


#navigation a:hover, #navigation a.active {
color: #fff;
}

#last a {
background: none;
}



/*content styles */

#content ul {
margin: 0;
padding: 0 0 10px 20px;
list-style: none;
}

#content ul li {
font-size: 95%;
line-height: 1.5em;
padding: 0 0 7px 10px;
background: #fff url(../images/more.gif) no-repeat 0 7px;
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, #sidebar h3 a:link, #sidebar h3 a:visited, #sidebar h2 a:link, #sidebar h2 a:visited {
color: #444;
border-bottom: 1px dotted #999;
}

h2 a:hover, h3 a:hover, #sidebar h3 a:hover, #sidebar h2 a:hover {
color: #f90;
border-bottom: 1px dotted #f90;
}

h6 a:link, h6 a:visited {
	color: #666;
	text-decoration: underline;
}

h6 a:hover {
	color: #036;
	text-decoration: none;
}

h6 a:active {
	color: #c00;
}

img {
margin: 0;
padding: 5px 5px 5px 10px;
border-style: none;
}

img.main {
margin: 0;
padding: 0 0 15px 0;
}

img.left {
padding: 5px 10px 0 0;
}

img.alignleft, img.alignleftd {
float: left;
margin: 0 9px 7px 5px;
padding: 4px;
border: 2px solid #eee;
}

img.alignleftd {
border: none;
padding-top: 7px;
margin-bottom: 0;
}

img.alignright, img.alignrightd, img.alignrightintro, img.alignrightheader {
float: right;
margin: 0 0 7px 9px;
padding: 8px;
border: 2px solid #eee;
clear: both;
}

img.alignrightd {
border: none;
}

img.alignrightintro {
margin: 5px 0 7px 15px;
}

img.alignrightheader {
border: none;
}

img.alignright a:link, img.alignright a:visited {
background: #fff;
}

a:hover img.alignright, a:hover img.alignrightintro {
padding: 9px;
background: #ffc;
border: 1px solid #fc9;
}

img.aligncenter {
display: block;
margin: 20px auto;
padding: 10px;
border: 2px solid #eee;
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;
}

a:hover img.aligncenter {
padding: 11px;
border: 1px solid #fc9;
background: #ffc;
}

img.sponsors {
float: right;
clear: both;
margin: 0 0 3px 7px;
padding: 0;
}

/* ------- lower ------- */

#lower {
margin: 15px 0;
padding: 15px 0 0;
width: 100%;
text-align: left;
border-top: 1px solid #ddd;
}

.left, .right, .supportright, .supportleft {
float: left;
width: 225px;
margin: 0;
padding: 0 12px 15px 0;
}

.right, .supportright {
padding-left: 10px;
border-left: 1px solid #ddd;
}

.supportright, .supportleft {
margin-top: 10px;
text-align: center;
}

#lower .supportright h5, #lower .supportleft h5 {
margin-top: 0;
}

.supportright img {
display: block;
margin: 5px auto;
padding: 0;
border: none;
}

#lower h2 {
margin: 0 0 15px 0;
padding: 6px 0 6px 6px;
border-top: none;
border-bottom: 1px dashed #ccc;
color: #03c;
}

#lower h2.pic {
margin-right: 0;
background: url(../images/polaroid.gif) no-repeat 0 20%;
}

#lower h2.sevenq {
background: url(../images/7q.gif) no-repeat 0 20%;
}

#lower h3, #lower ul {
padding: 12px 10px 8px 7px;
color: #666;
}

#lower h3 {
padding-top: 0;
}

#lower h4 {
padding: 0 10px 10px 7px;
font-size: 110%;
color: #999;
}

#lower h5 {
 margin: 15px 0 10px 0;
 padding: 15px 0 10px 0;
 font-size: 120%;
 color: #666;
 border-top: 1px solid #ccc;
 border-bottom: 1px dashed #ddd;
 background: #ffc;
}

#lower h5:hover {
background: #def;
}

#lower p {
font-size: 95%;
padding: 0 7px 7px;
}

p.do, h2.do {
padding: 8px;
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
background: #def;
}

#lower p.do {
padding: 8px 0;
background: #fff;
}

h2.do {
text-align: center;
font-size: 150%;
margin-top: 20px;
background: #ffc;
}

h2.watch {
text-align: left;
font-size: 200%;
background: url(../images/film.gif) 50px 50% repeat-x;
}

#lower h2 a:link, #lower h2 a:visited  {
color: #03c;
border-bottom: 1px dotted #03c;
}

#lower h2 a:hover {
color: #f90;
border-bottom: 1px dotted #f90;
}

/* ---------- sidebar styles ---------- */

#sidebar {
margin: 0;
padding: 20px 0 0 0;
float: left;
width: 199px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #666;
font-size: 85%;
}

#sidebar h2, #sidebar h3 {
margin: 10px 10px 0;
padding: 3px 0 2px 0;
font-family: Garamond, Palatino, "Times New Roman", Times, serif;
font-size: 110%;
font-weight: normal;
border-top: 1px solid #ccc;
border-bottom: 1px dashed #ddd;
color: #444;
background: url(../images/fade2.jpg) repeat-x top left;
text-align: center;
}

.paid {
background: none;
}

#sidebar h3 {
margin-top: 25px;
}

#sidebar img.main {
margin: 0 0 0 10px;
padding: 0;
border-bottom: 1px dotted #999;
}

#sidebar h4 {
padding: 10px 0 0 15px;
color: #777;
}

#sidebar a:link, #sidebar a:visited {
	margin: 0;
	padding: 0;
	color: #039;
	border-bottom: 1px dotted #039;
}


#sidebar a:hover {
	color: #f90;
	border-bottom: 1px dotted #f90;
}

#sidebar a.active {
color: #f90;
border-bottom: none;
}

a.more, #sidebar a.more {
	padding-right: 6px;
	background: url(../images/more.gif) no-repeat 100% 55%;
}

a.more {
padding-right: 7px;
margin-left: 10px;
margin-bottom: 8px;
}

#sidebar ul {
list-style-type: none; 
margin: 0 10px; 
padding: 8px 0 5px 8px;
}

#sidebar li {
padding: 0 0 6px 10px;
background: url(../images/more.gif) no-repeat 0 6px;
color: #666;
line-height: 1.3em;
}

#sidebar li.new {
padding: 5px 0 0 25px;
background: #eee url(../images/new.gif) no-repeat 0 8px;
color: #666;
}

#sidebar p {
margin: 0 10px;
padding: 7px 5px;
}

#sidebar img.aligncenter {
margin: 0 auto;
border: none;
}

#sidebar p:hover, p.do:hover, h2.do:hover, #lower p.do:hover, #sidebar ul:hover {
background: #ffc;
}


/* --------- footer styles ---------- */

#footer {
margin: 0;
padding: 0;
height: 40px;
background: url(../images/fade.jpg) repeat-x top left;
clear: both;
border-top: 1px solid #ddd;
}

#footer p {
margin: 0;
padding: 10px 20px 0 35px;
font-size: 90%;
}

#footer a:link {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

#footer a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

#footer a:hover {
	color: #f90;
	text-decoration: none;
	border-bottom: none;
}

#footer a:active {
	color: #c00;
}

/* ----------- misc ------------- */

body.home #content, body.rvwatch #content, body.support #content {
padding-right: 0;
}

#nfs a {
font-weight: bold;
}

/*body.rvmain #main {
background: url(../images/rvexpands.jpg) no-repeat top right;
}*/

body.rvmain #navigation {
border-bottom: none;
}

body.events img.aligncenter {
margin-bottom: 10px;
}

body.home #lower {
border-top: none;
margin: 0 0 10px;
}

#content a.img, #content a.img:hover {
border-bottom: none;
text-align: center;
margin: 0 auto;
display: block;
}