body { background-color: #f2f2f2; }
div.main
{
	width: 1000px;
	margin: 0px auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #fff;
	clear: both;
}
div#shadow-left { -webkit-box-shadow: -4px 0 7px #bbb; -moz-box-shadow: -4px 0 7px #bbb; box-shadow: -4px 0 5 #bbb; }
div#shadow-right { -webkit-box-shadow: 4px 0 7px #bbb; -moz-box-shadow: 4px 0 7px #bbb; box-shadow: 4px 0 5px #bbb; }
div.header
{
	width: 100%;
	height: 175px;
	border-bottom: 3px double #999;
	position: relative;
}
div.header div.logo
{
	text-align: center;
	width: 500px;
	height: 172px;
	float: left;
}
div.header div.logo_right
{
	/* background: url(../images/logo_right_new.jpg) top right no-repeat; */
	width: 499px;
	_width: 486px;
	height: 175px;
	float: right;
}
div#header-banner 
{
	position: absolute;
	right: 10px;
	bottom: 0px;
}
div#account_info
{
	padding: 3px;
	font-weight: bold;
	font-size: 0.8em;
	background-color: #FEB53F;
	border-bottom: 3px double #C57372;
	position: relative;
	z-index: 100;
	line-height: 25px;
	-webkit-box-shadow: 0 -1px 7px #000000; -moz-box-shadow: 0 -1px 7px #000000; box-shadow: 0 -1px 7px #000000;
}
div#account_info #account_info-wrapper
{
	text-align: right;
	color: #000;
	width: 1000px;
	margin: auto;
}
div#left_sidebar { float: left; width: 155px; }
div#right_content { float: left; width: 835px; }
div.content
{
	/*margin-left: 155px;
	min-height: 400px;
	width: 825px;
	_margin-left: 155px;
	_width: 839px;*/
	width: 100%;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	_padding-right: 0px;
	_magin: 0px;
	float:left;
}
div.footer
{
	clear: both;
	padding: 10px;
	border-top: 3px double #c57372;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	background-color: #feB53f;
}
div.google_ads
{
	/*margin-left: 157px;
	width: 833px;
	*margin-left: 158px;
	*width: 832px;
	_margin-left: 155px;
	_width: 839px;*/
	background-color: #feB53f;
	width: 835px;
	_width: 839px;
	padding: 5px;
	height: 18px;
	border-bottom: 1px double #000;
}
div.content div.title_bar
{
	background: url(../images/title_bar.gif) repeat-x;
	width: 825px;
	_width: 829px;
	margin: 10px;
	_margin: 0px;
	height: 40px;
}
div.content div.title_bar span.title
{
	
}
div.content div.post
{
	font-size: 10px;
	float: left;
	
}
div.content div.post a.post_link, div.content div.post span.post_link
{
	padding: 5px;
	background-color: #fff;
	display: block;
	border: 1px solid #fff;
	height: 140px;
	position: relative;
}
div.content div.post a.post_link_random, div.content div.post span.post_link_random
{
	padding: 5px;
	background-color: #eee;
	display: block;
	border: 1px solid #eee;
	height: 140px;
	position: relative;
}
div.content div.post a.post_link:hover, div.content div.post span.post_link:hover
{
	background-color: #fe7b71;
	border: 1px solid #aaa;
	cursor: hand;
	cursor: pointer;
}
div.content div.post a.post_link_random:hover, div.content div.post span.post_link_random:hover
{
	background-color: #fe7b71;
	border: 1px solid #aaa;
	cursor: hand;
	cursor: pointer;
}
div.content div.post a.post_link img.thumb, div.content div.post span.post_link  img.thumb
{
	width: 120px;
	height: 90px;
}

div.artist_list
{
	float: left;
	width: 315px;
	border: 1px solid #ccc;
	padding: 2px;
	text-align: center;
}
div.artist_list span
{
	font-size: 12px;
	font-weight: bold;
}
div.artist_list ul
{
	clear: both;
	list-style-type: none;
	text-align: left;
}
div.artist_list ul li
{
	height: 20px;
	border: 1px solid #ccc;
	margin: 1px;
}
div.artist_list ul li a
{
	display: block;
	height: 16px;
	padding: 2px;
}
div.artist_list ul li a:hover
{
	background-color: #fe7b71;
}

div.post_list
{
	float: left;
	width: 473px;
	border: 1px solid #ccc;
	padding: 1px;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 10px;
}
div.post_list span
{
	__font-size: 12px;
	__font-weight: bold;
}

div.sites
{
	margin: 10px;
	text-align: center;
}
div.sites ul
{
	list-style-type: none;
	width: 435px;
	margin: 0px auto;
}
div.sites ul li
{
	float: left;
	border: 1px solid #ccc;
	margin: 1px;
}
div.sites ul li a
{
	font-weight: bold;
	font-size: 10px;
	min-width: 13px;
	height: 14px;
	padding: 4px;
	text-align: center;
	color: #000;
	display: block;
	text-decoration: none;
	background-color: #fff;
}
div.sites ul li a:hover
{
	background-color: #fe7b71;
}
div.sites ul li a.disabled
{
	background-color: #ddd;
}
div.sites ul li a.disabled:hover
{
	background-color: #ddd;
}
div.sites ul li a:visited
{
	
}

div.error
{
	clear: both;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

div.adsense_top
{
	width: 823px;
	margin-bottom: 3px;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
	padding-top: 5px;
}
div.view
{
	width: 820px;
}
div.no_video
{
	font-size: 15px;
	color: #cc0000;
	text-align: center;
	width: 100%;
	line-height: 380px;
}
div.view div.left
{
	width: 469px;
	float: left;
}
div.view div.right
{
	width: 349px;
	_width: 340px;
	float: right;
	_float: left;
	text-align: left;
}
div.view div.video
{
	overflow: hidden;
	width: 462px;
	_width: 468px;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 3px;
}
div.view div.video #video-wrapper {
	z-index: 11; 
	position:relative;
}
div.table_header
{
	line-height: 14px;
	padding-left: 3px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
	font-size: 10px;
	height: 18px;
}
div.comment_form
{
	width: 468px;
	height: 260px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-top: 3px;
	overflow:hidden;
}
div#login-info {
	width: 468px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-top: 3px;
}
div#login-info p {
	padding: 5px;
}
div#login-info ul {
	list-style-type: circle;
	margin: 0px 10px 10px 30px;
}
div#login-info ul li {
	padding: 4px;
}
div#form_comment 
{
	margin: 0px;
	padding: 0px;
}
div.opinion_form
{
	width: 345px;
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	margin: 3px;
}
div.view div.adsense
{
	width: 349px;
	_width: 348px;
	text-align: center;
	margin-left: 3px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-top: 3px;
}
div.view div.playlist-promote, div.view div.forum-promote
{
	width: 349px;
	_width: 348px;
	text-align: center;
	margin-left: 3px;
	border: 1px solid #ccc;
	background-color: #eee;
}
div.view div.forum-promote 
{
	margin-top: 3px;
}
div.view div.playlist-promote ul, div.view div.forum-promote ul
{
	margin-left: 25px;
}
div.view div.playlist-promote ul li, div.view div.forum-promote ul li
{
	padding: 3px;
}

div.view div.info
{
	width: 343px;
	_width: 340px;
	margin-left: 3px;
	margin-top: 3px;
	float: left;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #eee; 
}
div.view div.facebook
{
	width: 343px;
	_width: 340px;
	margin-left: 3px;
	margin-top: 3px;
	float: left;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #eee; 
}

div#nokaut
{
	width: 468px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-top: 3px;
	overflow: hidden;
}
div#next-prev-rand
{
	width: 468px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-top: 3px;
	overflow: hidden;
}
div#next-prev-rand a
{
	margin: 0px 19px 10px 0px;
	display: block;
	width: 33%;
	line-height: 32px;
	height: 32px;
	float: left;
	font-weight: bold;
}
div#next-prev-rand a#rand { width: 25%; }
div#next-prev-rand a img
{
	float: left;
	margin-right: 8px;
}
div#next-prev-rand a#next { width: 28%; text-align: right; margin: 0px 0px 10px 19px;}
div#next-prev-rand a#next img { float: right; margin-left: 8px; }

div.view div.video_link
{
	margin:2px;
	padding-left: 36px;
	padding-top: 5px;
	height: 27px;
	_height: 32px;
	background: url(/images/web-32x32.png) top left no-repeat;
}
div.view div.video_date
{
	margin:2px;
	padding-left: 36px;
	padding-top: 8px;
	height: 22px;
	_height: 30px;
	background: url(/images/ical-32x32.png) top left no-repeat;
}
div.view div.video_visits
{
	margin:2px;
	padding-left: 36px;
	padding-top: 8px;
	height: 22px;
	_height: 30px;
	background: url(/images/Administrator-32x32.png) top left no-repeat;
}
div.view div.video_votes
{
	margin:2px;
	padding-left: 36px;
	height: 32px;
	line-height: 32px;
	_height: 30px;
	background: url(/images/hand.png) top left no-repeat;
}
div.view div.video_genre
{
	margin:2px;
	padding-left: 36px;
	height: 32px;
	line-height: 32px;
	_height: 30px;
	background: url(/images/music_genre.png) top left no-repeat;
}
div.view div.video_category
{
	margin:2px;
	padding-left: 36px;
	height: 32px;
	line-height: 32px;
	_height: 30px;
	background: url(/images/music_category.png) top left no-repeat;
}
div.view div.video_votes .star
{
	float: right;
}

#btn_add_comment { width: 85px; background: url("/images/chat.png") 0 0 no-repeat; }
#btn_add_vote { width: 70px; background: url("/images/hand.png") 0 0 no-repeat; }
#btn_broken { background: url("/images/exclamation.png") 0 0 no-repeat; }
#btn_lights { width: 65px; background: url("/images/lights.png") 0 0 no-repeat; }
#btn_playlist_add { width: 100px; background: url("/images/add.png") 0 0 no-repeat; }
#btn_playlist_remove { width: 100px; background: url("/images/remove.png") 0 0 no-repeat; }

div.view div.vote
{
	float: left;
	padding-top: 2px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
div.view div.vote a.icon
{
	height: 22px;
	text-align: left;
	padding-left: 35px;
	padding-top: 10px;
	display: block;
}
div.view div.vote a.icon:hover
{
	background-color: #ddd;
}
div.view div.opis, 
div.view div.random-artists
{
	width: 349px;
	_width: 340px;
	float: left;
	font-size: 11px;
	margin-left: 3px;
	margin-top: 3px;
	border: 1px solid #ccc;
	background-color: #eee;
	line-height: 16px;
}
div.view div.random-artists ul
{
	list-style-type: none;
}

div#no_js
{
	clear: both;
	color: #ff0000;
	font-size: 12px;
	margin: 10px;
	text-align: center;
}

div#video_options 
{
	clear: both;
	display: none;
	overflow: hidden;
}

div#broken_video
{
	clear: both;
	margin: 10px;
	padding: 8px;
	text-align: center;
	font-weight: bold;
}

div#more_videos
{
	vertical-align:bottom; 
	width: 823px;
	height: 172px;
	background-color: #eee;
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 3px;
}
div#more_videos div#more_videos_child 
{
	__height: 100px;
}
div#more_videos div#more_videos_child a.prev_next { display: block; background-color: #eee; }
div#more_videos div#more_videos_child a.prev_next:hover { display: block; background-color: #fe7b71; }
div#more_videos div#more_videos_child div.prev_next_btn { clear: both;border: 1px solid #ccc;margin: 3px;height: 135px;line-height: 132px; }
div#more_videos div#more_videos_child div#prev_btn { width: 35px; float: left; font-size: 20px; }
div#more_videos div#more_videos_child div#next_btn { width: 35px; float: right; font-size: 20px; }

div.polecam ul { list-style-type: none; margin-left: 50px; }
.fLeft { float: left; }
.fRight { float: right; }
.clear { clear: both; }
.hidden { display: none; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.bold { font-weight: bold; }
.menuBack { background-color: #C57372; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.small { font-size: 0.8em; }
div.ad_browse { clear: both; text-align: left; margin: 5px; }

ul.video_category_list { margin-left: 50px; }
ul.video_category_list li { padding: 3px; }

div#spolecznosc { margin: 10px auto; width: 470px; font-size: 14px; font-weight: bold; line-height: 32px; }
/* div#spolecznosc a { float: right; margin-right: 5px; } */
div#spolecznosc a { margin-right: 5px; }

.table table { width: 100%; }
.table table tr {  }
.table table tr th { background-color: #ccc; text-align: center; }
.table table tr td { background-color: #f2f2f2; }
.table table tr.odd td { background-color: #e2e2e2; }

.info { background-color: #f2f2f2; border: 1px solid #c2c2c2; padding: 10px; }
.info p { margin: 5px; }

div.form form ul.errors { background-color: #FCD7D6; border: 1px solid #EA110E; color: #EA110E; padding: 10px; margin: 10px 40px; }
div.form form ul.errors li { list-style-position: inside; }

ul.messages { background-color: #D9F998; border: 1px solid #6B9B03; color: #6B9B03; padding: 10px; margin: 10px 40px; }
ul.messages li { list-style-position: inside; }

.more-info p { padding: 5px 10px; margin: 5px; text-align: justify; }
.more-info ul { padding: 5px 10px 5px 30px; margin: 5px; }

div.video_info { z-index: 30;position: absolute;display: none;text-align: left;width: 400px;border: 1px solid #000;background-color: #ccc;padding: 5px;filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div.video_info h3 { font-size: 12px; margin: 2px; text-align: center; }

.description-info { line-height: 24px; margin: 10px 10px 20px 10px; }

.warning { font-size: $size;font-weight: $weight; color: #cc0000;padding: 10px;text-align: center; }

#search-box { position: absolute; right: 10px; top: 0px; padding: 5px 15px; border: 3px double #C57372; border-top: none; background-color: #FEB53F; }
#like-box { position: absolute; top: 0px; right: 350px; width: 270px; padding: 5px 15px 0px; border: 3px double #C57372; border-top: none; background-color: #fff; }

#lights_off {
	background-color: #000000;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
	display: none;
}
#lights {
    position: relative;
    z-index: 11;
	background-color: #eee;
}

#breadcrumbs { font-size: 0.8em; }