dl.list {}
	.list dt { margin-left: 80px; height: 20px; line-height: 20px; font-weight: bold; margin-bottom: -20px; }
	.list dd.img { width: 70px; height: 70px; }
	.list dd.desc { margin-left: 80px; margin-top: -50px; height: 70px; }

/* menu "accordion" */
#menu .accordion > li > strong { line-height: 20px; font-size: 14px; padding-left: 20px; display: block; text-align: left; }
	#menu .accordion > li > strong:hover { text-decoration: underline; }

/* stronicowanie */
#content .pagination { clear: both; margin: 10px 0 10px 360px; height: 22px; font-size: 10px; width: 350px; text-align: right; }
	#content .pagination a, #content .pagination span { display: block; float: left; width: 16px; height: 20px; line-height: 20px; text-align: center; margin: 0 2px; border: 1px solid #585c6d; }
	#content .pagination a:hover { border-color: #CEB67B; }
	#content .pagination span { border-color: #fff; background-color: #363a4b; }
	#content .pagination img { vertical-align: middle; }

/* N O W I N Y */
.news { padding-bottom: 15px; }
.news.headerOnly { width: 275px; float: left; }
	.news em.date { display: block; color: #ababab; font-size: 10px; margin-left: 10px; }
	#content p.author { text-align: right; margin-right: 100px; margin-top: 0; }
	#content p.more { margin-bottom: 0; margin-top: 10px; }
		.more a { background: transparent url("../img/arr_lightbrown_next.gif") no-repeat scroll 100% 58%; padding-right: 14px; }

/* A R T Y K U Ł Y */
em.date.article { display: block; color: #ababab; font-size: 10px; margin: 0 0 0 20px;}

/* G A L E R I A */
#gallery { overflow: hidden; margin: 10px auto 30px; width: 610px; }
	#gallery div.img { margin: 0; padding: 0; float: left; width: 152px; height: 152px; }
		#gallery div.img a { display: block; width: 140px; height: 140px; line-height: 140px; text-align: center; border: 1px solid #585c6d; }
		#gallery div.img a:hover { border-color: #B5A366; }
			#gallery div.img img { opacity: 0.5; vertical-align: middle; }
			#gallery div.img a:hover img { opacity: 1; }

/* komentarze */
#commentsList { overflow: hidden; width: 700px; margin: 0 auto; }
	#commentsList li { overflow: hidden; border-bottom: 1px solid #cecece; padding: 10px 0 5px; }
	#commentsList li:first-child { border-top: 1px solid #cecece; }
	#commentsList li.altRow { background-color: #303040; }
		#commentsList div { float: right; width: 110px; text-align: left; }
			#commentsList cite { display: block; font-weight: bold; font-style: normal; }
			#commentsList img { margin: 5px 0 0; }
			#commentsList p.buttons { margin: 5px 0 5px; overflow: hidden; }
				#commentsList div p a { display: block; width: 45px; float: left; text-align: center; margin-right: 5px; }
		#commentsList blockquote { float: left; width: 580px; }
			#commentsList img { float: none; }
#comment_add { margin-top: 25px; }

/* zaklęcia */
#spells { font-size: 11px; }
	#spells dt, #spells dd { margin-left: 100px; height: 20px; line-height: 20px; }
	#spells dt { margin-bottom: -20px; font-weight: bold; font-size: 12px; }
	#spells dd { }
	#spells dd.img { margin-left: 0; height: 100px; width: 100px; }
	#spells .level { margin-top: -80px; }
	#spells .price {}
	#spells .desc { height: 80px; padding-bottom: 10px; line-height: 16px; }

/* artefakty */
#artifacts { font-size: 11px; }
	#artifacts dt, #artifacts dd { margin-left: 100px; height: 20px; line-height: 20px; }
	#artifacts dt { margin-bottom: -20px; font-weight: bold; font-size: 12px; }
	#artifacts dd { height: 20px; line-height: 20px; }
	#artifacts .img { margin-left: 0; height: 100px; width: 100px; }
	#artifacts .price { margin-top: -80px; }
	#artifacts .price { }
	#artifacts .slot { margin: -20px 0 0 170px; }
	#artifacts .type { margin: -20px 0 0 270px; }
	#artifacts .desc { height: auto; padding: 5px 0 35px; line-height: 16px; }

/* zestawy */
#artifactsSet { font-size: 11px; }
	#artifactsSet dt { padding-top: 20px; font-size: 14px; line-height: 20px; color: #549cc3; clear: left; }
	#artifactsSet dd { width: 350px; float: left; }
	#artifactsSet dd.specialBonusRace { height: 28px; line-height: 28px; padding-left: 10px; font-size: 12px; }
	#artifactsSet dd.specialBonusText p { padding-left: 10px; }
	#artifactsSet dd.artifacts { clear: left; width: 710px; margin: 0 auto; float: none; border-bottom: 1px solid #585c6d; padding: 10px 0; }
	#artifactsSet dd.artifacts:last-child { border-bottom-width: 0; }
		#artifactsSet h4 { padding-left: 20px; color: #549cc3; height: 20px; line-height: 20px; }
		#artifactsSet ul { line-height: 20px; overflow: hidden; margin: 0 15px; }
			#artifactsSet li { float: left; height: 20px; }
				#artifactsSet li a { border-left: 1px solid #585c6d; padding: 0 7px; }
				#artifactsSet li:first-child a { border-left-width: 0; }

/* jednostki */
#creatures > dt { font-size: 14px; margin: 15px 0 0; text-align: center; padding: 5px; background-color: #585c6d; border: 1px solid #ceb67b; font-weight: bold; }
#creatures > dd { border: 1px solid #ceb67b; border-top-width: 0; padding-bottom: 10px; }
	#creatures h2 { font-size: 16px; height: 30px; line-height: 30px; padding-top: 0; }
	#creatures img { float: left; margin: 5px 0 10px 10px; }
	#creatures p.desc { width: 470px; height: 100px; overflow: hidden; margin: 0; padding-left: 10px; }
	#creatures dl { width: 700px; margin-top: -105px; height: }
		#creatures dl dt, #creatures dl dd { margin-left: 600px; height: 20px; line-height: 20px; font-size: 10px; }
		#creatures dl dt { font-size: 12px; font-weight: bold; }
		#creatures dl .stats { position: relative; width: 30px; background: transparent none 0 3px no-repeat; padding-left: 20px; }
			#creatures dl dd.stats strong { display: none; position: absolute; top: -5px; right: 60px; width: 120px; text-align: right; background-color: #585c6d; border: 2px solid #ceb67b; z-index: 100; text-align: center; padding: 5px 0; }
			#creatures dl dd.stats:hover strong { display: block; }
		#creatures dd.attack { background-image: url("../img/deco_attack.png"); }
		#creatures dd.defence { background-image: url("../img/deco_defence.png"); }
		#creatures dd.damage { background-image: url("../img/deco_damage.png"); }
		#creatures dd.initiative { background-image: url("../img/deco_initiative.png"); }
		#creatures dd.hitPoints { background-image: url("../img/deco_hit_points.png"); }
		#creatures dd.mana { background-image: url("../img/deco_mana.png"); }
		#creatures dd.shots { background-image: url("../img/deco_shots.png"); }
		#creatures dd.experience { background-image: url("../img/deco_experience.png"); }
		#creatures dd.cost { background-image: url("../img/deco_gold.png"); }
		#creatures dd.cost.ore { background-image: url("../img/deco_ore.png"); }
		#creatures dd.cost.wood { background-image: url("../img/deco_wood.png"); }
		#creatures dd.cost.crystal { background-image: url("../img/deco_crystal.png"); }
		#creatures dd.cost.sulfur { background-image: url("../img/deco_sulfur.png"); }
		#creatures dd.cost.gem { background-image: url("../img/deco_gem.png"); }
		#creatures dd.cost.mercury { background-image: url("../img/deco_mercury.png"); }
		#creatures dd.growth { background-image: url("../img/deco_growth.png"); }
		#creatures dd.speed { background-image: url("../img/deco_speed.png"); }
		#creatures dt.stats { height: 30px; line-height: 30px; }
		#creatures dd.mana,	#creatures dd.shots, #creatures dl dd.experience, #creatures dl dd.cost, #creatures dl dd.growth { margin-left: 655px; }
		#creatures dl dd.mana { margin-top: -120px; }
		#creatures dl dd.growth { margin-bottom: 30px; }
		#creatures dl dt.skill, #creatures dl dt.spell { margin-left: 10px; clear: both; margin-top: -55px; }
		#creatures dl dd.skill, #creatures dl dd.spell { float: left; margin: 0; position: relative; padding-left: 10px; }
			#creatures dl .skill strong, #creatures dl .spell strong { border-bottom: 1px dashed #ceb67b; }
			#creatures dl .skill span, #creatures dl .spell span { display: none; position: absolute; top: 20px; left: -60px; width: 350px; padding: 5px; background-color: #585c6d; border: 2px solid #ceb67b; z-index: 100; }
			#creatures dl .skill:hover span, #creatures dl .spell:hover span { display: block; }

/* umiejętności jednostek */
#creatureAbilities dt { font-weight: bold; font-size: 13px; padding-bottom: 10px; }
#creatureAbilities dd { padding-left: 30px; font-size: 11px; }
#creatureAbilities dd.desc { color: #efefef; }
#creatureAbilities dd.creatures { padding-bottom: 20px; padding-top: 5px; }

/* bohaterowie */
#heroCommonInfo { width: 300px; margin: 10px auto 20px; border: 1px solid #ceb67b; }
	#heroCommonInfo dt { text-align: center; height: 25px; line-height: 25px; background-color: #585c6d; border-bottom: 1px solid #ceb67b;  font-weight: bold; }
	#heroCommonInfo dd { background: transparent none 5px 10px no-repeat; height: 35px; line-height: 35px; }
	#heroCommonInfo dd.stats { width: 59px; float: left; text-align: center; position: relative; }
		#heroCommonInfo dd.stats strong { display: none; position: absolute; top: 25px; right: 0; width: 59px; text-align: right; background-color: #585c6d; border: 1px solid #ceb67b; z-index: 100; text-align: center; height: 15px; line-height: 15px; }
		#heroCommonInfo dd.stats:hover strong { display: block; }
	#heroCommonInfo dd.attack { background-image: url("../img/deco_attack.png"); }
	#heroCommonInfo dd.defense { background-image: url("../img/deco_defence.png"); }
	#heroCommonInfo dd.power { background-image: url("../img/deco_power.png"); }
	#heroCommonInfo dd.knowledge { background-image: url("../img/deco_knowledge.png"); }
	#heroCommonInfo dd.mana { background-image: url("../img/deco_mana.png"); }
	#heroCommonInfo dd.racial { text-align: center; clear: both; }

.hero {
    margin: 5px auto 20px;
    width: 500px;
    border: 1px solid #111;
}
    .hero caption {
        font-size: 1.5em;
        font-weight: bold;
        color: #549cc3;
    }
    .hero td {
        background-color: #252938;
    }
    .hero tr.hero-header td {
        background-color: transparent;
        padding: 10px 5px 5px;
        font-size: 1.2em;
        font-weight: bold;
        color: #549CC3;
    }
    .hero .hero-sth-image {
        width: 80px;
        text-align: center;
        vertical-align: middle;
    }
    .hero .hero-sth-description {
        width: 160px;
        height: 80px;
        text-align: center;
        vertical-align: middle;
        padding: 5px;
    }
        .hero-biography td strong {
            display: block;
            height: 15px;
            line-height: 15px;
            padding: 10px 0 0 5px;
        }
        #content .hero-biography td p {
            min-height: 45px;
        }

/* lokacje */
#mapObjects { font-size: 11px; }
	#mapObjects dt, #mapObjects dd { width: 600px; }
	#mapObjects dt { height: 25px; line-height: 20px; font-weight: bold; font-size: 12px; text-align: left; float: right; clear: left; }
	#mapObjects dd.img { margin-left: 0; height: 120px; width: 100px; line-height: 20px; float: left }
		#mapObjects .img a { display: block; /*line-height: 100px;*/ text-align: center; text-decoration: none; }
			#mapObjects .img img { /*vertical-align: middle;*/ }
			#mapObjects .img small { display: block; height: 20px; background: transparent url("../../common/lupe_orange.gif") 10px 50% no-repeat; padding-left: 30px; text-align: left; }
			#mapObjects .img a:hover small { text-decoration: underline; }
	#mapObjects .desc { float: left; padding-bottom: 10px; line-height: 16px; padding-left: 15px; }
		#mapObjects .desc p { padding-left: 0; }

/* mody */
#mods { padding-top: 10px; }
	#mods dt { font-weight: bold; padding-top: 20px; line-height: 25px; clear: left; }
		#mods img { vertical-align: middle; }
	#mods dd { padding: 2px 5px 2px 10px; }
	#mods dd.img { margin-left: 0; height: 120px; width: 100px; line-height: 20px; float: left }
		#mods .img a { display: block; text-decoration: none; }
			#mods .img small { display: block; height: 20px; background: transparent url("../../common/lupe_orange.gif") 10px 50% no-repeat; padding-left: 30px; text-align: left; }
			#mods .img a:hover small { text-decoration: underline; }
	#mods .description { padding-bottom: 5px; }
	#mods .download { padding-bottom: 10px; }