/* NOTES 

CSS Styles for http://mycalifornianow.com
Developed by Parker Bennett of Allswell Productions for Fire of Life Films

Colors:

Background: 525252

Light Grey: 	f5f3ef
Menu Grey:	ebe8e2
Orange:	fea101
menu text:	a09990
md grey text	b8add5  maybe b8afa2
dker grey text    999591 8a8072 or 525252
dk brown text  48423b or 514a42
dk dk brown text 211e1b
red b82926

*/
.clearfix:after {
    clear: both;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

/* RESETS & BASIC PAGE SETUP */
* {
    margin: 0px;
    padding: 0px;
}

html {
    overflow-y: scroll;
}

body {
    color: #48423b;
    /* 	font: 62.5% Helvetica, sans-serif; */
    font: 85% Helvetica, sans-serif;

    background: #787677 url(img/bg.jpg) repeat-x;
}

img {
    border: none;
    margin: 0px;
    padding: 0px;
}

ul {
    list-style: none inside;
}

ul li {
    margin-bottom: .5em;
}

ul lh {
    font-weight: 700;
    display: block;
    margin: 10px 0;
}

p {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.2em;
}

p.larger, span.larger, div.larger {
    font-size: 1.2em;
}

p.smaller, .smaller {
    font-size: .9em;
}

a {
    outline: none;
    color: #514a42;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #211e1b;
}

a.alt {
    outline: none;
    color: #514a42;
    font-weight: normal;
    text-decoration: underline;
}

/* STRUCTURE & STUFF */
#page-wrap {
    width: 1016px;
    margin: 0 auto;
    border-top: 5px solid #b82926;
    background: white url(img/mycanow_bg_stripe.png) repeat-y;
    text-align: left;
    height: auto;
}

#header {
    width: 1016px;
    height: 0;
    background: white;
}

h1#logo {
    width: 234px;
    height: 206px;
    background: url(img/my-california-now-logo.gif) top left no-repeat;
    text-indent: -9999px;
}

h2#tagline {
    background-color: white;
    float: left;
    width: 234px;
    height: 55px;
    background: url(img/mycanow_tagline.png) top left no-repeat;
    text-indent: -9999px;
}

h2 {
    line-height: 1.2;
    text-transform: uppercase;
}
h2.small {
    font-size: 1.4em;
}
h2.smaller {
    font-size: 1.3em;
}
h3 {
    line-height: 1.3;
    margin-bottom: 10px;
}

h3 span {
    font-weight: normal;
}

h4 {
    line-height: 1;
    margin-bottom: 10px;
}
h4 span {
    font-weight: normal;
}

#main-sidebar {
    float: left;
    width: 234px;
    min-height: 650px;
    background: #f5f3ef;
    padding: 0;
    text-align: center;
}
#main-sidebar ul li {
    text-align: left;
}

.sidebar {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #8a8072;
    font-weight: normal;
    text-decoration: underline;
}

blockquote {
    border-top: 2px solid #933132;
    border-bottom: 2px solid #933132;
    color: #933132;
    margin: 0 0 15px 0;
    padding: 15px;
    background-color: #efefef;
    float: left;
    font-style: italic;
}

blockquote a {
    color: #933132;
}

.secondary-sidebar blockquote {
    width: 145px;
}

blockquote cite {
    font-size: 11px;
    font-style: normal;
}

blockquote#quote {
    width: 234px;
    height: 206px;
    background: url(img/menu+quote.png) no-repeat;
    background-position: right bottom;
    text-indent: -9999px;
}

#nav {
    float: left;
}

ul#nav li a {
    display: block;
    width: 234px;
    /* 		height: 24px; */
    text-indent: -9999px;
}

ul#nav li.home a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -168px;
}

ul#nav li.home a:hover, ul#nav li.home_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -144px;
}

ul#nav li.media a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -120px;
}

ul#nav li.media a:hover, ul#nav li.media_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -96px;
}

ul#nav li.team a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -72px;
}

ul#nav li.team a:hover, ul#nav li.team_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -48px;
}

ul#nav li.contact a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -24px;
}

ul#nav li.contact a:hover, ul#nav li.contact_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left 0px;
}

ul#nav li.dvd a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -216px;
}

ul#nav li.dvd a:hover, ul#nav li.dvd_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -192px;
}
ul#nav li.resources a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -264px;
}

ul#nav li.resources a:hover, ul#nav li.resources_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -240px;
}

ul#nav li.sponsors a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -311px;
}

ul#nav li.sponsors a:hover, ul#nav li.sponsors_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -288px;
}

ul#nav li.learning a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -359px;
}

ul#nav li.learning a:hover, ul#nav li.learning_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: left -335px;
}

ul#nav li.view-trailer {
    margin-top: 20px;
}

ul#nav li.view-trailer a {
    background: url(img/view-trailer-sidebar.jpg) 0 0 no-repeat;
    height: 159px;
}

ul#nav li.view-trailer a:hover {
    background: url(img/view-trailer-sidebar.jpg) 0 -159px no-repeat;
    height: 159px;
}

ul#nav li.view-trailer a:active {
    background: url(img/view-trailer-sidebar.jpg) 0 0 no-repeat;
    height: 159px;
}
ul#nav li.contribute {
    margin-top: 20px;
}

ul#nav li.contribute a {
    background: url(img/contribute.png) 6px 0 no-repeat;
    height: 58px;
}

ul#nav li.contribute a:hover {
    background: url(img/contribute.png) 6px -60px no-repeat;
    height: 58px;
}

ul#nav li.contribute a:active {
    background: url(img/contribute.png) 6px 0 no-repeat;
    height: 58px;
}

ul#nav li.documentary a, ul#nav li.documentary a:active {
    background: url(img/mycanow_docu_btn428.jpg) bottom no-repeat;
    height: 214px;
}

ul#nav li.documentary a:hover {
    background: url(img/mycanow_docu_btn428.jpg) top no-repeat;
    height: 214px;
}


#main-content {
    float: right;
    width: 782px;
    bottom: 0;
    min-height: 650px;
    background: white;
    padding-bottom: 50px;
}

#main-content h2 {
    margin: 24px 0 15px 0;
    color: #48423B;
}

#main-content h2.dvd-logo {
    background: url(img/cal-state-mind-logo.jpg) left top no-repeat;
    height: 121px;
    width: 476px;
    text-indent: -999em;
    display: block;
}
.rule-above {
    margin: 30px 0;
    padding-top: 15px;
    border-top: 3px solid #cccccc;
}
.rule-below {
    margin: 30px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #cccccc;
}
.rule-below-alt {
    margin: 0 0 30px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #cccccc;
}
.icon {
    display: inline-block;
    background: no-repeat left 2px;
    padding-left: 23px;
    line-height: 18px;
}

.icon-more {
    background: url(img/sprite.png) no-repeat -72px -28px;
}

.icon-more-flush {
    background: url(img/sprite.png) no-repeat -82px -28px;
    padding-left: 12px;
}

.icon-pdf,
.icon-pdf-alt {
    background: url(img/sprite.png) no-repeat left -100px;
}

a.icon-pdf {
    text-indent: -999em;
    display: block;
    height: 32px;
    width: 20px;
}

a.icon-pdf-alt {
    display: block;
    padding: 18px 0 0 38px;
    height: 32px;
}

.icon-doc {
    background: url(img/sprite.png) no-repeat left -55px;
}

a.icon-doc {
    text-indent: -999em;
    display: block;
    height: 32px;
    width: 27px;
}

.icon-bullet {
    background: url(img/sprite.png) no-repeat -36px -9px;
    display: block;
    padding-left: 13px;
}

.icon-bullet-alt {
    background: url(img/icon-alt-white.png) no-repeat 0 4px;
    padding-left: 13px;
    float: none;
}
li.icon-bullet-alt {
    display: block;
}
a.icon-bullet-alt {
    display: inline-block;
    background-position: 0 5px;
}
.content {
    float: left;
    width: 691px;
    background-color: #fff;
    margin-left: 24px;
    margin-right: 40px;
}

.content.two-col {
    float: left;
    width: 530px;
    background-color: #fff;
    margin-left: 24px;
    margin-right: 24px;
}

.secondary-sidebar {
    float: right;
    margin-top: 70px;
    background-color: #fff;
    min-height: 650px;
    margin-right: 20px;
    width: 173px;
}

#footer {
    clear: both;
    border-top: 5px solid #b82926;
    background: #787677;
    margin-bottom: 100px;
    font-size: 10px;
    padding-top: 6px;
    text-align: center;
    line-height: 12px;
    color: #5a5a5a;
}

#footer p {
    margin: 20px 0;
}

/* CONTACT */
.content .hcard p {
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
}

.content .hcard p.fn {
    margin-top: 20px
}

.fn {
    font-weight: bold;
}

/* TEAM */
p span.p {
    display: block;
    font-size: 13.6px;
    font-style: normal;
    line-height: 1.5em;
    margin: 1.2em 0;
}

/* MAILING LIST WUFOO */
.maillist_form {
    background-color: #E4EEF0;
    margin: 15px 0;
    padding: 12px;
}

/* DVD BUTTON from PAT BROWN SITE */
div.edu_dvd {
    width: 156px;
    text-align: center;
    border: 1px solid #4d1d06;
    margin: 0 0 20px 0;
    padding: 5px;
    background-color: #efe7d2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.edu_dvd_btn, a.edu_dvd_btn:visited, a.edu_dvd_btn:hover, a.edu_dvd_btn:active {
    color: #b82926;
}

a.edu_dvd_btn img {
    margin: 10px 0;
}

a.edu_dvd_btn span {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

a.buy_dvd_btn {
    background: url(img/sprite.png) no-repeat -130px -170px;
    text-indent: -999em;
    display: block;
    height: 44px;
    width: 173px;
    margin-bottom: 10px;
}

a.buy_dvd_btn:hover {
    background: url(img/sprite.png) no-repeat -130px -216px;
}

/* SCREENINGS AND EVENTS */
a.screenings-events {
    background: url(img/screening-events.png) no-repeat 0 0;
    text-indent: -999em;
    display: block;
    height: 61px;
    width: 231px;
    margin-bottom: 10px;
}

a.screenings-events:hover {
    background: url(img/screening-events.png) no-repeat 0 -60px;
}


/* SIDE BOXES */
div.side-box-0 {
    font-size: 12px;
    border-top: none;
    padding-top: 10px;
}

div.side-box-1 {
    font-size: 12px;
    border-top: 1px solid rgba(184, 31, 48, 1);
    padding-top: 20px;
}

div.side-box-1 dl {
    margin-left: 8px;
}

div.side-box-1 dd {
    margin-bottom: 6px;
    font-weight: 700;
}

div.side-box {
    font-size: 12px;
    border-top: 1px solid rgba(184, 31, 48, 1);
    padding-top: 20px;
    margin-top: 20px;
}

div.side-box dl {
    margin-left: 8px;
}

div.side-box dd {
    margin-bottom: 6px;
    font-weight: normal;
}

div.side-box-1 h4, div.side-box h4 {
    margin-top: 10px;
}

/* FEATURING */
.featuring {
    background: transparent url(img/featuring.png) left top no-repeat;
    text-indent: -999em;
    display: block;
}

.featuring-complete {
    background: transparent url(img/featuring-complete.png) left top no-repeat;
    text-indent: -999em;
    display: block;
}

#main-sidebar .featuring {
    width: 173px;
    margin: 0 0 30px 22px;
}
#main-sidebar .topics {
    text-align: left;
    width: 197px;
    margin: 10px 0 10px 7px;
}

/* REVERSE BOX */
.reverse-box {
    background-color: #933132;
    color: #fff;
    font-size: 110%;
    padding: 10px 10px 10px 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.content .reverse-box {
    width: 506px;
}
.reverse-box ul {
    font-weight: 400;
}

.reverse-box dt {
    line-height: 1.1;
    margin-top: 5px;
    font-size: 12px;
}

/* BANNER */
.banner.cols-25x4 {
    position: relative;
    width: 712px;
    height: 14px;
    margin: 17px 0;
    background-color: #ebe8e2;
}

.banner .col {
    font-family: helvetica, sans-serif;
    font-size: 14.2833px;
    color: #990000;
}

.banner .col-1 {
    width: 23%;
}

.banner .col-2 {
    width: 25%;
}

.banner .col-3 {
    width: 25%;
}

.banner .col-4 {
    width: 25%;
}

/* REVERSE OUT */
.reverse #page-wrap {
    width: 1016px;
    margin: 0 auto;
    border-top: 5px solid #b82926;
    background: white url(img/mycanow_bg_stripe-rev.png) repeat-y;
    text-align: left;
    height: auto;
}
.reverse #main-sidebar,
.reverse #main-content,
.reverse .content.two-col,
.reverse #main-content .secondary-sidebar {
    background-color: #333333;
    color: #efefef;
}
.reverse #main-content h2,
.reverse a {
    color: #ffffff;
}
.reverse .reverse-box {
    border: 1px solid #999999;
    background-color: #777777;
}
.reverse #main-content .secondary-sidebar blockquote {
    border-top: 2px solid #933132;
    border-bottom: 2px solid #933132;
    color: #ffffff;
    margin: 0 0 15px 0;
    padding: 15px;
    background-color: #777777;
    float: left;
    font-style: italic;
}

.reverse #main-content .secondary-sidebar blockquote a {
    color: #efefef;
}

.reverse #main-content .secondary-sidebar {
    margin-top: 25px;
}
.reverse #main-content .secondary-sidebar a.buy_dvd_btn {
    background: url(img/sprite.png) no-repeat -503px -395px;
    text-indent: -999em;
    display: block;
    height: 44px;
    width: 173px;
    margin-bottom: 10px;
}

.reverse h2#tagline {
    background-color: #333333;
    float: left;
    width: 234px;
    height: 55px;
    background: url(img/mycanow_tagline.png) -234px top no-repeat;
    text-indent: -9999px;
}


.reverse #main-content .secondary-sidebar a.buy_dvd_btn:hover {
    background: url(img/sprite.png) no-repeat -503px -441px;
}
.reverse ul#nav li.home a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -168px;
}

.reverse ul#nav li.home a:hover, ul#nav li.home_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -144px;
}

.reverse ul#nav li.media a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -120px;
}

.reverse ul#nav li.media a:hover, ul#nav li.media_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -96px;
}

.reverse ul#nav li.team a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -72px;
}

.reverse ul#nav li.team a:hover, ul#nav li.team_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -48px;
}

.reverse ul#nav li.contact a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -24px;
}

.reverse ul#nav li.contact a:hover, ul#nav li.contact_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px 0px;
}

.reverse ul#nav li.dvd a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -216px;
}

.reverse ul#nav li.dvd a:hover, ul#nav li.dvd_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -192px;
}

.reverse ul#nav li.resources a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -263px;
}

.reverse ul#nav li.resources a:hover, ul#nav li.resources_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -240px;
}

.reverse ul#nav li.sponsors a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -311px;
}

.reverse ul#nav li.sponsors a:hover, ul#nav li.sponsors_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -288px;
}

.reverse ul#nav li.learning a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -359px;
}

.reverse ul#nav li.learning a:hover, ul#nav li.learning_active a {
    background: url(img/menu.png) no-repeat;
    height: 24px;
    background-position: -266px -335px;
}

.reverse ul#nav li.contribute {
    margin-top: 20px;
}

.reverse ul#nav li.contribute a {
    background: url(img/contribute.png) -252px 0 no-repeat;
    height: 58px;
}

.reverse ul#nav li.contribute a:hover {
    background: url(img/contribute.png) -252px -60px no-repeat;
    height: 58px;
}

.reverse ul#nav li.contribute a:active {
    background: url(img/contribute.png) -252px 0 no-repeat;
    height: 58px;
}
.reverse .dvd-promo-header {
    display: inline-block;
    text-indent: -9999em;
    background: url(img/dvd-promo-title.png) no-repeat left top transparent;
    height: 101px;
    width: 491px;
}
/* *** CONTRIBUTE PAGE *** */

.contribute_btn {
    float: right;
}

.leadsponsors {
    padding: 0 18px;
    border: 1px solid #d3b630;
}

.sponsor-logos {
    width: 510px;
    margin: 0 auto;
}

ul.presented_by {
    width: 228px;
    display: block;
    float: left;
    margin-top: 2px;
}

ul.lead_sponsor {
    width: 150px;
    display: block;
    float: left;
    margin-top: 2px;
}

li.annenberg, li.edison {
    margin: 0px;
    padding: 60px 0 0 0;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    text-align: center;
}

li.annenberg {
    width: 228px;
    background-image: url(img/logo_annenberg_228x48.png);
    margin: 10px auto;
}

li.edison {
    width: 150px;
    background-image: url(img/logo_edison_150x48.png);
    margin: 10px auto;
}

li.comcast, li.jif, li.pge, li.pom, li.sempra {
    margin: 6px 18px 0 0;
    padding: 65px 0 0 0;
    display: block;
    float: left;
    width: 90px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 7px;
    font-size: 11px;
    line-height: 13px;
    position: relative;
}

li.comcast {
    background-position: 50% 18px;
    margin-left: -18px;
    background-image: url(img/logo-comcast_90x27.png)
}

li.jif {
    background-image: url(img/logo-jif_72x48.png);
}

li.pge {
    width: 72px !important;
    background-image: url(img/logo_pge_42x48.png);
}

li.pom {
    background-position: 50% 8px;
    background-image: url(img/logo_pom_86x48.png);
}

li.sempra {
    margin-right: 0 !important;
    background-position: 50% 11px;
    background-image: url(img/logo_sempra_90x48.png);
}

/* PRIMARY RESOURCES */
.primary-resources .cols-15-85 {
    margin-bottom: 15px;
}
.primary-resources .cols-15-85 .col img {
    border: 1px solid #999999;
}

/* TOOLBOX */
.floatleft {
    float: left;
}

img.floatleft {
    float: left;
    margin: 0 10px 10px 0;
}

.floatright {
    float: right;
}

.clear {
    clear: both;
}

.center-text {
    text-align: center;
}

.margin-left-11 {
    margin-left: 11px;
}

.margin-left-20 {
    margin-left: 20px;
}
.margin-left-45 {
    margin-left: 45px;
}
.margin-left-75 {
    margin-left: 75px;
}
.margin-right-75 {
    margin-right: 75px;
}
.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px!important;
}
.margin-top-0 {margin-top: 0!important;}
.margin-bottom-0 {margin-bottom: 0!important;}

.visuallyhidden {
    display: none;
}

.content.two-col .centered {
    width: 465px;
    margin: 0 auto 1.2em;
}

.caps {
    text-transform: uppercase;
}
.no-caps { text-transform: lowercase;}

.strong {
    font-weight: bold;
}
.normal {font-weight: normal;}
.black {
    color: #000000;
}