/*
Theme Name: Left Hand Films
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: January 2009
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BODY
-----------------------------------*/
html, body {}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 62.5%/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#515153;}
p, ul, ol {font-size:1.3em; line-height:1.5em; margin-bottom: 1em;} 
a:link {outline:none; color:#1A4273;}   
a:visited {}
a:hover {}

h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}  
h5 {font-size:1em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; color:#645763;}

blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;}

/* MAIN LAYOUT 
---------------------*/
#container {background:url(/lhftheme/images/bg.gif) repeat-y; width:100%; background-color:#FFF420; min-width:960px; }

#header {margin-bottom:20px;}

#sidebar {float:left; width:250px; }
#main {float:left; width:450px; padding: 0 25px; }
#nav {float:left; width:210px;}
#footer {background-color:#EFEFEF;}

/*Floats 
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

/* NAV
--------------------*/
#nav li a {display:block; width:70px; height:94px; margin-bottom:10px;}
#nav li a span {display:none;}

#nav li#nav-home a {background: url(/lhftheme/images/button_home-normal.jpg);}
#nav li#nav-about a {background: url(/lhftheme/images/button_about-normal.jpg);}
#nav li#nav-soweto a {background: url(/lhftheme/images/button_saving_soweto-normal.jpg); height:130px;}
#nav li#nav-freedom a {background: url(/lhftheme/images/button_forgotten-normal-2.jpg); height:182px;}
#nav li#nav-contact a {background: url(/lhftheme/images/button_contact-normal.jpg);}

#nav li#nav-documentaries a {background: url(/lhftheme/images/button_documentaries-normal.jpg); height:130px;}

#nav li#nav-home a:hover {background: url(/lhftheme/images/button_home-hover.jpg);}
#nav li#nav-about a:hover {background: url(/lhftheme/images/button_about-hover.jpg);}
#nav li#nav-soweto a:hover {background: url(/lhftheme/images/button_saving_soweto-hover.jpg);}
#nav li#nav-freedom a:hover {background: url(/lhftheme/images/button_forgotten-hover.jpg);}
#nav li#nav-contact a:hover {background: url(/lhftheme/images/button_contact-hover.jpg);}

#nav li#nav-documentaries a:hover {background: url(/lhftheme/images/button_documentaries-hover.jpg);}



#nav li#nav-home.current a {background: url(/lhftheme/images/button_home-hover.jpg);}
#nav li#nav-about.current a {background: url(/lhftheme/images/button_about-hover.jpg);}
#nav li#nav-soweto.current a {background: url(/lhftheme/images/button_saving_soweto-hover.jpg);}
#nav li#nav-freedom.current a {background: url(/lhftheme/images/button_forgotten-hover.jpg);}
#nav li#nav-contact.current a {background: url(/lhftheme/images/button_contact-hover.jpg);}

#nav li#nav-documentaries.current a {background: url(/lhftheme/images/button_documentaries-hover.jpg);}

/* SIDEBAR
------------------ */

#sidebar {}
#sidebar ul {}
#sidebar ul li {margin-bottom:10px; line-height:1.2em;}

#savingsoweto-nav {background: url(/lhftheme/images/filmstrip.jpg) no-repeat; min-height:508px; padding-left:100px; margin-right:10px;}
#savingsoweto-nav ul li {margin-bottom:10px; line-height:1.2em;}

/*FOOTER
-----------------*/
#twocol {background:#515153 url(/lhftheme/images/footer.jpg) no-repeat; height:65px; font-size:1.3em;padding-left:280px; padding-top:41px; color:#fff; }
/*#stretchcol {background-color:#515153; text-align:center; width: 500px; padding-left:200px;padding-top:200px;*/}

/* ALBUM CATEGORIES */
#catnav {margin-left:10px;}
#catnav a {padding:2px;}
#catnav a.current {background-color:yellow;}


/* QUOTES */

#quote {margin:10px; color:#666}

#youtubevid {margin-bottom:10px;}

.bigtext {font-size:1.55em; background-color:#FFF420; padding:2px;}

.sideheader {text-transform:uppercase; background-color:#FFF420; padding-left:10px; width:180px;}

#biophoto p {margin-left:10px; margin-top:2px;}

h2 a:link, h2 a:visited {color: #645763; }

#site-27 #main p {margin-left: 110px}