/* Art Of Illusion - Official Website - Stylesheet */

@import "style/cms.css";
@import "style/links.css";
@import "style/input.css";
@import "style/text.css";

/* BEGIN LAYOUT  */

html, body {
	padding: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #0e0d0b;
	background-image: url("uploads/gfx/tlof.jpg");
	background-position: top center;
	background-repeat: repeat-x;
	text-align : center;
	overflow: auto;
}

div#main {
	width: 764px;
	margin: inherit;
	margin-left: auto;
	margin-right: auto;
}

p {
	margin-bottom: 0;
	margin-top: 0;
}

/* BEGIN LOGO */

div#logoarea {
	height: 154px;
}

div#kontenerlogo  {
	height: 154px;
	width: 654px;
	float: left;
}

div#logo1 {
	background-image: url("uploads/gfx/logo1.jpg");
	height: 100px;
	width: 402px;
	float: left;
}

div#logo2 {
	background-image: url("uploads/gfx/logo2.png");
	height: 100px;
	width: 252px;
	float: left;
}

div#logocenter {
	background-image: url("uploads/gfx/topdol.jpg");
	height: 54px;
	width: 654px;
	float: left;
}

div#logoleft {
	background-image: url("uploads/gfx/logobokleft.jpg");
	height: 154px;
	width: 55px;
	float: left;
}

div#logoright {
	background-image: url("uploads/gfx/logobokright.jpg");
	height: 154px;
	width: 55px;
	float: left;
}

/* END LOGO */

div.biografia p {
	margin-top: 1em;
	margin-bottom: 1em;
}

div.koncerty ul {
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	padding-bottom: 1em;
	text-align: left;
}

div.license {
	font-size: smaller;
	margin-bottom: 5px;
}

div#bokleft {
	background-image: url("uploads/gfx/bokleft.jpg");
	height: 445px;
	width: 55px;
	float: left;
}

div#bokright {
	background-image: url("uploads/gfx/bokright.jpg");
	height: 445px;
	width: 55px;
	float: left;
}

div#maincenter {
	height: 445px;
	width: 654px;
	margin: 0;
	float: left;
}

div#mainleft {
	background-image: url("uploads/gfx/mainleft.jpg");
	float: left;
	height: 226px;
	width: 31px;
}

/* PODGRUPA POLE TEKSTOWE, SCROLLE */
/* hold1 i hold mimo iz wygladaja chatoycznie, sa niezbene po to aby tekst przesuwal sie prawidlowo w operze */
/* Do pelnego skonfigurowania scrolli zajrzyj tez do grupy linki - a:up i a:down */

div#hold1 {
	float: left;
	width:589px;
	height:226px;
}

div#hold {
	overflow:hidden;
	position:relative;
	width:589px;
	height:226px;
	z-index:100;
}

div#maintextarea {
	overflow: hidden;
	margin-right: 8px;
	position: absolute;
	background-image: url("uploads/gfx/maintlo.jpg");
	height: 226px;
	width: 589px;
	top: 0px;
	left: 0px;
	z-index:1;
}

div#content {
	/*visibility: hidden;*/
	width: 560px;
	left: 0px;
	top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 0px;
	text-align: justify;
	position: relative;
	float: left;
	z-index:1;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #0f0f0f;
	font-weight: bold;
}

div#scrollbar {
	position: relative;
	left: 0;
	top: 0;
	font-size: 1px;
	float: left;
	z-index: 1;
}

div#track {
	top: 0px;
	left: 0px;
	position: relative;
	width: 16px;
	height: 194px;
	background: url("uploads/gfx/scroll.png");
	z-index: 1;
}

div#dragBar {
	float: left;
	position: absolute;
	background: url("uploads/gfx/kutas1.gif");
	background-position: center center;
	background-repeat:  no-repeat;
	left: 0px;
	top: 0px;
	width: 16px;
	height: 20px;
	z-index: 1;
}

div#up {
	background-image: url("uploads/gfx/up.png");
	position: relative;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

div#down {
	background-image: url("uploads/gfx/down.png");
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	position: relative;
	z-index:3;
}

/* END PODGRUPA POLE TEKSTOWE, SCROLLE */

div#mainright {
	background-image: url("uploads/gfx/mainright.png");
	float: left;
	top: 0px;
	left: 0px;
	height: 226px;
	width: 18px;
}

div#menutop {
	background-image: url("uploads/gfx/menutop.jpg");
	height: 26px;
	width: 654px;
	float: left;
}

/* PODGRUPA MENU */
/* kontmenu i kontmenu1 mimo iz wygladaja chatoycznie sa niezbedne po to aby menu wygladalo prawidlowo w operze */

div#menu {
	background-image: url("uploads/gfx/menu.png");
	position: relative;
	height: 144px;
	width: 461px;
	float: left;
}

div#kontmenu {
	position: relative;
	float: left;
}

div#kontmenu1 {
	position: relative;
}

/* POD/PODGRUPA ELEMENTY MENU */

div#wiesci {
	position: absolute;
	top: 0px;
	left: 40px;
}

div#bio {
	position: absolute;
	top: 4px;
	left: 157px;
}

div#dysko {
	position: absolute;
	top: 36px;
	left: 297px;
}

div#ksiega {
	position: absolute;
	top: 37px;
	left: 142px;
}

div#linki {
	position: absolute;
	top: 68px;
	left: 316px;
}

div#muli {
	position: absolute;
	top: 96px;
	left: 284px;
}

div#kont {
	position: absolute;
	top: 73px;
	left: 155px;
}

div#koncerty {
	position: absolute;
	top: 42px;
	left: 19px;
}

div#gal {
	position: absolute;
	top: 81px;
	left: 30px;
	float: left;
}

/* END POD/PODGRUPA ELEMENTY MENU */
/* END PODGRUPA MENU */

div#fotka {
	background-image: url("uploads/gfx/fotka.png");
	height: 144px;
	width: 193px;
	float: left;
}

div#stopka {
	background-image: url("uploads/gfx/dol1.jpg");
	height: 49px;
	width: 654px;
	float: left;
}

div#kontstopka1 {
	position: relative;
}

div#kontstopka {
	float: left;
	position: relative;
}

div#rss {
	top: 10px;
	left: 24px;
	position: absolute;
}

div#css {
	top: 10px;
	left: 141px;
	position: absolute;
}

div#xhtml {
	top: 10px;
	left: 74px;
	position: absolute;
}

div#firefox {
	top: 9px;
	left: 197px;
	position: absolute;
}

/* END LAYOUT */

/* GRUPA INNE */
div.okladka img {
	border: 1px solid #000000;
	margin-left: 5px; 
}

div.zdjecia img {
	border: 1px solid #000000;
	margin-bottom: 2px;
}

img {
	border: 0px;
}

.guestbook-add {
	font-size: larger;
}

/* END GRUPA INNE */