body  {
    text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: #FEF200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.clr, .clear {
  clear: both;
}
div#container {
	margin-left: auto;
	
	margin-right: auto;
	width: 1000px;
	text-align: left;
}

.novicaNaslov {
	font-variant: small-caps;
	font-weight: bold;
}

div#container a {
	color: #972600;
}


#content .frame{
  /*width: 414px;*/
  padding: 15px;
  display: block;
  border: 3px solid #dcc30f;
  background: url(/img/frame-bg.png) repeat;
}

.mnenja_seznam {
	border-bottom-style: dotted;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

div#container a:hover {
	color: #EF5438;
	text-decoration: underline;
}

div#header {
	height: 100px;
	width: 100%;
	padding: 0px;
}

/*div#content{
	position: absolute;
	top: 100px;
	bottom: 45px;
	width: 980px;
	padding: 10px;
	background-attachment: fixed;
	background-position: 50% 98px;
	background-repeat: repeat;
	overflow: auto;
	font-size: small;
	background-image:url(img/ozadja/01_uvodnastran.jpg);
}
*/
div#content {
    position: absolute;
	top: 100px;
	bottom: 45px;
	width: 980px;
	padding: 10px;
	background-attachment: fixed;
    background-position: 50% 89px;
/*	background-position: 50% bottom;*/
	background-repeat: repeat;
	overflow: auto;
	font-size: small;
	background-image:url(img/ozadja/01_uvodnastran.jpg);

}
div#footer {
	position:fixed;
	bottom:0px;
	color:#ffffff;
	height: 45px;
	width: 1000px;
	background-color: #00ADE3;
	background-image: url(img/ozadje_footer.gif);
	padding: 0px;
}

div#footer a {
	color:#993300;
	border: none;
}

html {
	overflow: auto;
}

.prosojno {

	border: 1px none #00ade3;
	padding: 5px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #CC3300 ;
	height: 50px;
	margin: 0px;
}

#content                     .aboutus h1 { text-indent:-9999px; 
background: url('/img/h1/aboutus.png') no-repeat; }
#content               .music h1 { text-indent:-9999px; 
background: url('/img/h1/music.png') no-repeat; }
#content               .concerts h1 { text-indent:-9999px; 
background: url('/img/h1/concerts.png') no-repeat; }
#content               .news h1 { text-indent:-9999px; 
background: url('/img/h1/news.png') no-repeat; }
#content               .photo h1 { text-indent:-9999px; 
background: url('/img/h1/photo.png') no-repeat; }
#content               .comments h1 { text-indent:-9999px; 
background: url('/img/h1/comments.png') no-repeat; }
#content               .links h1 { text-indent:-9999px; 
background: url('/img/h1/links.png') no-repeat; }
#content               .press h1 { text-indent:-9999px; 
background: url('/img/h1/press.png') no-repeat; }
#content               .contact h1 { text-indent:-9999px; 
background: url('/img/h1/contact.png') no-repeat; }

.komentar {
	background-image: url(/img/ozadje_prosojno.png);
	background-repeat: repeat;
	margin: 5px;
	background-filter: alpha(opacity=50);
	background-opacity: 0.5;
}

.naslov  {
	background-color:#4E769E;
	color: #FFF;
	font-weight: bold;
	padding: 3px;
}

.naslov a {
	background-color:#4E769E;
	color: #FFF;
	font-weight: bold;
	padding: 3px;
}
.image_grid img {
	border: 1px solid #000000;
}

div#footer img a {
	border: 0px solid #000000;
}
#komentar_naslov {
	background-color:#4E769E;
	color: #FFF;
	font-weight: bold;
	margin: 5px;
	padding: 3px;
	text-align: left;
}
div#komentar_naslov a {
	color:#CCC;
}

#comment {
	width: 595px;
}





/* copied from prvaStran */

.style2 {font-size: large}
h3 {
  color: #777;
  font-weight: bold;
}
h2 {
	color: #444;
	padding: 5px 0px;
	margin: 3px;
	font: normal normal normal 22px/26px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*background-color:#069;*/
}
#content .latest {
  position: relative;
  border: 0 none #000;
}
.latest h2 { margin:0px; padding:0px;}
.latest .date {
  position: absolute;
  right: 20px;
  top: 20px;
}
.pushLevo {             /*FLASH*/
    position: relative;
    margin-left: 40px;
    padding-left: 40px;
    width: 500px;
    float: left;
}
.pushDesno {
    position: absolute;
    margin-right: 40px;
    margin-top: 40px;
    right: 0;
    top: 0;
    float: left;
    width: 500px;
}
.flashPushLevo {
  position: relative;
}
#flash_overlay_link {
  position: absolute;
  display: block;
  text-indent: -9999px;
  left: 0;
  top:0;
  width: 380px;
  height: 600px;
  z-index:99;
}




/* copied from kdoSmo */
.03_glasba {

	background-image: url('http://nova.perpetuumjazzile.net/img/ozadja/02_kdosmo.jpg');

	background-attachment: fixed;

	background-repeat: repeat-x;

}


.news_menu {
  float: left;
  width: 300px;
}

#news {
  float: left;
  width: 600px;
}

.news_menu .date {
  color: #555;
  font: normal normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
  float: left;
  width: 70px;
}
.news_menu .title {
  float: left;
  display: block;
  width: 200px;
  padding: 0 0 0 5px;
  text-decoration: none;
}

.news_menu .news_link {
  padding-bottom:5px;
  clear: both;
}
#news .comments {
  
}




/* #content width: 980px */

#content .glasba h1 {
  padding:0px;
  margin:0px;
  height: 40px;
}
#content .glasba h2, #content .glasba h3 {
  background: transparent none;
  text-decoration: none;
  border: 0px none;
  color: #000;
  padding: 0;
  margin:0;
  
}
#content .glasba h2 {
  height: 40px;
}

#content .glasba li .utility {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
}
#content .glasba .tracklist {
  margin: 0;
  margin-left: 30px;
  padding: 0;
  /*list-style: none;*/
}
#content .glasba .tracklist li {
  position: relative;
  width: auto;
  font-size: 11px;
}

#content .glasba.en h1 {
  text-indent: -9999px;
  background: url('/img/h1/music.png') no-repeat;
}
#content .glasba.si h1 {
  text-indent: -9999px;
  background: url('/img/h1/glasba.png') no-repeat;
}
#content .glasba.en .singles h2 {
  text-indent: -9999px;
  background: url('/img/h2/singles.png') no-repeat;
}
#content .glasba.si .singles h2 {
  text-indent: -9999px;
  background: url('/img/h2/singli.png') no-repeat;
}

#content .glasba.en .videos h2 {
  text-indent: -9999px;
  background: url('/img/h2/videos.png') no-repeat;
}
#content .glasba.si .videos h2 {
  text-indent: -9999px;
  background: url('/img/h2/video.png') no-repeat;
}

#content .glasba.en .discography h2 {
  text-indent: -9999px;
  background: url('/img/h2/discography.png') no-repeat;
}
#content .glasba.si .discography h2 {
  text-indent: -9999px;
  background: url('/img/h2/diskografija.png') no-repeat;
}

#content .glasba ul, 
#content .glasba li {
  margin:0px;
  padding:0px;
}

#content .glasba .intro {
  float: left;
  width: 390px;
  padding: 10px 30px; 
  line-height: 18px;
}
#content .glasba .intro strong {
  text-align: right;
  display: block;
  padding-bottom: 5px;
  margin-top: 0px;
}
#content .glasba .frame
,#content .glasba .discography .disc
,#content .glasba .singles ul 
,#content .glasba .videos li {
  width: 414px;
  padding: 15px;
  display: block;
  border: 3px solid #dcc30f;
  background: url(/img/frame-bg.png) repeat;
  margin-bottom: 15px;
}
#content .glasba .singles {
  float: left;
  width: 450px;
  margin-left: 45px;
}
#content .glasba .singles ul {
  height: 90px;
}

#content .glasba .singles li {
  list-style: none;
}
#content .glasba .discography {
  
  float: left;
  width: 450px;
}

#content .glasba .discography .disc {
  
}
#content .glasba .discography .disc img {
  float: left; 
  margin: 0 10px 10px 0;
}

#content .glasba .discography .disc h3 {
  float: left;
  width: 270px;
  text-align: left;
}
#content .glasba .discography .disc .publisher {
  display: block;
  float: left;
  font-size: 11px;
}

#content .glasba .videos {
  float: left;
  width: 450px;
  margin-left: 45px;
}

#content .glasba .videos li {
  
}
#content .glasba .videos li a {
  display: block;
  text-decoration: none;
  color: #1f1f1f;
  height: 90px;
  position: relative;
}
#content .glasba .videos li a:hover {
  text-decoration: none;
  color: #1f1f1f;
}
#content .glasba .videos li .title, 
#content .glasba .discography .disc h3 {
  font: normal normal bold 14px/18px Arial, Helvetica, sans-serif;
}
#content .glasba .videos li .views {
  position: absolute;
  bottom: 0px;
  left: 130px;
  height: auto;
  font: bold normal normal 12px/14px Arial, Helvetica, sans-serif;;
}
#content .glasba .videos li img {
  float: left;
  margin: 0 10px 0 0;
}


#lyrics {
  display: none;
  position: absolute;
  width: auto;
  left: 120px;
  top: 20px;
  padding:20px;
  border: 3px solid #DCC30F;
  background-color:#fff;
  width: 660px;
}

#lyrics #close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
}


/* gallery
 *****************/

.gallery_wrapper {
 padding: 0px;
 position: relative;
 width: 700px;
}
.gallery_inner_wrapper {
 width: 700px;
 height: auto;
 padding: 0px;
 overflow: hidden;
}

.gallery_wrapper ul.gallery {
  padding: 0 0px;
  margin: 0;
}
.gallery_wrapper ul.gallery li {
  float: left;
  display: block;
  width: 120px;
  height: 80px;
  background-color:#988;
  margin: 10px;
}
.gallery_wrapper ul.gallery li.active {
  border: 2px solid #fff;
  margin: 8px;
}
.gallery_wrapper ul.gallery li a {
  display: block;
  width: 120px;
  height: 80px;
}
.gallery_wrapper .left_control {
  position: absolute;
  z-index: 10;
  height: 200px;
  width: 30px;
  margin-top: -100px;
  top: 50%;
  left: 10px;
  background-color:#ccc;
}
.gallery_wrapper .right_control {
  position: absolute;
  z-index: 10;
  height: 200px;
  width: 30px;
  top: 50%;
  margin-top: -100px;
  right: 10px;
  background-color:#ccc;  
}
.gallery_wrapper .left_control:hover, .gallery_wrapper .right_control:hover {
  background-color: #fff;
}



/*DEVELOPMENT AD YAY!! :D */
.devAd {
background-color:blue;
height:100%;
left:0;
position:absolute;
width:44px;
}















/*

# NEWS SECTION

 */



#news_wrapper {
  
}

a {
  outline: 0 none;
}

#news_wrapper #sidebar {
  float: left;
  width: 270px;
}

#news_wrapper #article_index {
  
}
#news_wrapper #article_index ul,
#news_wrapper #article_index ul li {
  margin: 0px; padding:0px; 
  list-style: none; 
} 
#news_wrapper #article_index ul li {
  padding: 2px 2px 3px 5px;
}

#news_wrapper #article_index ul li .date {
  display: block;
  float: right;
  color: #456;
  font-size: 10px;
}
#news_wrapper #article_index ul li .comments {
  /*float: right;*/
  padding-left: 16px;
  background: url(/img/comment_bubble.png) no-repeat 5px 2px;
  font-size: 10px;
  line-height: 12px;
  color: #456;
}
#news_wrapper #article_index ul li:hover .date {
  color: #000;
}


#news_wrapper #article_index ul li a {
  text-decoration: none;
}

#news_wrapper #archive {
  display: none;
}

#news_wrapper #article {
  float: left;
  width: 640px;
  margin-left: 50px;
}

#article ul.comments {
  padding: 0px 5px 0px 10px;
  margin: 0px 0 20px;
  list-style: none;
}
#article .comment {
  margin: 10px;
  position: relative;
  border-top: 1px dotted #666;
  padding: 0;
}

#article .comment .nickname {
  display: block;
  float: left;
  width: 330px;
  color: #333;
}
#article .comment .datetime {
  display: block;
  float: right;
  font-size: 11px;
  color: #333;
}
#article .comment p {
  clear: both;
  padding: 10px 0;
  margin: 0;
}
#article .comment .image_placeholder {
  float: left;
  width: 70px;
}
#article .comment .comment_placeholder {
  float: left;
  width: 480px;
}
#article .comment img {
  margin: 5px;
}




#latest_comments, #article_index {
  border: 3px solid #DCC30F;
  border-width: 0 2px 0px 2px;
  margin: 0 0 15px;
}
.more_button {
  height: 16px;
  list-style: none;
  background: #fff;
  text-align: center;
  font-size: 11px;
  cursor: hand;
  cursor: pointer;
  padding: 0 !important;
  margin: 0;
  background-color: #414141;
  background-position: 50% 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.more_button:hover {
  background-position: 50% -16px;
  background-color: #595959;
} 
.more_button.more {
  background-image: url(/img/more_button_arrowDn.jpg);
}
.more_button.less {
  background-image: url(/img/more_button_arrowUp.jpg);
}


#latest_comments ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#latest_comments li {
 margin: 5px;
 font-size: 10px; 
 border-top: 1px dotted #ccc;
}

#latest_comments a.comment {
  display: block;
  height: 25px;
  overflow: hidden;
  text-decoration: none;
}

#new_comment {
  position: relative;
}

#new_comment_title {
  float: right;
}

#new_comment .errors {
  
  color: red; 
  position: absolute;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  z-index:99; 
  padding: 20px; 
  background: white; 
  display: none; 
  border: 1px solid red;
}
#new_comment textarea {
  height: 200px;
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

#new_comment label {
  display: block;
  float: left;
  width: 180px;
  text-align: right;
}

#new_comment input.text {
  float: left; 
  width: 180px;
}



/* NEWS SECTION END */














input.loading, textarea.loading {
  background: #fff url(/img/loading_input_notes.gif) no-repeat right 50%;
}

.jsonData {display:none;}
#latest_comments .ajaxNew, #comments .ajaxNew  {display:none; background: url('/img/bg_blue_transparent.png') repeat;}





#concerts {
  border: 1px solid #4d80ad;
  width: 580px;
  margin: 0px;
  padding: 0px;
}
#concerts li.titles, #concerts li.titles:hover {
  background-color:#4d80ad;
  color: #eee;
  font-weight: bold;
  border-bottom: 0;
}
#concerts li.titles div {
  
}
#concerts li { 
  display: block;
  position: relative;
  width: 566px; /* 580 - padding */
  margin: 0px;
  clear: both;
  background-color: #c7d6e4;
  margin: 0px;
  font-size: 11px;
  padding: 7px;
  /* border-bottom: 1px solid #4d80ad; */
}
#concerts li.even {
  background-color: #cfdce8;
}
#concerts li:hover {
  background-color: #c5dec1;
}
#concerts li.even:hover {
  background-color: #cde2c9;
}

#concerts li.with_description {
  cursor: pointer;
  cursor: hand;
  /*background-image: url(/img/concert_info_icon.png); */
  background-repeat: no-repeat;
  background-position: right 0px;
}

#concerts li .date       ,
#concerts li .time       , 
#concerts li .location   , 
#concerts li .city       , 
#concerts li .country    ,
#concerts li .description, 
#concerts li .infolink {
  float: left;
}

#concerts li .date        { width: 60px;}
#concerts li .time        { width: 40px;}
#concerts li .location    { width: 180px; }
#concerts li .city        { width: 140px; }
#concerts li .country     { width: 100px; }
#concerts li .infolink		{ width: 20px; font-size: 80%; }
#concerts li .description {
  display: none;
  width: 480px;
  padding: 5px;
  padding-left: 60px;
  padding-bottom: 10px;
  cursor: default;
}
#concerts li.active, #concerts li.active:hover {
  background-color: #c5d0d9 ;
}

#concerts li .description p {
  margin: 4px 0;
  padding: 0;
}
#concerts li.vip {
	color: #566;
}

/* Ganxy */
.tracklist li {
  line-height: 25px;
  vertical-align: middle;
}
.tracklist li iframe {
  vertical-align: middle;
}
/* /Ganxy */
