/* =decorations
------------------------------------------------------------------------------------*/
html{ min-height: 100%; background: #d1cebb url(../img/body.png) no-repeat 50% 100%; }
body{ padding-bottom: 150px; }

#footer{ padding: 5px 0 0; width: 1029px; background: url(../img/footer.png) no-repeat 50% 100%; }
#innerFooter{ padding: 0px 0 50px; background: transparent url(../img/footer-border.png) repeat-x 0 25px;}

#malarz{
	position: fixed;
	bottom: 0;
	right: 1%;
	z-index: -1;
}

#farby{
	position: fixed;
	bottom: 0;
	left: 5%;
	z-index: -1;
}

#pasek{
	position: absolute;
	bottom: 430px;
	right: 98px;
	z-index: -2;
}

/* =main intro
------------------------------------------------------------------------------------*/
#frontpage #holder{	background: #f5f5ee url(../img/intro-bg.jpg) no-repeat 0 0px; }
#frontpage #top{
	margin-bottom: 15px;
	background: #000 url(../img/top-left-front.png) no-repeat 0 0px;
}
.intro{
	clear: left;
	font: 1.5em "Trebuchet MS", Helvetica, Verdana, sans-serif;
}
.tabs ul.triggers{
	margin-bottom: -1px;
	padding-left: 0;
	border-bottom: none;
}

.tabs ul.triggers a:link, .tabs ul.triggers a:visited, .tabs ul.triggers a:link span, .tabs ul.triggers a:visited span{
	background: none;
	height: 41px;
	line-height: 41px;
	font-size: 1em;
}

.tabs ul.triggers a:link, .tabs ul.triggers a:visited{ padding-left: 25px; margin-right: 5px; }

.tabs ul.triggers a.first:link, .tabs ul.triggers a.first:visited{ padding-left: 10px; }


.tabs ul.triggers a:hover, .tabs ul.triggers a:active, .tabs ul.triggers a:focus{ color: #555;}

.tabs ul.triggers li.active a:link, .tabs ul.triggers li.active a:visited{
	background: url(../img/intro-nav.png) no-repeat 0 0;
	color: #9B9F9C;
}

.tabs ul.triggers li.active a.first:link, .tabs ul.triggers li.active a.first:visited{
	background: url(../img/intro-nav-first.png) no-repeat 0 0;
}

.tabs ul.triggers li.active a:link span, .tabs ul.triggers li.active a:visited span{
	width: 30px;
	right: -30px;
	background: url(../img/intro-nav-span.png) no-repeat 100% 0;
}

.intro .tab{
	padding: 20px 40px 20px 20px;
	background: url(../img/intro-tab.jpg) no-repeat 0 0;
	overflow: hidden;
}

.intro .questions{
	background: url(../img/intro-tab-first.jpg) no-repeat 0 0;
}

.intro img{
	float: left;
}

.intro .tab h3, .intro .tab p{
	display: block;
	float: left;
	margin: 0 30px 15px 30px;
	width: 270px;
	line-height: 1.5em;
	color: #5e5c56;
}

.intro .tab h3{
	padding: 20px 0 15px;
	background: url(../img/underline.png) no-repeat 0 100%;
}

.intro .tab .addquestion{
	display: block;
	background: none;
}

#right .bestquestion .content{overflow: hidden;}

#right .recomended li{
	padding: 5px 0;
}

#right .recomended li a{
	padding: 1px 41px;
	background-image: url(../img/favs.png);
	background-repeat: no-repeat;
}

#right .recomended li a.gorila{background-position: 20px -239px;}
#right .recomended li a.ijml{background-position: 20px -266px;}
#right .recomended li a.memoo{background-position: 20px -292px;}
#right .recomended li a.sharq{background-position: 20px -318px;}
#right .recomended li a.pcs{background-position: 20px -341px;}

#right .bestquestion .questionHolder{ border-bottom: none; }
#right .bestquestion .questionHolder div.avatar{ margin-right: 10px; }
#right .bestquestion .details{ float: left; width: 185px; }
#right .bestquestion .questionContent{
	clear: left;
	margin: 15px 10px 0;
	padding-bottom: 5px;
}

#right .bestquestion .answer{
	float: none;
	width: 100%;
	margin: 5px 0 0;
	text-align: center;
}