/*
    LIELAISJAUTAJUMS
    MAIN CSS
    PATH: data/css/main.css
*/

html * { margin: 0; padding: 0; }
div { position: absolute; }
body { background: #000131; }
* html body { background: url('../img/background.jpg') no-repeat left top #000131; }

h1 {
  color: #ffffff;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 20px 0 20px 0;
}

h2 {
  color: #ffffff;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  /* text-decoration: underline; */
  padding: 20px 0 10px 0;
}

p, td {
  color: #ffffff;
  font-family: arial;
  font-size: 13px;
  text-align: justify;
  padding: 0 0 10px 0;
}

p.banner {
  padding: 0 21px 0 0;
  text-align: right;
}

p.footer {
  color: #000000;
  padding: 2px 0 0 0;
  text-align: center;
  font-weight: bold;
}

a {
  color: #ffffff;
  font-family: arial;
  font-size: 13px;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

input, select {
  width: 90%;
  margin: 0 0 0 10%;
}

table {
  width: 100%;
  border-collapse: collapse;
}

td {
  width: 50%;
  height: 100%;
  vertical-align: top;
  border-bottom: 1px solid #aaaaaa;
  padding-top: 10px;
}

td.center {
  text-align: center;
}

td p {
  padding: 0 0 0 10%;
  
}

input.submit {
  width: 33%;
}

input.nostyle {
  width: auto;
}

input.nopad {
  margin: 0;
  padding: 0;
}

#lj_main {
  left: 0;
  top: 0;
  width: 800px;
  height: 110%;
  background: url('../img/background.jpg') no-repeat;
}

* html #lj_main {
  background: none;
}

#lj_main #lj_menu {
  left: 0;
  top: 262px;
}

#lj_main #lj_menu div {
  width: 201px;
  left: 0;
  cursor: pointer;
}

#lj_main #lj_menu #lj_home {
  background: url('../img/menu/home.jpg') no-repeat left top;
  height: 30px;
  top: 0;
}

#lj_main #lj_menu #lj_home.active {
  background: url('../img/menu/home_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_description {
  background: url('../img/menu/description.jpg') no-repeat left top;
  height: 30px;
  top: 30px;
}

#lj_main #lj_menu #lj_description.active {
  background: url('../img/menu/description_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_rules {
  background: url('../img/menu/rules.jpg') no-repeat left top;
  height: 30px;
  top: 60px;
}

#lj_main #lj_menu #lj_rules.active {
  background: url('../img/menu/rules_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_showmen {
  background: url('../img/menu/showmen.jpg') no-repeat left top;
  height: 28px;
  top: 90px;
}

#lj_main #lj_menu #lj_showmen.active {
  background: url('../img/menu/showmen_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_contacts {
  background: url('../img/menu/contacts.jpg') no-repeat left top;
  height: 32px;
  top: 118px;
}

#lj_main #lj_menu #lj_contacts.active {
  background: url('../img/menu/contacts_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_form {
  background: url('../img/menu/form.jpg') no-repeat left top;
  height: 33px;
  top: 150px;
}

#lj_main #lj_menu #lj_form.active {
  background: url('../img/menu/form_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_dependence {
  background: url('../img/menu/dependence.jpg') no-repeat left top;
  height: 33px;
  top: 180px;
}

#lj_main #lj_menu #lj_dependence.active {
  background: url('../img/menu/dependence_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_howto {
  background: url('../img/menu/howto.jpg') no-repeat left top;
  height: 33px;
  top: 213px;
}

#lj_main #lj_menu #lj_howto.active {
  background: url('../img/menu/howto_h.jpg') no-repeat left top;
}

#lj_main #lj_menu #lj_studio {
	width: 180px;
	height: 88px;
	left: 10px;
	top: 314px;
	cursor: pointer;
}

#lj_main #lj_menu #lj_banner {
  left: 11px;
  top: 440px;
}

#lj_main #lj_content {
  width: 459px;
  left: 200px;
  top: 223px;
  padding: 160px 0 68px 29px;
  background: url('../img/stripe_middle.jpg') repeat-y left top;
}

#lj_main #lj_content #stripe_top {
  width: 1px;
  height: 68px;
  left: 0;
  top: 0;
  background: url('../img/stripe_top.jpg') no-repeat left top;
}

#lj_main #lj_content #stripe_bottom {
  width: 1px;
  height: 68px;
  left: 0;
  bottom: 0;
  background: url('../img/stripe_bottom.jpg') no-repeat left top;
}

#lj_footer {
  position: fixed;
  background: #ffffff;
  width: 100%;
  height: 20px;
  left: 0;
  top: 100%;
  margin-top: -20px;
}

* html #lj_footer {
  display: none;
}