/*---------------------------------------*/
/*  .__                    __  __. __.   */
/*  |  \ _.._. __ _.*._   /  `(__ (__    */
/*  |__/(_][  _) (_]|[ )  \__..__).__)   */
/*---------------------------------------*/


/* ------ 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana;
  text-decoration: none;
  color: #0c788f;
}


/* ------ GLOBAL ------- */

body { background: #000; }

h1 { font-size: 22px; color: #0c788f; margin: 0 0 8px 0; }

h2 { font-size: 18px; color: #0c788f; margin: 0 0 6px 0; }

h2 { font-size: 16px; color: #0c788f; margin: 0 0 5px 0; }

a, a:link, a:visited { color: #14906b; }

a:hover { color: #1d4c56; }

.ffix { clear: both; line-height: 0px; }

a.opaque {
  opacity: .50; 
  filter: alpha(opacity=50); 
  -moz-opacity: .50;
  cursor: pointer;
}

a.opaque:hover {
  opacity: 1; 
  filter: alpha(opacity=99); 
  -moz-opacity: 1;
}


/* ------ Objects ------- */

#mainwrapper {
  width: 1024px;
  max-width: 1024px;
  min-width: 1024px;
  background: url('http://l2shadows.net/style/wrap_bg.gif') repeat-y center top;
}

#wrapper2 { background: url('http://l2shadows.net/style/wrap_up.jpg') no-repeat center top; }

#wrapper { 
  position: relative;
  background: url('http://l2shadows.net/style/wrap_bottom.gif') no-repeat center bottom;
  text-align: left;
}

.status {
  position: absolute;
  width: 125px;
  max-width: 125px;
  min-width: 125px;
  top: 105px;
  right: 40px;/*
  *right: -156px;*/
  float: left;
  text-align: left;
  color: #1a608c;
  font-size: 15px;
  line-height: 20px;
}

.status .on { float: right; color: #397237; font-size: 20px; }

.status .off { float: right; color: #723737; font-size: 20px; }

.donate {
  position: absolute;
  top: 235px;
  left: 60px;
}

.menu { 
  position: absolute;
  top: 192px;
  *left: -190px;
  width: 1024px;
  text-align: center;
}

.menu a, .menu a:link, .menu a:visited {
  padding: 2px 10px;
  color: #3e7c9f;
  font-size: 18px;
}

.menu a:hover { color: #3199d5; }

.box {
  position: relative;
  width: 164px;
  max-width: 164px;
  min-width: 164px;
  text-align: center;
}

#box_left { float: left; padding: 390px 0 0 30px; }

#box_right { float: right; padding: 310px 30px 0 0; }

.content {
  padding: 250px 0 25px 0;
  width: 550px;
  max-width: 550px;
  min-width: 550px;
  text-align: left;
}

.footer {
  width: 580px;
  max-width: 580px;
  min-width: 580px;
  padding: 10px 0 20px 0;
}


/* ------ Left box ------- */

.side_box_up {
  width: 164px;
  height: 12px;
  background: url('http://l2shadows.net/style/side_box_up.gif') no-repeat center top;
  line-height: 0;
}

.side_box_bottom {
  width: 164px;
  height: 30px;
  background: url('http://l2shadows.net/style/side_box_bottom.gif') no-repeat center top;
  line-height: 0;
}

.side_box {
  background: url('http://l2shadows.net/style/side_box_bg.gif') repeat-y center top;
  padding: 15px 20px;
}

#box_left .links a, #box_left .links a:link, #box_left .links a:visited {
  display: block;
  margin: 1px 0 0 0;
  padding: 4px 0 8px 15px;
  color: #ac8584;
  font-size: 12px;
  text-align: left;
  background: url('http://l2shadows.net/style/menu_link_left_bg.gif') no-repeat left top;
}

#box_left .links a:hover {
  color: #e5b4b4;
  background: url('http://l2shadows.net/style/menu_link_left_bg_h.gif') no-repeat left top;
}

#box_left .group {
  margin: 2px 0;
  padding: 13px 15px 14px 0;
  color: #8b6f69;
  font-size: 18px;
  text-align: right;
  background: url('http://l2shadows.net/style/group_left_bg.gif') no-repeat right top;
}

/* ------ Right box ------- */

#box_right .links a, #box_right .links a:link, #box_right .links a:visited {
  display: block;
  margin: 1px 0 0 0;
  padding: 4px 15px 8px 0;
  color: #ac8584;
  font-size: 12px;
  text-align: right;
  background: url('http://l2shadows.net/style/menu_link_right_bg.gif') no-repeat right top;
}

#box_right .links a:hover {
  color: #e5b4b4;
  background: url('http://l2shadows.net/style/menu_link_right_bg_h.gif') no-repeat right top;
}

#box_right .group {
  margin: 2px 0;
  padding: 13px 0 14px 15px;
  color: #8b6f69;
  font-size: 18px;
  text-align: left;
  background: url('http://l2shadows.net/style/group_right_bg.gif') no-repeat right top;
}