/*
    Document   : main
    Created on : 09.12.2008, 14:27:18
    Author     : David Dahlem
    Description:
        Main Stylesheet of battlewreck
*/

*  {margin:0; padding:0; }
ul {padding-left: 30px;}
li {line-height:1.5em;}
body {background:#eeeeee;}
body, table {text-align:center; font-family:arial; font-size: 11px;}

#main {width:800px; position:relative; margin:auto; text-align:center; border:1px solid #808080; background:#FFFFFF; height:100%;}
#header {width:100%; position:relative; height:300px; background: silver url("../img/main/acara_header.png"); }
#headerlink {position:absolute; width:295px; height:140px; top:60px; left:5px;border:0;}
#navi {width:100%; height:30px; position:relative; background: url("../img/main/navi_bg.gif") #808080; vertical-align:middle; text-align:left;}
#content {width:100%; position:relative; background:#FFFFFF; border-top:1px solid transparent;}
.content {margin:10px;}
#footer {}

a:link, a:visited, a:active, a:focus  {color:#8B0000; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:1.3em;}
h2 {font-size:1.7em;}
h3 {font-size:2.5em;}
h4 {font-size:3em;}
h5 {font-size:4em;}



.a {font-weight:bold; color:#FF0000;}

li {list-style:circle;}

.leftalign {text-align:left; display:block; margin-left:35%; }
.lrtable tr td {text-align:left;}
.center {margin: 0 auto;}
/******************************
*HEADER
******************************/
#lang a img {border:0;}
#lang {position:absolute; top:10px; right:10px;}

/******************************
*NAVI
******************************/
#navitable {height:100%; width:100%;}

#petsearch {position:relative;}

#searchform select {height:20px;}
#petsearch .button, #searchform .button {padding:0; height:22px; }

#search {width:160px;}


/******************************
*PETTABLE
******************************/

.table {margin-left:auto; margin-right:auto;}
.table a {color:#000000; text-decoration:none;}
.table a:hover {text-decoration:underline;}
.table img {border:0;}
.tableheader {background: #DDDDDD;}
.tableheader span {margin:3px;}
.table td {vertical-align:middle;}
.bg1 {background:#f6f6f6;}
.bg2 {background:#eeeeee}
.bg3 {background:#FFE1AF;}
.bg1_2{background:#f6a9a9;}
.bg2_2{background:#eea3a3;}
.bg3_2{background:#ff9a78;}
.sort a {color:#FFFFFF;}
.sort a:hover{text-decoration:none; color:#000000;}
.sort_a a{color:#000000;}
.sort_a a:hover {text-decoration:none; color:#FF0000;}
.table .pos {text-align:center; font-size:25px; width:50px;}
.table .sum span, .table .pet span, .table .owner span, .table .hp span, .table .str span, .table .def span {margin:5px;}
.table .sum {font-weight:bold;}
.table .sum, .table .hp, .table .str, .table .def {font-size:12px;}
.table .spetimg, .table .spetimg img {height:50px;width:50px;}




/******************************
*WELCOME
******************************/

.leftfloat {float:left;}
.rightfloat {float:right;}
.flag11 {border:0; height:11px; width:16px;}
.table1 {border:0; width:100%;}
.table1 td {text-align:center; vertical-align:top;}
.table1 .text {text-align:left; padding-left:15px; padding-right:10px;}

#contentbox {text-align:left;}



.dbpets {width:130px; float:left; margin-right: 10px; z-index:1000;}
#info {text-align:left; margin:10px; margin-left:160px;}
#facts {float:right; width:250px; margin-left:10px; margin-top:0px; text-align:center;}
.facts {margin-top:-20px;}

.news {margin-top:10px; margin-bottom:10px; position:relative;}

.newscont {margin-top:20px; text-align:left;}
.newscont div {margin-left:20px; clear:both;}
.time {color:#808080; font-weight:bold;}


/******************************
*PETPROFIL
******************************/
.padding1 tr td {padding: 5px;}
.graph {display:block; height:20px; border:1px solid black; background:green;}
.innerFont {display:inline-block; margin-bottom:5px; margin:2px; color:#FFFFFF; padding:1px; background:green;}

.pethover {display:block; position:relative; float:left; height:300px; width:300px; margin-right:10px; cursor:default;}
.s300 {width:300px; height:300px; position:absolute; left:0px; top:0px; border:0;}
.petflag {position:absolute; right:10px; top:0px;border:0;}

.pethover:hover .petflag{display:none;}

#trophies {width:470px;}

/******************************
*All about Trophies
******************************/

.preview .m {min-width: 300px; min-height:300px;}
#codearea {width:100%;}
/******************************
*MODUL STUFF
******************************/
.info {display: inline-block; background:#FFFF88; border:1px red dotted; width:250px; padding:10px; text-align:center;}
.info img {float:left;}


.module .lt, .module .rt, .module .lb, .module .rb {height:18px; width:18px;}
.module .lt {background:url('../img/module/left_top.png');}
.module .rt {background:url('../img/module/right_top.png');}
.module .lb {background:url('../img/module/left_bottom.png');}
.module .rb {background:url('../img/module/right_bottom.png');}
.module .t {background:url('../img/module/top.png');}
.module .r {background:url('../img/module/right.png');}
.module .b {background:url('../img/module/bottom.png');}
.module .l {background:url('../img/module/left.png');}
.module .m {background: #FFFFFF;}

/******************************
*SPECIAL CLASSES
******************************/

.hidden {height:0px;width:0px;visibility:hidden;}

.left {text-align:left; display:block;}