/*
Theme Name: ABHM
Theme URI:
Description: Custom WP Theme for America's Black Holocaust Museum
Author: Dan Gronitz
Author URI: http://www.dangronitz.com
Version: 0.1 beta
*/

/* ======================================== BROWSER RESET ========================================
 * Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html v1.0 | 20080212
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
:focus{ outline: 0; } /* remember to define focus styles! */
ins{ text-decoration: none; } /* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
a img{ border: none; }
/* ======================================== END: BROWSER RESET ======================================== */


/* ======================================== DEFAULTS by DAN ======================================== */
*{ margin: 0; padding: 0; font-family: 'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif; }
body{ margin: 0 auto; text-align: center; background: #fff url('style/main-BG.jpg') top left; font-size: 10px; }
.b{ font-weight: bold; }
.hide{ display: none !important; }
.i, .italic, .italics{ font-style: italic; }
.u, .underline{ text-decoration: underline; }
.c, .center{ text-align: center; }
.serif{ font-family: Georgia, Palatino, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif; }
.sansSerif{ font-family: 'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif; }
.monospace{ font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace; }
/* * * * * Fix floats and clearing * * * * */
.group:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .group{ height: 1%; } /* IE 6 and lower */
*:first-child+html .group{ min-height: 1px; } /* IE 7 */
.clear{ clear: both; height: .1em; font-size: .1em; margin: 0; padding: 0; }
/* ======================================== END: DEFAULTS by DAN ======================================== */

/* Define a DIV to display the gradient background.  This is laid over the main background and blends seamlessly */
#gradient{ position: absolute; top: 0; left: 0; width: 100%; height: 960px; background: url('style/gradient-BG.jpg') top left repeat-x; z-index: -1; }

/* ======================================== COMMONLY USED DIVS ======================================== */
#accessibility{ display: none !important; }
#container{ margin: 0 auto; text-align: left; width: 1100px; background: transparent url('style/parchment-BG.png') top center repeat-y; }
#contents{}
#sidebar{}
/* ======================================== END: COMMONLY USED DIVS ======================================== */

.contentpad{ margin: 0 47px; clear: both; padding: 25px 0; }
.contentpad-article{ margin: 0 73px; clear: both; padding: 25px 0; }
.main-text-pad{ margin: 0 0 30px 35px; }

/* ======================================== HEADER ======================================== */
#header{ position: relative; margin: 0 auto; text-align: left; width: 1110px; height: 159px; background: url('style/header-BG.png') top left no-repeat; }
#header h1{ position: absolute; top: 17px; left: 80px; }
#header h1 a{ display: block; height: 132px; width: 210px; }
#searchbox{ position: absolute; top: 25px; right: 65px; }
#searchform{ width: 207px; height: 41px; background: url('style/search-box.png') top left no-repeat; }
#s{ float: left; width: 160px; margin: 11px 0 0 12px; background: #fff; border-width: 0; font-style: italic; }
#s:focus{ font-style: normal; }
#searchbutton{ float: left; height: 22px; width: 22px; margin: 9px 0 0 3px; }
#searchbox p{ padding-bottom: 0; font-size: 1.4em; line-height: normal; font-weight: bold; }
/* ======================================== END: HEADER ======================================== */

/* ======================================== MAIN NAVIGATION ======================================== */
#navigation{ position: relative; margin: 0 auto; text-align: left; width: 1110px; height: 43px; background: url('style/navigation-BG.png') top center no-repeat; }
/* ======================================== END: MAIN NAVIGATION ======================================== */

/* ======================================== FOOTER ======================================== */
#footer{ position: relative; margin: 0 auto; text-align: left; height: 245px; width: 1110px; background: url('style/footer-BG.png') top center no-repeat; }
#social, #links-copyright, #rssfeed{ position: absolute; top: 65px; }
#social{ left: 60px; width: 420px; }
#links-copyright{ top: 100px; left: 485px; width: 455px; text-align: center; }
#rssfeed{ left: 965px; width: 80px; text-align: center; }
/* Social Sites */
#social ul{ list-style: none; margin: 0; padding: 0; font-size: 1.3em; }
#social ul li{ float: left; padding: 0 4px 0 0; width: 65px; }
#social ul li a{ display: block; width: 100%; float: left; color: #000; font-weight: bold; text-decoration: none; text-align: center; }
#social ul li a:hover{ text-decoration: underline; }
#social ul li a img{ margin: 0 auto; display: block; }
#social ul li a span{ display: block; text-align: center; }
/* RSS Feed */
.social-holder{ width: 100%; }
.social-holder p a{ display: block; width: 100%; color: #000; font-weight: bold; text-decoration: none; text-align: center; }
.social-holder p a:hover{ text-decoration: underline; }

/* Links and Copyright Statement */
#links-copyright ul{ margin: 0; padding: 0; list-style: none; font-variant: small-caps; letter-spacing: -1px; font-weight: normal; }
#links-copyright ul li{ display: inline; font-size: 1em; font-weight: bold; padding: 0 8px; border-right: 2px solid #932f34; }
#links-copyright ul li.last{ border-right: 0; }
#links-copyright ul li a{ color: #000; text-decoration: none; }

/* Footer paragraph elements */
p.footermain{ font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
#links-copyright p{ font-size: 1.4em; font-weight: 600; padding: 0; margin: 25px 0 0 0; }
.copyrightsymbol{ color: #932f34; font-size: 1.2em; }
/* ======================================== END: FOOTER ======================================== */


/* ======================================== COLUMNS ======================================== */
.column-third{ float: left; width: 335px; }
.column-twothirds{ float: left; width: 670px; }
/* Two below are not needed - so far */
.column-quarter{ float: left; width: 250px; margin: 0 1px 0 0; }
.column-half{ float: left; width: 500px; margin: 0 1px; }
/* ======================================== END: COLUMNS ======================================== */


/* WordPress Gallery Column for post pages */
.text-column{ width: 550px; float: left; text-align: left; }
.gallery-column{ width: 250px; float: right; margin-top: 20px; margin-right: -25px; }


/* ======================================== MAIN PAGE ======================================== */
.big-video{ height: 379px; width: 670px; background: url('style/main-video-BG.png') top left no-repeat; z-index: 1; }
.big-video img{ margin: 22px 0 0 27px; z-index: 1; }
.big-video div{ position: relative; padding: 22px 0 0 27px; z-index: 1; }

#main-features{ margin-top: 10px; }
.features{ float: left; height: 151px; width: 331px; margin: 0 2px; }
.features a{ display: block; height: 151px; width: 331px; }
/* Specific Featured Elements for the main/home page */
#feat-contribute{ background: url('style/contribute.png') center center no-repeat; }
#feat-featured{ background: url('style/featured-exhibit.png') center center no-repeat; }
#feat-news{ background: url('style/breaking-news.png') center center no-repeat; }
/* ======================================== END: MAIN PAGE ======================================== */


/* ======================================== GALLERY PAGE ======================================== */
.gallery-children{ background-color: transparent; background-repeat: no-repeat; background-position: top left; float: left; width: 249px; height: 114px; margin: 0 3px 8px 0; }
.gallery-children a{ display: block; height: 94px; width: 225px; margin: 10px 0 0 12px; }
.wood1{ background-image: url('style/gal-wood-BG-1.png'); }
.wood2{ background-image: url('style/gal-wood-BG-2.png'); }
.wood3{ background-image: url('style/gal-wood-BG-3.png'); }
.wood4{ background-image: url('style/gal-wood-BG-4.png'); }
.wood5{ background-image: url('style/gal-wood-BG-5.png'); }
.wood6{ background-image: url('style/gal-wood-BG-6.png'); }
.wood7{ background-image: url('style/gal-wood-BG-7.png'); }
.wood8{ background-image: url('style/gal-wood-BG-8.png'); }

.exhibit-list{ margin-bottom: 15px; }
.exhibit-list-thumbnail{ float: left; width: 275px; height: 125px; background-position: top left; background-repeat: no-repeat; }
.exhibit-list-thumbnail a{ display: block; margin: 9px 0 0 12px; }
.exhibit-list-info{ margin-left: 280px; }
.exhibit-list-info h2{ margin-bottom: 4px; font-size: 1.8em; }
.exhibit-list-info h2 a{ color: #502d1f; text-decoration: none; }
.exhibit-list-info h2 a:hover{ color: #333; text-decoration: underline; }
.hasVideo{ float: right; height: 75px; width: 85px; margin: 0 0 10px 10px; }
/* ======================================== END: GALLERY PAGE ======================================== */


/* ======================================== EXHIBIT PAGE ======================================== */
.key-gallery-image{ float: right; height: 285px; width: 503px; margin: 0 0 25px 45px; background: url('style/key-gallery-image-BG.png') center center no-repeat; }
.key-gallery-image div{ margin: 17px 0 0 21px; height: 251px; width: 461px; background: #4c1918; }
/* ======================================== END: EXHIBIT PAGE ======================================== */


/* ======================================== ARTICLE PAGE ======================================== */
.article-top{ height: 15px; width: 953px; overflow: hidden; background: #e3d0b2 url('style/article-main-top-bg.jpg') top left no-repeat; }
.article-bottom{ height: 14px; width: 953px; overflow: hidden; background: #e3d0b2 url('style/article-main-bottom-bg.jpg') top left no-repeat; }
.article-dark{ width: 100%; overflow: hidden; margin: 0; padding: 0; background: #c9b199 url('style/article-main-dark-bg.jpg') top left repeat-y; }
.article-light, .article-text{ margin: 0; padding: 0; background: #e3d0b2 url('style/article-main-light-bg.jpg') top left repeat-y; }
.pad-in-article{ padding: 35px 50px 15px; }
.pad-in-article-title{ padding-left: 50px; padding-right: 50px; }


.pad-in-article img{ margin-bottom: 15px; padding: 10px; background: #754b31; border: 1px solid #71452c; }
.pad-in-article p{ line-height: 1.5; margin-bottom: 10px; }

.article-date{ float: right; margin: -55px 15px 8px 8px; width: 110px; background: #4c1918; border: 1px solid #e2cfb2; z-index: 999; }
.article-date p{ margin: 0; padding: 5px 10px; line-height: 1 !important; text-align: center; color: #fff; font-size: 1.8em; }

.article-date{ background: #754b31; border: 1px solid #71452c;  }
.article-dark h1{ margin: 0 150px 0 0; padding: 8px 0px 12px; font-size: 3em; color: #502d1f; font-variant: small-caps; }

h1.comment-title{ margin-right: 0; width: 45%; float: left; text-align: left; }
.leave-comment-link{ width: 45%; float: right; text-align: right; margin-top: 18px; }
.leave-comment-link a{ color: #502d1f; }
.leave-comment-link a:hover{ color: #502d1f; text-decoration: none; }

.article-light a, .article-dark a{ color: #502d1f; }
.article-light a:hover, .article-dark a:hover{ color: #502d1f; text-decoration: none; }

.pad-in-comment{ padding: 15px 50px 15px; }
.commenter-info{ width: 15%; float: left; color: #502d1f; }
.the-comment{ width: 80%; float: right; text-align: left; color: #000; }

.comment-half{ width: 40%; float: left; margin-right: 50px; }
#comment-form input, #comment-form textarea{ width: 90%; padding: 2px 5px; border: 1px solid #927562; }
#comment-form textarea{ height: 138px; }
#comment-form #submitbutton{ width: auto;  }

/* ======================================== END: ARTICLE PAGE ======================================== */

/* ======================================== VICTIMS MEMORIAL ======================================== */
.victims-state-list{ margin: 0 25px 0 50px; background: transparent url('style/floral.gif') 100% 10% no-repeat; }
.victims-state-list h1{ margin: 0; padding: 8px 0px 12px; font-size: 3em; color: #502d1f; font-variant: small-caps; }
.victims-state-list p.vm-search-text{ margin-top: 20px; color: #502d1f; font-weight: bold; font-size: 2em; }
.victims-state-list p.vm-mission{ margin: 25px 250px 0 0; color: #502d1f; font-weight: bold; }
.victims-state-list p{ margin: 0 250px 0 0; padding-bottom: 10px; color: #502d1f; font-weight: bold; }
.victims-state-list ul{ margin: 0; padding: 0; list-style: none; color: #000; font-weight: bold; line-height: 1; }
.victims-state-list ul li{ display: block; float: left; width: 19%; line-height: 1; }
.victims-state-list ul li a{ color: #000; text-decoration: none; }
.victims-state-list ul li.lvmactive, .victims-state-list ul li.lvmactive a{ color: #900; }
.victims-state-list ul li a:hover{ color: #502d1f; text-decoration: underline; }
/* ======================================== END: VICTIMS MEMORIAL ======================================== */


/* ======================================== TAGS ======================================== */
/* --------------------------------------------------------------
   Headings - H1, H2, H3, H4, H5, H6
-------------------------------------------------------------- */
h1, h2, h3, h4, h5,h6{ color: #502d1f; margin-bottom: 15px; font-variant: small-caps; }
h1{ font-size: 3.0em; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.6em; }
h4{ font-size: 1.3em; }
h5{ font-size: 1.2em; }
h6{ font-size: 1.1em; }


/* --------------------------------------------------------------
   Paragraphs
-------------------------------------------------------------- */
p{ padding-bottom: 10px; font-size: 1.4em; line-height: 1.25; font-weight: 600;}
.main-text-pad p{ padding-right: 35px; }

/* -----------------------------------------------------------------
   Lists - Unordered (UL/LI), Ordered (OL/LI), Definition (DL/DT/DD)
----------------------------------------------------------------- */
ul, ol{ font-size: 1.4em; font-weight: 600; }
ul{ list-style: disc; list-style-position: outside; margin: 0 30px 20px 30px; }
ol{ list-style: decimal; list-style-position: outside; margin: 0 10px 20px 30px; }
ul li, ol li{ line-height: 1.25; padding-bottom: 5px; }
ul li ul, ul li ol, ol li ol, ol li ul{ margin: 0 0 0 25px; padding: 0; font-size: 1em; }
ul.aboutlist{ list-style: none; }
ul.aboutlist li{ margin-bottom: 10px; }

ul#flrc-names-only{ list-style: none; margin: 10px 0; }
ul#flrc-names-only li{ width: 30%; float: left; padding: 0 2.5% 20px 0; }


dl{ font-size: 1.4em; } /* Definition List */
dt{} /* Definition Term */
dd{} /* Definition Description */

/* --------------------------------------------------------------
   Anchors - link, visited, focus, hover, visited (in order)
-------------------------------------------------------------- */
a{ color: #4C1918; text-decoration: underline; background: transparent; }
a:hover{ color: #6A2422; text-decoration: none; }


/* --------------------------------------------------------------
   Misc
-------------------------------------------------------------- */
/* Block Elements */
blockquote{ clear: both; margin: 20px; background: transparent; }
address, hr, pre{}

/* Inline Elements */
bdo{}
br{}
img{}
q{}
sub, sup{ font-size: .8em; line-height: 1em; }
sub{ vertical-align: sub; }
sup{ vertical-align: super; }

/* Phrase Elements */
abbr, acronym{ border-bottom: 1px dotted #333; }
cite, dfn, em, var, tt{}
code, kbd, samp{}
del{}
ins{}
strong{}

/* Styling Elements */
big{}
small{}

/* Table Elements */
table, caption, thead, th, tbody, colgroup, col, tr, td, tfoot{}
table.whoweare{ width: 100%; }
table.whoweare tr td{ width: 32%; padding-bottom: 20px; }
table.whoweare tr.wwa-images td{ padding-bottom: 5px; }
table.whoweare tr td{ font-size: 1.4em; font-weight: bold; }
table.whoweare tr td img{ background: #fff; padding: 3px; border: 1px solid #999; }

/* Forms */
form, button, fieldset, legend, input, label, select, optgroup, option, textarea{}
/* ======================================== END: TAGS ======================================== */



/* ======================================== BASIC WordPress Styles ======================================== */
/* Captions */
.aligncenter, div.aligncenter{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption{ margin: 0 0 1.5em 0; padding-top: 4px; background: #754b31; border: 1px solid #71452c; text-align: center; }
.wp-caption p.wp-caption-text{ margin: 0; padding: 3px 4px 5px 4px; color: #fff; font-size: 1.2em; line-height: 1em; }
.wp-caption img{ margin: 0; padding: 0; border-width: 0; }


/* Images */
.entry-content img{ margin: 0 0 1.5em 0; }
.alignleft, img.alignleft{ display: inline; float: left; margin-right: 1.5em; }
.alignright, img.alignright{ display: inline; float: right; margin-left: 1.5em; }
.aligncenter, img.aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto; }
.wp-smiley{ max-height: 1em; margin:0 !important; }

/* WP Gallery */
/*
.gallery dl{ margin: 0; }
.gallery-caption{ margin:-1.5em 0 0 0; }
*/
.gallery { margin: auto; }
.gallery-item { display: block; margin-top: 10px; text-align: center; }
.gallery-icon { display: block; height: 222px; width: 225px; background: transparent url('style/gallery-image-bg.jpg') top right no-repeat; }
.gallery-caption { font-size: .9em; line-height: 1.5; }
.gallery img { border-width: 0; background: transparent; padding: 0; margin: 8px 0 0 0; }
.gallery-caption { display: block; margin-left: 0; padding: 3px; text-align: left; }


/* Pullquotes */
blockquote.left{ float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%;}
blockquote.right{ float: right;	margin-left: 20px; margin-right: 0; text-align: left; width: 33%; }




/* WP Calendar */
#wp-calendar{ empty-cells: show; margin: 0 auto; width: 95%; text-align: center; }
#wp-calendar #next a{ padding-right: 10px; text-align: right; }
#wp-calendar #prev a{ padding-left: 10px; text-align: left; }
#wp-calendar a{ display: block; text-decoration: none; }
#wp-calendar a:hover{ background: #e0e6e0; color: #333; }
#wp-calendar caption{ color: #333; text-align: center; font-weight: bold; }
#wp-calendar td{ color: #000; letter-spacing: normal; padding: 2px 0; text-align: center; }
#wp-calendar td.pad:hover{ background: #fff; }
#wp-calendar td:hover, #wp-calendar #today{ background: #eee; color: #333; }
#wp-calendar th{ font-style: normal; text-transform: capitalize; }


/* Make sure theme clears WP.org theme repository checklist */
.alignnone {}
.avatar {}
.gallery {}
/* ======================================== END: BASIC WordPress Styles ======================================== */

/* INSTALL THIS PLUGIN AND THEN INCLUDE THIS IN THE STYLE.CSS file!

 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 153537 2009-09-10 13:26:24Z emartin24 $
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
#page-navigation{ margin: 15px 10px 10px; text-align: center; font-weight: bold;}
.wp-paginate{padding: 0; margin: 0; }
.wp-paginate li{display: inline; list-style: none;}
.wp-paginate a{ background: #e3d0b2; border: 1px solid #ccb; color: #000; margin-right: 4px; padding: 3px 6px; text-align: center; text-decoration: none; }
.wp-paginate a:hover, .wp-paginate a:active{ background: #e3d0b2; color: #000; }
.wp-paginate .title{ color:#502d1f; margin-right: 4px; }
.wp-paginate .gap{ color: #999; margin-right: 4px; }
.wp-paginate .current{color: #ffe; background: #b7482d; border: 1px solid #962c14; margin-right: 4px; padding: 3px 6px; }
.wp-paginate .page{}
.wp-paginate .prev, .wp-paginate .next{}










/* Main Navigation Menu - CSS only dropdown (Fails in IE6 and under - big shock *heavy sarcasm*) */
#navigation{ font-size: 1em; font-variant: small-caps; z-index: 1000; }
ul.dropdown, ul.dropdown li, ul.dropdown ul{ list-style: none; margin: 0; padding: 0; font-weight: normal; z-index: 1000; }
ul.dropdown{ position: relative; z-index: 597; float: left; margin: 8px 0 0 200px; }
ul.dropdown li{ float: left; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover{ position: relative; z-index: 9999; cursor: default; }
ul.dropdown ul{ visibility: hidden; position: absolute; top: 98%; left: 0; z-index: 9998; width: 100%; }
ul.dropdown ul li{ float: none; width: 200px; z-index: 9998; }
ul.dropdown ul ul{ top: -1px; left: 100%; z-index: 9998; }
ul.dropdown li:hover > ul{ visibility: visible; z-index: 9998; }

/* THEME */
ul.dropdown{ }
ul.dropdown li{ padding: 4px 10px; background-color: #4c1918; color: #fff; width: 100px; text-align: center; }
ul.dropdown li.hover, ul.dropdown li:hover{ background-color: #6a2422; color: #fff; }

ul.dropdown a:link, ul.dropdown a:visited{ color: #fff; text-decoration: none; }
ul.dropdown a:hover{ color: #fff; }
ul.dropdown a:active{ color: #ffa500; }

/* -- level mark -- */
ul.dropdown ul{ width: 150px; margin-top: 1px; }
ul.dropdown ul li{ font-weight: normal; border-bottom: 1px solid #000; text-align: left; }


.wpcf7-form input, .wpcf7-form textarea{ padding: 2px 5px; border: 1px solid #927562; }
.wpcf7-form textarea{ font-size: 1em; }
.wpcf7-form .wpcf7-submitbutton{ width: auto; }


.wpcf7-checkbox .wpcf7-list-item{ display: block; }
.wpcf7-radio .wpcf7-list-item{ display: block; }


.ngg-galleryoverview .slideshowlink{ display: none; }

span.tooltip{ border-bottom: 1px dashed; }



/* Added page content area under the video on the main page. 
 * Date: 12/1/2015 by Dan Gronitz
 */
.main-under-video{ margin-top: 25px; padding: 0 25px; }



/* Added column support for the Contribute & Donate page
 * Date: 4/3/2017
 */
.nd-column{ float: left; width: 45%; text-align: center; margin-bottom: 50px; }
.nd-column-left{ margin-right: 4%; }
.nd-column-right{ margin-bottom: 25px; }
.nd-column p{ font-weight: bold; font-size: 18px; padding: 0; }
input.nd-paypal-button{ background-color: #4C1918; color: #fff; border-width: 0; width: 80%; padding: 20px; font-size: 18px; font-weight: bold; border-radius: 10px; }
input.nd-paypal-button:hover{ background-color: #6A2422; cursor: pointer; }