/************************

Misc

************************/



/* nullify this quote formatting rule and do it manually for stupid browsers */
q:before, q:after {
content : "";
}






/************************

Basics

************************/

/* Forces scrollbars so centered pages don't shift */
html { height: 100%; margin-bottom: 1px; }


* {
padding : 0;
margin : 0;		
}


body {
font : normal normal normal 16px/20px georgia, serif;
background : transparent url(/images/bg.jpg) top left;

}


p {
margin : 1em 0;
font-size : .85em;
text-align : justify;
}


a {
outline: none !important; /* @ Firefox, remove ugly dotted border */
 }

a {
color : #481B0D;
}


a:hover {
color : #702017;
}



/************************

Header

************************/


#header-canvas {
float : left;
height : 203px;
width : 100%;
background : transparent url(/images/header-bg.png) top left;
}


#header-container { 

position : relative;
float : left;
height : 203px;
width : 750px;
padding-top : 22px;
margin : 0 0 0 -375px;
left : 50%;
}

#header-topleft, 
#header-center, 
#header-topright {
float : left;
height : 133px;
overflow : hidden;
text-indent : -99999em;
}


#header-topleft {
width : 175px;
background : transparent url(/images/header-topleft.png) top left;

}




a#please-donate {
margin : 100px 0 0 30px;
float : left;
width : 126px;
height : 25px;
background : transparent url(/images/nav-h-please-donate.png) no-repeat;
}

a:link#please-donate, a:visited#please-donate {
background-position : 0 0;
}

a:hover#please-donate {
background-position : 0 -25px;
}




#header-center {
width : 405px;
background : transparent url(/images/header-center.png) top left;
}


#header-home a {
display : block;
width : 405px;
height : 120px;
margin-top : 13px
}








/************************
Top Right and Nav
************************/


#header-topright {
width : 161px;
background : transparent url(/images/header-topright.png) top left;
list-style-type : none;			
}


#header-topright li {
list-style-type : none;			
float : left;
clear : both;
}


#nav-h-contact-us a {
margin : 55px 0 0 0px;
float : left;
width : 148px;
height : 24px;

background : transparent url(/images/nav-h-contact-us.png) no-repeat;
}

#nav-h-contact-us a:link, #nav-h-contact-us a:visited {
background-position : 0 0;
}

#nav-h-contact-us a:hover {
background-position : 0 -24px;
}


#nav-h-our-staff a {
margin : 21px 0 0 0;
float : left;
width : 147px;
height : 25px;
background : transparent url(/images/nav-h-our-staff.png) no-repeat;
}

#nav-h-our-staff a:link, #nav-h-our-staff a:visited {
background-position : 0 0;
}

#nav-h-our-staff a:hover {
background-position : 0 -25px;
}






/************************
Main Nav
************************/



#nav-header {
margin-top : 12px;

overflow : hidden;
text-indent : -99999em;

float : left;
list-style-type : none;
width : 750px;
}

#nav-header li {
list-style-type : none;			
float : left;
}


#nav-header li a {
display : block;

height : 15px;
background-position : 0 0;
}




/*************** nav the story ***************/

#nav-h-the-story a {
width : 77px;
margin-left : 165px;
background : transparent url(/images/nav-h-the-story.png) no-repeat;
}

#nav-h-the-story a:hover {
background-position : 0 -15px;
}





/*************** nav trailer ***************/

#nav-h-trailer a {
width : 60px;
margin-left : 53px;
background : transparent url(/images/nav-h-trailer.png) no-repeat;
}

#nav-h-trailer a:hover {
background-position : 0 -15px;
}






/*************** nav news ***************/

#nav-h-news a {
width : 40px;
margin-left : 55px;
background : transparent url(/images/nav-h-news.png) no-repeat;
}

#nav-h-news a:hover {
background-position : 0 -15px;
}





/*************** nav interviews ***************/

#nav-h-interviews a {
width : 81px;
margin-left : 57px;
background : transparent url(/images/nav-h-interviews.png) no-repeat;
}

#nav-h-interviews a:hover {
background-position : 0 -15px;
}


#nav-top li {
float : left;
}














/************************

Content

************************/



#content-canvas {
float : left;
width : 100%;
background : #fff;
}


#content-container { 
position : relative;
width : 640px;
margin : 0 0 0 -320px;
left : 50%;

}







/************************

Content - basics

************************/

.page-title {
color : #47312a;
width : 100%;
border-bottom : 1px solid #a49895;
margin : .8em 0 .3em 0;
padding : .5em 0 .05em 0;
font-weight : normal;
font-size : 1.4em;
}






.content-subnav {
margin : -.3em 0 3em 0;
background-color : #FFFBF2;
width : 100%;
padding : 0 0 .04em 0;
border-bottom : 1px solid #a49895;
}

.content-subnav, .content-subnav li {
list-style-type : none;
float : right;
}

.content-subnav li { 
margin-right : 2em;
font-size : .8em;
}


.content-subnav a {
text-decoration : none;
color : #481B0D;
}


.content-subnav a:hover {
color : #702017;
}










/************************

Content - front page

************************/

.center-quote {
display : block;
text-align : center;
width : 500px;
margin : .5em 0 .8em 70px;
color : #b3b3b3;
font : normal normal normal 2em/1.2em Georgia, serif;
}

.center-quote q {



}

.center-quote q {
padding : 0 .8em;
margin : 0;
text-align : center;
color : #404040;
font : italic normal normal .55em/0em Georgia, serif;
}

.center-quote cite {
color : #5d5d5d;
display : block;
text-align : right;
font-size : .45em;
line-height : 1.3em;
}

.frontpage-paragraph {
font : normal normal normal .9em/1.7em georgia, serif;
text-align : justify;
}

.caption-image {
float : right;
margin : 0 0 .5em .8em;
}




#frontpage-news {
margin : 2em 0;
}

#frontpage-news h2 {
color : #47312a;
width : 100%;
border-bottom : 1px solid #a49895;
margin-bottom : .3em;
padding : .5em 0 .1em 0;
font-weight : normal;
font-size : 1.4em;
}

#frontpage-news ul, #frontpage-news li {
list-style-type : none;
}

#frontpage-news a {
color : #4b1502;
font-size : .9em;
text-decoration : none;
}

#frontpage-news a span {
color : #a12f21;
}

#frontpage-news a:hover {
text-decoration : underline;
}





































/************************

FOOTER

************************/


#footer-canvas {
float : left;
width : 100%;
height : 200px;
background : transparent url(/images/footer-bg.png) repeat-x;
}


#footer-container { 
position : relative;
width : 750px;
margin : 0 0 0 -375px;
left : 50%;

}

#nav-footer {
margin-left : 53px;
overflow : hidden;
text-indent : -99999em;

float : left;
list-style-type : none;
width : 645px;
height : 40px;
background : transparent url(/images/nav-footer.png) repeat-x;
}





#nav-footer li {
margin-top : 14px;
list-style-type : none;			
float : left;

}


#nav-footer li a {
display : block;
height : 13px;
background-position : 0 -13px;
}


#nav-footer li a:hover {
background-position : 0 0;
}


/*** nav the story ***/

#nav-f-the-story a {
width : 77px;
margin-left : 67px;
background : transparent url(/images/nav-f-the-story.png) no-repeat;
}

#nav-f-the-story a:hover {
background-position : 0 -15px;
}





/*** nav trailer ***/

#nav-f-trailer a {
width : 58px;
margin-left : 86px;
background : transparent url(/images/nav-f-trailer.png) no-repeat;
}

#nav-f-trailer a:hover {
background-position : 0 -15px;
}






/*** nav news ***/

#nav-f-news a {
width : 39px;
margin-left : 82px;
background : transparent url(/images/nav-f-news.png) no-repeat;
}

#nav-f-news a:hover {
background-position : 0 -15px;
}





/*** nav interviews ***/

#nav-f-interviews a {
width : 80px;
margin-left : 82px;
background : transparent url(/images/nav-f-interviews.png) no-repeat;
}

#nav-f-interviews a:hover {
background-position : 0 -15px;
}




#navsub-footer {
margin-left : 219px;
overflow : hidden;
text-indent : -99999em;

float : left;
list-style-type : none;
width : 313px;
height : 90px;
background : transparent url(/images/navsub-footer.png) repeat-x;
}






#navsub-footer li {

list-style-type : none;			
float : left;

}


#navsub-footer li a {
margin-top : 11px;
display : block;
background-position : 0 0;
}


#navsub-footer li a:hover {


}


/*** nav our staff ***/

#nav-f-our-staff a {
height : 18px;
width : 92px;
margin-left : 15px;
background : transparent url(/images/nav-f-our-staff.png) no-repeat;
}

#nav-f-our-staff a:hover {
background-position : 0 -18px;
}





/*** nav special thanks ***/

#nav-f-special-thanks a {
height : 18px;
width : 100px;
margin-left : 97px;
background : transparent url(/images/nav-f-special-thanks.png) no-repeat;
}



#nav-f-special-thanks a:hover {
background-position : 0 -18px;
}







/*** nav press ***/

#nav-f-press a {
height : 12px;
width : 36px;
margin-left : 71px;
background : transparent url(/images/nav-f-press.png) no-repeat;
}

#nav-f-press a:hover {
background-position : 0 -12px;
}





/*** nav contact ***/

#nav-f-contact a {
height : 12px;
width : 50px;
margin-left : 97px;
background : transparent url(/images/nav-f-contact.png) no-repeat;
background-position : 0 0;
}

#nav-f-contact a:hover {
background-position : 0 -12px;
}








#copyright-notice {
margin-top : 1.5em;
float : left;
text-align : center;
width : 100%;
font-size : .8em;
line-height : 1em;
}

#copyright-notice, #copyright-notice a  {
color : #542F23;
}

#copyright-notice a {
clear : both;
display : block;
margin-bottom : .5em;
}

#copyright-notice a:hover {
text-decoration : none;
}








/*************************  news page *************************/


.news-section {
margin : 1em 0 3em 0;
}

.news-section h3 {
font-weight : normal;
font-size : 1.1em;
line-height : 0;

}






/*************************  press release page *************************/


.press-release {
margin : 0em 0 3em 0;
}

.press-release h3 {
font-weight : normal;
font-size : 1.2em;
line-height : 1em;

color : #702017;
}






/*************************  donation page *************************/


#donation-form {
margin : 2em 0;

}





/*************************  contact page *************************/


.contact-list {
padding-bottom : 2em;
}

.contact-list h3 {
font-weight : normal;
font-size : 1.2em;
line-height : 0;
margin-top : 1.9em;
}








/*************************  staff page *************************/










	
.staff-info {
margin : 3em 0 3.5em 0;
border-bottom : 1px solid #efefef;
}

.staff-info h4 {
font-weight : normal;
font-size : 1.15em;
line-height : .7em;
}


.staff-info a {
color : #702017;
}

.staff-info a:hover {
text-decoration : none;
color : #A12F21;
}



.staff-info img {
float : right;
padding : 5px;
border : 1px solid #efefef;
margin : 0 0 .4em .8em; 
}




/*************************  interviews page *************************/

		
		.gallery {
		border-bottom : 1px solid black;
		height : 390px;
		overflow : hidden;
		margin : -25px 0px 25px 0px;
		padding-left : 55px;
		width : 575px; /* 630px after padding */
		}


.video-clip span {
display : block;
}

.video-clip {
float : left;
margin : 0 .25em 2em .25em;
}



#interviewee-container p {
text-align : center;
font-size : 1em;
margin : 3em 0 1.5em 0;

}


		#interviewees-list {
font-size : .85em;
		list-style-type : none;
		padding : 0px;
		margin : 0px;
		float : left;
		width : 100%;
		clear : both;
		text-align : left;
		}
		
		#interviewees-list li {
		margin-bottom : 5px;
		font-weight : bold;
		float : left;
		width : 100%;
		border-bottom : 1px solid #e2deda;
		margin-bottom : 1em;

		}

#interviewees-list li a {
color : #481B0D;
}


#interviewees-list li a:hover {
color : #702017;
}


		#interviewees-list li span {
		float : left;		
		}
		
		#interviewees-list li .affiliate-link {
		margin-left : 2em;
		float : right;		
		text-decoration : none;
		font-weight : normal;
		}