body {text-align: center; margin:20px 5px;padding:0;font-family: Tachoma,verdana,arial; background-color:#d0d0d0}
#main_content {background-color: white; padding: 5px; border: 1px dashed #ff9900;}
.content_top {text-align:left; display:block; margin:auto; height:82px; width: 975px; clear:both; border-bottom: 1px dashed black; margin-bottom: 5px;padding: 5px 0;}
.content {text-align:left; display:block; margin:auto; width: 975px; clear:both; background:white;}


/*
KOLORY:

niebieski, zgni?: #35a
r?owy:            #f09
niebiesi, ?wy:    #4169E1
siwy               #fafafa
??y              #faf93c

*/


img.avatar {border: 1px solid #bbb; margin:2px}
div {text-align:left; margin:0; padding:0;}
p {margin:0; padding:0; font-size:14px; text-indent:0; }
p.big { line-height:1.5; font-size:16px; padding: 0.5em }
a,a:active,a:visited {text-decoration:none; color: #1b75df; border:0 }

p.powitanie {padding-bottom:10px;background:#ff9900; display:block; margin:10px 10px 5px 40px; font-size: 13px; padding:3px 10px; width: 360px; text-align: center;  color: white; font-weight: bolder; letter-spacing: 2px; font-family: Georgia, Geneva, Tahoma;}
p.powitanie a {margin-left: 10px;}

p.alert {background-color:#e27c64; padding:5px; font-weight:bold; margin:5px; color:white;}
p.nfo {background-color:#98d382; padding:5px; font-weight:bold; margin: 5px; color: white;}
.small {font-size:10px; color: #bbb}
.bold {font-weight:bold}

.box {clear:both;padding-left: 2px; padding-right:2px; text-align:left; overflow:hidden; margin:4px; margin-bottom:20px; display:block; border-bottom: 1px dashed #ff9900;padding-bottom: 3px; }
.box img {clear:both;display:block; margin-top: 3px; margin-bottom:5px; padding:1px; border: 1px solid #ff9900;}
.box h2.tytul {color:black; clear:both; float:left;font-family:verdana; ;font-size:18px; font-weight:bold; text-decoration:none; overflow: hidden; padding: 3px; }
.box h2:hover {color: #ff9900}
.box p {clear:both;font-size:12px; color: #bbb;}
.box p.opis {width:100%;clear:both;font-size:11px; text-indent:5px; text-align:left; float:left; color: black; padding: 3px;}
.box p.dodane {float:left;margin:0;padding:0;font-size:10px}



div#left1 {width: 370px; float: left; height: auto; clear: both; margin-top:10px }
div#left1 .box img.obrazek {width:350px; height: 260px}

div#left2 {width: 140px; float: left; height: auto; margin-top:10px; margin-right: 20px;}
div#left2 .box h2 {font-size: 12px;}

div#left3 {width: 260px; float: left; height: auto; margin-top:10px; padding-left:30px; border-left: 1px dashed #ff9900;}
div#left3 .box h2 {}

div#left4 {width: 140px; float: left; height: auto; margin-top:10px}
div#left4 .box h2 {font-size: 12px;}

.box img.avatar {display:block;width:16px;height:16px}
h1 {color:grey;font-size:12px;margin:0; padding:0; display:block; float: left; margin-left:20px; margin-top: 5px; letter-spacing: 0.2em}
h1 a, h1 a:active,h1 a:visited {font-size:26px;text-decoration:none; color: #000000; border:0 }
h1 a:hover {background-color:transparent;}

div#login_form {margin:0; padding:0; float:right; background: #e0e0e0; height: 55px; padding: 0 20px; padding-top: 5px;font-size: 13px;}
div#login_form label {width: 40px;float: left;}
div#login_form input {width: 100px;margin: 1px; border: 1px solid black;}


form.top {margin:0; padding:0;  float:right; background: #e0e0e0; height: 55px; padding: 0 20px; padding-top: 5px;font-size: 13px;}
form.top input {float:left; border: 1px solid black;}
form.top input.ok { margin-top:5px; font-size:14px; margin-left:10px; height:22px;}
form.top input.szukaj { margin:0; display:block;  width:200px; font-weight:normal; font-family: arial;
          padding:2px; padding-left:10px; margin-top:5px; font-size:14px; text-indent:5px;
		    }
h1 .reklama {font-size:16px; color: white; display:block; float:left; margin-top: 5px; margin-left:15px}
h1 .reklama a {color: white}


img {border:0;margin:0;padding:0}
img.logo {margin-left:20px; margin-bottom:0; float:left;}


h2,h3,h4 {margin:0; padding: 0;}

h4.tag {display: inline}

.box .tagi {clear:both}
.box h4.tag {display:inline; font-size: 12px; font-weight:normal;}
.box h4.tag a {color: #a1b8ec; padding: 2px;}
.box h4.tag a:hover {color:white; background-color: #a1b8ec; padding: 2px;}



/***** roarsky menu *****/

.back {clear:both; font-size:16px;  margin:10px; float:left; clear:both; font-weight:bold; }
.back a {text-decoration: none}
.forw {clear:right; font-size:16px; margin:10px; float:right; margin-left:30px; font-weight: bold}
.forw a {text-decoration:none}
#nav_top {border-bottom: 1px dashed black; padding: 5px 0;  width: 100%;}
#nawigacja_top {clear:both;list-style-type: none; height:20px; border:0px solid black; padding:0; margin:5px; margin-left:10px;margin-top:0px;text-align: center;}
#nawigacja_top li{float:left;margin-left:30px; color:#828eff; font-size: 14px; font-weight:bold; }
#nawigacja_top a {color:black;}
#nawigacja_top a.red {color:#ff9900;}
#nawigacja_top a:hover {text-decoration: underline;}

#nawigacja_bottom {clear:both;list-style-type: none; display: block; margin:5px;}
#nawigacja_bottom li{float:left; margin-left: 40px; margin-bottom:10px; color:#828eff; font-size: 12px; font-weight:bold; border-bottom: 1px dashed #ff9900; }
#nawigacja_bottom a {color:#ff9900;}
#nawigacja_bottom a.red {border-bottom: 1px solid #ff9900;}
#nawigacja_bottom a:hover {border-bottom: 1px solid #ff9900;}

#najnowsze_komentarze {clear:both; background-color:#F0F8FF; padding:3px; margin:5px; overflow:hidden }
#najnowsze_komentarze p {font-size:12px}
#najnowsze_komentarze ul {margin:0;padding:0; list-style-type:none}
#najnowsze_komentarze li {display:inline; font-size:10px; margin-left:10px;}
#najnowsze_komentarze a {border-bottom:1px dashed blue}


#okienko_logowania input {margin: 3px}
#okienko_logowania label{display:block;clear:both; margin:0px;}


div#rejestracja #left { width:500px; border-right: 1px solid #bbbbbb; margin:10px }
div#rejestracja #right {position:absolute; right: 70px; top: 130px; margin:10px; margin-top: 40px;}
div#rejestracja #right p { margin: 10px; font-size:13px; }

div#rejestracja .form_rejestracyjny {margin-top:15px}
div#rejestracja .form_rejestracyjny p     {clear:both;font-weight:bold; font-size:20px; color: #868686; margin-bottom:5px}
div#rejestracja .form_rejestracyjny input {display:block}
div#rejestracja .form_rejestracyjny label {display:block; font-size:12px; color: #bbb; margin-bottom: 5px; }

div#rejestracja p.dzieki {clear: both; display:block; margin-top:0px; border:0px dotted black; margin-top:50px}


div#dodawanie label {display: block}
div#dodawanie label.checkbox {display:inline}
#tutek {position: absolute; top: 140px; right: 30px; }
div#dodawanie p.title {margin-top:20px;font-weight: bold; font-size: 15px; color: #868686;}
div#dodawanie ul.tutorial {width:100px; display: block}
div#dodawanie ul.tutorial li {display: block}

div#dodawanie .form_dodawania {width:300px; border-right: 1px solid #bbb;  margin-left:70px;margin-right:10px; margin-top:10px}
div#dodawanie .form_dodawania p {clear:both; font-weight: bold; font-size: 20px; color: #868686; margin-bottom: 5px;}
div#dodawanie .form_dodawania input {}
div#dodawanie .form_dodawania label {clear:both;font-size:12px; color: #bbb; margin-bottom:5px;}


#filmik {}
#filmik #left_filmik {margin-top:15px;width:460px;margin-left:5px;clear:both;float:left;}
#filmik #left_filmik .nazwa {font-weight:bold; font-size:22px; color: #4f72b3; margin-bottom:3px; border-bottom: 3px dotted #e3e3e3 }
#filmik #left_filmik .info {font-size:14px; color: #bbb; margin-bottom: 10px}
#filmik #left_filmik .opis {text-indent: 5px; margin-top:5px; font-size:12px; padding-bottom:5px;
                            margin-bottom: 5px; }

#filmik .tagi {margin-top: 20px; margin-bottom:20px}
#filmik #formularz_dodawania_taga {z-index:20;display:block; margin-top:15px; padding-bottom:5px;border-bottom: 1px solid #bbb;}

#filmik h4.tag a { color:#4f72b3; font-size:12px; text-decoration:none}
#filmik h4.tag a:hover {text-decoration: none; background-color:#4f72b3; color:white}

#filmik .dodano {font-size:12px;}


#filmik #komentarze {float:left; margin-left:5px;  padding-right:5px; border-right:1px solid #e3e3e3; width:220px; height:500px;}

#filmik #formularz_komentowania {z-index:20}
#filmik #formularz_komentowania form {margin: 10px;}
#filmik #formularz_komentowania input#nick {width:100px;}
#filmik #formularz_komentowania label {font-size: 12px}
#filmik #formularz_komentowania textarea {width:100%}
#filmik p.komentarze_tytul {text-indent:10px; font-family:arial; font-size:14px; font-weight:bold;
                            background-color:#ffbb2c; padding:2px; color: white;  
							 margin-bottom:0px;}

div.komentarz {clear:both;background-color:#white; border-bottom: 2px dotted white; padding:3px; overflow: hidden }
div.komentarz .od {font-size:12px; font-weight:bold; color: #636560 }
div.komentarz .data {font-size:12px; color: #636560}
div.komentarz .tresc {clear:both; font-size:12px; line-height:1.25;  text-indent:5px; padding: 0.25em 0.5em 0.25em; margin-top: 0.5em;}
div.drugi_kolor {background-color:#ffc854; border-top:2px dotted white}

#filmik #pokrewne {float: right;  margin-left: 5px; width: 460px; margin-top: 10px; border:0px solid black}
#filmik #pokrewne p.komentarze_tytul {text-indent:20px; color:black}
#filmik #pokrewne p.komentarze_tytul a {margin-left:10px;font-weight: bold; }
#filmik #pokrewne .box {float:left;clear:none;width: 140px; height:240px; border: 0px solid #e1e9de; margin:0 margin-bottom:5px;}
#filmik #pokrewne .box h2.tytul {clear:none; font-size:13px;}
#filmik #pokrewne .box img {margin: auto; margin-top:10px; width:120px; height: 90px }

#kategorie {float: right; clear: both;  margin-top: 10px;padding-bottom: 10px; font-size: 10px; width: 100%; text-align: right;}
#kategorie ul {margin: 0; padding: 0; list-style:none; display:inline;}
#kategorie li {display:inline;}


.glosowanie_top {font-weight:bold;margin-top:15px; width:100%; }

p.ocena {font-size:12px; text-indent:15px; margin-bottom:15px}
/*             styles for the star rate*/

.star-rating{ position:relative; float:right; list-style:none;  margin: 5px; padding:0px; width: 110px; 
				height: 21px; background: url('http://youtubee.pl/lay/star2.gif') top left repeat-x; }
.star-rating li{ 
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		#display:block;
		width:22px;
		height: 21px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 10;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url('http://youtubee.pl/lay/star2.gif') left center;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{left: 0px;}
	.star-rating a.one-star:hover{width:22px;}

	.star-rating a.two-stars{left:22px;}
	.star-rating a.two-stars:hover{width: 44px;}

	.star-rating a.three-stars{left: 44px;}
	.star-rating a.three-stars:hover{width: 66px;}
	.star-rating a.four-stars{left: 66px;}	
	.star-rating a.four-stars:hover{width: 88px;}
	.star-rating a.five-stars{left: 88px;}
	.star-rating a.five-stars:hover{width: 110px;}

	.current-rating{
		background: url('http://youtubee.pl/lay/star2.gif') left bottom;
		position: relative;
		height: 21px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}