/* ==============================================
	   BASE.CSS
	   Copyright 2009 Elemint LLC.
============================================== */



/* ==============================================
   Global Styles
============================================== */

/* RESET: */
* { 
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse; 
	border-spacing: 0; 
}
/* :RESET */

body {
	background: #000 url(/images/bg.jpg) repeat-x;
	font: 14px Georgia, "Times New Roman", serif;
	line-height: 1.5em;
	color: #494949;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #000;
}
h1, .fancy {
	font-size: 24px;
	color: #7a0000;
	border-bottom: 1px dotted #999;
	padding-bottom: 8px;
	font-style: italic;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
a:link, a:visited {
	color: #661b1b;
	text-decoration: none;
}
a:hover {
	color: #000;
}



/* ==============================================
   Site Shell Elements
============================================== */

#container {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 10; /* IE bug fix for dropdown */
	background: transparent url(/images/plate_mid.jpg) repeat;
}
#header {
	height: 233px;
	background: transparent url(/images/header.jpg) 0 0 no-repeat;
	position: relative;
	z-index: 10; /* IE bug fix for dropdown */
}
#col_left {
	float: left;
	width: 535px;
	margin-left: 46px;
}
#col_right {
	margin: -12px 0 22px 640px;
	width: 340px;
}



/* ==============================================
   Primary Nav
============================================== */

.nav {
	height: 43px;
	width: 1020px;
	background: transparent url(/images/nav_sprite.jpg) no-repeat;
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.nav li {
	position: absolute;
	top: 0;
}
.nav li, .nav a {
	height: 43px; 
	display: block;
}
.nav a {
	text-indent: -9999px;
	overflow: hidden;
}
.nav_home			{left: 98px; width: 42px;}
.nav_film			{left: 160px; width: 60px;}
.nav_store			{left: 237px; width: 50px;}
.nav_participate	{left: 304px; width: 84px;}
.nav_videos			{left: 410px; width: 50px;}
.nav_press			{left: 480px; width: 40px;}
.nav_classroom		{left: 540px; width: 124px;}
.nav_about-kwanzaa	{left: 685px; width: 116px;}
.nav_contact		{left: 816px; width: 88px;}

.nav_home a:hover			{background: transparent url(/images/nav_sprite.jpg) -98px -43px no-repeat; }
.nav_film a:hover			{background: transparent url(/images/nav_sprite.jpg) -160px -43px no-repeat; }
.nav_store a:hover			{background: transparent url(/images/nav_sprite.jpg) -237px -43px no-repeat; }
.nav_participate a:hover	{background: transparent url(/images/nav_sprite.jpg) -304px -43px no-repeat; }
.nav_videos a:hover			{background: transparent url(/images/nav_sprite.jpg) -410px -43px no-repeat; }
.nav_press a:hover			{background: transparent url(/images/nav_sprite.jpg) -480px -43px no-repeat; }
.nav_classroom a:hover		{background: transparent url(/images/nav_sprite.jpg) -540px -43px no-repeat; }
.nav_about-kwanzaa a:hover	{background: transparent url(/images/nav_sprite.jpg) -685px -43px no-repeat; }
.nav_contact a:hover		{background: transparent url(/images/nav_sprite.jpg) -816px -43px no-repeat; }

.current-home .nav_home					{background: transparent url(/images/nav_sprite.jpg) -98px -86px no-repeat; }
.current-film .nav_film					{background: transparent url(/images/nav_sprite.jpg) -160px -86px no-repeat; }
.current-store .nav_store				{background: transparent url(/images/nav_sprite.jpg) -237px -86px no-repeat; }
.current-participate .nav_participate	{background: transparent url(/images/nav_sprite.jpg) -304px -86px no-repeat; }
.current-videos .nav_videos				{background: transparent url(/images/nav_sprite.jpg) -410px -86px no-repeat; }
.current-press .nav_press				{background: transparent url(/images/nav_sprite.jpg) -480px -86px no-repeat; }
.current-classroom .nav_classroom		{background: transparent url(/images/nav_sprite.jpg) -540px -86px no-repeat; }
.current-about-kwanzaa .nav_about-kwanzaa	{background: transparent url(/images/nav_sprite.jpg) -685px -86px no-repeat; }
.current-contact .nav_contact			{background: transparent url(/images/nav_sprite.jpg) -816px -86px no-repeat; }

.nav li ul a {
	text-indent: 0px;
	overflow: hidden;
}
.nav li ul {
	visibility: hidden;
	margin-left: -6px;
	background: #000 url(/images/navbg.jpg) repeat;
	padding-bottom: 6px;
	padding-left: 3px;
	width: 170px;
}
.nav li ul li.sub {
	position: relative;
	height: 16px;
	padding: 2px 6px;
	font-size: 11px;
	font-family: Arial, sans-serif;
}
.nav li ul li.sub a:link, .nav li ul li.sub a:visited {
	color: #fff;
	text-transform: uppercase;
}
.nav li ul li.sub a:hover {
	background: transparent;
	color: #feef8c;
}

/* ==============================================
   Header
============================================== */

#header {
	position: relative;
}



/* ==============================================
   Footer
============================================== */

/*#footer {
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 39px;
}
#footer a:link, #footer a:visited {
	color: #fff;
}
#footer a:hover {
	color: #feef8c;
}
#footer .nav-footer li {
	display: inline;
	margin: 0 4px;
}
*/
#footer {
	clear: both;
	height: 39px;
	overflow: hidden;
}
.nav_footer {
	height: 39px;
	width: 1020px;
	background: transparent url(/images/footer.jpg) no-repeat;
	position: absolute;
	bottom: 0;
}
.nav_footer li {
	position: absolute;
	top: 0;
}
.nav_footer li, .nav_footer a {
	height: 39px; 
	display: block;
}
.nav_footer a {
	text-indent: -9999px;
	overflow: hidden;
}
.nf_home		{left: 98px; width: 42px;}
.nf_film		{left: 160px; width: 60px;}
.nf_store		{left: 237px; width: 50px;}
.nf_partic		{left: 304px; width: 84px;}
.nf_videos		{left: 410px; width: 50px;}
.nf_press		{left: 480px; width: 40px;}
.nf_class		{left: 540px; width: 124px;}
.nf_about		{left: 685px; width: 116px;}
.nf_contact		{left: 816px; width: 88px;}

.nf_home a:hover		{background: transparent url(/images/footer.jpg) -98px -39px no-repeat; }
.nf_film a:hover		{background: transparent url(/images/footer.jpg) -160px -39px no-repeat; }
.nf_store a:hover		{background: transparent url(/images/footer.jpg) -237px -39px no-repeat; }
.nf_partic a:hover		{background: transparent url(/images/footer.jpg) -304px -39px no-repeat; }
.nf_videos a:hover		{background: transparent url(/images/footer.jpg) -410px -39px no-repeat; }
.nf_press a:hover		{background: transparent url(/images/footer.jpg) -480px -39px no-repeat; }
.nf_class a:hover		{background: transparent url(/images/footer.jpg) -540px -39px no-repeat; }
.nf_about a:hover		{background: transparent url(/images/footer.jpg) -685px -39px no-repeat; }
.nf_contact a:hover		{background: transparent url(/images/footer.jpg) -816px -39px no-repeat; }



/* ==============================================
   Home Page
============================================== */

#home #trailer {
	margin-bottom: 30px;
	display: block;
}
#home .news_entry {
	
}
#home .news_entry h2 {
	float: left;
}
#home .news_entry .date {
	float: right;
	color: #000;
}

#home .news_entry .heading {
	margin-top: 16px;
}
#home .news_entry .text {
	clear: both;
	margin-top: 7px;
	min-height: 178px;
}
#home .news_entry p {
	margin-bottom: 1em;
}

#home .news_entry .bottom {
	clear: left;
	margin-top: 12px;
	padding-bottom: 8px;
	height: 27px;
	background: transparent url(/images/news_bar.png) no-repeat;
	position: relative;
}
#home .addthis_toolbox {
	position: absolute;
	left: 14px;
	top: 6px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
#home .addthis_button_expanded {
	margin-left: 10px;
}

/* ==============================================
   Sidebar
============================================== */

#col_right img {
	display: block;
}

#bc_social_links {
	height: 32px;
	width: 340px;
	position: relative;
	background: transparent url(/images/social_links.png) no-repeat;
}
#bc_social_links li {
	position: absolute;
	bottom: 0;
}
#bc_social_links li, #bc_social_links a {
	height: 32px; 
	display: block;
}
#bc_social_links a {
	text-indent: -9999px;
	overflow: hidden;
}
.bc_twitter		{left: 0px; width: 55px;}
.bc_myspace		{left: 66px; width: 72px;}
.bc_facebook	{left: 152px; width: 60px;}
.bc_mkasante	{left: 225px; width: 80px;}
.bc_afx			{left: 315px; width: 25px;}

.bc_twitter a:hover		{background: transparent url(/images/social_links.png) 0px -32px no-repeat; }
.bc_myspace a:hover		{background: transparent url(/images/social_links.png) -66px -32px no-repeat; }
.bc_facebook a:hover	{background: transparent url(/images/social_links.png) -152px -32px no-repeat; }
.bc_mkasante a:hover	{background: transparent url(/images/social_links.png) -225px -32px no-repeat; }
.bc_afx a:hover			{background: transparent url(/images/social_links.png) -315px -32px no-repeat; }

#email_list {
	border-top: 1px dotted #999;
	margin-top: 10px;
	padding-top: 7px;
	background: transparent url(/images/email_list.png) left bottom no-repeat;
	height: 58px;
	width: 340px;
	position: relative;
}
#email_list .inputbox {
	width: 140px;
	height: 15px;
}
#email_list input {
	position: absolute;
}
#email_list .submitBtn {
	top: 27px;
	right: 3px;
	width: 34px;
	height: 20px;
}
#email_list .submitBtn:hover {
	background: transparent url(/images/signup_over.png) no-repeat;
}
#email_list #name {
	top: 27px;
	left: 4px;
}
#email_list #email {
	top: 27px;
	left: 154px;
}
#email_list input.error {
	background-color: #fff08c;
}
#email_list label.error {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
#email_list #message {
	background: transparent url(/images/email_list_msg.png) left bottom no-repeat;
	height: 48px;
	width: 320px;
	line-height: 1.3em;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	padding: 5px 10px;
}
#email_list #message h3 {
	margin-bottom: 2px;
	font-size: 14px;
}

#quick_links {
	height: 234px;
	width: 340px;
	position: relative;
	background: transparent url(/images/ql_sprite.jpg) no-repeat;
}
#quick_links li {
	position: absolute;
	left: 0;
	width: 340px;
}
#quick_links li, #quick_links a {
	height: 57px; 
	display: block;
}
#quick_links a {
	text-indent: -9999px;
	overflow: hidden;
}
.ql_dvd			{top: 0px;}
.ql_film		{top: 59px;}
.ql_trailer		{top: 118px;}
.ql_screening	{top: 177px;}

.ql_dvd a:hover			{background: transparent url(/images/ql_sprite.jpg) -340px 0px no-repeat; }
.ql_film a:hover		{background: transparent url(/images/ql_sprite.jpg) -340px -59px no-repeat; }
.ql_trailer a:hover		{background: transparent url(/images/ql_sprite.jpg) -340px -118px no-repeat; }
.ql_screening a:hover	{background: transparent url(/images/ql_sprite.jpg) -340px -177px no-repeat; }


/* ==============================================
   General Styles
============================================== */

.img_border {
	border: 7px solid #efe7d6;
}
#page {
	margin-top: 15px;
}
#page p {
	margin-bottom: 1em;
}
#page h2 {
	margin-bottom: 6px;
}
.img1 {
	float: left;
	border: 7px solid #efe7d6;
	margin: 4px 7px 1px 0;
}
#subnav {
	font-size: 13px;
	margin-bottom: 23px;
	margin-left: -2px;
}
#subnav a:link, #subnav a:visited {
	color: #000;
}
#subnav a:hover {
	color: #661e1f;
}
#subnav li {
	display: inline;
	margin: 0 2px;
	padding-right: 8px;
	border-right: 1px dotted #999;
}
#subnav li.last {
	border: 0;
}

/* start  */
#styleswitcher {
	float: right;
	min-height: 13px;
	position: relative;
}
#minus_btn, #plus_btn {
	cursor: pointer;
}
#fontlabel {
	position: absolute;
	right: 40px;
	top:0;
}
#minus_btn {
	position: absolute;
	right: 20px;
	top:0;
}
#plus_btn {
	position: absolute;
	right: 0;
	top:0;
}
.decrease_font {
	display: none;
}
/* end  */


.gallery {
	margin-top: 15px;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
}
.gallery td {
	padding-right: 8px;
	padding-bottom: 20px;
	vertical-align: top;
	width: 178px;
}
.gallery img {
	margin-bottom: 6px;
	display: block;
}
.gallery img:hover {
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.8;	
}
.gallery a:link, .gallery a:visited {
	font-family: Arial, sans-serif;
	color: #089dd7;
}
.gallery a:hover {
	color: #8adef8;
}
.gallery_title {
	margin-top: 15px;
}

.links {
	font-size: 13px;
	margin-bottom: 32px;
}
.links li {
	padding: 9px 0;
	border-bottom: 1px dotted #999;
}
.links li:hover {
	background: transparent url(/images/color_03.png) repeat top left;
}
.links span {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.links span a {
	color: #485d2a;
}


#inquire {
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #544c3c;
	margin-top: 4px;
}
#inquire a:link, #inquire a:visited {
	color: #544c3c;
	font-weight: bold;
	background-color: #fbf2da;
	padding: 4px 6px;
}
#inquire a:hover {
	background-color: #f7e5b7;
}

/* ==============================================
   Page Specific 
============================================== */

#about-kwanzaa_faq #page p, #film_cast #page p, #film_music #page p, #about-kwanzaa_seven #page p {
	border-bottom: 1px dotted #999;
	padding-bottom: 1em;
}

#contact #info {
	margin-top: 15px;
	padding-bottom: 54px;
	background: transparent url(/images/afx_logo.jpg) center right no-repeat;
	border-bottom: 1px dotted #999;
}
#contact #contact_form .inputbox {
	width: 521px;
	padding: 4px;
	margin-bottom: 8px;
	color: #494949;
	font: 14px Georgia, "Times New Roman", serif;
}
#contact #contact_form .textbox {
	width: 525px;
	margin-bottom: 6px;
	padding: 4px;
	font: 14px Georgia, "Times New Roman", serif;
	color: #494949;
}
#contact_form {
	margin-top: 26px;
	margin-bottom: 23px;
}
#contact #contact_form input.error, #contact #contact_form textarea.error {
	background-color: #fff08c;
	border: 1px solid #999;
}
#contact #contact_form input.error {
	width: 525px;
}
#contact #contact_form label.error {
	float: left;
	color: #da191d;
	margin: -6px 0 8px;
}
#contact #contact_form #thanks {
	position: absolute;
	left: 20px;
	top: 70px;
	width: 194px;
	line-height: 1.3em;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
}
#contact #contact_form #thanks h3 {
	margin-bottom: 5px;
	font-size: 16px;
}

#email #col_left p {
	margin-top: 1em;
}

#film_screenings table  {
	width: 535px;
	font-size: 13px;
}
#film_screenings table th {
	border-bottom: 1px dotted #999;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	padding: 16px 0 8px;
	text-align: left;
}
#film_screenings table td {
	border-bottom: 1px dotted #999;
	vertical-align: top;
	padding: 10px 10px 10px 0;
}
#film_screenings table tr.alt {
	background: transparent url(/images/color_03.png) repeat top left;
}


#store h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #637d6c;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-top: 18px;
}
#store .links li {
	padding: 30px 0 15px;
}
#store .prod_img {
	float: left;
	width: 185px;
}
#store .prod_info {
	margin-left: 185px;
	width: 350px;
}
#store .links h3 {
	margin-bottom: 7px;
}
#store p.comment {
	border-bottom: 1px dotted #999;
	padding-bottom: 13px;
	margin-bottom: 10px;
	font-size: 14px;
}
#store p.price {
	font-size: 15px;
	float: right;
	color: #585858;
}


/* ==============================================
   404
============================================== */

#notfound #col_left p {
	margin-top: 1em;
}


/* ==============================================
   USER STYLES
============================================== */

.style1 {
	font-size: 18px;
	color: #000;
	margin-top: 1.5em;
	margin-bottom: 1em;
}


/* ==============================================
   Misc
============================================== */

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.oops {
	color: #e37a5f;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.block {
	display: block;
	clear: both;
}