body {text-align: center; margin:0;padding:0;font-family: Tachoma,verdana,arial; background-color:#ffffff; background-image:url('./lay/stripe.png');}


#holder {width:944px;height:auto;margin:auto; padding: 0 20px 0 20px;background-image:none;background-color:white; border-left: 5px solid #eeeeee; border-right: 5px solid #eeeeee;}
.content_top {margin:auto;width: 942px;}
.content {text-align:left; display:block; margin:auto; width:944px; clear:both;}


/*
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: #29242B; border:0 }   /*tytul filmiku*/
a:hover {color:red}

p.powitanie {padding-bottom:10px;border-left:3px solid #ff9900; display:block; margin:10px; font-size: 13px; padding-left:10px}
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:0px; margin-bottom:20px; display:block }
.box img {clear:both;display:block; margin-top: 3px; margin-bottom:5px; padding:0px; border: 1px solid #29242B;}      /*obramówka filmu*/
.box h2.tytul {color:#29242B; float:left;font-family:verdana; ;font-size:22px; font-weight:bold; text-decoration:none; overflow: hidden } /*tagi*/
.box a:hover h2 {color:red}
.box p {clear:both;font-size:12px; color: #bbb;}
.box p.opis {width:100%;clear:both;font-size:12px; text-indent:5px; text-align:left; float:left; color: black}
.box p.dodane {float:left;margin:0;padding:0;font-size:10px}
.glosy {float:left;display:block; background-color:red; color:white; font-size:20px; padding:3px 5px; margin: 0 5px 5px 0; display:inline; }
.box .tagi {clear:both}

.box h4.tag {display:inline; font-size: 12px; font-weight:normal;}
.box h4.tag a {color: #4F72B3 }
.box h4.tag a:hover {color:white; background-color: red}

.male h2.tytul {width:210px;}
.duze h2.tytul {width:310px;}
.mini h2.tytul {}


div#left1 {width: 352px; float: left; height: auto; clear: both; margin:0px; display:inline }
div#left1 .box {padding:0;}
div#left1 .box img.obrazek {width:350px; height: 260px; }

div#left2 {width: 242px; float: left; height: auto; margin:0px; margin-left:52px; display:inline}
div#left2 .box {padding:0;}
div#left2 .box img.obrazek {width:240px; height:180px;}

div#left3 {width: 242px; float: left; height: auto; margin:0px; margin-left:52px; display:inline}
div#left3 .box {padding:0;}
div#left3 .box img.obrazek {width:240px; height:180px;}

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

form.top {margin:0px 0px 10px 25px; padding:0;  margin-left: 20px; float:right;}
form.top input {border: 3px solid #99DEEF; color: #717171; float:left; font-size:18px;}
form.top input.ok {background-color:white; border:3px solid #d6d6d6; margin-top:20px; font-size:18x; margin-left:10px;color:#717171 }
form.top input.szukaj {width:250px; margin:0; display:block;  border:3px solid #d6d6d6; font-weight:normal; font-family: arial;   /*wyszukiwarka*/
          padding:2px; padding-left:10px; margin-top:20px; font-size:18px; text-indent:5px;color:#717171;
		    }
.reklama {color:#000000;margin-top: 35px; margin-left: 10px; display: block; font-weight:bold;font-size:14px;float:left;}
.reklama a {color:#000000;}

.tags h1 {
	font-size: 8px;
	font-family: Verdana, Helvetica, sans-serif;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	margin: 0px;
	color: #999999;
}
.tags {
	width: 641px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	display: block;
}


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

h4.tag {display: inline}
h5 {
	FONT-FAMILY: verdana; TEXT-ALIGN: center
}


/***** 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}

ul.nawigacja {float:right;padding:0;margin:0;margin-bottom:20px;clear:both;list-style-type: none; height:20px; margin-right:0px; display:inline;}
ul.nawigacja li {border:2px solid #fafafa; font-size:12px; font-weight:bold; color:blue;float:left;margin:3px; display:inline;}
ul.nawigacja li a {display:block;padding:3px;}
ul.nawigacja li:hover {background-color:red}
ul.nawigacja li:hover a {color:white}
ul.nawigacja li.on {background-color: red}
ul.nawigacja li.on a {color:white; font-weight:bold;}
ul.nawigacja li.off {color: #fafafa;}

#nawigacja_top {float:left; list-style-type: none; padding:0; margin: 0;  display:block; width:650px; }
#nawigacja_top li{float:left;margin-left:10px; display:inline; color:#828eff; font-size: 17px; font-weight:bold; height:25px;}
#nawigacja_top a {color:#000000;}   /*kolor menu*/
#nawigacja_top a:hover,
#nawigacja_top a.on {color:red; border-bottom:2px solid red }

#nawigacja_bottom {clear:both;list-style-type: none; margin:0; margin-left:270px;padding:0  }
#nawigacja_bottom li{float:left; margin-left: 10px; display:inline; color:#828eff; font-size: 12px; font-weight:bold; }
#nawigacja_bottom a {color:#353435;}  /*pod menu czyli ostatni tydzien, miesiac itp...*/
#nawigacja_bottom a:hover,
#nawigacja_bottom a.on {color:red}

ul.kategorie_box {
	clear:both;
	list-style-type:none;
	margin:0;padding:0 0 10px 0;
}
ul.kategorie_box li {
	display:inline;
}

#najnowsze_komentarze {
	float:left;
	margin: 20px 0 10px 20px;
	background-color:#F0F8FF;
	padding:4px;
	width:710px;
	height: 36px;
	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:0;padding:0;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 {height:700px;}
div#rejestracja #left {float:left; width:500px; border-right: 1px solid #bbbbbb; margin:10px }
div#rejestracja #right {float:left; 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 {padding-top:40px;height:700px;}
div#dodawanie label {display: block}
div#dodawanie label.checkbox {display:inline}
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; float:left; 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 {width:944px; height:2400px;}*/
#filmik {width:944px; height:auto;}
#filmik #left_filmik {
margin-top:15px;
width:480px;
margin-right:40px;
float:left;
clear:both;
display:inline;
overflow:hidden
}

#filmik #left_filmik #playerr {}
#filmik #left_filmik .nazwa {font-weight:bold; font-size:22px; color: #4f72b3; margin:0; }
#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; float:left; width: 350px; }

#filmik #left_filmik .maksymalizuj {float:right; font-weight:bold;}
#filmik .tagi {clear:none; float:left; width: 300px; margin-left: 10px; margin-bottom:20px}
#filmik #formularz_dodawania_taga {z-index:20;display:block; margin-top:15px; padding-bottom:5px;}

#filmik h4.tag a { color:#4f72b3; font-size:12px; text-decoration:none}
#filmik h4.tag a:hover {text-decoration: none; background-color:red; 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 {clear:both;text-indent:10px; font-family:arial; font-size:14px; font-weight:bold;
                            padding:2px; color: black;  
							 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: left;
	margin:0;
	width: 404px; margin-top: 70px; border:0px solid black}

#filmik #pokrewne form.top {margin:0;width:100%;margin-bottom:0px;}
#filmik #pokrewne form #wyszukaj {margin:0; width:300px; margin-bottom: 10px;}
#filmik #pokrewne form .ok {margin:0;margin-left:10px;}


#filmik #pokrewne p.komentarze_tytul {margin-bottom:23px; text-indent:10px; color:#4F72B3; font-size:18px;}
#filmik #pokrewne p.komentarze_tytul a {margin-left:10px;font-weight: bold; }

#filmik #pokrewne .box
{
	border: 0px solid #e1e9de;
	margin:0; padding:0;
}

#filmik #pokrewne .box .opis {clear:none; width:270px; margin-left: 4px;}
#filmik #pokrewne .box .tagi {width:270px}
#filmik #pokrewne .box h2.tytul {clear:none; font-size:14px;  margin:4px;}
#filmik #pokrewne .box img 
{
	float:left;
	margin-top:5px;
	width:120px; height: 90px
}

#filmik #pokrewne .box .glosy {
	float:left;
	display:block;
	background-color:#f5385b;
	color:white;
	font-size:12px;
	font-weight: bold;
	padding:5px;
	margin:73px 5px 5px -122px;
	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://filmiki24.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://gram24.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://gram24.pl/lay/star2.gif') left bottom;
		position: relative;
		height: 21px;
		display: block;
		text-indent: -9000px;
		z-index: 50;
	}		
	
	.eweblink{
		font-size: 10px;
		color: #000000;
		text-decoration: none;
	}