/* psalmsstyles.css */

/* universal style rule */
* {
 /* block all browser default margins and padding */
 margin:0;
 padding:0;
  /*temporary borders */
 /*border:dashed 1px #f00;*/ 
}

body {
 background-color:#dddde8;
 background-color:#f1f3f5;
 background-color:#eee;
 background-color:#f2f2f2;
 background-color:#ececec;
 /* background-image: url(gray.jpg); */
 color:#000;
 font-family:verdana,geneva,sans-serif;
 font-size:.9em;
 
}


/* bibleversemedium.css min-width 500 px and max-width 649 px */



@media (min-width: 500px) and (max-width: 649px) {

body {
 font-size:1em;

 }

}

@media (min-width: 500px) and (max-width: 649px) {
#branding img{
 width:60%;


 }
}

@media (min-width: 500px) and (max-width: 649px) {
#content {
 padding-left:35px;
 padding-right:35px;

 }

}



@media (min-width: 500px) and (max-width: 649px) {
#left big {
 font-size:1.2em;

 }

}









#wrapper {
 width:100%; 
 /* center the wrapper */
 margin:0 auto 0 auto;
 background-color:#fff;
 border:1px solid #000;
 text-align:center;
 
 
 
}

#branding {
 background-color:#fff;
 background-color:#ececec;
  background-color:#f2f2f2;
 border-bottom:4px solid #036;
 margin:auto;
 text-align:left;
 margin-bottom:7px;
 margin-top:7px;
 max-width:100%;

} 



#branding a:link, #branding a:visited, #branding a:hover{
 font-size:1.45em;
 font-variant:small-caps;
 letter-spacing:-1.1px;
 word-spacing:-2px;
 font-weight:bold;
 color:#036;
 text-decoration:none;
 padding-left:7px;

}

#branding img{
 width:75%;
 max-width:100%;
 height:auto;
 margin-left:15px;
 padding-top:5px;
 border:none;
 
 
 

}




#nav {
 max-width:100%;
 background-color:#d4d4d4;
 background-color:#fff;
 background-color:#d8d8e2;
 background-color:#dddde8;
 background-color:#fff;
 font-size:.9em;
 color:#036;
 padding-top:3px;
 margin-top:2px;
 margin-bottom:1.1em;
 border-top:solid 1px #000;
 border-bottom:solid 1px #000;
}

#nav a:link, #nav a:visited{
 color:#036;
 font-weight:bold;
 text-decoration:none;
 display:inline-block;
 padding-top:.45em;
 padding-bottom:.35em;
 

}


#nav a:hover {
 
 text-decoration:none;
 font-weight:bold;

}


#content { 
 text-align:center;
 font-size:1.2em;
 padding-top:1px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:15px;
 margin-top:25px;
 margin-bottom:25px;
 
 
}


#content img {
 width:100%;
 /* Width:98%; */
 height:auto;
 max-width:100%;
 margin-top:8px;
 margin-bottom:5px;
 
 
 

}

#content h1 {
 font-size:1.2em;
 
 
}


#content h2 {
 font-size:1em;

}

#content p{

 
/* border:solid 2px #000; */
 /* margin-top:15px; */
 margin-top:.1em;
 padding-bottom:6px;
 font-size:.9em;
 line-height:22px;
 padding-left:3px;
 padding-right:3px;
 text-align:left;

}

#content a:link, #content a:visited{
 color:#036;
 font-weight:bold;
 text-decoration:none;
 font-size:1em;
 

}

#content a:hover {
 
 text-decoration:none;
 font-weight:bold;

}

a:link.related,a:visited.related{
 color:#036;
 font-weight:bold;
 text-decoration:none;
 font-size:1.3em;
 background-color:#f1f3f5;
 padding:14px 20px 16px 20px;
 margin-top:14px;
 border:2px solid #036;
 border-bottom:7px solid #036;
}

a:hover.related {
 text-decoration:none;

}





#rightcolumn{
 
 text-align:center;
 line-height:45px;
 margin-bottom:25px;
 
 
}

#rightcolumn a:link, #rightcolumn a:visited{
 color:#036;
 font-weight:normal;
 text-decoration:none;
 font-size:1.3em;
 

}

#rightcolumn a:hover {
 
 text-decoration:none;
 font-weight:normal;

}

#rightcolumn a.selected{ 

 text-decoration:none;
 font-weight:bold;

}



#bigcontent{
}


a:link.bigpic,a:visited.bigpic{
 color:#036;
 font-weight:bold;
 text-decoration:none;
 font-size:1.3em;
 background-color:#f1f3f5;
 padding:14px 20px 16px 20px;
 border:2px solid #036;
 border-bottom:7px solid #036;
}

a:hover.bigpic {
 text-decoration:underline;

}

#bigcontent a:link, #bigcontent a:visited{
 color:#036;
 font-weight:normal;
 text-decoration:none;


}

#bigcontent a:hover {
 margin-top:40px;
 text-decoration:none;
 font-weight:normal;

}

#bigcontent p.leftbig {
 width:80%;
 margin:auto;
 margin-bottom:35px;
 margin-top:16px;

}



#bigcontent img.leftbig {
 width:100%;
 height:auto;
}



#bigright {
 text-align:center;
 margin:auto;
 line-height:40px;
 margin-bottom:25px;
 margin-top:40px;


}




#bigright a:link, #bigright a:visited{
 color:#036;
 font-weight:normal;
 text-decoration:none;
 font-size:1.25em;
 margin-top:20px;
 

}

#bigright a:hover {
 
 text-decoration:none;
 font-weight:normal;

}




h1.bigpic{
 font-size:1.2em;
 padding-top:10px;
 padding-bottom:5px;


}

h2.bigpic {
 font-size:1.05em;
 padding-top:5px;

}


.bigimage {
 width:100%;
 height:auto;

}


img.thumbpad{
 width:27%;
 height:auto;
 padding-right:20px;
 padding-bottom:8px;

}

img.thumbright{
 width:27%;
 height:auto;
 padding-bottom:8px;

}


p.verse {
 text-align:left;
 font-size:1.2em;
 padding-left:20px;
 padding-right:20px;

}


.version {
 color:#000;
 font-weight:bold;

}




p.verse {
 text-align:left;
 font-size:1.2em;
 padding-left:20px;
 padding-right:20px;

}


.version {
 color:#000;
 font-weight:bold;

}

.translations{
 padding:15px 30px 20px 35px; 
 text-align:left;
 font-size:1em;

}



p.alphabetical{
 text-align:left;
 margin-left:12%;
 line-height:30px;
}


a:link.alphabetical,a:visited.alphabetical{
 color:#036;
 font-weight:normal;
 text-decoration:none;
 font-size:1.3em;
 
 
}

a:hover.alphabetical {
 text-decoration:none;


}


#footer {
 clear:both;
 text-align:center;
 font-size:.8em;
 background-color:#000;
  color:#fff;
 padding-top:20px;
 padding-bottom:15px;

  
}