html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}


.page_header {
	background: url(body_bg.jpg) top repeat-x;
	color:white;
	font-size:20px;
	font-weight:bold;
}

.ozadje   {
	background: url(back_video_720w.jpg) top repeat-x;
	text-align:center;
}



@media only screen and (max-width: 480px) {
    
   body { font-size: 2em; }
   .ozadje {
        background: none;
        text-align:center;
   }
   p {
        font-size:1.2em;
   }
   
}



.naslov {
	color:#0065B3;
	font-size:20px;
	font-weight:bold;
	padding: 0px 130px;
    padding-top:22px;
	}

div.centre{
  text-align: center;
  width: 722px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  min-height:500px;
}



.header {
  background: #545454;
  color:#fdfdfd;
}



.lines {
  border-bottom: 1px solid #ccc;
  font-size: 1.5em;
  font-weight: 300;
  padding-top:0.2em;
  padding-bottom: 0.2em;
  padding-left:0.2em;
  padding-right:0.2em;
}

#scroller {
/* 
area where the score table gets rendered 
size changes in JS on screen refresh
*/ 

  position: relative;
  background: #fdfdfd;
  color:#222222;
}

#score-table {
  position:relative;
}

.right-align {
  float: right;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight:700;
}