/**
 * @version    $id: print.css 25.08.2010 16:17:09 benjamin braun $
 * @package    Queen of Souls
 * @subpackage -
 * @copyright  Copyright (C) 2010 JLabStudios.net. All Rights Reserved.
 * @author     JLabStudios.net, see CREDITS.php for more Details
 * @link       http://www.jlab-studios.net
 * @email      info@jlab-studios.net
 * @license    Commercial
 */

/**
 * Layout Styles
 */

#page_distance {
  float: left;
  background: #000;
  width: 1px;
  height: 50%;
  margin-bottom: -300px
}
#page_wrap {
  clear: left;
  position: relative;
  width: 1000px;
  height: 620px;
  margin: 0 auto;
  text-align: left;
}
#page_wrap.black {
  background: url(../../images/css/splashpage/black/bg_page_wrap.png) no-repeat left top;
}
#page_wrap.white {
  background: url(../../images/css/splashpage/white/bg_page_wrap.png) no-repeat left top;
}
#main_body {
  position: relative;
  width: 980px;
  height: 600px;
  top: 9px;
  left: 9px;
  border: 1px solid #000
}
#main_body.black {
  background: #151515 /*url(../../images/css/splashpage/black/bg_main_body.jpg) no-repeat left bottom*/;
}
#main_body.white {
  background: #151515 /*url(../../images/css/splashpage/white/bg_main_body.jpg) no-repeat left bottom*/;
}
#corner1 {
  width: 980px;
  height: 600px
}
#corner1.black {
  background: url(../../images/css/splashpage/black/bg_corner_1.png) no-repeat left top;
}
#corner1.white {
  background: url(../../images/css/splashpage/white/bg_corner_1.png) no-repeat left top;
}
#corner2 {
  width: 980px;
  height: 600px
}
#corner2.black {
  background: url(../../images/css/splashpage/black/bg_corner_2.png) no-repeat right bottom;
}
#corner2.white {
  background: url(../../images/css/splashpage/white/bg_corner_2.png) no-repeat right bottom;
}
#logo {
  position: absolute;
  width: 349px;
  height: 70px;
  top: 55px;
  left: 18px
}
#logo img {
}
#page_enter {
  position: absolute;
  width: 237px;
  height: 239px;
  left: 50%;
  top: 50%;
  margin-top: -119px;
  margin-left: -118px
}
#page_enter a,
#page_enter a:visited {
  display: block;
  position: relative;
  background: url(../../images/css/splashpage/logo_page_enter.png) no-repeat left top;
}
#page_enter a:hover {
  background: url(../../images/css/splashpage/logo_page_enter_hover.png) no-repeat left top
}
#logo_text {
  color: #F00;
  position: absolute;
  top: 130px;
  left: 160px;
  font-size: 70%
}
#notice {
  color: #000;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 70%;
  text-align: right;
  padding: 18px
}
#notice .notice {
  padding-bottom: 12px
}