/* 

Theme Name: sbiff

Theme URL: http://www.sbfilmfestival.org

Description: Custom stylesheet for the Santa Barbara International Film Festival

Author: Mike Echternacht

Author URI: http://www.sbfilmfestival.org

Version: 1.0a

*/



/* COLOR SCHEME 

light blue: #99CCFF

dark blue: #6699CC

white: FFFFFF

black: 000000

*/



/* RESET */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {

font-size:100%;

font-family:inherit;

vertical-align:baseline;

margin:0;

padding:0;

border:0;

outline:0;

font-weight:inherit;

font-style:inherit;

}

caption, th, td {

text-align:left;

font-weight:normal;

}

table {

border-collapse:separate;

border-spacing:0;

}

blockquote:before,blockquote:after,q:before,q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}

* {margin:0;padding:0;}

/* remember to define focus styles! */

:focus {

outline: 0;

}

ol, ul {

list-style: none;

}



/* INITIAL STRUCTURE AND TAGS */

body                   {

background-color: #ABCCEC;

background-image:

background-repeat: 

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 62.5%;

line-height: 1.8em;

color: #000000;

}

#header { 

float: left;  

margin-right: 10px; 

width: 950px; 

margin: 0; 

} 

#header_main {

width: 950px;

height: 225px;

background-image: url(images/header_main.jpg);

margin: 0px;

padding: 0px;

position: relative;

}

#header_geek {

width: 950px;

height: 225px;

background-image: url(images/header_roger.jpg);

margin: 0px;

padding: 0px;

position: relative;

}

#navigation {

float: left;

width: 950px;

margin: 0;

background-image: url(images/nav_bg_img.jpg);

background-repeat: no-repeat;

height: 65px;

text-align: center;

} 

#container_main {

width: 950px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

} 

#sidebar {

float: left;

margin-right: 10px;

width: 250px;

padding-left: 20px;

margin-left: 40px;

background-color: #993333;

padding-top: 1em;

padding-bottom: 1em;

padding-right: 20px;

color: #FFFFCC;

} 

#sidebar_page {

float: left;

width: 170px;

padding-left: 0px;

background-color: #ABCCEC;

padding-top: 1em;

padding-bottom: 1em;

padding-right: 20px;

color: #FFCC33;

margin-left: 40px;

}

#sidebar_toppage {

float: left;

margin-right: 10px;

width: 250px;

padding-left: 20px;

margin-left: 40px;

background-color: #993333;

padding-top: 1em;

padding-bottom: 1em;

padding-right: 20px;

color: #FFFFCC;

}

#content_full  {

	float: left;

	margin-right: 10px;

	width: 830px;

	padding-left: 20px;

	margin-left: 40px;

	background-color: #FFF;

	padding-top: 1em;

	padding-bottom: 1em;

	padding-right: 20px;

	margin-bottom: 1em;

}

#content_full li {

list-style: none;

}

#content_main {

float: left;

margin-right: 10px;

margin-right: 40;

width: 530px;

padding-right: 20px;

background-color: #FFF;

padding-top: 1em;

padding-bottom: 1em;

padding-left: 20px;

} 

#content_main_page {

float: left;

margin-right: 40px;

width: 630px;

padding-right: 20px;

background-color: #FFF;

padding-top: 1em;

padding-bottom: 1em;

padding-left: 20px;

margin-left: 10px;

}

#content_main_page_cs {

float: left;

margin-right: 40px;

width: 630px;

padding-right: 20px;

background-color: #FFFFFF;

padding-top: 1em;

padding-bottom: 1em;

padding-left: 20px;

margin-left: 10px;

}

#bucket1 {

margin-right: 10px;

width: 290px;

margin-left: 40px;

float: left;

background-color: #000000;

} 

#bucket2 {

margin-right: 10px;

width: 270px;

float: left;

background-color: #000000;

} 

#bucket3 {

margin-right: 10px;

width: 290px;

margin-right: 0px;

padding-right: 0px;

float: left;

background-color: #000000;

} 

#footer {

float: left;

width: 950px;

background-image:;

background-repeat: no-repeat;

background-position: bottom;

height: 100px;

margin: 0;

}

p {

font-size: 1.3em;

padding-bottom: 4px;

}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 3.0em;

font-weight: bold;

padding-top: 7px;

padding-bottom: 8px;

line-height: 1.5em;

}

h2 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 2.5em;

font-weight: bold;

padding-top: 7px;

padding-bottom: 8px;

line-height: 1.3em;

}

h3 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 2.0em;

font-weight: bold;

padding-top: 5px;

padding-bottom: 5px;

color: #000;

}

h4 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 1.5em;

font-weight: bold;

padding-top: 5px;

padding-bottom: 5px;

}

a:link {

text-decoration: none;

color: #000;

}

a:visited {

text-decoration: none;

color: #000;

}

a:active {

text-decoration: none;

color: #000;

}

a:hover {

text-decoration: none;

color: #ff0000;

}

hr {

margin-top: 1em;

margin-bottom: 1em;

color: #6699CC;

border-top-width: 3px;

border-top-style: double;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: #6699CC;

}



/* LAYOUT */

/* header */

#header_main li {

padding: 0px;

list-style: none;

position: absolute;

top: 0px;

margin: 0px;

}

#header_main li, #header_main a {

height: 225px;

display: block;

}

#h_main1 {

left: 0px;

width: 125px;

}

#h_main2 {

left: 126px;

width: 175px;

}

#h_main3 {

left: 301px;

width: 350px;

}

#h_main4 {

left: 651px;

width: 175px;

}

#h_main5 {

left: 826px;

width: 125px;

}

#h_main1 a:hover {

background-position: 0px -225px;

background-repeat: no-repeat;

background-image: url(images/header_main.jpg);

}

#h_main2 a:hover {

background-position: -126px -225px;

background-repeat: no-repeat;

background-image: url(images/header_main.jpg);

}

#h_main4 a:hover {

background-position: -651px -225px;

background-repeat: no-repeat;

background-image: url(images/header_main.jpg);

}

#h_main5 a:hover {

background-position: -826px -225px;

background-repeat: no-repeat;

background-image: url(images/header_main.jpg);

}

#header_cs {

width: 950px;

height: 175px;

background-image: url(images/header_cs.jpg);

margin: 0px;

padding: 0px;

position: relative;

}

#header_cs li {

padding: 0px;

list-style: none;

position: absolute;

top: 0px;

margin: 0px;

}

#header_cs li, #header_cs a {

height: 175px;

display: block;

}

#h_cs1 {

left: 101px;

width: 175px;

}

#h_cs2 {

left: 276px;

width: 400px;

}

#h_cs3 {

left: 676px;

width: 175px;

}

#h_cs1 a:hover {

background-position: -101px -176px;

background-repeat: no-repeat;

background-image: url(images/header_cs.jpg);

}

#h_cs3 a:hover {

background-position: -676px -176px;

background-repeat: no-repeat;

background-image: url(images/header_cs.jpg);

}

#header_geek li {

padding: 0px;

list-style: none;

position: absolute;

top: 0px;

margin: 0px;

}

#header_geek li, #header_geek a {

height: 225px;

display: block;

}

#h_geek1 {

left: 101px;

width: 175px;

}

#h_geek2 {

left: 276px;

width: 400px;

}

#h_geek3 {

left: 676px;

width: 175px;

}

#h_geek1 a:hover {

background-position: -101px -226px;

background-repeat: no-repeat;

background-image: url(header_roger.jpg);

}

#h_geek3 a:hover {

background-position: -676px -226px;

background-repeat: no-repeat;

background-image: url(images/header_roger.jpg);

}



/* navigation */

#navbar {

width: 870px;

height: 55px;

padding: 0px;

position: relative;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

#navbar li {

padding: 0px;

list-style: none;

position: absolute;

top: 0px;

margin-top: 10px;

margin-right: 5px;

margin-bottom: 10px;

margin-left: 5px;

}

#navbar li, #navbar a {

height: 55px;

display: inline;

}

.nav1 {

left: 0px;

width: 250px;

}

.nav2 {

left: 251px;

width: 140px;

}

.nav3 {

left: 391px;

width: 170px;

}

.nav4 {

left: 561px;

width: 130px;

}

.nav5 {

left: 691px;

width: 180px;

}

.nav1 a:hover {

background-position: 0px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

.nav2 a:hover {

background-position: -251px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

.nav3 a:hover {

background-position: -391px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

.nav4 a:hover {

background-position: -561px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

.nav5 a:hover {

background-position: -691px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

#nav1on {

left: 0px;

width: 250px;

background-position: 0px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

#nav2on {

left: 251px;

width: 140px;

background-position: -251px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

#nav3on {

left: 391px;

width: 170px;

background-position: -391px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

#nav4on {

left: 561px;

width: 130px;

background-position: -561px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

#nav5on {

left: 691px;

width: 180px;

background-position: -691px -111px;

background-repeat: no-repeat;

background-image: url(images/navbar.gif);

}

#navigation ul {

list-style: none;

padding: 0;

margin-top: 0px;

}

#navigation li {

display: inline;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 18px;

margin-top: 0px;

margin-right: 0em;

margin-bottom: 0;

margin-left: 0em;

}

/* Hide from IE5-Mac \*/

#navigation li a {

float: none

}

/* End hide */



/* content */

#content_full img {

margin-left: 0px;

border: 3px double #993333;

}

#content_main_page_cs img{

float: right;

padding: 5px;

}

#breadcrumbs {

font-size: 1em;

color:#FFFFFF;

margin: 0px;

padding-top: 3px;

padding-right: 0px;

padding-bottom: 6px;

padding-left: 40px;

}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {

text-decoration: none;

color:#FFFF99

}

#breadcrumbs a:hover {

text-decoration: none;

color: #FFCC33;

}



/* sidebar */

#sidebar img {

border: 3px double #FFCC33;

}

#sidebar_page p {

color: #FFFFFF;

}

#sidebar_page h2 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 24px;

font-weight: bold;

margin-bottom: 15px;

padding-top: 7px;

padding-bottom: 8px;

}

#sidebar_page h3 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 18px;

font-weight: bold;

padding-top: 6px;

padding-bottom: 6px;

color: #FFFFFF;

}

#sidebar_page a:link, #sidebar_page a:visited, #sidebar_page a:active {

text-decoration: none;

color: #000000;

}

#sidebar_page a:hover {

text-decoration: none;

color: #ff0000;

background-color: #ABCCEC

}

#sidebar_page li {

margin-top: 0px;

margin-right: auto;

margin-bottom: 20px;

margin-left: auto;

font-size: 1.2em;

list-style: none;

color: #ffffff;

}

#sidebar_page li a {

font-family: Georgia, "Times New Roman", Times, serif;

font-style: bolder;

font-size: 1em;

text-decoration: none;

color: #000000;

background-color: #ABCCEC;

margin: 0 auto;

width: 160px;

}

#sidebar_page ul ul ul {

margin-left: 0em;

margin-top: 1em;

}

#sidebar_page ul ul ul li {

margin-bottom: .8em;

}

#sidebar_page ul ul ul li a {

text-decoration: none;

font-size: .8em;

padding: .3em .5em;

color: #000;

background-color: #0099CC;

margin: .3em;

width: 160px;

}

#sidebar_toppage p {

color: #FFFFFF;

}

#sidebar_toppage h2 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 24px;

font-weight: bold;

padding-top: 9px;

padding-bottom: 9px;

}

#sidebar_toppage a:link, #sidebar_toppage a:visited, #sidebar_toppage a:active {

text-decoration: none;

color: #FFFF99;

}

#sidebar_toppage a:hover {

text-decoration: none;

color: #ff0000;

}

#sidebar_toppage li {

margin-top: 3px;

margin-right: 0px;

margin-bottom: 6px;

margin-left: 10px;

font-weight: bold;

font-size: 1.3em;

list-style-position: outside;

list-style-type: square;

color: #FFFFFF;

}



/* footer */

#footer img {

float: right;

padding-top: 25px;

padding-right: 60px;

}

#footer ul {

list-style: none;

padding: 0;

margin-top: 20px;

margin-left: 250px;

margin-bottom: 0px;

}

#footer a:link {

color: #FFF;

text-decoration: none;

}

#footer a:visited {

color: #FFF;

text-decoration: none;

}

#footer a:active {

color: #FFF;

text-decoration: none;

}

#footer a:hover {

color: #ff0000;

text-decoration: none;

}

#footer li {

display: inline;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

margin-top: 0px;

margin-right: 0.5em;

margin-bottom: 0;

margin-left: .5em;

}

#footer li a {

text-decoration: none;

}

/* Hide from IE5-Mac \*/

#footer li a {

float: none

}

#footer p {



font-size: 12px;

}



/* UTILITIES AND SCRIPTS */

#navcontainer ul

{

margin-top: 20px;

margin-right: 0;

margin-bottom: 0;

margin-left: 0;

padding: 0;

list-style-type: none;

text-align: center;

}



#navcontainer ul li { display: inline; }



#navcontainer ul li a

{

font-family: Georgia, "Times New Roman", Times, serif;

font-style: bolder;

font-size: 1em;

text-decoration: none;

padding: .2em 1em;

margin-top: 0px;

margin-right: 8px;

margin-bottom: 0px;

margin-left: 8px;

color: #fff;

background-color: #0099CC;

}



#navcontainer ul li a:hover

{

color: #FF3399;

background-color: #FFF;

}





#collapsPageDiv ul

{

margin-top: 20px;

margin-right: 0;

margin-bottom: 0;

margin-left: 0;

padding: 0;

list-style-type: none;

text-align: center;

}



#collapsPageDiv ul li { display: inline; }



#collapsPageDiv ul li a

{

font-family: Georgia, "Times New Roman", Times, serif;

font-style: bolder;

font-size: 1em;

text-decoration: none;

padding: .2em 1em;

margin-top: 0px;

margin-right: 8px;

margin-bottom: 0px;

margin-left: 8px;

color: #fff;

background-color: #0099CC;

}



#collapsPageDiv ul li a:hover

{

color: #FF3399;

background-color: #FFF;

}