/*  
Theme Name: BHS Lefferts Collection Theme
Theme URI: http://www.brooklynhistory.org/lefferts
Description: BHS Lefferts Collection Theme was designed by Josh Shayne
Version: 1.0
Author: Josh Shayne 
Author URL: http://www.joshshayne.com/

*/

body {
    font-family:'Verdana';
    font-size:10px;
    background: #BDBDBB;
    padding: 0;
    margin: 0;
}


#header-wrap {
    width: auto;
    font-family: proxima-nova, museo-sans, Verdana, Arial, Helvetica, sans-serif;
    font-size:1px;
    color:#555555;
    background: url('images/white-bg.jpg') repeat-x;
    background-color: #E1E2DD;
    margin:0px auto 0px auto;
    padding: 13px 0px 8px 0px;
}

#body-wrap {
    background: url('images/lefferts-bg.jpg') repeat-x;
    background-color: #BDBDBB;
    width: auto;
}

#content-wrap {
    width:1024px;
    font-family: proxima-nova, museo-sans, Verdana, Arial, Helvetica, sans-serif;
    font-size:1px;
    color:#555555;
    background: #ffffff;
    margin:0px auto 0 auto;
}

a:link,a:active,a:visited {
    text-decoration:none;
    color:#ED3A29;
    border:none;
}

a:hover {
    text-decoration:none;
    color:#000000;
    border:none;
}

.alignright {
    float:right;
} 

.alignleft {
    float:left;
} 

.middle .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

span {}


/* HEADER */

#header {
    width:1024px;
    position:relative;
    color:#000;
    margin: 0px auto;
    padding:0px;
    background: #ffffff;
}

.header-logos {
    padding: 0px 0px 20px 0px;
}

#search {
    margin-top: 0px;
    float:right;
    padding:0;
}

input#searchsubmit {
    background:#fff;
    border:0px;
}

input#s{
    height:25px;
    width: 200px;
    margin: 10px 10px 10px 0px;
    color:#666;
    font-size:13px;
    padding: 0px 5px 0px 5px;
}

div.header-nav {
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: #18A3CA;
    height: 42px;
    border-top: 5px solid #19647A;
}


/* HEADER MENU */

.menu-header {
     margin: 0px;
     padding: 0px 0px 0px 0px;
}

.menu-header ul {
     float: left;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

.menu-header li {
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

.menu-header li a, .menu-header li a:link, .menu-header li a:visited {
     color: #F7F7F7;
     display: block;
     font-family: museo-sans,sans-serif;
     font-style: normal;
     font-weight: 300;
     text-transform: uppercase;
     font-size: 13px;
     padding: 12px 35px 0px 35px;
     height: 29px;
     margin: 0px;
}

.menu-header li a:hover, .menu-header li a:active {
     color: #FFFFFF;
     background-color: #19647A;
     margin: 0px;
     padding: 12px 35px 0px 35px;
     text-decoration: none;
}

.menu-header li.arrow a {
     background: url('images/arrow-down.png') no-repeat;
     background-position: 93%;
}

.menu-header li.arrow a:hover {
     background-color: #19647A;
     background-img: url('images/arrow-down.png') no-repeat;
     background-position: 93%;
}

.menu-header li li a, .menu-header li li a:link, .menu-header li li a:visited {
     background: none repeat scroll 0% 0% #89796C;
     border-bottom: 2px solid #89796C;
     border-top: 2px solid #52463E;
     color: #ffffff;
     float: none;
     font-size: 16px;
     margin: 0pt 0pt 0pt 0px;
     padding: 15px 10px 0px 30px;
     text-transform: uppercase;
     min-width: 100px;
     max-width: 150px
}

.menu-header li li a:hover, .menu-header li li a:active {
     background: none repeat scroll 0% 0% #52463E;
     border-bottom: 2px solid #52463E;
     border-top: 2px solid #52463E;
     color: #FFFFFF;
}

.menu-header li {
     float: left;
     padding: 0px;
}

.menu-header li ul {
     background: none repeat scroll 0% 0% #52463E;
     border-bottom: 0px solid #52463E;
     border-top: 0px solid #52463E;
     height: auto;
     left: -999em;
     margin: 0pt 0pt 0pt 0px;
     padding: 0px;
     position: absolute;
     width: 100px;
     z-index: 9999;
}

.menu-header li li {
    
}

.menu-header li ul a {
     width: 100px;
}

.menu-header li ul a:hover, .menu-header li ul a:active {
    
}

.menu-header li ul ul {
     margin: -43px 0pt 0pt 140px;
}

.menu-header li:hover ul ul, .menu-header li:hover ul ul ul, .menu-header li.sfhover ul ul, .menu-header li.sfhover ul ul ul {
     left: -999em;
}

.menu-header li:hover ul, .menu-header li li:hover ul, .menu-header li li li:hover ul, .menu-header li.sfhover ul, .menu-header li li.sfhover ul, .menu-header li li li.sfhover ul {
     left: auto;
}

.menu-header li:hover, .menu-header li.sfhover {
     position: static;
}

/* END HEADER MENU */


/* MIDDLE */

.middle {
        background: #ffffff;
	float:left;
	margin-top:40px;
	line-height:1.8em;
        min-height: 510px;
	width:680px;
	border-right:1px solid #FCCCB7;
	overflow:hidden;
	padding:0px 10px 0px 40px;
	font-size:14px;

}

.middle h2 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:44px;
        font-weight: 100;
        line-height: 1em;
	color: #ED3A29;
	margin:0 7px 3px 0;
	padding:3px 0;
	letter-spacing:.03em;
}

.middle h2 a {
    color: #ED3A29;
}

.middle h2 a:hover {
    color: #000000;
}

.middle h3 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:25px;
	color: #0098D4;
	margin:0 7px 3px 0;
	padding:3px 0px 10px 0px;
}

.middle h4 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:17px;
        line-height: 27px;
	color: #1483BB;
	margin:0 7px 3px 0;
	padding:3px 0;
}

.middle h4 a {
    color: #B9d571;
}

.middle img {
	padding: 3px 8px 8px 8px;
}

.middle .post-meta {
    font-size: 13px;
    color: #333;
    padding: 5px 0px 8px 0px;
}

.middle .enlarge-text {
	color: #aaaaaa;
}

.middle blockquote {
    display: block;
    margin-bottom: 5px;
    margin-left: 20px;
    padding: 5px 20px 5px 20px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #ECF4FA;
   padding-top: 4px;
   margin: 5px 10px 10px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.middle .prev-next {
    font-size: 11px;
    padding: 0px 0px 30px 0px;;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 10px;
   font-style: italic;
   line-height: 17px;
   padding: 5px 4px 5px;
   margin: 0;
}

.middle hr {
    height:1px;
    background:#FFFFFF repeat-x scroll center;
    border-top: #ffffff;
    border-left:#ffffff;
    border-right:#ffffff;
    border-bottom:1px solid #d7d7d7;
    margin: 0px 0px 0px 0px;
    clear:both;
}

/* END MIDDLE */

/* MIDDLE EXHIBIT */

.middle-exhibit {
        background: #ffffff;
	float:left;
	margin-top:0px;
	line-height:1.8em;
        min-height: 510px;
	width:700px;
	border-right:0px solid #d7d7d7;
	overflow:hidden;
	padding:40px 20px 80px 20px;
	font-size:14px;

}

.middle-exhibit h2 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:44px;
        font-weight: 100;
        line-height: 1em;
	color: #ED3A29;
	margin:0 7px 3px 0;
	padding:3px 0;
	letter-spacing:.03em;
}

.middle-exhibit h2 a {
    color: #ED3A29;
}

.middle-exhibit h2 a:hover {
    color: #000000;
}

.middle-exhibit h3 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:30px;
        font-weight: 100;
        line-height: 1em;
	color: #ED3A29;
	margin:0 7px 13px 0;
	padding:3px 0;
	letter-spacing:.03em;
        border-bottom: 1px solid #FCCCB7;
}

.middle-exhibit h3 a {
    color: #ED3A29;
}

.middle-exhibit h3 a:hover {
    color: #000000;
}

.middle-exhibit h4 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:17px;
        line-height: 27px;
	color: #1483BB;
	margin:0 7px 3px 0;
	padding:3px 0px 0px 0px;
}

.middle-exhibit h4 a {
    color: #B9d571;
}

.middle-exhibit img {
	padding: 3px 8px 8px 8px;
}

.middle-exhibit .post-meta {
    font-size: 13px;
    color: #333;
    padding: 5px 0px 8px 0px;
}

.middle-exhibit blockquote {
    display: block;
    margin: 10px 60px 25px 60px;
    padding: 0px 20px 0px 20px;
    background: #fff;
    font-style: italic;
    border-top: 1px solid #FCCCB7;
    border-bottom: 1px solid #FCCCB7;
    font-size: 13px;
}

.wp-caption {
   border: 0px solid #ddd;
   text-align: center;
   background-color: #fff;
   padding-top: 0px;
   margin: 0px 20px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 12px;
   font-style: italic;
   line-height: 17px;
   padding: 5px 10px 5px 10px;
   margin: 0;
}

.middle-exhibit .prev-next {
    font-size: 11px;
    padding: 0px 0px 30px 0px;;
}



.middle-exhibit hr {
    height:1px;
    background:#FFFFFF repeat-x scroll center;
    border-top: #ffffff;
    border-left:#ffffff;
    border-right:#ffffff;
    border-bottom:1px solid #d7d7d7;
    margin: 0px 0px 20px 0px;
    clear:both;
}

.middle-exhibit .lefferts-clan {
    line-height: 1.3em;
}

/* END MIDDLE EXHIBIIT */

/* HOME */

.middle-home {
        background: #fff;
        width: 944px;
	margin-top:40px;
	line-height:1.8em;
        min-height: 510px;
	border:0px;
	overflow:hidden;
	padding:0px 40px 0px 40px;
	font-size:13px;

}

.middle-home h2 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:28px;
        font-weight: 100;
        line-height: 1.2em;
	color: #ED3A29;
	margin:0 7px 3px 0;
	padding:3px 0 10px 0;
	letter-spacing:.03em;
        border-bottom: 1px solid #ED3A29;
}

.middle-home h2 a {
    color: #ED3A29;
}

.middle-home h2 a:hover {
    color: #000000;
}

.middle-home h3 {
        font-family: josefin, helvetica, arial, verdana, sans-serif;
	font-size:26px;
	color: #18A3CA;
	margin:0 0px 0px 0;
	padding:0px 0px 15px 0px;
        font-weight: 100;
}

.middle-home hr {
    height:1px;
    background:#FFFFFF repeat-x scroll center;
    border-top: #ffffff;
    border-left:#ffffff;
    border-right:#ffffff;
    border-bottom:1px solid #d7d7d7;
    margin: 0px 0px 0px 0px;
    clear:both;
}

.home-top-left {
    display: block;
    float: left;
    width: 420px;
    height: 300px;
    margin: 0px 20px 0px 0px;
    background: #f7f7f7;
}

.home-divider {
    clear: both;
}

.home-top-right {
    display: block;
    float: right;
    width: 490px;
    background: #ffffff;
}

.home-bottom {
    clear: both;
    padding: 25px 0px 0px 0px;
    margin: 25px 0px 0px 0px;
    border-top: 1px solid #e7e7e7;
}

.home-bottom-left {
    width: 259px;
    background: #fff;
    float: left;
    padding: 0px 25px 0px 0px;
    text-align: center;
}

.home-bottom-center {
    width: 294px;
    background: #fff;
    float: left;
    padding: 0px 25px 0px 25px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    min-height: 160px;
}

.home-bottom-right {
    width: 289px;
    background: #fff;
    float: left;
    padding: 0px 0px 0px 25px;
}

.home-bottom-pic {
    display: block;
    width: 90px;
    height: 90px;
    padding: 5px 15px 0px 0px;
    float: left;
}
.home-bottom-pic img{
    width: 90px;
    height: 90px;
    float: left;
    border: 1px solid #888;
}

.home-bottom-text {
    margin: 0px 0px 0px 95px;
    font-size: 12px;
    line-height: 1.8em;
}

/* END HOME */

/* IMAGE GALLERY SECTION */

.gallery-row {
}

.gallery-unit {
    float: left;
    width: 210px;
    height: 205px;
    padding: 10px 0px 10px 0px;
    margin:10px 0px 0px 0px;
    border-bottom: 1px dotted #cccccc;
    overflow:hidden;
    line-height: 1.4em;

}

.gallery-image {
    width: 192px;
    height: 120px;
    overflow:hidden;
    margin: 0px 10px 10px 10px;
    padding: 0px;
    background: #ffffff;
}

.gallery-unit img {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #FFF;


}

.gallery-unit img:hover {
        border: 1px solid #d7d7d7;
}

.gallery-text {
    padding: 0px 10px 10px 15px;
}

.gallery-text a:hover {
    text-decoration: none;
}
.gallery-text h3 {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 1.4em;
}

/* END IMAGE GALLERY SECTION */


/* MENU LEFT NAV CSS */

.menu-left {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

.menu-left ul {
     float: left;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

.menu-left li {
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
     height: auto;
     width: 228px;
}

.menu-left li a, .menu-left li a:link, .menu-left li a:visited {
     background: #ffffff;
     display: block;
     padding: 14px 0px 14px 0px;
     margin: 0px 18px 0px 35px;
     font-family: museo-sans, sans-serif;
     font-size: 13px;
     font-weight: 500;
     color: #777777;
     text-transform: uppercase;
     text-align: left;
     border-bottom: 1px solid #FCCCB7;
}

.menu-left li a:hover, .menu-left li a:active {
     background: #f7f7f7;
     padding: 14px 18px 14px 35px;
     margin: -1px 0px 0px 0px;
     color: #000;
     text-decoration: none;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}

/* Styling for current parent item */
.menu-left li.current-menu-item a, .menu-left li.current-menu-parent a{
     background: #ED3A29;
     padding: 14px 0px 14px 35px;
     margin: -3px 0px 0px 0px;
     color: #FFFFFF;
     text-decoration: none;
     border-top: 3px solid #761200;
}

.menu-left li li a, .menu-left li li a:link, .menu-left li li a:visited {
     background: none repeat scroll 0% 0% #89796C;
     border-bottom: 2px solid #89796C;
     border-top: 2px solid #52463E;
     color: #ffffff;
     float: none;
     font-size: 16px;
     margin: 0pt 0pt 0pt 0px;
     padding: 15px 10px 0px 35px;
     text-transform: uppercase;
     min-width: 100px;
     max-width: 150px
}

.menu-left li li a:hover, .menu-left li li a:active {
     background: none repeat scroll 0% 0% #52463E;
     border-bottom: 2px solid #52463E;
     border-top: 2px solid #52463E;
     color: #FFFFFF;
}

.menu-left li {
     float: left;
     padding: 0px;
}

.menu-left li ul {
     background: none repeat scroll 0% 0% #52463E;
     border-bottom: 0px solid #52463E;
     border-top: 0px solid #52463E;
     height: auto;
     left: -999em;
     margin: 0pt 0pt 0pt 0px;
     padding: 0px;
     position: absolute;
     width: 100px;
     z-index: 9999;
}

.menu-left li li {
    
}

.menu-left li ul a {
     width: 100px;
}

.menu-left li ul a:hover, .menu-left li ul a:active {
    
}

.menu-left li ul ul {
     margin: -43px 0pt 0pt 140px;
}

.menu-left li:hover ul ul, .menu-left li:hover ul ul ul, .menu-left li.sfhover ul ul, .menu-left li.sfhover ul ul ul {
     left: -999em;
}

.menu-left li:hover ul, .menu-left li li:hover ul, .menu-left li li li:hover ul, .menu-left li.sfhover ul, .menu-left li li.sfhover ul, .menu-left li li li.sfhover ul {
     left: auto;
}

.menu-left li:hover, .menu-left li.sfhover {
     position: static;
}

/* END LEFT NAV */

/* LEFT COLUMN */

.left {
    float:left;
    width:230px;
    border-right:0px solid #d7d7d7;
    margin:25px 15px 0px 0px;
    padding:0px;
}

/* END LEFT COLUMN */

/* RIGHT COLUMN */

.right {
    float:right;
    width:250px;
    border:0px;
    margin:0px 0;
    padding:40px 20px 0px 0px;
    color: #007CA0;
    font-size: 13px;
} 

.right h3 {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
}

.right li {
    padding: 0px;
    list-style: disc;
    margin: 0 0 0 -25px;
    line-height: 1.6em;
}

.right p {
    padding: 0px 0px 0px 0px;
}

.right strong, .right b {
    padding-right: 3px;
    font-size: 14px;
    color: #333333;
}

.right img {
    border:0;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.right .post-meta {
    font-size: 13px;
    color: #666;
    padding: 5px 0px 8px 0px;
    line-height: 1.4em;
}

/* END RIGHT COLUMN */

/* COMMENTS */


.comment-section {
	float:left;
	margin-top:10px;
	line-height:1.8em;
	width:686px;
	overflow:hidden;
	padding:25px 20px 20px 20px;
	font-size:12px;
}

.comment-section h3 {
        font-family: helvetica, arial, verdana, sans-serif;
	font-size:25px;
	color: #0098D4;
	margin:0 7px 3px 0;
	padding:3px 0px 10px 0px;
	letter-spacing:.03em;
}

.comment-section h4 {
        font-family: helvetica, arial, verdana, sans-serif;
	font-size:20px;
	color: #0098D4;
	margin:0 7px 3px 0;
	padding:20px 0px 10px 0px;
	letter-spacing:.03em;
}

.comment-section author, .comment-section author a:link, .comment-section author a:visited, .comment-section author a:active {
        font-family: helvetica, arial, verdana, sans-serif;
        font-weight: bold;
	font-size:15px;
	color: #B7D875;
	letter-spacing:.03em;
}


.comment-section .post-meta {
    font-size: 11px;
    color: #888888;
    padding: 5px 0px 8px 0px;
}

ol.commentlist {
    margin:0 0 1px;
    padding:0;
}

ol.commentlist li {
    list-style:none;
    margin:0;
    padding:20px 0px 1px;
}

ol.commentlist li.commenthead {
    list-style:none;
    margin:0;
} 

ol.commentlist li.commenthead h2 {
    margin:0;
}


.gcomment {
    margin-bottom:0px;
    background-color:#FFFFFF;
    padding: 0px 3px 0px 3px;
}

.comment-meta {
    font-size: 11px;
    color: #999999;
}

.ucomment {
    margin-bottom:3px;
    background-color:#FFFFFF;
    padding: 0px 3px 0px 3px;
} 

.ucomment img,.addthis img {
    border:0;
}

.comment-section hr {
    height:1px;
    width: 728px;
    margin-left:-20px;
    background:#FFFFFF repeat-x scroll center;
    border-top: #ffffff;
    border-left:#ffffff;
    border-right:#ffffff;
    border-bottom:1px solid #d7d7d7;
    clear:both;
}

.comment-section label {
    font-size: 12px;
    color: #333333;
    line-height: 30px;
}

input#author, input#email{
    height:25px;
    width: 220px;
    margin: 0px 10px 0px 0px;
    color:#999;
    font-size:13px;
    padding: 0px 5px 0px 5px;
}

textarea#comment {
    font-family: verdana;
    margin: 0px 10px 0px 0px;
    color:#999;
    font-size:13px;
    padding: 5px 10px 0px 5px;
}

input#submit { background:#FFFFFF; border:0px solid #FFFFFF; color:#fff; font-size:13px; }

/* END COMMENTS */

/* FOOTER */
#footer {
    width:964px;
    background: #056079;
    height: 100px;
    color: #ccc;
    font-size: 13px;
    font-family: proxima-nova, verdana;
    line-height: 1.4em;
    border-top: 5px solid #18A3CA;
    margin-top:20px;
    text-align:left;
    clear:both;
    padding:20px 30px 20px 30px;
}

#footer h2 {
    font-family: proxima-nova, verdana;
    font-weight: 100;
    font-size: 18px;
    margin: 0;
    padding: 0px 0 0 0;
    color: #f7f7f7;
    line-height: auto;
}

#footer h3 {
    font-family: proxima-nova, verdana;
    font-weight: 100;
    font-size: 18px;
    margin: 0;
    padding: 5px 0 0 0;
    color: #f7f7f7;
    line-height: auto;
}

#footer a:link, #footer a:visited, #footer a:active {
    color: #ffffff;
}

#footer a:hover {
    color: #18A3CA;
}

.footer-left {
    float: left;
    width:50%;
    text-align: left;
    display: block;
}

.footer-right {
    float:right;
    width:50%;
    text-align:right;
    display: block;
}

.sub-footer {
    font-size: 13px;
    color: #666;
    float:right;
    clear: both;
}

.sub-footer a {
    color: #ffffff;
}

.sub-footer a:hover {
    color: #444;
}

div.hr { height:3px; background:#fff repeat-x scroll center; clear:both; }

div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }

/* END FOOTER */

div.hr hr,div.br br {
    display:none;
}