/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126   License: none (public domain)
*/

html, body, div, span, a, big, img, small,
b, u, i {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
        vertical-align: baseline;
}
body {
	line-height: 1;
}
/* end of reset */

a {
outline: none !important;
}

body {
background: url(images/general-images/wp_mini_acanthus_005-faded.png) fixed;
}

.border {
background: url(images/general-images/bord_mini_acanthus_005-faded.png) repeat-x;
position: fixed;
top: 0;
z-index: 2;
width: 100%;
height: 75px;
}

.border-title {
position: fixed;
width: 800px;
height: 75px;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
z-index: 2;
opacity: 0.9;
}

/* content display */

.content-page-body {
width: 800px;
margin: 0 auto;
}

/* main image */

.partial-image {
margin-top: 100px;
background-repeat: no-repeat;
border-top-left-radius: 50% 75px;
border-top-right-radius: 50% 75px;
border-bottom-right-radius: 50% 50px;
border-bottom-left-radius: 50% 50px;
box-shadow: 
   -8px 0px 0px 0px #ddd,
    8px 0px 0px 0px #ddd;
}

.full-image {
position: relative;
top: 0px;
opacity: 0;
}

.full-image:hover {
opacity: 1.0;
}

.full-image img {
border-top-left-radius: 50% 75px;
border-top-right-radius: 50% 75px;
border-bottom-right-radius: 50% 50px;
border-bottom-left-radius: 50% 50px;
box-shadow: 
   -8px 0px 0px 0px #ddd,
    8px 0px 0px 0px #ddd;
}

/* commentary image */

.commentary-image img {
margin: 100px auto 0;
border-top-left-radius: 50% 75px;
border-top-right-radius: 50% 75px;
border-bottom-right-radius: 50% 50px;
border-bottom-left-radius: 50% 50px;
box-shadow: 
   -8px 0px 0px 0px #ddd,
    8px 0px 0px 0px #ddd;
opacity: 1.0;
}

/* navigation buttons */

.english-button,
.hebrew-button {
position: fixed;
top: 16px;
right: 1%;
width: 150px;
height: 40px;
border-width: 2px;
border-style: solid;
border-color: #ddd;
border-top-left-radius: 50% 25%;
border-top-right-radius: 50% 25%;
border-bottom-right-radius: 50% 25%;
border-bottom-left-radius: 50% 25%;
box-shadow: 
   -10px 0px 0px 0px #ddd,
    10px 0px 0px 0px #ddd;
z-index: 2;
}

.english-button:hover,
.hebrew-button:hover {
right: 1.2%;
}

.english-button {
background-image: url(images/navigation-buttons/english.png);
}

.hebrew-button {
background-image: url(images/navigation-buttons/hebrew.png);
}

.home-page-button,
.top-of-page-button,
.previous-page-button,
.next-page-button {
position: fixed;
right: 1%;
width: 125px;
height: 30px;
border-width: 2px;
border-style: solid;
border-color: #ddd;
border-top-left-radius: 50% 25%;
border-top-right-radius: 50% 25%;
border-bottom-right-radius: 50% 25%;
border-bottom-left-radius: 50% 25%;
box-shadow: 
   -10px 0px 0px 0px #ddd,
    10px 0px 0px 0px #ddd;
opacity: 1;
}

.home-page-button {
top: 100px;
}

.top-of-page-button {
top: 145px;
}

.previous-page-button {
top: 205px;
}

.next-page-button {
top: 250px;
}

.home-page-button:hover,
.top-of-page-button:hover,
.previous-page-button:hover,
.next-page-button:hover {
opacity: 0.7;
}

/* end of navigation buttons */

/* download button */

.download-wrapper {
width: 180px;
height: 22px;
position: absolute;
top: 95px;
left: 20px;
text-align: center;
}

.download-content {
width: 180px;
height: 22px;
display: table-cell; vertical-align: middle;
background-color: #956669;
font-family: "Times New Roman";
font-size: 18px;
color: #E9E0CD;
text-align: center;
border-style: double;
border-radius: 30%;
border-width: 6px;
border-color: #E9E0CD;
padding: 5px 0px 7px 0px;
}

.download-content a {
display: block;
text-decoration: none;
color: #E9E0CD
}

.download-content a:hover {
color: black;
}

/* link button */

.link-button-wrapper {
width: 180px;
position: absolute;
left: 20px;
text-align: center;
}

.link-button-one {
top: 158px;
}

.link-button-two {
top: 251px;
}

.link-button-three {
top: 344px;
}

.link-button-content {
width: 180px;
display: table-cell; vertical-align: middle;
background-color: #956669;
font-family: "Times New Roman";
font-style: normal;
font-size: 18px;
line-height: 135%;
color: #E9E0CD;
text-align: center;
border-style: double dotted;
border-radius: 30%;
border-width: 6px 3px;
border-color: #E9E0CD;
padding: 3px 0px 6px 0px;
}

.link-button-content a {
display: block;
text-decoration: none;
color: #E9E0CD
}
.link-button-content a:hover {
color: black
}

/* shnayim mikra banners */

.rishon-wrapper {
width: 180px;
position: fixed;
top: 95px;
left: 20px;
text-align: center;
}

.sheni-wrapper {
width: 180px;
position: fixed;
top: 155px;
left: 20px;
text-align: center;
}

.shelishi-wrapper {
width: 180px;
position: fixed;
top: 215px;
left: 20px;
text-align: center;
}

.revii-wrapper {
width: 180px;
position: fixed;
top: 275px;
left: 20px;
text-align: center;
}

.chamishi-wrapper {
width: 180px;
position: fixed;
top: 335px;
left: 20px;
text-align: center;
}

.shishi-wrapper {
width: 180px;
position: fixed;
top: 395px;
left: 20px;
text-align: center;
}

.shevii-wrapper {
width: 180px;
position: fixed;
top: 455px;
left: 20px;
text-align: center;
}

.ashkenazim-wrapper {
width: 180px;
position: fixed;
top: 455px;
right: 20px;
text-align: center;
}

.sefardim-wrapper {
width: 180px;
position: fixed;
top: 515px;
right: 20px;
text-align: center;
}

.teimanim-wrapper {
width: 180px;
position: fixed;
top: 575px;
right: 20px;
text-align: center;
}

.link-content {
width: 180px;
display: table-cell; vertical-align: middle;
background-color: #956669;
font-family: "Times New Roman";
font-style: normal;
font-size: 24px;
color: #E9E0CD;
text-align: center;
border-style: double dotted;
border-radius: 30%;
border-width: 6px 3px;
border-color: #E9E0CD;
padding: 3px 0px 6px 0px;
}
.ashkenazim-wrapper .link-content,
.sefardim-wrapper .link-content,
.teimanim-wrapper .link-content {
background-color: #956669;
border-style: double dotted;
border-radius: 30%;
border-width: 6px 6px;
}

.link-content a {
display: block;
text-decoration: none;
color: #E9E0CD;
}
.link-content a:hover {
color: #000;
font-size:110%;
margin-top: -2px;
}
.ashkenazim-wrapper .link-content a:hover,
.sefardim-wrapper .link-content a:hover,
.teimanim-wrapper .link-content  a:hover{
color: #000;
font-size:110%;
margin-top: -2px;
}

#956669