@charset "utf-8";
/* ----------------------------------------------------------------------
Style sheet for bible2.net
------------------------------------------------------------------------*/

@import url(/service/TheWord/today/today.css);
/* impl/css */

/* --- reset --- */

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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}

/* --- 1. Base (default styling) -------------------------------------- */

html {
  background-image: url("/images/IMG_0482_2_bright_1920.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}

body {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7%;
  font-family: Verdana,Geneva,Arial,sans-serif;
  font-size: 175%;
}

p.TL img {
 margin: 2px;
} 

/* --- Responsive --- */

/*
2013-04-08 HS: for future use with really big screens?
@media 
  screen and (min-width: 1921px),
  screen and (min-height: 1201px)
{
  html {
    background-image: url("/images/IMG_0482_2_bright_4096.jpg");
  }
}
*/

@media 
  screen and (min-width: 801px) and (max-width: 960px),
  screen and (min-height: 601px) and (max-height: 700px)
{
  body {
    margin-top: 5%;
    width: 770px;
    font-size: 125%;
  }
}

@media
 screen and (min-width: 601px) and (max-width: 800px),
 screen and (min-height: 451px) and (max-height: 600px)
{
  body {
    margin-top: 3%;
    width: 570px;
    font-size: 125%;
  }
}

@media
  screen and (min-width: 481px) and (max-width: 600px),
  screen and (min-height: 350px) and (max-height: 450px)
{
  body {
    margin-top: 2%;
    width: 470px;
    font-size: 100%;
  }
}

@media
  screen and (min-width: 361px) and (max-width: 480px)
{
  body {
    margin-top: 0;
    width: 350px;
    font-size: 80%;
  }
}

@media
  screen and (max-width: 360px),
  screen and (max-height: 350px)
{
  body {
    width: 300px;
    margin-top: 0;
    font-size: 70%;
  }
}

/*
Local Variables:
fill-column: 120
End:
*/