/* RESET */

html, body, span, div, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
button, input, textarea
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent
}

input, select			{vertical-align:middle}
html					{overflow-y: scroll}
body 				{background: url(images/bg_pattern.jpg) top left repeat-x #1D2527; color: #575850; text-align: justify; font:12px sans-serif; *font-size:small; *font:x-small; line-height:1.22}
a:link, a:visited 	{color: #575850; text-decoration: none; outline: 0}
a:hover, a:active	{color: #0b0b09; text-decoration: none}
#wrapper 			{margin: 0 auto; width: 993px}
#contentWrapper		{float: left; background: url(images/border-main.jpg); width: 931px; padding: 0 32px 0 30px}
#contentWrapper > hr	{margin: 30px 0}
#content			{width: 640px; float: left}
p					{text-align: justify}
ul					{list-style-type: none; margin: 10px 0}
ol					{list-style-type: decimal; margin: 10px 0}
 
/* HTML5 */
article, aside, figure, footer, header, hgroup, nav, section {display:block}


dt {margin: 10px 8px; padding-left: 9px; border-left: 3px solid #d9ceb0}
dd {margin: 8px 0 8px 20px}

hr  {display:block; margin: 15px 0; height: 1px; border:0; border-top:1px solid #ccc; margin:1.5em 0; padding:0}

hr .entryDivider {margin: 1em 0}
.clear {clear: both}

.flow:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.flow {display: inline-block}
* html .flow {height: 1%}
.flow {display: block}


/* Abstract | Helpers 
------------------------------------------*/
.hidden{display: none}
.right {float: right}
.center {text-align: center; margin: 0 auto}
.left {float: left}
.strong {font-weight: bold}
.block {display: block}

small {font-size:85%}
strong, th {font-weight: bold}
td, td img {vertical-align:top}

pre, code, kbd, samp {font-family: monospace, sans-serif}
pre {padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word}
sub {vertical-align: sub; font-size: smaller}
sup {vertical-align: super; font-size: smaller}

table {font-size:inherit; font:100%}

input, textarea, select, button {
	border: 1px solid #cfcdc2;
	padding: 5px;
	color: #313131;
	background: #f0efef;
	font:90% sans-serif
}

button {
	padding-left: 8px;
	padding-right: 8px
}

select {width: auto; padding: 2px}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
	border-color: #a6a6a6
}

textarea {
	line-height: 16px;
	resize: vertical
}

/* BOILERPLATE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

input[type="radio"] {vertical-align: text-bottom}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline}
label, input[type="button"], input[type="submit"], button, .toggler {cursor: pointer}
button {width: auto; overflow: visible}

/* HEADERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

dt, #menu, #sitemap h2, .news h1, .news h2, div.subtitle, .adminForm .header, .adminForm .caption {font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; font-weight: bold}
h2, h3, h4 {color: #0b0b09}
h1, h2, h3 {margin: 0}
h4 {margin: 15px 0; padding: 5px; font-size: 12px; border-bottom: 1px dotted #b3af96; border-top: 1px dotted #b3af96; letter-spacing: 1px;
	color: #5c0d0b;
	font-weight: bold;
	text-transform: uppercase}
h3 {padding-left: 25px; font-size: 12px}
h2 {font-size: 13px}
h1 {font-family: Georgia, serif; font-weight: lighter; font-size: 20px; color: #5c0d0b; font-style: italic}

/* PAGE HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header					{position: relative; height: 226px; background: url(images/header.jpg)}
#header > a				{position: absolute; top: 35px; left: 110px; height: 175px; width: 250px}
#header > h2				{position: absolute; top: 24px; left: 40px; font-size: 12px; font-family: "Trebuchet MS",sans-serif; text-transform: uppercase}
#header a				{color: #5d5d54; text-shadow: 0 1px 0 #dedbd1}
#header a:hover			{color: #5c0d0b}
#header img				{margin: 55px 0 0 -20px; width: 140px; height: 100px}
#zioNet					{position: absolute; top: 172px; left: 17px}
#panel 					{float: right; margin: 24px 60px 0 0; font-size: 11px}

.login					{font-weight: bold}

/* MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menu {
	position: absolute;
	top: 152px;
	left: 360px;
	width: 600px;
	height: 30px;
	font-size: 1.1em
}
#menu > li {
	float: left;
	padding: 0 6px;
	position: relative
}

#menu > li a{
	padding: 10px 5px;
	color: #CFCDC2;
	text-shadow: 1px 1px 1px #000000;
	display: block;
	float: left
}
#menu > li a:hover, #menu li > a.active{
	color: #f0efef;
	background: url(images/topnav_hover.gif) no-repeat center 18px
}
#menu span {
	width: 17px;
	height: 35px;
	float: left;
	background: url(images/subnav_btn.gif) no-repeat center top
}
#menu li > span.active {background-position: center bottom}
#menu ul{
	position: absolute;
	left: 0; top: 35px;
	background: url(images/subnav_bg.png) no-repeat bottom left;
	margin: 0 0 0 -20px;
	padding: 0 0 15px 0;
	display: none;
	float: left;
	width: 172px;
	z-index: 50;
	cursor: default
}
#menu ul > li:first-child{
	margin-top: 5px
}
#menu ul > li{
	margin-left: 10px;
	clear: both;
	width: 170px
}
#menu ul li a {
	width: 145px;
	margin: 3px 0;
	padding: 0 0 0 10px;
	border-color: #262729
}
#menu ul li a:hover {
	margin-left: -3px;
	border-left: 3px solid #781314
}

/* Prawe menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#sidebar {
	width: 274px;
	background: url(images/usr-menu-bg.jpg) top center repeat-y;
	float: right;
	margin: 10px 0 0 10px
}
#sidebar > div:first-child {
	background: url(images/usr-menu-header.jpg) top center no-repeat;
	height: 40px
}
#sidebarFooter {
	height: 42px;
	width: 274px;
	background: url(images/usr-menu-footer.jpg) top center no-repeat
}

.sidemenuHeader {padding: 10px 10px 0 10px; background: url(images/usr-menu-title.jpg) top center no-repeat; height: 25px; text-shadow: 0 1px 0 #f2f1e4; font-weight: bold}
.sidemenuHeader h3{color: #665f58}
.sidemenuData {margin: 0 13px 10px 13px}

#search	{margin: 10px 0}
#search button {background-image:url(images/button_search.png); float: left; width: 26px; height: 26px}
#search form {margin: 5px 32px}
#search input:first-child {
	float: left;
	width: 170px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}

h3.search {background-image:url(images/icon_search.png)}
#search div {display: none; margin: 0 20px}
#search label {padding: 3px 0 0 0}

#adBox{margin: 0 0 -5px 8px}

#triviaBox{
	padding: 0 20px;
	font-size: 11px
}
#postsBox, #relatedBox{
	padding: 0 10px
}
#postsBox h5 , #relatedBox h5{
	font-size: 12px;
	margin: 0
}
#postsBox > a , #relatedBox > a, #shoutBox > a, #sidebar .showMore{
	text-align: center;
	font-size: 11px;
	width: 254px;
	display: block;
	padding: 3px 3px 5px;
	border-top: 2px solid #ded6c3;
	margin: -5px 0 0 -2px;
	color: #999385
}

#shoutBox > a{
	margin: 0 0 0 8px
}

#postsBox > a:hover , #relatedBox > a:hover, #shoutBox > a:hover, #sidebar .showMore:hover{
	border-color: #bfb9a8;
	background: #ded6c3;
	color: #736e64
}

#sidebar .showMore{
	margin: 5px 0 -10px -5px
}

#postsBox .profileLink{
	font-weight: normal
}

#postsBox h5 > a, #relatedBox h5 > a  {
	display: block;
	font-size: 11px
}
#postsBox li , #relatedBox li {
	padding: 2px 10px 2px 30px;
	margin: 3px -4px 3px -2px;
	font-size: 10px;
	border-left: 3px solid #e6dfcc;
	background: url(images/icon_paper.png) 5px 8px no-repeat;
	color: #92908b;
	text-align: left
}

#relatedBox li {
	background-image: url(images/icon_article.png);
}

#postsBox li:nth-child(even), #relatedBox li:nth-child(even) {
	background-color: #ded7c4;
	border-left: 3px solid #ded7c4
}

#postsBox li:hover, #relatedBox li:hover {
	border-left: 3px solid #970004
}

#postsBox li:hover {
	background-image: url(images/icon_paper_hover.png)
}

#eventBox {text-align: justify; padding: 5px 20px}


/* BOTTOM MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer	{clear: both; padding: 20px 50px 0 80px; font-size: 1em; width: 863px; height: 38px; background: url(images/border-bottom.jpg); line-height: 16px}
#footer a:first-child {
	padding: 0 20px 0 0;
	background:url(images/icon_reduce.png) no-repeat right center;
	float: right;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff
}

a[rel="license"] {background: url(images/creative_commons.png) 0 0 no-repeat; padding-left: 85px}
a[rel="validation"] {background: url(images/validate.png) 0 0 no-repeat; padding-left: 85px}

/* HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header				{margin: 0 0 2px -10px; padding: 0 10px 10px 15px; border-bottom: 2px solid #682c1f; position: relative; text-shadow: 0 1px 0 #fff; line-height: 18px; border-radius: 0 0 0 15px; box-shadow: #c7c0bf -1px 1px 1px}
.headerMenu			{position: absolute; bottom: -10px; right: -1px; line-height: 12px}
.headerMenu li		{float: left; margin: 0 1px; background-color: #e3ddcf; font-weight: bold; border-width: 1px; border-color: #ded5bd; border-style: solid solid none solid; font-size: 11px; padding: 6px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0}
.headerMenu a		{color: #682c1f}
.headerMenu > li:hover,
.headerMenu > .active {background-color: #682c1f; border-color: #682c1f; box-shadow: inset 0 2px 3px #380c02}
.headerMenu > li:hover > a,
.headerMenu > .active > a {color: #fff; text-shadow: 1px 1px 0 #222}
.headerMenu .icon	{padding-left: 22px}

/* PARSER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.parser,
a.parser:visited{border-bottom: 1px dotted #999}
a.parser:hover	{color: #5C0D0B; border-color: #855653}

/* AJAX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#ajaxLoader {
	position: fixed;
	color: #FFF;
	text-shadow: 1px 1px 0 #000;
	font-size: 9px;
	right: 10px; bottom: 10px;
	display: none;
	width: 110px;
	padding: 5px;
	background: #000 url(images/ajax_loader.gif) 105px 5px no-repeat;
	opacity: 0.75
}

div.highlight {
	border-color: #b8b2a5;
	background-color: #ded9cd
}

.setProfile, .slider {
	padding-left:0px;
	cursor: pointer
}
.setProfile h3, .slider h3 {
	background: url(images/icon_expand_right.png) no-repeat 15px center;
	padding-left: 35px
}

.setProfile.reduce h3 {
	background-image: url(images/icon_reduce_right.png);
}

.setProfile:hover h3{
	color: #4f1e14
}

/* POLL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pollBox, .pollResults{margin: 10px 20px}
#pollBox input{margin: 0 10px}
#pollBox  h2{font-size: 12px; color: #666; margin-bottom: 10px; text-align: center}
#pollBox div, .pollResults div{background: #d5ceb2; margin: 7px; height: 10px}
#pollBox > div > div, .pollResults > div > div{margin: 0}

/* RSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RSS {margin: 10px 0; min-height: 20px; padding: 8px 8px 8px 50px; font-size: 11px; background: #e3ddcf url(images/icon_rss_big.png) 10px center no-repeat}
.RSS img {float: left; margin-right: 20px}
.RSS p {margin: 0}

/* Newsy / Tags, credits
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.newsSocial						{font-size: 10px; background: url(images/info.png) left top no-repeat; margin: 5px; padding-left: 30px}
.newsSocial > .tags 				{padding: 2px 2px 2px 10px; line-height: 24px}
.newsSocial > .tags a, .share a	{padding: 5px 5px 5px 27px; background:#e3ddcf url(images/icon_tag.png) no-repeat 5px center}
.newsSocial > .tags a:hover,
.share a:hover 					{background-color: #682c1f; color: #FFF}
.newsSocial > .credits, .share	{padding: 4px 4px 4px 10px}

/* Kategorie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.categoryHeader {
	padding: 8px;
	margin-bottom: 15px;
	color: #6b3c39;
	background: #e3ddcf;
	border-bottom: 3px solid #ded5bd;
	-moz-transition-property: color, background-color, border-color, visibility, opacity; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-in-out;
}

.categoryHeader h2{
	color: #6b3c39;
	font-size: inherit
}

.categoryHeader a:link, .categoryHeader a:visited{
	color: #855653
}

.categoryHeader a:hover{
	color: #5c0d0b
}

.categoryHeader.icon{
	background: #e3ddcf url() no-repeat 8px center;
	padding: 8px 8px 8px 30px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px
}

.categoryHeader.toggler:hover,
.categoryHeader.toggler.expand{
	border-color: #bfb599;
}

.categoryMenu  ul{
	text-align: center;
	margin: 0
}

.categoryMenu  li{
	display: inline;
	padding: 0 4px;
	border-right: 1px solid #bfb193
}

.categoryMenu  li:last-child{
	border: none
}

.categoryMenu  a:hover, .categoryMenu  h2{
	border-bottom: 3px solid #970004;
	margin-bottom: -8px;
	padding-bottom: 8px;
}

.categoryMenu  h2 {
	display: inline;
	font-family: Arial;
	font-size: 12px
}

.categoryNavigation  a{
	font-weight: bold
}

.categoryMeta {
	margin-top: -16px;
	display: block;
	border: 1px solid #d9ceb0;
	padding: 5px 10px;
	margin-bottom: 15px;
	-moz-border-radius: 0 0 12px 12px !important;
	-webkit-border-radius: 0 0 12px 12px !important;
	border-radius: 0 0 12px 12px !important
}

.categoryMeta.categoryInfo  {
	background: url(images/icon_folder.png) 10px 4px no-repeat;
	margin-bottom: 20px;
	font-size: 11px;
	color: #998e76;
	padding-left: 40px
}

.categoryData {
	margin-bottom: 15px
}

.categorySubmenu {
	background: url(images/icon_folder_explore.png) 10px 4px no-repeat;
	display: none;
	min-height: 15px;
	font-size: 11px;
	color: #998e76;
	padding-left: 40px
}

.categorySubmenu  ul{
	margin: 0
}

.categorySubmenu  li{
	float: left;
	padding: 0 4px;
	border-right: 1px solid #bfb193
}

.categorySubmenu  li:last-child{
	border: none
}

.categorySubmenu  a{
	color: #998e76
}

.categorySubmenu  a:hover, .categorySubmenu  a.active{
	border-bottom: 1px solid #970004;
	color: #595345;
	margin-bottom: -6px;
	padding-bottom: 6px
}

.categorySubmenuToggle {
	background: url(images/icon_reduce_right.png) right 0 no-repeat;
	padding-right: 18px
}

.categorySubmenuToggle.reduce {
	background-image: url(images/icon_expand_right.png);
}

.categoryData.togglable {
	display: none
}

/* Listy
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.listaMini,
.listaMiniNoBg {
	padding: 0 10px
}

.listCustom{
	padding: 0 15px
}

.listCustom li {
	background-repeat: no-repeat;
	background-position: 0 3px; 
	padding-left: 20px
}

.listCustom em {
	margin: 0 10px 0 5px
}

.lista em,
.listaMini em,
.listaClean em   {
	float: right;
	font-style: normal;
	font-size: 10px;
	color: #b3af96
}

.listaMini li.faded{color: #999}
.listaMini li:nth-child(odd), tr:nth-child(odd) {background: #e3ddcf}
.lista, .news ul {padding-left: 25px}
.lista li , .news ul  {list-style-image:url(images/ul_lista.png)}
.noEm em   {
	float: none;
	font-style: italic;
	font-size: inherit;
	color: inherit
}

.items {padding-left: 0px}
.items li {
	float: left;
	width: 50%
}
.items a {
	display: block;
	padding: 2px 10px 2px 15px;
	border-left: 3px solid #e3ddcf
}
.items em {
	float: right;
	font-style: normal;
	font-size: 10px;
	color: #e3e1d5
}
.items a:hover {border-left: 3px solid #855653}
.items a:hover > em {color: #b3af96}

/* RATINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ratingBar {border: 2px solid #dcd5c1; padding: 10px; margin: 10px 0; font-size: 11px}
.ratingBar a{border-bottom: 1px dotted #99917a}
.ratingBar > div {width: 100%; margin-bottom: 10px; color: #FFF; text-align: center; background: #d5ceb2}
.ratingMinimal {background: #99917a !important}
.ratingVeryLow {background: #6b1700 !important}
.ratingLow {background: #a34d00 !important}
.ratingMedium {background: #e38b00 !important}
.ratingHigh {background: #8caf00 !important}
.ratingVeryHigh {background: #008caf !important}
.ratingBar > div > div{height: 100%; margin: 0; padding: 2px}

/* PAGINATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.pagination					{padding: 7px 0; text-align: center; margin-top: 20px}
.pagination .page			{padding: 6px 8px; margin: 0 2px; color: #555}
.pagination .page:hover		{color: #fff; background-color: #5c0d0b}
.pagination .inactive		{padding: 6px 8px; color: #d9ceb0}
.pagination .inactive:hover	{color: #d9ceb0; background-color: inherit}
.pagination .active			{padding: 6px 8px; background-color: #5c0d0b; font-weight: bold; color: #fff}

/* ICONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img.iconRecommended {position: absolute; top: 15px; left: 82px}

.icon				{padding: 2px 0 2px 22px; background:url() no-repeat left center}
.iconRight			{padding: 2px 22px 2px 0; background:url() no-repeat right center}
.flag				{margin: 0 5px -1px 0}
h3.icon				{margin-left: 5px; padding-top: 0px}

.iconDelete			{height: 16px; width: 16px; float: right !important; border: none !important; background: url(images/icon_delete.png) 0 0 no-repeat}

.ajaxLoader			{background-image:url(images/ajax_loader.gif) !important}
#locker				{position: absolute; top: 0; left: 0; z-index: 100; background:url(images/ajax_loader_2.gif) no-repeat center center}


.icon[href*="last.fm"],
.icon.lastfm					{background-image:url(images/icon_social_lastfm.png)}
.icon[href*="facebook.com"]	{background-image:url(images/icon_social_facebook.png)}
.icon[href*="nk.pl"]			{background-image:url(images/icon_social_nk.png)}
.icon[href*="myspace.com"]		{background-image:url(images/icon_social_myspace.png)}
.icon[href*="twitter.com"]		{background-image:url(images/icon_social_twitter.png)}
.icon[href*="youtube.com"]		{background-image:url(images/icon_social_youtube.png)}
.icon[href*="flickr.com"],
.icon.flickr, .iconRight.flickr {background-image:url(images/icon_social_flickr.png)}

#zioNet a.icon[href*="last.fm"]		{background-image:url(images/icon_social_lastfm_dirt.png)}
#zioNet a.icon[href*="facebook.com"]	{background-image:url(images/icon_social_facebook_dirt.png)}
#zioNet a.icon[href*="twitter.com"]	{background-image:url(images/icon_social_twitter_dirt.png)}
#zioNet a.icon[href*="youtube.com"]	{background-image:url(images/icon_social_youtube_dirt.png)}

a.icon[href$=".pdf"]			 {background-image:url(images/icon_pdf.png)}




a.add								{background-image:url(images/icon_add.png)}
a.addShout							{background-image:url(images/icon_add_shout.png)}
a.archive							{background-image:url(images/icon_archive.png)}
.icon.article, .iconRight.article	{background-image:url(images/icon_article.png)}
a.collectionAdd						{background-image:url(images/collection_add.png)}
a.collectionRemove					{background-image:url(images/collection_delete.png)}
a.comments							{background-image:url(images/icon_comments.png)}
a.comments.hot						{background-image:url(images/icon_comments_hot.png)}
.icon.contacts, .iconRight.contacts	{background-image:url(images/icon_contacts.png)}
.icon.delete, .iconRight.delete, a.delete	{background-image:url(images/icon_delete.png)}
.icon.down, .iconRight.down,
.icon.download, .iconRight.download	{background-image:url(images/icon_down.png)}
.icon.down.negative, .iconRight.down.negative {background-image:url(images/icon_down_red.png)}
.icon.expand, .iconRight.expand		{background-image:url(images/icon_expand_right.png)}
.icon.fav, .iconRight.fav			{background-image:url(../fav.png)}
.icon.graph, .iconRight.graph		{background-image:url(images/icon_graph.png)}
.icon.gift, .iconRight.gift			{background-image:url(images/icon_gift.png)}

.icon.heart, .iconRight.heart	 			{background-image:url(images/icon_heart.png)}
.heart.active								{background-image:url(images/icon_heart_hover.png)}
.icon.heart:hover, .iconRight.heart:hover	{background-image:url(images/icon_heart_hover.png)}
.heart.active:hover							{background-image:url(images/icon_heart.png)}

.icon.help, .iconRight.help			{background-image:url(images/icon_help.png)}
.icon.image, .iconRight.image		{background-image:url(images/icon_image.png)}
.icon.images, .iconRight.images		{background-image:url(images/icon_images.png)}

.icon.lock, .iconRight.lock						{background-image:url(images/icon_lock.png)}
.icon.lock:hover, .iconRight.lock:hover			{background-image:url(images/icon_lock_hover.png)}
a.logout										{background-image:url(images/icon_logout.png)}
a.message										{background-image:url(images/icon_message.png)}
.icon.map, .iconRight.map						{background-image:url(images/icon_map.png)}
a.more											{background-image:url(images/icon_paper.png)}
a.more:hover									{background-image:url(images/icon_paper_hover.png)}
a.recom											{background-image:url(images/icon_recom.png)}
a.refresh										{background-image:url(images/icon_refresh.png)}
a.settings										{background-image:url(images/icon_settings.png)}
.icon.person, .iconRight.person					{background-image:url(images/profile_hidden.png)}
.icon.player, .iconRight.player					{background-image:url(images/icon_player.png)}
.icon.profile, .iconRight.profile				{background-image:url(images/icon_profile.png)}
.icon.tag, .iconRight.tag						{background-image:url(images/icon_tag.png)}
.icon.tick, .iconRight.tick						{background-image:url(images/icon_edited.png)}
.icon.up, .iconRight.up							{background-image:url(images/icon_up.png)}
.icon.reduce, .iconRight.reduce					{background-image:url(images/icon_reduce_right.png)}
a.ticket										{background-image:url(images/icon_ticket.png)}
a.video											{background-image:url(images/icon_video.png)}
a.video:hover, a.video.active 					{background-image:url(images/icon_video_hover.png)}



.icon.medal			{background-image:url(images/icon_medal_star.png)}
.icon.langPlFaded	{background-image:url(images/flags/pl_faded.png)}
.icon.userOnline	{background-image:url(images/profile_online.png)}
.icon.userHidden	{background-image:url(images/profile_hidden.png)}
.icon.points		{background-image:url(images/profile_points.png)}

.icon.cd			{background-image:url(images/icon_cd.png)}
.icon.dvd			{background-image:url(images/icon_dvd.png)}
.icon.winyl			{background-image:url(images/icon_vinyl.png)}
.icon.blu-ray		{background-image:url(images/icon_blu-ray.png)}
.icon.boxset		{background-image:url(images/icon_box-set.png)}
.icon.kaseta		{background-image:url(images/icon_cassette.png)}
.icon.vhs			{background-image:url(images/icon_vhs.png)}
.icon.cyfrowe		{background-image:url(images/icon_digital.png)}
.icon.dualdisc		{background-image:url(images/icon_dualdisc.png); padding-left: 27px}
.icon.barcode		{background-image:url(images/icon_barcode.png)}



/* IMAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.imgCover, .imgCoverView	{padding: 1px; border: 1px solid #d9ceb0; float: left}
.imgCoverView				{float: none}
.imgBBCode					{padding: 1px; margin: 0 auto}
.imgFloat					{border: 2px solid #e3ddcf; background: #e3ddcf}
.imgFloat > p				{color: #000; font-size: 10px; text-align: center; margin: 5px}
.imgright					{float: right; margin: 10px 0px 10px 15px}
.imgleft					{float: left; margin: 10px 15px 10px 0px}
.imgcenter					{margin: 10px auto}

/* IMAGES / OVERLAYS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.imgShadowOverlay {position: absolute; left: 0; background:url(images/overlay_img_shadow.png); height: 40px}

/* PROFILE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.profileData {margin: 15px 5px}
.profileSummary {margin-bottom: 10px; padding: 0 20px; color:#777; font-size: 11px; min-height: 125px}
.profileSummary > .entryLeft {margin: -5px 0 0 -15px}
.profileSummary > .entryLeft > img {border: 1px solid #d9ceb0; padding: 2px}
.profileSummary strong {color:#a6a192}
.profileSummary > ul{padding-left: 130px; position: relative}
.profileSummary li{border-left: 2px solid #cccaba; padding-left: 10px}

.lastfmRecent li {background: url(images/icon_vinyl.png) no-repeat 6px 3px; border-bottom: 2px solid #e2e1d5; padding: 1px 10px 1px 35px; line-height: 22px}
.lastfmRecent li:hover {background-color: #e0ded1; border-bottom: 2px solid #dbd8ca}
.lastfmRecent .active {font-weight: bold; background-color: #d9d7ca; border-bottom: 2px solid #cccaba}
.lastfmRecent a{display: block}
.lastfmRecent em {font-style: normal; float: right; color: #b3ae9d}

.profileFav {display: block; margin: 8px 10px}
.profileFav .favCat {width: 90px; padding: 5px; color: #a6a192; font-weight: bold; background: #d9d7ca; display: block}
.profileFav .favList{border-left: 2px solid #cccaba; font-size: 11px; color: #999; padding: 5px 0 3px 10px; margin: -25px 0 0 100px; min-height: 17px}

.profileAwards			{float: right; margin-right: -3px}
.profileAwards > span	{padding: 5px; font-weight: bold; border: 1px solid #ded5bd}

/* USTAWIENIA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.punkty {background: #dfddd1; padding: 10px; margin-bottom: 10px}
.punkty em {float: right; color: #aba99e; font-style: normal; font-size: 10px}

/* tagCloud
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tagCloud {padding: 10px 10px 0px 10px; text-align: justify}
.tagCloud a {font-size: 10px; color: #575850; color: #777; line-height: 17px}
.tagCloud a:hover {border-bottom: 1px dotted #855653; color: #855653}

/* Dyskografia / Videografia - boxy po lewej
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.viewMeta {
	float: left;
	margin: 0 10px 0 0
}
.viewMain {
	width: 465px;
	float: right
}
.viewBox {
	padding: 10px
}
.viewBoxHeader {
	padding: 7px;
	margin: -10px -10px 10px -10px;
	border-bottom: 1px solid #d9ceb0;
	background: #e3ddcf
}

.thumbnailGallery a{float: left}
.thumbnailGallery img{padding: 1px; margin: 2px; border: 1px solid #d9ceb0; -moz-transition:-moz-transform .15s ease-in-out; -o-transition:-o-transform .15s ease-in-out; -webkit-transition:-webkit-transform .15s ease-in-out}
.thumbnailGallery a:hover > img {border-color: #ada282; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999;
-webkit-transform: scale(1.1) rotate(-8deg); -moz-transform: scale(1.1) rotate(-8deg); -o-transform: scale(1.1) rotate(-8deg); z-index:5}

.thumbnailGallery a:nth-child(even):hover > img{-o-transform:rotate(4deg) scale(1.1); -webkit-transform:rotate(4deg) scale(1.1); -moz-transform:rotate(4deg) scale(1.1)}
.thumbnailGallery a:nth-child(3n):hover > img{-o-transform:rotate(-2deg) scale(1.1); -webkit-transform:rotate(-2deg) scale(1.1); -moz-transform:rotate(-2deg) scale(1.1)}

div[id^="video_"] .overview, .videoOverview {margin-left: 175px; min-height: 140px}
div[id^="cd_"] .overview{margin-left: 170px}
div[id^="cd_"]{min-height: 150px}

/* Videografia - player
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

span.imgCoverPlayer{
	position: absolute;
	margin: 2px 0 0 2px;
	display: block;
	width: 155px;
	height: 131px;
	background: url(images/video_overlay_player.png) left top no-repeat
}
	
span.imgCoverPlayer:hover{
	background: url(images/video_overlay_player_hover.png) left top no-repeat
}

/* MESSAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.messageNotice {
	background: #dbeaf1;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
	border:1px solid #b0ced9
}

.messageConfirm {
	background: #CFCDC2 url(images/icon_edited.png) 10px center no-repeat;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px
}
	
.messageTrivia {
	background: #e3ddcf url(images/icon_help.png) 10px 8px no-repeat;
	border: 1px solid #d6cfbf;
	margin-bottom: 10px;
	font-size: 11px;
	color: #998e76;
	padding: 10px 10px 10px 40px
}
	
.messageTrivia  h3{color: #665f4f; font-size: inherit}
.messageTrivia  p{margin: 0}

.messageError {
	background-color: #ebe6e1;
	border: 1px solid #d9beb8;
	color: #9b3e29;
	text-align: center;
	padding: 20px 30px 20px 10px
}

/* Shoutbox, comments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#shoutBox {font-size: 11px}
#shoutBox > div {margin: 15px 25px 0 25px}
#shoutBox > form {display: none; margin: 0 20px}
#shoutBox textarea{width: 220px; height: 80px; margin-top: 5px; line-height: 13px}
#shoutBox button{
	float: right;
	margin: -3px 10px 0 0;
	padding: 3px 10px
}

#shoutBoxStatus {float: left; width: 80px; margin-left: 15px !important; display: none}
#shoutBoxShouts {margin-bottom: 10px}
#shoutBoxShouts > div {color: #777; margin-bottom: 10px}
#shoutBoxShouts > div > p {text-align: justify; margin-top: 0}

.comContent	{
	padding: 15px 15px 10px 85px;
	position: relative;
	margin: 15px 0;
	border: 1px solid #cccaba;
	min-height: 70px
}
.comText {
	min-height: 64px;
	border-left: 1px solid #cccaba;
	margin-left: 5px;
	padding-left: 15px
}
.comMeta {
	color: #b3af96
}

.comAvatar {float: left; margin: 0 10px 10px -75px; padding: 1px; border: 1px solid #cccaba}

.profileLink		{font-weight: bold}
.userLPU			{color: #b97200 !important}
.userLPU:hover		{color: #6a4100 !important}
.userCrew			{color: #769400 !important}
.userCrew:hover		{color: #8caf00 !important}
.userAdmin			{color: #970004 !important}
.userAdmin:hover	{color: #5c0d0b !important}
.comMeta .reply 		{color: #b3af96; font-size: 11px}
.comRecommended 		{border: 1px solid #b3af96}

/* FORMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder{
    color: #999
}

textarea:-moz-placeholder, input:-moz-placeholder  {
    color: #999
}

.styledButton {
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: -webkit-gradient(linear, left top, left bottombottom, from(#e4ddca), to(#ccc6b6));
	background: -moz-linear-gradient(#e4ddca, #ccc6b6);
	background-color: #e4ddca;
	background-repeat: none;
	text-shadow: rgba(255, 255, 255, 0.5) 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: pointer
}

a.styledButton {
	padding: 5px 7px
}

.styledButton > .icon {margin-left: -4px}

.styledButton:hover {  
	background: -webkit-gradient(linear, left top, left bottombottom, from(#f0ede6), to(#e4ddca));
	background: -moz-linear-gradient(#f0ede6, #e4ddca);
	background-color: #ebe7df;
	border-color: #a6a6a6
}
.styledButton:active {  
	background: #d9d0bf;  
	-webkit-box-shadow: rgba(173, 160, 136, 0.1) 0 1px, rgba(0, 0, 0, 0.5) 0px 1px 3px inset, rgba(0, 0, 0, 0.15) 0px -5px 12px inset;  
	-moz-box-shadow: rgba(173, 160, 136, 0.1) 0 1px, rgba(0, 0, 0, 0.5) 0px 1px 3px inset, rgba(0, 0, 0, 0.15) 0px -5px 12px inset;  
	box-shadow: rgba(173, 160, 136, 0.1) 0 1px, rgba(0, 0, 0, 0.5) 0px 1px 3px inset, rgba(0, 0, 0, 0.15) 0px -5px 12px inset;
	outline: none
}

textarea.comment {
	width: 628px;
	min-height: 80px;
	margin-bottom: 10px
}
textarea.confirm {
	border-color: #92b100;
	background-color: #fbffe9
}

textarea.error, input.error, textarea.invalid, input.invalid {
	background-color: #ebe6e1;
	border-color: #d9beb8;
	color: #9b3e29;
}

.shortOption {
	background: #e3ddcf url(images/icon_edited.png) 10px 10px no-repeat;
	padding: 10px 10px 10px 35px;
	margin-bottom: 10px;
	cursor: pointer;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px
}

.shortOption:hover > span {
	color: #4f1e14;
	text-shadow: #b8b198 0 0 2px
}
.shortOption:hover {
	background-image: url(images/icon_edited_red.png)
}
.shortOption em {
	color: #666;
	font-size: 8pt;
	font-style: normal
	}


/* SHARING
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sharing {
	background: #e3ddcf url(images/icon_share.png) 10px 10px no-repeat;
	padding: 10px 10px 10px 35px;
	margin-bottom: 10px;
	font-size: 11px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px
}

.sharing.categoryMeta {
	background: url(images/icon_share.png) 10px 10px no-repeat;
}

.sharing > span {
	margin-right: 10px
}

.sharing > a	{padding: 5px 5px 5px 27px; background-position: 5px 3px}
.sharing > a:hover {background-color: #682c1f; color: #FFF}

/* NEWS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news {margin-bottom: 25px}
.news.first {margin-top: 20px}
#more {margin-top: 15px}
.date {
	width: 50px;
	height: 60px;
	margin: -35px 0px 0px -70px;
	background:url(images/dateblock_bg.png) no-repeat center center;
	position: absolute;
	font-family: Georgia, Arial, sans;
	text-align: center;
	float: left;
	color: #575850;
	font-size: 9px
}
.date > .month{display: block}
.date > .day{
	font-weight: bold;
	font-size: 15px;
	display: block;
	position: relative;
	margin-bottom: 7px;
	top: 7px;
	color: #ab0000
}
.date .year {display: block}
.simple {margin-top: -20px}
.simple > .month{margin-top: 15px}
.simple > .day{top: -5px}

.news a {border-bottom: 1px dotted #999; color: #3F3F3B}
.news a.icon {border-bottom: 1px dotted transparent}
.news:hover p a, .news:hover li a {color: #8f1f10}
.news a:hover {border-bottom-style: solid; color: #5c0d0b !important}

.news h1, .news h2 {
	margin: 0;
	font-size:1.5em;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -1px;
	color: #0b0b09;
	text-transform: uppercase;
}
.news > h1 > a, .news > h2 > a {color: #0b0b09; border-bottom: 0}
.news > h1 > a:hover, .news > h2 > a:hover	{color: #8f1f10}

.news > .meta		{color: #989a90; font-size: 9px; margin-bottom: 10px}
.news > .meta a		{color: #575850; border-bottom: 0}
.news > .meta a:hover{color: #8f1f10}

/* BBCODE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	* includes/functions_bbcode.php
*/

.bbQuote {
	background:url(images/quote.png) left top no-repeat;
	font-family: Georgia;
	font-size: 11px;
	font-style: italic;
	margin: 15px 5px -5px 5px;
	min-height: 60px;
	padding: 1px 10px 10px 30px;
	line-height: 16px;
}

.note, .listCustom em {
	color:#777;
	font-size: 10px;
	font-style: normal
}

.bold {
	font-weight: bold
}

/* MISC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.subtitle {
	margin: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 8px;
	font-size: 12px;
	background-color: #575850;
	color: #D0D0D0;
	text-align: center
}

/* ADMIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.adminForm								{margin: 0 0 10px 0; padding: 8px; background: #e3ddcf; border: 1px solid #d9ceb0; text-align: left}
.adminForm [required] 					{}
.adminForm textarea						{width: 610px !important; min-height: 300px}
.adminForm select							{min-width: 210px}
.adminForm textarea,
.adminForm input,
.adminForm select							{box-shadow: inset 2px 2px 1px #d9d7d7; border-radius: 5px}
.adminForm label							{font-weight: bold}
.adminForm option							{padding: 0 15px}
.adminForm option em						{font-style: none; color:#666}
.adminForm option.optionCategory			{font-weight: bold; font-size: 13px; margin: 5px 0; padding: 0 5px; color: #680d0b}

.adminForm * 							{-moz-transition-property: color, background-color, border-color, visibility; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-in-out}
.adminForm .tooltip 						{-moz-transition-property: none}

.adminForm .caption						{background-color: #1d2527; padding: 8px 40px 8px 35px; margin: 10px 0 10px -40px; border-radius: 5px; opacity: 0.9; box-shadow: 2px 2px 2px #666}
.adminForm .caption.iconRight			{background-position: 98% center}
.adminForm .caption > h2,
.adminForm .caption > label				{font-size: 13px; color: #d9ceb0; text-shadow: 1px 1px 0 #000; background-repeat: no-repeat; background-position: left center; padding-left: 25px}
.adminForm .caption.toggler:hover h2,
.adminForm .caption.toggler:hover label,
.adminForm .caption label:hover			{color: #fff}
.adminForm .caption.toggler:hover,
.adminForm .caption.toggler.reduce		{opacity: 0.70}
.adminForm .caption.toggler.reduce:hover	{opacity: 0.9}
.adminForm .caption em					{font-style: normal; font-weight: normal; color: #888; font-size: 12px; float: right}
.adminForm .header						{display: block; padding: 8px 8px 8px 20px; border-bottom: 3px solid #d9ceb0; font-weight: bold; color: #680d0b; text-shadow: none; font-size: 13px; margin: 0 0 15px -10px; box-shadow: none}
.adminForm td							{vertical-align: middle; padding: 2px 0}

/* TOOLTIPS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tooltip {
	background-color:#1d2527;
	border:1px solid #d9ceb0;
	padding:10px 15px;
	width:250px;
	display:none;
	color:#d9ceb0;
	text-align:left;
	font-size:11px;
	z-index: 5;
	text-align: justify;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 8px #222;
	-webkit-box-shadow:0 0 8px #222;

	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px
}

.tooltip a:link, .tooltip a:visited 	{color: #FFF}
.tooltip a:hover, .tooltip a:active	{border-bottom: 1px dotted #CC0000}

/* VALIDATOR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.validatorError {
	background-color:#1d2527;
	border:1px solid #d9ceb0;
	padding:10px 15px;
	color:#d9ceb0;
	text-align:left;
	font-size:11px;
	z-index: 5;
	text-align: justify;
	opacity: 0.9;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 8px #222;
	-webkit-box-shadow:0 0 8px #222;

	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px
}

.validatorError p {
	margin: 0
}


/* MODALS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#modalClose {
	background: url(images/modal_close.png) center center no-repeat;
	width: 90px;
	height: 30px;
	float: right;
	margin: -18px
}
#jqueryModal {
	display: none;
	background: #e2e1d5;
	top: 100px;
	position: fixed;
	margin: 40px 200px;
	z-index: 91;
	width: 500px;
	color: #585851;
	border: 5px solid #80270f;
	padding: 20px;
	-moz-box-shadow: 0 0 15px #111; -webkit-box-shadow: 0 0 15px #111; box-shadow: 0 0 15px #111
}

#jqueryModal .header{
	margin: -20px -20px 0 -20px;
	padding: 15px;
	color: #FFF;
	border: 0;
	box-shadow: none
}

#jqueryModal .header > h1{
	margin: -5px 0 5px 0;
	color: #80270f;
	font-size:1.6em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif
}

#jqueryModal .response{
	text-align: center;
	background: #938d83;
	margin: 20px -20px -20px -20px;
	padding: 10px;
	color: #FFF;
	display: none
}

#jqueryOverlay {
	display: none;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	opacity: 0.6
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 400px;
	height: 250px;
	margin: 0 auto;
	-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0
}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right
}
#lightbox-container-image-data-box a {
	color: #999;
}
#lightbox-container-image-data-box {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 14px;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%;
	float: left;
	text-align: left
}	
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* SITEMAP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#sitemap {background:url(images/footer-logo.png) no-repeat 30px 0; padding-left: 260px; height: 100px}
#sitemap div{font-size: 10px; color: #cfcdc2; display: inline; float: left; margin-left: 65px}
#sitemap ul{list-style-type: disc}
#sitemap h2 {color: #575850; margin-left: -15px}

/* WYSIWYG
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.markItUpHeader li {float:left; position:relative}
.markItUpHeader .markItUpSeparator {margin:0 10px; width:1px; height:16px; overflow:hidden; background-color:#CCC}
.markItUpHeader a {display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat; padding:3px; margin:0px}

.markItUp .markItUpButton1 > a	{background-image:url(images/edytor/bold.png)}
.markItUp .markItUpButton2 > a	{background-image:url(images/edytor/italic.png)}
.markItUp .markItUpButton3 > a	{background-image:url(images/edytor/underline.png)}
.markItUp .markItUpButton4 > a	{background-image:url(images/edytor/stroke.png)}
.markItUp .markItUpButton5 > a	{background-image:url(images/edytor/picture.png)}
.markItUp .markItUpButton6 > a	{background-image:url(images/edytor/link.png)}
.markItUp .markItUpButton7 > a	{background-image:url(images/edytor/list-bullet.png)}
.markItUp .markItUpButton8 > a	{background-image:url(images/edytor/list-item.png)}
.markItUp .markItUpButton9 > a	{background-image:url(images/edytor/messageNotice.png)}
.markItUp .markItUpButton10 > a	{background-image:url(images/edytor/helpBox.png)}
.markItUp .markItUpButton11 > a	{background-image:url(images/edytor/messageConfirm.png)}
.markItUp .markItUpButton12 > a	{background-image:url(images/edytor/messageError.png)}
.markItUp .markItUpButton13 > a	{background-image:url(images/edytor/quotes.png)}
.markItUp .markItUpButton14 > a	{background-image:url(images/edytor/osoba.png)}
.markItUp .markItUpButton15 > a	{background-image:url(images/edytor/album.png)}
.markItUp .markItUpButton16 > a	{background-image:url(images/edytor/projekt.png)}

.markItUp .clean > a {background-image:url(images/edytor/clean.png)}


/* BIOGRAFIE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#bioImages {margin-left: 20px}
#bioImages li {margin: 0 3px 10px 3px}
#bioImages a {
	position: relative;
	display: block;
	width: 600px;
	height: 160px;
	color: #0B0B09
}

#bioImages strong {
	display: block;
	width: 584px;
	height: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 13px;
	line-height: 1.2;
	padding: 8px;
	background: #E3E1D5;
	opacity: 0.5;
}

#bioImages em {
	float: right;
	font-style: normal;
	color: #0B0B09;
	opacity: 0;
}

#bioImages a:hover em {
	opacity: 1;
}

#bioImages a:hover strong {
	opacity: 1;
	color: #5C0D0B;
}

.entryData {position: relative}
.entryMeta {margin-bottom: 15px}
.entryLeft {float: left}
.entryRight {float: right; text-align: right}

/* TRACKLIST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ol.tracklist {padding-left: 25px; list-style-type: decimal-leading-zero; color: #b3af96}
ol.tracklist p{color: #575850; margin: 0}

#playerTracklist ol {line-height: 16px; margin: 10px -20px 0 7px}
#playerTracklist li {padding: 2px 25px 2px 0}
#playerTracklist li:hover, #playerTracklist ol li.active {cursor: pointer; color: #b3af96; background:url(images/tracklist_player_hover.png) no-repeat 220px 3px; color: #CC0000}
#playerTracklist ol li.active {color: #899F1D; font-weight: bold; background-image:url(images/tracklist_player_active.png)}
#playerTracklist ol li.paused {color: #db8600; background-image:url(images/tracklist_player_pause.png)}
#playerTracklist .lyrics {width: 20px; height: 16px; display: block; float: left; background:url(images/icon_paper.png) no-repeat left center}
#playerTracklist .lyrics:hover {background-image:url(images/icon_paper_hover.png)}
#playerTracklist .video {width: 20px; height: 16px; display: block; float: left; background:url(images/icon_video.png) no-repeat left center}
#playerTracklist .video:hover {background-image:url(images/icon_video_hover.png)}

/* YouTube
---------------------------- */

.youtubeVideoList ul{padding: 0 10px}
.youtubeVideoList li {margin: 10px 0}
.youtubeVideoList li.active {border-left: 3px solid #970004; margin-left: -10px; padding-left: 7px; background-color: #e0ded1}
.youtubeVideoList span {color:#777;	font-size: 10px}
.youtubeVideoList img {width: 60px; height: 45px; padding: 1px; border: 1px solid #c7c3ad; margin-right: 20px; float: left}
.youtubeVideoList img:hover {border: 1px solid #ada282}


/* Last.fm
---------------------------- */
.lastfmStats {margin: 10px 30px}
.lastfmStats > div {float: left; padding: 6px; font-size: 10px; color: #999}
.lastfmStats .listeners {margin-left: 10px}
.lastfmStats span {display: block; font-family: Georgia; font-size: 17px; color: #682c1f}



.cdSongInfo {display: none; border: 1px solid #d9ceb0; padding: 10px; margin: 10px 0 20px 0}

.cdVersionSelectorEntry span.selectorOverlay {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 90px;
	height: 82px;
	background: url(images/overlay_cdcase_small.png) left top transparent
}

.cdVersionSelectorEntry span.selectorOverlay.vinyl {
	width: 100px;
	background-image: url(images/overlay_vinyl_small.png)
}

.cdVersionSelectorEntry {
	position: relative;
	width: 186px;
	overflow: hidden;
	height: 73px;
	margin: 0 0 10px 0;
	padding: 10px 5px 10px 20px;
	float: left;
	font-size: 10px;
	border: 1px solid transparent
}

.cdVersionSelectorEntry.active {
	border-color: #d9ceb0
}

.cdVersionSelectorEntry.meta {
	-moz-box-shadow: 0 0 4px #b3b3b3; -webkit-box-shadow: 0 0 4px #b3b3b3; box-shadow: 0 0 4px #b3b3b3;
	z-index: 3
}

.cdVersionSelectorEntry:hover {
	cursor: pointer;
	border-color: #d9ceb0;
	background: #e3ddcf;
	color: #855653
}

.cdVersionSelectorEntry.active:hover {
	cursor: default
}

.cdVersionSelectorEntry img.selectorCover {
	float: left;
	width: 72px;
	height: inherit;
	margin: 0 10px 0 0
	}
	
.cdVersionSelectorEntry img.selectorCover.vinyl  {
	margin: 0 28px 0 -8px
}

.cdVersionSelectorEntry h2 {
	color: #5c0d0b;
	font-size: 11px;
	min-height: 30px;
	text-align: left
}

.optionButton{
	margin: 5px 0px;
	line-height: 20px;
	padding: 0 5px;
	font-size: 11px;
	text-align: center;
	border: 1px solid #d9ceb0
}

.optionButton:hover{background: #e3ddcf}
.optionButton a{display: block}
.optionButton .icon{padding: 0}
.optionButton a:hover{color: #855653}
	
	
/* Do ujednolicenia w odniesieniu do imageList, tzn. aby zmieniały się tylko width i height elementów */

.imageList img, .imageListSmall img, #bioImages img,
.imageList strong, .imageListSmall strong, #bioImages strong, #bioImages em {
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all
}

.imageList li {
	float: left;
	margin: 6px
}
.imageList img{
	border: 1px solid #d9ceb0;
	padding: 2px;
	width: 115px;
	height: 115px
}
.imageList li:hover img{
	border: 1px solid #a79b81
}

.imageList li:hover strong{
	color: #f0efef;
	opacity: 0.9
}

.imageList a {
	position: relative;
	display: block;
	width: 115px;
	height: 115px
}
.imageList strong {
	position: absolute;
	color: #d9ceb0;
	bottom: -3px;
	left: 3px;
	width: 105px;
	font-size: 11px;
	text-align: right;
	padding: 3px 5px;
	background: #000;
	opacity: 0.65
}

.imageList .overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 115px;
	height: 115px;
	background: url(images/cover_overlay_cd.png) left top transparent
	}

.imageListSmallHolder {
	position: relative;
	min-height: 250px
}

.imageListSmall {
    margin: 0 15px;
	position: absolute;
	opacity: 0
}
.show {z-index:5; opacity: 1}

.imageListSmall li{
    float: left;
    margin: 0 3px 10px 3px;
}

.imageListSmall a {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
	padding: 1px; 
	border: 1px solid #c7c3ad;
	margin: 0 10px 0 0
}

.imageListThumbnails a {
    width: 60px;
    height: 60px;
	margin: 2px
}
.imageListThumbnails img {
	width: 60px;
	height: 60px
}

.imageListThumbnails strong {
	max-width: 50px
}

.imageListSmall strong {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #d9ceb0;
    font-size: 11px;
	text-align: right;
	font-weight: normal;
    line-height: 1.1;
    padding: 5px;
    background: #000;
    opacity: 0.5;
	-moz-border-radius: 5px 0 10px 0; -webkit-border-radius: 5px 0 10px 0; border-radius: 5px 0 10px 0
}

.imageListSmall a:hover strong {
    opacity: 0.9
}

/* Kolory */
.positive	{color: #899F1D}
.negative	{color: #781314}







/* Pliki */
.filePrepare {
	border: 1px solid #b3af96;
	padding: 10px;
	text-align: center;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px
}
.filePrepare > h2 {
	margin: 10px 0 0 0;
	font-size: 14px
}
.fileEntry {
	margin: 10px;
	padding: 10px;
	min-height: 130px
}
.fileEntry > h2 {
	margin: 0 0 15px 0
}
.fileEntry > img {
	margin-right: 20px;
	padding: 1px;
	border: 1px solid #d9ceb0;
	float: left
}





.roundLight, #jqueryModal  input, #jqueryModal  textarea, #jqueryModal  select, .styledButton, .optionButton, .pagination a, .profileAwards > span, .newsSocial .tags > a, .share > a, .sharing > a, #pollBox div, .pollResults div, .imageList img, .profileSummary img, .comAvatar, .thumbnailGallery img, .imgCover, .imgCoverView, .youtubeVideoList img {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.roundNormal, #jqueryModal, .lastfmRecent li, .imageListSmall a, .messageError, .messageTrivia, .adminForm, .helpBox, .messageNotice, #ajaxLoader, #shoutBox textarea {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
.roundBottom, #shoutBox button {-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px}
#shoutBox > form > img, .news > .meta span, .catSelect {float: right}


a.admin	{float: right; width: 8px; height: 8px; margin-left:5px; background: url() no-repeat right center}
li a.edit	{background-image:url(images/icon_mini_edit.png)}
li a.delete {background-image:url(images/icon_mini_delete.png)}

input, textarea, li, a, p, em, h1, h2, h3, h4, span, strong, button {
-moz-transition-property: color, background-color, border-color, visibility, box-shadow; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-in-out;
-o-transition-property: color, background-color, border-color, visibility, box-shadow; -o-transition-duration: .2s; -o-transition-timing-function: ease-in-out;
-webkit-transition-property: color, background-color, border-color, visibility, box-shadow; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out}


.imgNews {

	max-width: 640px !important;
}