/*
eShepherds of Light - style sheet
*/

all, xhtml, body, h1, h2, h3, h4, ul, li
{
  font-family: tahoma, verdana, arial, sans-serif;
  xfont-size: 12px;
  xbackground-color: #000;
  color: #fff;
  overflow: hidden; /* avoid min-height behavior and scroll bars */
  xdisplay: inline-block; /* ?? */
  margin: 0;
  padding: 0;
}

body
{
  xfont-family: tahoma, verdana, arial, Helvetica, sans-serif;
  xfont-size: 62.5%; /* force 1em to be 10px, for easier size calculations (1em = 10px) */
  xbackground-color: #888;
  background-color: #000;
  xbackground-image: url(graphics/banner.jpg);
  xbackground-repeat: no-repeat;
  xbackground-attachment: fixed;
  background-position: 10px 50px;
  xcolor: #fff;
  xoverflow: hidden; /* avoid min-height behavior and scroll bars */
  xdisplay: inline-block; /* ?? */
  margin: 10px;
  xpadding: 0;
}

#xwrapper
{
  background-color: red;
}
#intro
{
  xmargin-top: 70px;
  xmargin-left: -150px;
  xposition: absolute;
  xtop: 200px;
  xleft: 450px;
  xfont-size: .8em;
  font-size: 12px;
}

h1
{
  xfont-size: 62.5%; /* force 1em to be 10px, for easier size calculations (1em = 10px) */
  font-size: 28px;
  xpadding: 25px 0 0 30px;
  xfont: 32px "arial black", arial, sans-serif;
  xfont-size: 32px;
  xcolor: #151515;
}

h1 img
{
  display: block;
  white-space: nowrap;
}


h2
{
  font-size: 16px;
  margin: 0;
  xpadding: 0;
  padding: 3px 8px 0;
  white-space: nowrap;
}

h3
{
  padding: 3px 4px 0 2px;
  font-size: 12px;
  border-top: 2px solid #888;
  white-space: nowrap;
}

a
{
  xfont-weight: bold;
  xfont-size: 1em; /* force 1em to be 10px, for easier size calculations */
  color: #66f;
  text-decoration: none;
  icon: hand;
  margin: 0, 4px; /* top/bottom, left/right */
  xbackground: transparent;
  border-bottom: 1px dashed #33f;
}
a:link, visited
{
}
a:hover
{
  xtext-decoration: underline;
  text-decoration: none;
  xfont-weight: bold;
  cursor: hand;
  xcolor: #FFA405;
  border-bottom: 1px double #00f;
}
a:active
{
}


p
{
  padding: 8px 4px;
  margin: 0;
}
column p
{
  padding: 4px;
}

img
{
  border: 0;
  float: left;
}

.emot
{
  display: inline;
  float: none;
}

#content, #details
{
  xmargin-top: 200px;
  margin-left: 50px;
  xposition: absolute;
  xtop: 299px;
  xleft: 33px;
  width: 800px;
  xcolor: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 12px;
}
#content
{
  border: 2px solid #fff;
}
#details
{
  border-top: 2px solid #fff;
  margin-left: 20px;
}
.column
{
  width: 210px;
  xheight: 400px;
}

.vsep-l
{
  border-right: 2px solid #fff;
  padding-right: 4px;
  margin-right: 8px;
}
.vsep-r
{
  border-left: 2px solid #fff;
  padding-left: 4px;
  margin-left: 8px;
}

.box
{
  float: left;
  xwidth: 195px;
  xbackground: #730F11;
  xmargin-right: 20px;
  margin-left: 20px;
}

/* nav */

#nav img
{
  broken-text-align: center;
  height: 32px;
  display: block;
  xtext-indent: 20px;
  vertical-align: 20px;
}

#nav
{
  xposition: absolute;
  xtop: 0px;
  xleft: 335px;
  xright: 0;
  float: right;
  xwidth: 500px;
}
#nav li
{
  float: left;
  xbackground-color: #aaa;
  xbackground-image: url(graphics/LightBulb.gif);
  xbackground-repeat: no-repeat;
  xbackground-attachment: fixed;
  xbackground-position: 10px 50px;
  list-style: none;
  padding-left: 10px;
  padding-right: 20px;
  xpadding-top: 45px;
  padding-top: 10px;
  xvertical-align: 20px;
  line-height: 1.5;
}
#xnav span
{
  display: block;
  font-size: 28px;
}
#nav a
{
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  xtext-decoration: blink;
  margin-left: -8px;
}

/** footer **/

#footer
{
  xposition: absolute;
  xbottom: 0px;
  text-align: center;
  xclear: both;
  font-size: .8em;
}

#footer p, #footer ul
{
  xmargin: 0.8em;
}

#footer ul
{
  xmargin-top: 1.2em;
}

#footer li
{
  display: inline;
  list-style: none;
}

/* mixins */

.left
{
  float: left;
}

.right
{
  float: right;
}

.more
{
  broken-text-align: right;
  padding-left: 20px;
}

.clear
{
  clear: both;
}

.xtopleft
{
  xbackground-color: red;
  background-image: url(graphics/rounded.gif);
  xbackground-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
}
.xtop
{
  background-color: red;
  background-image: url(graphics/rounded.gif);
  background-repeat: repeat-x;
  background-position: -15px 0px;
  width: 2px;
  height: 8px;
}
.xtopright
{
  background-image: url(graphics/rounded.gif);
  xbackground-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
}



/*
SMALL CORNER COSMETICS (no images used):
(z=x if no anti-alias)

123XXXX   1
 zX       2
 X        3
X
X
X

*/
.xsmall-corners-TL1
{
  xposition: absolute; top: 2px; left: 4px;
  width: 3px; height: 3px;
  border-top: 2px solid #fff; /* color overridden */
  border-left: 2px solid #fff; /* color overridden */
  background-color: #888; /* color overridden */
  overflow: hidden;
  float: left;
}
.xsmall-corners-TL2
{
  xposition: absolute; top: 0; left: 0;
  width: 2px; height: 2px;
  border-top: 1px solid #f00; /* color overridden */
  border-left: 1px solid #f00; /* color overridden */
  background-color: #00f; /* color overridden */
  overflow: hidden;
  float: left;
}
.xsmall-corners-TR1
{
  xposition: absolute; top: 2px; right: 3px;
  width: 3px; height: 3px;
  border-top: 2px solid #fff; /* color overridden */
  border-right: 2px solid #fff; /* color overridden */
  background-color: #888; /* color overridden */
  overflow: hidden;
  float: right;
}
.xsmall-corners-TR2
{
  xposition: absolute; top: 0; right: 0;
  width: 2px; height: 2px;
  border-top: 1px solid #f00; /* color overridden */
  border-right: 1px solid #f00; /* color overridden */
  background-color: #00f; /* color overridden */
  overflow: hidden;
  float: right;
}
.xsmall-corners-BL1
{
  xposition: absolute; bottom: 1px; left: 4px;
  width: 3px; height: 3px;
  border-bottom: 2px solid #fff; /* color overridden */
  border-left: 2px solid #fff; /* color overridden */
  background-color: #888; /* color overridden */
  overflow: hidden;
}
.xsmall-corners-BL2
{
  xposition: absolute; bottom: 0; left: 0;
  width: 2px; height: 2px;
  border-bottom: 1px solid #f00; /* color overridden */
  border-left: 1px solid #f00; /* color overridden */
  background-color: #00f; /* color overridden */
  overflow: hidden;
}
.xsmall-corners-BR1
{
  xposition: absolute; bottom: 1px; right: 3px;
  width: 3px; height: 3px;
  border-bottom: 2px solid #fff; /* color overridden */
  border-right: 2px solid #fff; /* color overridden */
  background-color: #888; /* color overridden */
  overflow: hidden;
}
.xsmall-corners-BR2
{
  xposition: absolute; bottom: 0; right: 0;
  width: 2px; height: 2px;
  border-bottom: 1px solid #f00; /* color overridden */
  border-right: 1px solid #f00; /* color overridden */
  background-color: #00f; /* color overridden */
  overflow: hidden;
}

/*
LARGE CORNER COSMETICS (no images used):
(z=x if no anti-alias)

123456
.....xXXXX   1
...zx        2
..X          3
.z           4
.x           5
X
X
X

*/

.xlarge-corners
{
  background-image: url(graphics/LargeCorners3.gif);
  background-repeat: no-repeat;
  width: 7px; height: 27px;
  overflow: hidden;
  margin: 0;
  xpadding: 0;
}

.xTL
{
  background-position: 0px 0px;
  float: left;
  xmargin: 0;
  margin-right: -4px;
}
.xTR
{
  background-position: -7px 0px;
  float: right;
  xmargin: 0;
  margin-left: -4px;
}
.xBL
{
  background-position: 0px -9px;
  float: left;
  xmargin: 0;
  margin-right: -4px;
}
.xBR
{
  background-position: -7px -9px;
  float: right;
  xmargin: 0;
  margin-left: -4px;
}

.xcorners-T
{
  xposition: absolute; top: 2px; left: 4px;
  xwidth: 3px; height: 3px;
  border-top: 2px solid #fff; /* color overridden */
  xborder-left: 1px solid #fff; /* color overridden */
  xbackground-color: #888; /* color overridden */
  xoverflow: hidden;
  xfloat: left;
  margin: 0;
}
.xcorners-LR
{
  padding-left: 4px;
  padding-right: 4px;
  xbackground-color: #888; /* color overridden */
  border-left: 2px solid #fff; /* color overridden */
  border-right: 2px solid #fff; /* color overridden */
  overflow: hidden;
  margin: 0;
}
.xcorners-B
{
  xposition: absolute; top: 2px; left: 4px;
  xwidth: 3px; height: 3px;
  border-bottom: 2px solid #fff; /* color overridden */
  xborder-left: 1px solid #fff; /* color overridden */
  xbackground-color: #888; /* color overridden */
  xoverflow: hidden;
  xfloat: left;
}

.xlarge-corners-TL1
{
  xposition: absolute; top: 2px; left: 4px;
  width: 6px; height: 19px;
  border-top: 2px solid #fff; /* color overridden */
  border-left: 2px solid #fff; /* color overridden */
  xbackground-color: #000; /* color overridden */
  overflow: hidden;
  float: left;
}
.xlarge-corners-TLinner2
{
  xposition: absolute; top: 0; left: 0;
  width: 5px; height: 5px;
  border-top: 1px solid #f00; /* color overridden */
  border-left: 1px solid #f00; /* color overridden */
  background-color: #fff; /* color overridden */
  overflow: hidden;
  float: left;
}
.xlarge-corners-TLinner3
{
  xposition: absolute; top: 0; left: 0;
  width: 2px; height: 2px;
  border-top: 1px solid #ff0; /* color overridden */
  border-left: 1px solid #ff0; /* color overridden */
  background-color: #0f0; /* color overridden */
  overflow: hidden;
  float: left;
}
.xlarge-corners-TRouter
{
  xposition: absolute; top: 2px; right: 3px;
  width: 6px; height: 19px;
  border-top: 2px solid #fff; /* color overridden */
  border-right: 2px solid #fff; /* color overridden */
  xbackground-color: #000; /* color overridden */
  overflow: hidden;
  float: right;
}
.xlarge-corners-TRinner2
{
  xposition: absolute; top: 0; right: -1px;
  width: 5px; height: 5px;
  border-top: 1px solid #f00; /* color overridden */
  border-right: 1px solid #f00; /* color overridden */
  background-color: #00f; /* color overridden */
  overflow: hidden;
  float: right;
}
.xlarge-corners-TRinner3
{
  xposition: absolute; top: 0; right: -1px;
  width: 2px; height: 2px;
  border-top: 1px solid #ff0; /* color overridden */
  border-right: 1px solid #ff0; /* color overridden */
  background-color: #0f0; /* color overridden */
  overflow: hidden;
  float: right;
}
.xlarge-corners-BLouter
{
  xposition: absolute; bottom: 1px; left: 4px;
  width: 6px; height: 19px;
  border-bottom: 2px solid #fff; /* color overridden */
  border-left: 2px solid #fff; /* color overridden */
  xbackground-color: #888; /* color overridden */
  overflow: hidden;
  float: left;
}
.xlarge-corners-BLinner2
{
  xposition: absolute; bottom: -1px; left: 0;
  width: 5px; height: 5px;
  border-bottom: 1px solid #fff; /* color overridden */
  border-left: 1px solid #fff; /* color overridden */
  background-color: #000; /* color overridden */
  overflow: hidden;
  float: left;
}
.xlarge-corners-BLinner3
{
  xposition: absolute; bottom: -1px; left: 0;
  width: 2px; height: 2px;
  border-bottom: 1px solid #ff0; /* color overridden */
  border-left: 1px solid #ff0; /* color overridden */
  background-color: #0f0; /* color overridden */
  overflow: hidden;
  float: left;
}
.xlarge-corners-BRouter
{
  xposition: absolute; bottom: 1px; right: 3px;
  width: 6px; height: 19px;
  border-bottom: 2px solid #fff; /* color overridden */
  border-right: 2px solid #fff; /* color overridden */
  xbackground-color: #888; /* color overridden */
  overflow: hidden;
  float: right;
}
.xlarge-corners-BRinner2
{
  xposition: absolute; bottom: -1px; right: -1px;
  width: 5px; height: 5px;
  border-bottom: 1px solid #f00; /* color overridden */
  border-right: 1px solid #f00; /* color overridden */
  background-color: #00f; /* color overridden */
  overflow: hidden;
  float: right;
}
.xlarge-corners-BRinner3
{
  xposition: absolute; bottom: -1px; right: -1px;
  width: 2px; height: 2px;
  border-bottom: 1px solid #ff0; /* color overridden */
  border-right: 1px solid #ff0; /* color overridden */
  background-color: #0f0; /* color overridden */
  overflow: hidden;
  float: right;
}


/**********************************************/

xbody
{
	background: #3A0404 url(images/page_bg.jpg) repeat-x;
	font: 11px arial, sans-serif;
	color: #464544;
	padding-bottom: 10px;
}

/** layout **/
#xwrapper
{
	width: 678px;
	min-height: 750px;
	_height: 750px;
	background: url(images/header.jpg) no-repeat;
  position: relative;
}

/** topcontent **/

#xtopcon
{
  background: url(images/topcon.jpg) no-repeat;
  width: 427px;
  position: absolute;
  top: 105px;
  left: 338px;
  color: #fff;
}
#xtopcon-inner
{
  margin: 33px 40px 41px 85px;
  height: 120px;
  overflow: auto;
}
#xtopcon h2
{
  font-size: 14px;
}

/** Body **/

#xcontent-wrapper
{
}

#xcontent a
{
  color: #fff;
}
#xcontent a:hover
{
  color: #fee;
}
#xbody
{
  border: 3px solid white;
  background: #901315;
  padding: 18px;
}

.xbox-t { background: top url(images/box_t.gif) repeat-x; }
.xbox-r { background: right url(images/box_r.gif) repeat-y; }
.xbox-b { background: bottom url(images/box_b.gif) repeat-x; }
.xbox-l { background: left url(images/box_l.gif) repeat-y; }
.xbox-tr { background: top right url(images/box_tr.gif) no-repeat; }
.xbox-br { background: bottom right url(images/box_br.gif) no-repeat; }
.xbox-bl { background: bottom left url(images/box_bl.gif) no-repeat; }
.xbox-tl { background: top left url(images/box_tl.gif) no-repeat; }

.xbox-tl
{
  padding: 13px 18px;
}

.xbox p
{
  margin: 1em 0;
}

xp.more
{
  margin: 0;
}

#xhits
{
  width: 240px;
}
#xhits .box-tl
{
  padding-bottom: 22px;
}
#xhits ul
{
  margin: 1em 0;
}
#xhits li
{
  list-style: none;
  margin: 0.9em 0;
}
#xhits ul a
{
  text-decoration: none;
}
#xhits ul a:hover
{
  text-decoration: underline;
}

#xnew
{
  margin-right: 0;
}
#xnew .box-tl
{
  padding-bottom: 18px;
}
#xnew p
{
  margin-top: 0;
  margin-bottom: 3.6em;
}

#xbody h2
{
  font-size: 12px;
  text-align: right;
  margin-bottom: 1.5em;
}
#xbody h3
{
  font-size: 9px;
  color: #FFEA00;
}
#xbody .more a
{
  font-weight: bold;
  text-decoration: none;
}
#xbody .more a:hover
{
  text-decoration: underline;
}
#xbody .hr-yellow
{
  border-top: 1px solid #FFEA00;
  padding-bottom: 1em;
  margin-top: 1em;
}