@CHARSET "UTF-8";

/**
 * (c) Firma JAKUBIAK 2007
 * Antoni Jakubiak
 * http://www.jakubiak.biz/
 */ /**
 * Cialko
 */
table#theBody {
	clear: both;
	min-height: 300px;
	background-color: #39363b;
}

/**
 * Lewa kolumna
 */
td#theLeftSide {
	
}

td#theLeftSide p.info {
	text-align: justify;
	margin: 0px;
	padding: 5px 15px 15px 5px;
}

#theLeftSide textarea.fso {
	width: 320px;
}

#theLeftSide div.content {
	border-bottom-width: 0px;
	border-top-width: 0px;
	padding: 0px 0px;
}

/**
 * Prawa kolumna
 */
td#theRightSide {
	width: 310px;
}

td#theRightSide div.content {
	margin: 0px 10px 0px 0px;
	padding: 5px 0px;
	text-align: justify;
}

td#theRightSide p.info {
	color: #848384;
	text-align: justify;
	margin: 0px;
	padding: 5px 15px 5px 0px;
}

td#theRightSide p.info b {
	color: #999;
}

td#theRightSide a.more {
	margin-top: 1px;
	color: #465a7a;
	display: block;
	float: right;
}

td#theRightSide a.more img {
	margin-left: 5px;
}

td#theRightSide a.more:hover {
	color: #ed125a;
}

td#theRightSide #loginForm input.fso {
	width: 150px;
}

/**
 * Formularze po prawej stronie
 */
td#theRightSide div.formular {
	margin: 0px 0px 0px 0px;
}

td#theRightSide div.formular div.tag {
	padding: 2px 0px;
	float: none;
	width: 250px;
	text-align: left;
}

td#theRightSide div.formular div.field {
	padding: 2px 0px;
	margin-bottom: 5px;
}

td#theRightSide div.formular div.field b {
	
}

td#theRightSide div.formular div.field i {
	display: block;
	color: #5686c6;
	margin-left: 0px;
	margin-top: 5px;
}

td#theRightSide textarea {
	width: 280px;
}

td#theRightSide div.hr4 {
	width: 250px;
}

td#theRightSide h1 {
	font-size: 10px;
	color: #bbb;
	font-weight: bold;
	padding-top: 12px;
}

/**
 * Glowna kolumna
 */
td#theMainSide {
	margin: 0px;
	padding: 28px 5px;
	background-color: #39363b;
}

td#theMainSide div.content {
	padding: 20px 5px 20px 5px;
	border-width: 0px;
}

td#theHelpSide {
	margin: 0px;
	padding: 20px;
	background-color: #39363b;
	width: 310px;
	text-align: left;
}

#theMainSide textarea.fso {
	width: 450px;
}

/**
 * Tabelka, w ktorej mamy kreske rozdzielajaca
 */
table#theBodyWithSpacer {
	clear: both;
	min-height: 300px;
	background-color: #39363b;
	border-top: 28px solid #39363b;
	border-bottom: 28px solid #39363b;
	background-color: #39363b;
}

table#theBodyWithSpacer td#theLeftSide {
	
}

table#theBodyWithSpacer td#theRightSide {
	width: 290px;
}

table#theBodyWithSpacer td#theRightSide div#registrationBanner div.content
	{
	display: block;
	width: 290px;
	overflow: hidden;
}



/**
 * Tabelka, w ktorej mamy kreske rozdzielajaca a szerokosc kolum jest rowna
 */
table#theBodySymetric {
	clear: both;
	min-height: 300px;
	background-color: #39363b;
	border-top: 28px solid #39363b;
	border-bottom: 28px solid #39363b;
	background-color: #39363b;
}

table#theBodySymetric td#theLeftSide {
	width: 418px;
}

table#theBodySymetric td#theRightSide {
	width: 417px;
}
table#theBodySymetric td#theRightSide h1 {
	color: #38b549;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	font-weight: normal;
}


table#theBodySymetric td#theRightSide div#registrationBanner div.content
	{
	display: block;
	width: 290px;
	overflow: hidden;
}











/**
 * Tabelka, w ktorej mamy kreske rozdzielajaca
 */
table#theTwoColorBody {
	clear: both;
	min-height: 300px;
}

table#theTwoColorBody td#theLeftSide {
	background-color: #1f1d20;
	border-top: 28px solid #1f1d20;
	border-bottom: 28px solid #1f1d20;
	border-left: 5px solid #1f1d20;
	border-right: 5px solid #1f1d20;
}

table#theTwoColorBody td#theRightSide {
	width: 290px;
	background-color: #2e2c30;
	border-top: 28px solid #2e2c30;
	border-bottom: 28px solid #2e2c30;
	border-left: 5px solid #2e2c30;
	border-right: 5px solid #2e2c30;
}

table#theTwoColorBody td#theRightSide div#registrationBanner div.content
	{
	display: block;
	width: 290px;
	overflow: hidden;
}

/**
 * pionowa kreska rozdzielajaca komorki
 */
td#theSpace {
	width: 1px;
	margin: 0px;
	padding: 0px;
	/*
	background-position: 0px -200px;
	background-repeat: repeat-x;
	background-image: url(../images/spacer_background.png);
	*/
	background-color: #5f5b61;
}

/**
 * O czego by rozpoczac nasz film?
 */
div#theBegin {
	padding: 0px;
	margin: 0px;
	height: 68px;
	border-top: 1px solid #5f5b61;
	border-bottom: 1px solid #5f5b61;
}

div#theBegin a.logo {
	display: block;
	float: left;
}

div#theBegin a img {
	border-width: 0px;
}

div#theBegin ul#portalMenu {
	display: block;
	float: right;
	margin: 52px 4px 0px 0px;
	padding: 0px;
}

div#theBegin ul#portalMenu li {
	float: left;
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

div#theBegin ul#portalMenu li a {
	color: #858585;
}

div#theBegin ul#portalMenu li a:hover {
	color: #ed125a;
}

div#theMainMenu {
	border-bottom: 1px solid #5f5b61;
	padding: 4px 2px;
}

div#theMainMenu ul {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div#theMainMenu ul.last {
	float: right;
}

div#theMainMenu ul li {
	float: left;
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	color: #4f4b51;
}

div#theMainMenu ul li a {
	color: #d3d3d3;
}

div#theMainMenu ul li a:hover {
	color: #6cc979;
}

div#theMainMenu ul.last {
	float: right;
}

div#theMainMenu ul.last li {
	margin: 0px 0px 0px 20px;
}

/**
 * Co sie mowi, gdy sie film konczy?
 */
div#theEnd {
	z-index: 10;
	background-color: #49454b;
	background-image: url(../images/the_end_gradient.png);
	background-position: top center;
	background-repeat: repeat-x;
	padding: 0px 1px;
	margin: 0px;
	position: relative; /* IE hack */
}

div#theEnd div#realLife {
	background-color: #312e33;
	border-top: 1px solid #5f5b61;
	margin: 0px;
	padding: 8px 8px;
	position: relative;
	z-index: 15;
}

div#theEnd div#realLife h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

div#theEnd div#realLife div.frame1 {
	width: 290px;
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	z-index: 20;
	position: relative;
}

div#theEnd div#realLife div.frame1 div.button div.center {
	width: 41px;
}

div#theEnd div#realLife div.frame1 input.fso {
	width: 100px;
}

div#theEnd div#realLife div.frame2 {
	width: 251px;
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	z-index: 20;
	position: relative;
}

div#theEnd div#realLife div.frame3 {
	width: 305px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: relative;
}

div#theEnd div#realLife div.frame4 {
	width: 268px;
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	z-index: 20;
	position: relative;
}

div#theEnd div#realLife div.frame5 {
	width: 113px;
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	z-index: 20;
	position: relative;
}

div#theEnd div#realLife div.frame6 {
	width: 228px;
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	z-index: 20;
	position: relative;
}

div#theEnd div#realLife div.frame7 {
	width: 229px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: relative;
}


div#theEnd div#realLife div.content {
	height: 111px;
	overflow: hidden;
	padding: 7px 5px;
	background-color: #38353a;
	text-align: justify;
}

div#theEnd div#realLife div.content a.content {
	color: #b6b6b6;
}

div#theEnd div#realLife div.content a.content:hover {
	color: #ddd;
}

#realLife ul {
	padding: 0;
	margin: 0;
}

/**
 * stopka
 */
div#theEnd #footer {
	background-color: #3c393f;
	padding: 5px;
	margin: 0px;
	height: 65px;
	border-top: 8px solid #312e33; /* hmm, Margin nie lubi Opery */
}

div#theEnd table#footer td {
	margin: 0px;
	padding: 0px;
}

div#theEnd #footer td.whoami {
	padding: 5px;
	white-space: nowrap;
}

div#theEnd #footer td.whoami a {
	display: inline;
	bottom: 0px;
	color: #565358;
}

div#theEnd #footer td.whoami a:hover {
	color: #ed125a;
}

div#theEnd #footer td.logo {
	padding: 2px 6px;
}

div#theEnd h3 {
	color: #6cc979;
}

div#theEnd #footer a.logo {
	
}

div#theEnd a img {
	border-width: 0px;
}

/**
 * Jakiś czas temu zostałem zmuszony do przeniesienie formularza logowanie do stopki
 */
div#theEnd table#footer td.content {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	width: 450px;
	height: 60px;
}

div#theEnd table#footer td.content h3 {
	display: none;
}

div#theEnd table#footer td.content div.content {
	border: 0px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	display: block;
	float: none;
}

div#theEnd table#footer td.content #loginBox {
	background-color: #3c393f;
	padding: 0px;
	height: 52px;
}

div#theEnd table#footer td.content #loginForm {
	
}

div#theEnd table#footer td.content #notRegistredYet {
	display: none;
}

/**
 * Jeszcze przeróbka info o zalogowanym gościu
 */
div#theEnd table#footer td.content #loggedInfo {
	padding: 5px;
}

div#theEnd table#footer td.content #loggedInfo h3.logged {
	display: block;
}

div#theEnd table#footer td.content #loggedInfo ul.menu {
	display: block;
	width: 500px;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}

div#theEnd table#footer td.content #loggedInfo ul.menu li {
	display: inline;
	margin: 0px 10px 0px 0px;
}

div#theEnd table#footer td.content #loggedInfo ul.menu li a {
	white-space: nowrap;
}

/**
 * Piramidka, 
 * TODO, przeniesc do osobnego pliku
 */
div#thePyramid {
	background-image: url(../images/pyramid2.png);
	background-repeat: no-repeat;
	background-position: -7px 0px;
	width: 558px;
	height: 300px;
	text-align: center;
	border-top: 1px solid #39363b; /* Opera9 hack */
	margin: 0px;
	padding: 0px;
}

div#theTagcloud {
	background-image: url(../images/widownia.png);
	background-repeat: no-repeat;
	background-position: -7px 0px;
	width: 558px;
	height: 300px;
	text-align: center;
	border-top: 1px solid #39363b; /* Opera9 hack */
	margin: 0px;
	padding: 0px;
	position: relative;
}

div#theTagcloud .message {
	position: absolute;
	width: 100%;
	top: 8px;
	text-align: center;
}

div#theTagcloud .message a {
	color: #12D540;
	font-size:18px;
	font-style:normal;
}

div#theTagcloud .buttons {
	margin-top: 0;
	position: absolute;
	left: -3px;
	bottom: 5px;
}

div#thePyramid .buttons {
	margin-top: 12px;
}


div#thePyramid #thePyramidFlash {
	overflow: hidden;
	width: 558px;
	height: 258px;
}

div#thePyramid #thePyramidFlash #thePyramidFlashInner {
	
}

/**
 * menu pod wyszukiwarka
 */
tr.portalMenuSearch {
	
}

tr.portalMenuSearch td {
	height: 20px;
	text-align: center;
	vertical-align: bottom;
	padding: 0px 0px;
}

tr.portalMenuSearch a {
	color: #858585;
}

tr.portalMenuSearch a:hover {
	color: #ed125a;
}