html, body, form, fieldset, ul, li {
	margin: 0;
	padding: 0;
}
#bodybg {
	text-align:center;
	background:#000;
	font-family: Dungeon, "Segoe UI", "trebuchet ms", verdana;
	font-size:12px;
	color:#fff;
}
/* get rid of those system borders being generated for A tags */
a {
	color:#37cbfe;
	text-decoration: none;
}
a:active, a:hover {
	color:#fefefe;
	text-decoration: none;
	outline:none;
}
:focus {
	-moz-outline-style:none;
}
#wrapper {
	margin:0 auto;
	padding:0;
	width:968px;
	text-align:center;
	
}
#headout {
	width:968px;
	height:280px;
}
#leftout {
	margin-top:10px;
	float:left;
}
#leftin {
	width:250px;
	height:400px;
}
#maincontout {
	text-align:left;
	/*float:left;*/
	margin-left:250px;
}
#sadrzaj {
	width:auto;
	height:auto;
}
#about {
	width:710px;
	float:left;
	margin-top: -25px;
}
#foterout {
	background:none !important;
	height: auto;
	width: 800px;
	margin-top:20px;
	clear: both;
}
#footerin {
	padding-top:10px;
	font-size:60%;
	color: #666;
	text-align:center;
}
.clearfix {
	clear:both;
	height:10px;
}
#twitter {
	padding:10px 0;
	position:relative;
	float:left;
}
.actions {
	float:left;
	width: 716px;
	background:#333;
	text-align:center;
}
.actions_playlist {
	width: 227px;
	background:#333;
}
p {
	font-size:120%;
	line-height:120%;
}
H1 {
	float:left;
	margin-left:10px;
	font-size:150%;
	line-height:100%;
	color:#37cbfe;
}
H2 {
	font-size:140%;
	color:#37cbfe;
}
H3 {
	font-size:130%;
	color:#37cbfe;
}
H4 {
	font-size:130%;
	color:#37cbfe;
}
/* styling of the video container. */
a.videoPlayer {
	display:block;
	width: 470px;
	height:360px;
	text-align:center;
	margin:0 10px 15px 120px;
	float:left;
	border:1px solid #999;
}
/* play button */
a.videoPlayer img {
	margin-top:150px;
	border:0px;
}
/* when container is hovered we alter the border color */
a.videoPlayer:hover {
	border:1px solid #000;
}
/* these two settings will remove borders from playlist entries */
a:active {
	outline:none;
}
:focus {
	-moz-outline-style:none;
}
/* audio container has a background image */
a.audioPlayer {
	display:block;
	background:#000 /*url(../img/player_splash.jpg) */no-repeat;
	width:470px;
	height:360px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #999;
	float:left;
	margin:5px 15px 25px 0;
}
a.audioPlayer:hover {
	border:1px solid #000;
}
/* splash image */
a.audioPlayer img {
	margin-top:150px;
	border:0;
}
/********************************************************************************************************FORM**********/
#contact {
	text-align:left;
	float:left;
	width:710px;
	color:#37cbfe;
}
form .form {
	margin:0;
	padding: 0;
}
.form ul {
	margin-left:0;
}
.form ul li {
	text-align:left;
	list-style-image: none;
	list-style-type: none;
}
.inputbox {
	border: 1px solid #37cbfe;
	background: #555;
}
.inputbox:hover, .inputbox:focus {
	background: #FFF;
}
.button {
	font-size: 90%;
	margin:10px 0;
	border: 1px solid #37cbfe;
	background: #F0F0F0;
}
.button:hover, .button:focus {
	background: #d9d9d9;
}
.form small {
	float:right;
	margin-right:150px;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
.error {
	background:none !important;
	display: inline;
	line-height: 200%;
	width:100%;
	height:10px;
	color:#F00;
}