/*
Theme Name: Hana's Story
Theme URI: http://www.hanassuitcase.ca/
Description: The story of Hana & George Brady
Version: 1.0
Author: Tristan Holmberg
Author URI: http://buzzblogdesigns.com/
Tags: hollocaust, pngs, customized design, no widgets
*/

@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
display:none;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
a:active, a:link, a:visited {
outline:none;
}
* {
margin:0;
padding:0;
}
html {
background:black url(images/html_bg.jpg) repeat scroll 0 0;
overflow:scroll;
}
img 
{
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
}
body {
font-size:14px;
font-family:Georgia, "Times New Roman";
color:#000;
}


#container {
width:882px;
behavior: url(/iepngfix.htc);
background:transparent url(images/left_edge.png) repeat-y scroll 0 0;
padding-left:80px;
margin:0 auto;
margin-top:57px;
}

#footer {
width:962px;
margin:0 auto;
margin-bottom:50px;
}

#bottomLeftCorner {
position:absolute;
width:80px;
height:109px;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
background:transparent url(images/bottom_left_corner.png) no-repeat scroll 0 0;
margin-top:-37px;
margin-left:-1px;
}

#bottomRightCorner {
background:transparent url(images/bottom_right_corner.png) no-repeat scroll 0 0;
height:109px;
margin-left:879px;
position:absolute;
width:80px;
margin-top:-37px;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);

}

#bottomRightCornerFix {
background:transparent url(images/right_bottom_fix.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
height:73px;
margin-left:883px;
margin-top:-109px;
position:absolute;
width:80px;
}

#bottomLeftCornerFix {
background:transparent url(images/left_bottom_fix.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);

height:140px;
margin-top:-68px;
position:absolute;
width:80px;
}

#bottom {
background:transparent url(images/bottom.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
height:80px;
margin-left:79px;
position:absolute;
width:801px;
}


#topDecals {
width:862px;
height:127px;
position:absolute;
background:transparent url(images/top_decals.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
margin-left:-36px;
margin-top:-12px;
}

#bottomDecals {
width:862px;
height:62px;
z-index:3;
position:absolute;
background:transparent url(images/bottom_decals.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
margin-left:57px;
margin-top:-51px;
}



#topLeftCorner {
position:absolute;
width:80px;
height:109px;
background:transparent url(images/top_left_corner.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
margin-left:-80px;
margin-top:-86px;
}

#topLeftCorner {
position:absolute;
width:80px;
height:109px;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
background:transparent url(images/top_left_corner.png) no-repeat scroll 0 0;
margin-left:-80px;
margin-top:-86px;
}



#top {
background:transparent url(images/top.png) no-repeat scroll 0 0;
height:80px;
margin-left:0;
margin-top:-80px;
position:absolute;
width:801px;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);

}

#topRightCorner {
background:transparent url(images/top_right_corner.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
height:109px;
margin-left:801px;
margin-top:-86px;
position:absolute;
width:80px;
}


#content {
background:transparent url(images/content_bg.jpg) repeat-y scroll 0 0;
padding-bottom:40px;
width:802px;
}

.site-vera-hejak #content, .site-ludvik-amp-heda-hajek #content, .site-hana-8217-s-songs #content  {
height:658px;
}

#rightEdge {
behavior: url(/iepngfix.htc);
background:transparent url(images/right_edge.png) repeat-y scroll right top;
}

#headerFT, #headerBA, #headerMH, #headerSHS, #headerC, #headerI, #headerFAQ, #headerTL, #headerT {
width:801px;
height:196px;
}

#headerFT a.home {
width:801px;
height:161px;
display:block;
}



#menu {
width:801px;
height:35px;
float:left;
postion:absolute;
z-index:6;
}

#menu ul {
background:transparent url(images/menu.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);

height:35px;
width:801px;
position:absolute;
z-index:1000;
}


#menu ul li {
display:inline-block;
float:left;
}

#menu ul li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }

#menu ul li > ul {
top: auto;
left: auto;
}

#menu ul li:hover ul, #menu ul li.over ul{ 
display: block;
}

#menu ul li.memoiresOfHana ul {
width:145px;
height:145px;
background:transparent url(images/memoires_bg.png) no-repeat scroll 0 0;
left:175px;
top:35px;
}

#menu ul li.familyTree ul {
width:135px;
height:261px;
background:transparent url(images/family_bg.png) no-repeat scroll 0 0;
top:35px;
left:1px;
}

#menu ul li.bradyArchives ul {
width:148px;
height:145px;
background:transparent url(images/archives_bg.png) no-repeat scroll 0 0;
left:314px;
top:35px;
}

#menu ul li.inspiration ul {
width:158px;
height:87px;
background:transparent url(images/inspirations_bg.png) no-repeat scroll 0 0;
left:589px;
top:35px;
}

#menu ul li.sharingHanasStory ul {
width:158px;
height:145px;
background:transparent url(images/story_bg.png) no-repeat scroll 0 0;
left:432px;
top:35px;
}


#menu ul li.memoiresOfHana ul li {
display:block;
height:29px;
width:145px;
}

#menu ul li ul li a {
display:block;
line-height:29px;
height:29px;
width:135px;
}

#menu ul li.memoiresOfHana ul li a{
width:145px;
}


#menu ul li.bradyArchives ul li a{
width:148px;
}

#menu ul li.inspiration ul li a{
width:158px;
}




#menu ul li.sharingHanasStory ul li a {
width:158px;
}





#menu li a {
display:block;
height:35px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:none;
text-indent:-7000px;
}



li.familyTree a {
left:0px;
width:99px;
cursor:default;
}

li.familyTree a:hover {
background:transparent url(images/menu.png) no-repeat scroll 0px -35px;
}

li.familyTree ul li.marketa a {
top:0px;
cursor:pointer;

}

li.familyTree ul li.marketa a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -261px;
}

li.familyTree ul li.karel a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -290px;
cursor:pointer;

}

li.familyTree ul li.george a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -319px;
cursor:pointer;

}

li.familyTree ul li.hana a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -348px;
cursor:pointer;

}

li.familyTree ul li.ludvickHeda a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -377px;
cursor:pointer;

}

li.familyTree ul li.vera a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -406px;
cursor:pointer;

}

li.familyTree ul li.emma a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -435px;
cursor:pointer;

}


li.familyTree ul li.kurt a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -464px;
cursor:pointer;

}

li.familyTree ul li.fumiko a:hover {
background:transparent url(images/family_bg.png) no-repeat scroll 0px -493px;
cursor:pointer;

}


li.bradyArchives a {
left:314px;
width:119px;
cursor:default;

}

li.bradyArchives a:hover {
background:transparent url(images/menu.png) no-repeat scroll -315px -35px;

}

li.bradyArchives ul li.noveMesto a {
top:0px;
}

li.bradyArchives ul li.noveMesto a:hover {
background:transparent url(images/archives_bg.png) no-repeat scroll 0px -145px;
cursor:pointer;

}

li.bradyArchives ul li.restrictions a:hover {
background:transparent url(images/archives_bg.png) no-repeat scroll 0px -174px;
cursor:pointer;

}

li.bradyArchives ul li.terezin a:hover {
background:transparent url(images/archives_bg.png) no-repeat scroll 0px -203px;
cursor:pointer;

}

li.bradyArchives ul li.vedem a:hover {
background:transparent url(images/archives_bg.png) no-repeat scroll 0px -232px;
cursor:pointer;

}

li.bradyArchives ul li.concentrationCamps a:hover {
background:transparent url(images/archives_bg.png) no-repeat scroll 0px -261px;
cursor:pointer;

}


li.memoiresOfHana a {
left:175px;
width:140px;
cursor:default;
}

li.memoiresOfHana ul li.lara a {
top:0px;
}


li.memoiresOfHana ul li.veraHajek a:hover {
background:transparent url(images/memoires_bg.png) no-repeat scroll 0px -145px;
cursor:pointer;

}


li.memoiresOfHana ul li.georgeTreasure a:hover {
background:transparent url(images/memoires_bg.png) no-repeat scroll 0px -232px;
cursor:pointer;

}

li.memoiresOfHana ul li.nextGeneration a:hover {
background:transparent url(images/memoires_bg.png) no-repeat scroll 0px -261px;
cursor:pointer;

}



li.memoiresOfHana ul li.hedaElla a:hover {
background:transparent url(images/memoires_bg.png) no-repeat scroll 0px -203px;
cursor:pointer;

}

li.memoiresOfHana ul li.alena a:hover {
background:transparent url(images/memoires_bg.png) no-repeat scroll 0px -174px;
cursor:pointer;

}

li.memoiresOfHana a:hover {
background:transparent url(images/menu.png) no-repeat scroll -175px -35px;
cursor:default;

}






li.contact a {
left:724px;
width:71px;
}

li.contact a:hover {
background:transparent url(images/menu.png) no-repeat scroll -725px -35px;
}

li.inspiration a {
left:589px;
width:94px;
cursor:default;

}

li.inspiration a:hover {
background:transparent url(images/menu.png) no-repeat scroll -590px -35px;

}


li.sharingHanasStory a {
left:433px;
width:156px;
cursor:default;

}

li.sharingHanasStory a:hover {
background:transparent url(images/menu.png) no-repeat scroll -434px -35px;
cursor:default;

}

li.sharingHanasStory ul li.audio a {
top:0px
}

li.sharingHanasStory ul li.audio a:hover {
background:transparent url(images/story_bg.png) no-repeat scroll 0px -145px;
cursor:pointer;
}

li.sharingHanasStory ul li.print a:hover {
background:transparent url(images/story_bg.png) no-repeat scroll 0px -174px;
cursor:pointer;
}

li.sharingHanasStory ul li.television a:hover {
background:transparent url(images/story_bg.png) no-repeat scroll 0px -203px;
cursor:pointer;
}

li.sharingHanasStory ul li.theatre a:hover {
background:transparent url(images/story_bg.png) no-repeat scroll 0px -232px;
cursor:pointer;
}


li.sharingHanasStory ul li.film a:hover {
background:transparent url(images/story_bg.png) no-repeat scroll 0px -261px;
cursor:pointer;
}



li.inspiration ul li.studyGuides a {
top:0px;
cursor:pointer;

}

li.inspiration ul li.studyGuides a:hover {
background:transparent url(images/inspirations_bg.png) no-repeat scroll 0px -87px;
}

li.inspiration ul li.artLettersCreations a:hover {
background:transparent url(images/inspirations_bg.png) no-repeat scroll 0px -116px;
cursor:pointer;

}

li.inspiration ul li.hanasSong a:hover {
background:transparent url(images/inspirations_bg.png) no-repeat scroll 0px -145px;
cursor:pointer;

}


li.faq a{
left:683px;
width:41px;
}

li.faq a:hover {
background:transparent url(images/menu.png) no-repeat scroll -684px -35px;
}



li.timeline a {
left:98px;
width:76px;
}

li.timeline a:hover {
background:transparent url(images/menu.png) no-repeat scroll -99px -35px;
}



#textContentHome {
background:transparent url(images/timeline-divider.png) no-repeat scroll center bottom;
float:left;
line-height:22px;
padding-bottom:20px;
padding-left:32px;
padding-top:24px;
text-align:justify;
width:90%;
}

#textContentHome ul li {
margin-bottom:15px;
}

#textContentStory {
background:transparent url(images/timeline-divider.png) no-repeat scroll 65px bottom;
float:left;
line-height:22px;
padding-bottom:20px;
padding-left:32px;
padding-top:24px;
text-align:justify;
width:100%;
}


#textContent {
background:transparent url(images/timeline-divider.png) no-repeat scroll 65px bottom;
float:left;
line-height:22px;
padding-bottom:20px;
padding-left:32px;
padding-top:24px;
text-align:justify;
width:399px;
}

#textContentHome p {
padding-bottom:10px;
}


#textContent p {
padding-bottom:10px;
}

#titleContact {
width:821px;
height:71px;
font-size:32px;
line-height:68px;
text-align:center;
background:transparent url(images/header_bg.jpg) no-repeat scroll 0 0;
margin-left:-11px;
margin-top:24px;
color:#403c33;
padding-bottom:28px;
z-index:50;
}



#title, #titleTimeline {
width:821px;
height:71px;
font-size:32px;
line-height:68px;
text-align:center;
background:transparent url(images/header_bg.jpg) no-repeat scroll 0 0;
margin-left:-43px;
color:#403c33;
padding-bottom:28px;
z-index:50;
text-transform:uppercase;
}

#titleTimeline {
margin-left:-75px;
}

#textContnent p:first-child {
padding-top:100px;
}

#photo {
float:right;
padding-right:63px;
width:251px;
height:290px;
}

#suitcase {
background:transparent url(images/suitcase.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);
height:187px;
margin-left:698px;
margin-top:-144px;
position:absolute;
width:272px;
}

#suitcase a {
display:block;
cursor:pointer;
width:272px;
height:187px;
border:none;
}


#menuPreloader {
position:absolute;
left:-9999em;
top:-9999em;
}

#spacer {
height:232px;
clear:both;
float:left;
width:100%;
}

#content a {
text-decoration:none;
color:#7c6d54;
}

#content a:hover {
text-decoration:underline;
}

#photo img {
padding-bottom:10px;
padding-top:118px;
}

#textContentStory #photo img {
padding-top:0px;
}

#textContentStory #photo {
margin-top:-5px;
padding-right:95px;
}

.storyList {
text-align:left;
padding-bottom:21px;
width:399px;
float:left;
}

.storyList li {
margin-bottom:10px;
padding-bottom:3px;
}

.storyList li ul {
padding-left:20px;
}

.storyListLast {
border-bottom:0px;
}

#contactTemp {
width:469px;
height:426px;
background:transparent url(images/form-temp.jpg) no-repeat scroll 0 0;
margin-left:172px;
margin-top:43px;
}

#textContent ul {
}

#textContent ul li:first-child {
font-weight:bold;
}

#textContent ul li {
background:transparent url(images/bullet.png) no-repeat scroll 0 0;
behavior: url(http://www.hanassuitcase.ca/blog/iepngfix.htc);

padding-left:30px;
}

#textContentTimeline {
background:none;
float:left;
line-height:22px;
padding-bottom:20px;
padding-left:64px;
padding-top:24px;
text-align:justify;
width:90%;
}

#textContentContact {
background:none;
float:left;
line-height:22px;
padding-bottom:20px;
padding-left:32px;
padding-top:24px;
text-align:justify;
width:90%;
}



#textContentTimeline ul#noBullets {
background:transparent url(images/timeline-divider.png) no-repeat scroll center bottom;
padding-bottom:30px;
padding-top:10px;
}



#textContentTimeline ul#noBullets li {
background:none;
padding-left:0px;
}


ul#noBullets li:first-child {
font-weight:bold;
}

h2 { display:none; }

.credits {
display:none;
}

.ddfmwrap {
text-align:right;
width:78%;
margin-top:20px;
}

input {
border:none;
width:320px;
height:37px;
padding:10px;
background:transparent url(images/input_bg.jpg) no-repeat 0px 0px;
margin-right:20px;
}

textarea {
border:none;
width:320px;
height:181px;
padding:10px;
background:transparent url(images/textarea_bg.jpg) no-repeat 0px 0px;
margin-right:20px;
overflow:auto;
}

.fieldwrap label {
line-height:34px;
margin-top:6px;
padding-right:5px;
vertical-align:top;
}

.submit {
margin-right:122px;

}

input[type="submit"] {
width:89px;
height:37px;
background:transparent url(images/submit.jpg) no-repeat 0px 0px;
text-indent:-4000px;
}

input[type="submit"]:hover {
background:transparent url(images/submit.jpg) no-repeat 0px -37px;
cursor:pointer;
}

.errorlist{
text-align:left;
width:71%;
float:right;
}

.ddfmerrors{
float:right;
text-align:left;
width:71%;
font-weight:bold;
}