/*  
Theme Name: Northwest Haiti
Description: A WordPress theme designed by Apparel Studios, exclusively for use by NWH.
Author: Jason Parmer, Apparel Studios
Author URI: http://www.apparelstudios.com/

*/
/* ================ */
/* = global reset = */
/* ================ */
* {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
h1,h2,h3 {
	margin-bottom: 0em;
	padding-top: 0.6em;
}
p {
	margin-bottom: 1.5em;
}

li {
	margin-left: 1em;

	
}
.clear {
	clear: both;
}
.hide {
	display: none;
}

/* ============== */
/* = typography = */
/* ============== */
body, p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #787878;
}
strong, em, b, i { /* because Lucida Sans Unicode has no bold variant. see http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

blockquote p{
	font-family: "Georgia";
	font-size: 1.6em;
	line-height: 1.6em;
	margin-left: 2em;
	margin-right: 2em;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 1em;

	}
	
#wiki .wiki-header {
	 font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 line-height: 12px;
	 padding-top: 5px;
	 padding-left: 20px;
	 color: #787878;
	 }
	 
div .wiki-links a{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	 font-size: 9px;
	 line-height: 9px;
	 color: #2e8ea9;
	 margin-left: 10px;
	 text-decoration: none;
	 }
	 
div .wiki-links a:hover{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	 font-size: 9px;
	 line-height: 9px;
	 color: #2e8ea9;
	 border-bottom: none;
	 }
	
div .wiki {
	float: right;
	width: 125px;
	border: 1px solid gray;
	margin: 10px 0px 0px 10px;
	padding: 5px;

	}
	
#subnav span {
    font-size: 11px;
    color: white;
    font-weight: bold;
    border: none;
	margin: 0;
	padding: 0;
}
#subnav span a {
    color: white;
    border-bottom: 1px dotted #fff;
    font-weight: normal;
	margin-right: 3px;
}

#subnav span a:hover {
    color: white;
    border-bottom: none;
    font-weight: normal;
}	
	
h1 a {
text-decoration: none;
border: none;
}

div a {
color: #2e8ea9;
text-decoration: none;
border-bottom: 1px dotted #2e8ea9;
}

a.plain {
	border-bottom: none;
}

a.give_link { /* 'invisible' link for "give to this ministry" text in sidebar */
	color: #787878;
	border-bottom: none;
}

h1 a:hover, a:hover {
color: #dc9610;
border: none;
text-decoration: none;
}

h1 {
    color: #2e8ea9;
    font-weight: normal;
    font-size: 20px;
}
h3 { /* sifr'd */
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #bd580d;
}
    .sidebar p {
        font-size: 10px;
        line-height: 16px;
    }
#home_leftcol .sidebar p, #home_rightcol p { /* orange and green sidebar */
    color: #4f4f4f;
}
#footer {
    font-size: 11px;
    color: white;
}

#footer a {
	color: white;
	text-decoration: none;
	border: none;
	}
	
#footer a:hover {
	color: #dc9610;
	text-decoration: none;
	border-bottom: 1 px dotted #dc9610;
	}	
	

/* ========== */
/* = layout = */
/* ========== */
body {
    background: #2e8ea9 url(images/background.jpg) no-repeat top center;
	background-attachment: fixed;
    background-color: #2e8ea9;
}
#container, #container_interiorfront {
    width: 1036px;
    margin: 0 auto;
}
#container_interior {
    width: 1173px;
    margin: 0 auto;
}
.header {
    position: relative;
    width: 1036px;
    background: url('images/full_rounded_middle.png') repeat-y;
    
}
    #logo {
        position: absolute;
        top: -55px;
        left: -15px;
        width: 168px;
        height: 160px;
        z-index: 500;
    }
    #subnav {
        height: 28px;
        border-top: 2px solid white;
        background-color: #a9af58;
        text-align: right;

		position: relative;
        z-index: 100;
        height: 33px;
        background: url('images/subnav_curve.png') no-repeat top right;
    }

	#home_header #subnav { display: none; } /* home page */
	#container_interiorfront #home_header #subnav {  /* interior hybrids */
		xposition: absolute;
		top: -5px;
		margin-bottom: -23px;
		display: block;
		margin-right: 2px;
		
	}
    
        #subnav-interior {
        height: 28px;
        border-top: 2px solid white;

        text-align: right;
    }
        #subnav span {
            line-height: 26px;
            margin-right: 10px;
        }
        
                #subnav-interior span {
            line-height: 5px;
            margin-right: 10px;
            
        }
        
    #inputs {
        z-index: 500;
        width: 460px;
        position: absolute;
        top: 40px;
        right: 150px;
    }
        #inputs div {
            width: 210px;
            float: left;
            background: url('images/transparent_input_bg.png') no-repeat;
            margin-right: 20px;
        }   
            #inputs div input {
                float: left;
                border: 0;
                margin: 6px 0 0 8px;
                padding: 0;
                font-size: 10px;
                color: #999;
                font-style: italic;
            }
            #inputs div img {
                float: right;
            }
    
/* ============ */
/* = interior = */
/* ============ */    
#container_interior #shadow {
    z-index: 200;
    top: 90px;
    position: relative;
    width: 1173px;
    background: url('images/wide_rounded_middle.png') repeat-y;
}
    #container_interior .shadow_top {
        width: 1173px;
        background: url('images/wide_rounded_top.png') no-repeat;
        height: 37px;
        position: absolute;
        left: 0;
        top: -37px;
    }
    /*#container_interior */.shadow_bottom {
        width: 1173px;
        background: url('images/wide_rounded_bottom.png') no-repeat;
        height: 37px;
        position: absolute;
        left: 0;
        bottom: -37px;
    }

    #container_interior #content {
        position: relative;
        /* width 1101 */
        background: url('images/interior_column_bg.png') repeat-y;
        margin-left: 36px;
        margin-right: 36px;
    }
    #container_interior .column {
        margin-top: -22px;
        z-index: 15;
        float: left;
    }
    #container_interior #col_left {
        width: 270px;
    }
        #container_interior #col_left .recentnews {
            border-top: 1px solid white;
        }
        #container_interior #col_left .padding {
            padding: 10px 30px 10px 20px;
        }
        
    #container_interior #col_center {
        width: 562px;
    }
        #container_interior #col_center .padding {
            padding: 50px 30px 20px 30px;
        }
    #container_interior #col_right {
        width: 269px;
    }
    * html #container_interior #col_right {
        overflow: hidden;
    }
        #container_interior #col_right div.hr {
            position: relative;
            left: -30px;
            width: 285px;
            height: 1px;
            margin-bottom: 8px;
            background-color: white;
            font-size: 1px;
            line-height: 0;
        }
        #container_interior #col_right .notch {
            float: left;
            margin-left: -44px;
        }
        #container_interior #col_right .padding {
            padding: 10px 20px 10px 20px;
        }
        #container_interior #col_right .tan {
            padding-top: 50px;
            background-color: #f0eeeb;
        }
    
    
    .alignleft {
    float: left;
    padding: 0px 10px 0px 0px;
    }
    
      .alignright {
    float: right;
    padding: 0px 0px 0px 10px;
    }
    
    .wp-caption-text {
    font-size: 9px;
    line-height: 9px;
    padding: 9px 10px 0px 3px;
    }
    
/* ============= */
/* = home page = */
/* ============= */
#home_header {
    top: 90px;
    height: 341px;
}
	#container_interiorfront #home_header { height: 352px;}
    #home_header .header_top {
        background: url('images/full_rounded_top.png') no-repeat;
        width: 1036px;
        height: 37px;
        position: absolute;
        top: -37px;
    }
    #home_header .header_bottom {
        background: url('images/full_rounded_bottom.png') no-repeat;
        width: 1036px;
        height: 37px;
        position: absolute;
        bottom: -37px;
    }
    #home_header .content {
        width: 968px;
        position: absolute;
        z-index: 300;
        left: 35px;
    }
    #home_header #photo {
        width: 721px;
        height: 277px;
        position: absolute;
    }
    #home_header #header_sidebar {
        width: 213px;
        height: 263px;
        padding-left: 15px;
        padding-right: 10px;
        padding-top: 15px;
        position: absolute;
        right: 2px;
        background-color: #f0eeeb;
    }
	#container_interiorfront #home_header #header_sidebar {
		border-bottom: 4px solid white;
	}
    #home_header #header_sidebar div.hr {
        position: relative;
        left: -15px;
        width: 240px;
        height: 6px;
        margin-bottom: 5px;
        background-color: white;
        font-size: 1px;
        line-height: 0;
    }
    #home_header #header_sidebar img.notch {
        position: absolute;
        top: 208px;
        left: -24px;
    }

/* =========== */
/* = nav bar = */
/* =========== */
#nav {
    width: 972px;
    height: 59px;
	margin-left: 1px;
}
#home_header #nav {
	border-bottom: 5px solid white;
}
#container_interior #nav {
    margin-left: 22px;
    width: 1081px;
}
#nav div a span { position: absolute; top: -1000px; } /* offscreen / accessibility */
#nav div { /* each nav item */
    position: relative;
	height: 100%;
	float: left;
	background-image: url('images/navbar_sprites2.png');
}
#nav div a { /* make links fill nav button */
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: white;
	border: 0;
}
#nav img { /* notch */
    position: absolute;
    left: 35%;
    bottom: -9px;
    display: none;
	z-index: 500;
}
#nav .nav_about-us_active img, #nav .nav_programs_active img, #nav .nav_blogs_active img, #nav .nav_get-involved_active img, #nav .nav_give_active img, #nav .nav_sponsor_active img, #nav .nav_about-haiti_active img, #nav .nav_resources_active img, #nav .nav_contact_active img {
    display: inline;
}
#nav .nav_home	 		{ background-position: 0px 0; width: 502px; }
#nav .nav_about-us	 	{ background-position: -502px 0; width: 65px; }
#nav .nav_about-haiti	{ background-position: -567px 0; width: 78px; }
#nav .nav_programs	 	{ background-position: -645px 0; width: 72px; }
#nav .nav_get-involved	{ background-position: -717px 0; width: 85px; }
#nav .nav_give		 	{ background-position: -802px 0; width: 39px; }
#nav .nav_sponsor 		{ background-position: -841px 0; width: 63px; }
#nav .nav_contact	 	{ background-position: -904px 0; width: 61px; }
#nav .nav_end   	 	{ background-position: -967px 0; width: 114px; }

#nav .nav_home_active	 		{ background-position: 0px -59px; width: 502px; }
#nav .nav_about-us_active	 	{ background-position: -502px -59px; width: 65px; }
#nav .nav_about-haiti_active	{ background-position: -567px -59px; width: 78px; }
#nav .nav_programs_active 	    { background-position: -645px -59px; width: 72px; }
#nav .nav_get-involved_active 	{ background-position: -717px -59px; width: 85px; }
#nav .nav_give_active	 		{ background-position: -802px -59px; width: 39px; }
#nav .nav_sponsor_active	 	{ background-position: -841px -59px; width: 63px; }
#nav .nav_contact_active 	 	{ background-position: -904px -59px; width: 61px; }


#nav .nav_home_roll		 		{ background-position: 0px -59px; width: 502px; }
#nav .nav_about-us_roll		 	{ background-position: -502px -59px; width: 65px; }
#nav .nav_about-haiti_roll		{ background-position: -567px -59px; width: 78px; }
#nav .nav_programs_roll	 	    { background-position: -645px -59px; width: 72px; }
#nav .nav_get-involved_roll		{ background-position: -717px -59px; width: 85px; }
#nav .nav_give_roll		 		{ background-position: -802px -59px; width: 39px; }
#nav .nav_sponsor_roll		 	{ background-position: -841px -59px; width: 63px; }
#nav .nav_contact_roll	 	 	{ background-position: -904px -59px; width: 61px; }

/* ====================== */
/* = front page content = */
/* ====================== */

#home_leftcol {
    width: 796px;
    background: url('images/narrow_rounded_middle_green.png') repeat-y;
    position: relative;
    float: left;
    margin-top: 125px;
}
	#container_interiorfront #home_leftcol { margin-top: 90px; }
	
    #home_leftcol .leftcol_top {
        background: url('images/narrow_rounded_top.png') no-repeat;
        width: 796px;
        height: 39px;
        position: absolute;
        left: 0;
        top: -39px;
    }
	#container_interiorfront #home_leftcol .leftcol_top { display: none;}
	
    #home_leftcol .leftcol_bottom {
        background: url('images/narrow_rounded_bottom.png') no-repeat;
        width: 796px;
        height: 39px;
        position: absolute;
        bottom: -39px;
    }
    #home_leftcol .leftcol_sidebar {
        float: left;
        width: 226px;
        margin-left: 35px;
        background-color: #dcdfba;
    }
	#container_interiorfront #home_leftcol .leftcol_sidebar { border-top: 10px solid white;}
    * html #home_leftcol .leftcol_sidebar { margin-left: 18px; }
    
        #home_leftcol .leftcol_sidebar img { /* for now, assuming the only image is the header */
            margin-bottom: 10px;
        }
        #home_leftcol .leftcol_sidebar p, #home_leftcol .leftcol_sidebar h3 {
            margin-left: 20px;
            margin-right: 5px;
        }
    #home_leftcol .leftcol_content {
        float: right;
        margin-top: 10px;
        margin-right: 45px;
        width: 475px;
    }
    * html #home_leftcol .leftcol_content {
        margin-right: 31px;
        width: 455px;
    }
#home_rightcol {
    position: relative;
    float: left;
    margin-left: -8px; /* oh i hate doing this. */
    margin-top: 127px;
    width: 213px;
    background-color: #e8c6ac;
}
    #home_rightcol img.notch {
        position: absolute;
        top: 70px;
        left: -18px;
    }
    #home_rightcol .content {
        margin: 10px;
    }

#footer {
    margin-top: 20px;
    margin-right: 35px;
    margin-bottom: 20px;
    text-align: center;
}
#container_interior #footer {
    margin-top: 110px;
}

/* =================== */
/* = slideviewer css = */
/* =================== */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff; position: relative;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
xmargin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
width: 721px;
height: 277px;
left: 0; 
top: 0; 
list-style-type: none; 
} 
.stripViewer ul li {  
margin: 0;
float:left; 
width: 721px;
height: 277px;
display: block;
z-index: 10000;
}
.stripViewer ul li.hide { display: none;} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
margin-top: -22px;
z-index: 109;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none;
z-index: 110;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0px 1px 1px 0; 
z-index: 120;
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #2e8ea9; 
color: #fff; 
text-decoration: none; 
display: block; 
border: 0;
} 

.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #2e8ea9; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}