@color_paper: 			#FEFFE2;
@color_ink:			rgb(33, 14, 4);
@color_link:			rgb( 231, 142, 83);
@color_hover:			rgb(142, 156, 35);
@color_avail:			#009000;
@color_sold:			#FE2F21; 

@color_notice_border:		#867ae1;
@color_notice_paper:		#CFCE73;

@score_border: 			#79851e;
@score_cell_border:		#79851e;
@score_odd:			#CFCE73;

@color_halo: 		rgb(79, 127, 183);
@color_boxshadow:	rgb(144, 145, 114);

html {   overflow-y: scroll; }

body {
  padding: 0px; margin: 0px;
  font-family: Verdana, sans-serif;
  font-size: 13px;
  color: @color_ink;
  background-color: @color_paper;
  position: relative;
}

ul li { margin-top: 1em; margin-bottom: 1em; }

img { border: 0px; margin: 0px; }

br {clear: both;}

.clear { display: none; border: none; background: transparent; }

div.root {

  position: relative;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

div.main {

	position: relative;
	top: -1em;
}

#menu {

	position: absolute;
	padding-top: 1em;
	left: 8px;
	width: 182px;
	color: rgb(25,70,200);
	white-space: nowrap;
	a, b { text-decoration: none; color: @color_ink; }
}

.avail {
  
    color: @color_avail;
    &.sold { color: @color_sold; }
}

#imageinfo {

    small { font-size: 11px; br { clear: none; } }
    h3 { margin-bottom: 0px; }
    div.avail { font-weight: bold; }
	dl { dt { font-weight: bold; } dd { margin-left: 2em; } }
}

.thumbnail-cell {

    position: relative;

	div.avail {
		
		font-size: 85%;
		text-align: center;
		top: 0px;
		left: 0px;
	}
	img { margin-bottom: 1ex; }
}

#utils {
	
	.box_shadow(@args)
	{
		box-shadow: @arguments;
		-moz-box-shadow: @arguments;
		-webkit-box-shadow: @arguments;
	}
}

#content {

	position: absolute;
	left: 201px;
	width: 593px;
	text-align: justify;
	line-height: 150%;
	
	div.root.galeria & { top: 16px; }
	a { text-decoration: none; color: @color_link; &:hover { color: @color_hover; } }
	.inkmenu() { a { color: @color_ink; &:hover {color: @color_hover; } } }
	div.galeriahome, div.instrhome, .thumbnail-cell { .inkmenu; }
	td.thumbnail-cell { width: 33.33%; padding: 0px; }
	div.thumbnail-cell { padding: 1ex; text-align: center; a { /* outline: none; */ } }
	p,h1,h2,h3,h4,h5,h6 { margin-bottom: 1em; }
	
	div.minimenu {
	
		font-size: 80%;
		margin-bottom: 1em;
		span.separator {
			
			margin-left: 1em;
			margin-right: 1em;
			a.item { &,&:hover { color: @color_ink; } }
			span.item { font-weight: bold; }
		}
	}
	
	div#copyright-notice p {
	
		text-align: center;
		color: rgb(78,78,78);
		font-weight: bold;
		font-size: 75%;
		letter-spacing: 0.1px;
	}
	p.centered { text-align: center; }
	
	p img,
	table.thumbnails-table img
	{
		
		#utils > .box_shadow(~"0 0 4px 1px @{color_halo}, 8px 4px 5px @{color_boxshadow}");
	}
}

div.banner { padding-top: 8px; padding-bottom: 8px;}

div.item { margin-top: 0.5ex; &.first { margin-top: 0px; } }

div.children-container { margin: 1em; margin-right: 0px; }

.flr { float: right; margin-left: 2em; margin-bottom: 1em; margin-top: 1.1ex; }
.fll { float: left; margin-right: 2em; margin-bottom: 1em; margin-top: 1.1ex; }

table.thumbnails-table { width: 100%; }

/* nawigacja w galerii */
div.gallery-nav {
	
	div.inner {
		
		font-family: monospace;
		font-weight: bold;
		text-align: center;
		line-height: 100%;
	}
	margin: 1ex 0px;
	padding: 0px;
	.widget {
		
		position: relative;
		top: 3px;
		&.prev { padding-left: 8px; }
		&.next { padding-right: 8px; }
		&, img { background-color: transparent; }
	}
	span.widget.inactive img { opacity: 0.33; }
	.pagenum { padding-left: 8px; padding-right: 8px; }
}

span.gallery-image-label {
	
	position: absolute; top: 0px; left: 0px;
	margin: 0.5ex; margin-left: 0.8em;
	font-size: 66%;
	background-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	&.dark { color: black; }
	&.light { color: white; }
}

p.notice {

	border: solid @color_notice_border 1px;
	padding: 1ex;
	background-color: @color_notice_paper;
	font-size: 80%;
	font-weight: bold;
}

table.tabulatura {

	table-layout: fixed;
	margin-left: 1px;
	border-collapse: collapse;
	border: solid @score_border 1px;
	
	td, th {
		
		width: 13px;
		height: 13px;
		text-align: center;	
		border: solid @score_cell_border 1px;
	}
	td.fit { font-size: 75%; }
	th { font-weight: bold; }
	colgroup.odd { background-color: @score_odd; }
	caption { text-align: left; }
}

div.tabelka-i-filmik {

	margin-left: 0px;
	margin-right: auto;
	float: left;
	
	div {
		
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: center;
	}
	
	& + * { clear: both; }
}

/* osadzanie filmów w galerii */

div.movie-embed-container {

	width: 480px;
	float: right;
	margin-left: 16px;
	
	p {
	
		margin: 0px;
		line-height: normal;
		font-size: 11px;
	}
}