/** RESETTING STYLESHEET **/
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,  tfoot, thead, 
*, .x {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


					 /** COMMON CLASSES **/
.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}

.debug { border: 1px solid red; }


/** BODY ELEMENTS **/
html, body {
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	background: #1a222d;
	margin: 0;
	padding: 0;
	color: #fff;
}


/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6 {
  font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 19px;
  padding: 0 0 7px 0;
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: normal;
  background: url(../images/theme/bg_h1b.gif) no-repeat bottom center;
}
h1 a {
  text-decoration: none;
}
h1 a:hover {
  text-decoration: underline;
}
h1 span {
  font-size: 14px;
  color: #9a9ea6;
  font-weight: normal;
  padding: 0 0 0 25px;
  background: url(../images/theme/gem.gif) no-repeat 8px 4px;
}
h2 {
  font-size: 15px;
  color: #eee;
  font-weight:bold;
  padding-bottom:10px;
  padding-top:5px;
}
h3 {
  font-size: 12px;
  color: #eee;
  font-weight:normal;
  padding-bottom:6px;
  padding-top:4px;
}


/** Links **/
a {
	color: #8db1c8;
	text-decoration: none;
}
	
a:hover {
  color: #8db1c8;
	text-decoration: underline;
}

/** Text **/
ul, ol, dd {
	list-style-position: outside;
  padding-left:15px;
}

ul {
  list-style-type:square;
  padding-bottom:12px;
}
  
ul ul {
  list-style-type:disc;
  padding-bottom:12px;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
}

td {
  padding: 2px 2px 2px 0;
  margin: 0;
}


/** MAIN CONTAINERS **/

#navigation {
  position: absolute;
}

/* topmenu */
#topmenu {
  background: #000;
  height: 38px;
}
#topmenu_inner {
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
/*
#topmenu_inner ul {
  list-style:none;
  margin: 0 0 0 16px;
  padding: 0;
}
#topmenu_inner li {
  float: left;
  padding: 9px 20px 0 0;
}
#topmenu_inner li:hover {
}
#topmenu_inner li a {
  font-size:12px;
	font-family: "Arial", "Helvetica", sans-serif;
  color:#fff;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
}
#topmenu_inner li a:hover {
  text-decoration:none;
  color: #69b6e6;
}
#topmenu_inner li.current a {
  color:#aad9f7;
}
#topmenu_inner li.current a:hover {
  color: #e1ff3a;
}
*/

#lang{
  float: right;
  margin: 9px 0 0 0;
}

/** header **/
#header {
  background: #2d3c4e url(../images/theme/bg_header.jpg) repeat-x top center;
  height: 172px;
}
#header_inner {
  color: #000;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#logo {
  position: absolute;
  top: 14px;
  left: 0;
}
#menu_facebook {
  position: absolute;
  top:64px;
  left:0px;
  height: 22px;
  width: 65px;
  background: url(../images/theme/menu_facebook.gif) no-repeat 0 0;
}
#menu_facebook:hover { background-position: 0 -22px; }
#menu_facebook span { display: none; }

#menu_rozbitek {
  position: absolute;
  top:64px;
  left:82px;
  height: 22px;
  width: 145px;
  background: url(../images/theme/menu_rozbitek.gif) no-repeat 0 0;
}
#menu_rozbitek:hover { background-position: 0 -22px; }
#menu_rozbitek span { display: none; }

#menu_imdb {
  position: absolute;
  top:64px;
  left:240px;
  height: 22px;
  width: 37px;
  background: url(../images/theme/menu_imdb.gif) no-repeat 0 0;
}
#menu_imdb:hover { background-position: 0 -22px; }
#menu_imdb span { display: none; }

#jan {
  position: absolute;
  top: 0;
  right: 0;
}

/** breadcrumb **/
#breadcrumb{
  background: #1b232e;
  height: 24px;
}
#breadcrumb_inner {
  color: #8a9caf;
  width: 960px;
  margin: 0 auto;
  padding: 3px 0 0 0;
}
#breadcrumb_inner a,
#breadcrumb_inner a:link {
  color: #fff;
  text-decoration: none;
}
#breadcrumb_inner a:hover {
  color: #8a9caf;
  text-decoration: none;
}


/** page **/
#page {
  background: #344355;
}
#page_inner {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
}
#left {
  float: left;
  width: 670px;
  padding: 10px 0 0 0;
}
#right {
  float: right;
  width: 250px;
  padding: 20px 0 0 0;
}

/* Album Listing */
.albumlist {
  width: 152px;
  float: left;
  text-align: center;
  margin: 10px 15px 10px 0px;
  padding: 8px 0 5px 0;
  background: #fff;
  -moz-box-shadow: #1b232e 2px 2px 3px;
  -webkit-box-shadow: #1b232e 2px 2px 3px;
  box-shadow: #1b232e 2px 2px 3px;
}

.albumlist:hover {
  -moz-transform: scale(1.07);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: scale(1.07);
  -webkit-transform-origin: 50% 50%;
  -o-transform: scale(1.07); 
  -o-transform-origin: 50% 50%;
  -moz-box-shadow: #212a37 3px 3px 4px;
  -webkit-box-shadow: #212a37 3px 3px 4px;
  box-shadow: #212a37 3px 3px 4px;
  z-index: 5;
}

.albumlist img {
  margin: 0 0 3px 0;
}

.albumlist a {
  font-size: 11px;
	color: #1b232e;
	text-decoration: none;
}
	
.albumlist a:hover {
  color: #1b232e;
	text-decoration: none;
}


/* Tracklist */
#albumlistsimple {
  background: #2D3B4C;
  margin: 10px 0;
  padding: 12px 18px;
  line-height: 20px;
}
#albumlistsimple ul {
  padding: 0;
}
#albumlistsimple ul li {
  list-style: none;
}
#albumlistsimple strong {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}

.backbutton {
  position: absolute;
  top: 0;
  right: 0;
  margin: 15px 0 0 0;
}

.backbutton a,
.backbutton a:link {
  color: #9A9EA6;
  font-size: 13px;
  font-weight: bold;
}

#album_description {
  margin: 12px 0 15px 0;
}
#album_description img {
  border: 8px solid #fff;
  -moz-box-shadow: #1b232e 2px 2px 3px;
  -webkit-box-shadow: #1b232e 2px 2px 3px;
  box-shadow: #1b232e 2px 2px 3px;
}

#tracklist {
  float: right;
  width: 310px;
}
#tracklist_inner {
  padding: 5px 6px 5px 7px;
  margin: 0 0 12px 20px;
  clear: both;
  background: #2d3b4c;
  /*background: #3b4c5f;*/
}
#tracklist_inner h3 {
  border: 0;
  color: #fff;
  padding: 1px 0 0 25px;
  font-size: 12px;
  font-weight: bold;
  margin: 3px 0 3px 0;
}
#tracklist_inner .tracknumber {
  font-size: 12px;
  width: 22px;
  float: left;
  text-align: right;
  color: #9a9ea6;
  margin: 3px 0 0 0;
}
#tracklist_inner ul {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 25px;
}
#tracklist_inner ul li {
  height: 20px;
  float: left;
  margin: 0 2px 0 0;
}
.tracklist_play {background: url(../images/theme/tracklist_play.gif); width: 45px;}
.tracklist_play a {display: block; width: 45px; height: 20px;}
.tracklist_play a:hover {background: transparent url(../images/theme/tracklist_play.gif) 0px -20px no-repeat; width: 45px;}

.tracklist_download {background: url(../images/theme/tracklist_download.gif); width: 69px;}
.tracklist_download a {display: block; width: 69px; height: 20px;}
.tracklist_download a:hover {background: transparent url(../images/theme/tracklist_download.gif) 0px -20px no-repeat; width: 69px;}

.tracklist_sheet {background: url(../images/theme/tracklist_sheet.gif); width: 79px;}
.tracklist_sheet a {display: block; width: 79px; height: 20px;}
.tracklist_sheet a:hover {background: transparent url(../images/theme/tracklist_sheet.gif) 0px -20px no-repeat;	width: 79px;}

.tracklist_buy {background: url(../images/theme/tracklist_buy.gif); width: 41px;}
.tracklist_buy a {display: block; width: 41px; height: 20px;}
.tracklist_buy a:hover {background: transparent url(../images/theme/tracklist_buy.gif) 0px -20px no-repeat; width: 41px;}

.tracklist_video {background: url(../images/theme/tracklist_video.gif); width: 48px;}
.tracklist_video a {display: block; width: 48px; height: 20px;}
.tracklist_video a:hover {background: transparent url(../images/theme/tracklist_video.gif) 0px -20px no-repeat; width: 48px;}


/* sidebar */

.box {
  background: #2d3b4c;
  padding: 3px 8px 8px 8px;
  margin: 0 10px 18px 0;
  text-align: center;
  color: #A1B1C2;
}
.box h2 {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}
.box_fb {
  background: #f1f2f6;
  padding: 0;
  margin: 0 10px 18px 0;
}
.cd {
  width: 152px;
  text-align: center;
  margin: 3px 0 12px 35px;
  padding: 8px 0 5px 0;
  background: #fff;
  -moz-box-shadow: #131b25 2px 2px 3px;
  -webkit-box-shadow: #131b25 2px 2px 3px;
  box-shadow: #131b25 2px 2px 3px;
}
.cd:hover {
  -moz-transform: scale(1.07);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: scale(1.07);
  -webkit-transform-origin: 50% 50%;
  -o-transform: scale(1.07); 
  -o-transform-origin: 50% 50%;
  -moz-box-shadow: #131b25 3px 3px 4px;
  -webkit-box-shadow: #131b25 3px 3px 4px;
  box-shadow: #131b25 3px 3px 4px;
  z-index: 5;
}
.cd img {
  margin: 0 0 3px 0;
}
.cd a {
  font-size: 11px;
	color: #1b232e;
	text-decoration: none;
}
.cd a:hover {
  color: #1b232e;
	text-decoration: none;
}

.box_tracks {
  background: #f2f3f7;
  padding: 0;
  margin: 0 10px 18px 0;
  color: #495f70;
  overflow: hidden;
}
.box_tracks .title {
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  padding: 4px 14px 5px 15px;
  border-right: 1px solid #cfd9df;
  border-left: 1px solid #cfd9df;
  border-bottom: 1px solid #cfd9df;
}

.box_tracks .play {
  float: right;
}
.box_tracks .play a {
  background: #495f70 url(../images/theme/tracklist_play.gif);
  display: block;
  width: 45px;
  height: 20px;
  margin: 2px 0 0 0;
}
.box_tracks .play a:hover {
  background: transparent url(../images/theme/tracklist_play.gif) 0px -20px no-repeat;
  width: 45px;
}
#player_button a {
  display: block;
  height: 30px;
  width: 240px;
  background: url(../images/theme/player_button.gif) no-repeat 0 0;
}
#player_button a:hover { background-position: 0 -30px; }
#player_button a span { display: none; }

/** footer **/
#footer {
  background: #1a222d;
}
#footer_inner {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
}


/* content */
.entry {
  position: relative;
  padding: 10px 0 35px 0;
}

.entry b, .entry strong {
  color: #a1b1c2;
}

.image {
  float: left;
  margin: 3px 18px 12px 0;
  border: 8px solid #fff;
  -moz-box-shadow: #1b232e 2px 2px 3px;
  -webkit-box-shadow: #1b232e 2px 2px 3px;
  box-shadow: #1b232e 2px 2px 3px;
}

.page_nav {
  padding: 20px 0 5px 0;
  text-align: center;
  color: #fff;
}
.page_nav span{
  padding: 1px 6px 0 6px;
  border: 1px solid #4a5b6f;
  text-decoration: none;
  color: #fff;

}
.page_nav a,
.page_nav a:link {
  padding: 1px 6px 0 6px;
  background: #e7ebf0;
  border: 1px solid #e7ebf0;
  text-decoration: none;
  color: #1b232e;
}
.page_nav a:hover {
  background: #bcc5cf;
  border: 1px solid #bcc5cf;
  text-decoration: none;
}

/* gallery */
.gallery_image {
  float: left;
  width: 215px;
  margin: 0 0 15px 0;
  text-align:center;
}

.gallery_image img {
  margin: 6px 12px 6px 0;
  border: 8px solid #fff;
  -moz-box-shadow: #1b232e 2px 2px 3px;
  -webkit-box-shadow: #1b232e 2px 2px 3px;
  box-shadow: #1b232e 2px 2px 3px;
}

.gallery_image img:hover {
  -moz-transform: scale(1.07);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: scale(1.07);
  -webkit-transform-origin: 50% 50%;
  -o-transform: scale(1.07); 
  -o-transform-origin: 50% 50%;
  -moz-box-shadow: #131b25 3px 3px 4px;
  -webkit-box-shadow: #131b25 3px 3px 4px;
  box-shadow: #131b25 3px 3px 4px;
  z-index: 5;
}

/* forms */
input[type=text] {
  background: #E7EBF0;
  padding: 4px 6px;
  color: #000;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
}

textarea {
  background: #E7EBF0;
  padding: 4px 6px;
  color: #000;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	height: 150px;
}

input[type=submit] {
  color: #fff;
  background: #1a222d;
  border: 1px solid #1a222d;
  padding: 3px 4px;
  margin: 0;
  font-size: 12px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
}

input[type=submit]:hover {
  background-color: #26303e;
}

input[type=radio] {
}

/** Warning & Notes **/
.warning {
  background-color: #e7ebf0;
  border: 1px solid #f00;
  color: #f00;
  text-align: center;
  padding: 6px;
  margin: 5px 0 15px 0;
}

.note {
  background-color: #e7ebf0;
  border: 1px solid #1a222d;
  color: #000;
  text-align: center;
  padding: 6px;
  margin: 5px 0 15px 0;
}