/* 
czcionka standardowa to 12px 
prócz tego jest też ogólny styl Small i SuperSmall
*/
body, p, div, h1, h2, h3, h4, h5, h6, li, ol, ul, td, th, dd, dt {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444;
}

BODY
{
margin-top:0;
margin-left:50px;
/*FONT-FAMILY: Verdana,Arial,Garamond;
FONT-SIZE:90%;*/
background-color:#EFEFEF;
/*margin: 0px 0px 0px;*/
/*background: #FFFFFF url('images/bg.gif') repeat;  */
}
/*ogólne*/

/*czcionka normalna - normalnie nie trzeba tego definiować bo cały doc. ma z natury tę wielkość czcionki*/
.size_normal{
 font-size:12px;
}

/*mała czcionka ps. to ma być ssynchr. z tableboxcontent oraz z SMALL*/
.size_small{
 font-size:11px;
}

/*bardzo mała czcionka. ps. to ma być ssynchr. z tableboxsupplement*/
.size_superSmall{
 font-size:10px;
}

/*bardzo mała czcionka plus szary kolor czcionki. ps. to ma być ssynchr. z tableboxsupplement*/
.supplement{
 color: #5e5e5e;
 font-size: 10px;
 font-weight: normal;
}

A 			{ color: #003366; text-decoration: none; }
A:link		{ color: #003366; text-decoration: none; }
A:visited	{ color: #003366; text-decoration: none; }
A:active	{ color: #54622D;  }
A:hover		{ color: #005386; text-decoration: none; }
/*
z czerw. podkreśleniem
A:hover		{ border-bottom-style: solid; border-bottom-width: 1;border-bottom-color: #DD0000; }
*/

/*by nie było ramki wokół images będących linkami*/
a img{
 border:none;
}

/*wszystko - to jest div główny*/
div.dEverything
{
 /*background-color:#EEEEEE;jakoś w fx nie chce działać*/
 margin-left:auto;
 margin-right:auto;
 width:900px;
}

/*ma być na górze*/
div.dMainNav
{
  margin:0px;
  margin-left:00px;
  margin-right:00px;
  height:64px;
  padding: 0px;
  /*float:right;*/
  /*color:#FF2355;*/
  /*background-image:url('http://www.konradp.com/images/bg_top.gif');*/
  background-image:url('http://www.konradp.com/images/top_logo.gif');
}
 
.dMainNav ul { 
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.dMainNav li { 
 display: block;
 float: left;
 margin: 0;
 height:100%;
 /*padding: 20px 15px;chodzi o to by padding było  i z góry i z dołu*/
 /*border-right: 1px solid #ddd;*/
/*border-top: 1px solid #ff00ff; */
/* height:32;*/
/* width:64;*/
/*background-color:#FF7d29;*/
}


.dMainNav a { 
 float: left;
 display: block;
 margin: 0;
 /*padding: 20px 10px;*/
 padding-top:3px;padding-bottom:3px;

 padding-left:5;
 padding-right:40;
 
 color: #ddddff;
 text-decoration: none;
 font-size: 11px;
 /*font-weight: bold;*/
 letter-spacing: -1px;
 border-left: 2px dotted #ddd;
 /*border-bottom: none;*/
 border-bottom:5px #A00000;
 border-bottom-style:outset ;

 /*border-right: 1px solid #ddd;*/
}
.dMainNav li a:visited { 
 color: #ccccee;
}
.dMainNav li a:hover { 
 color: #eee;
 /*background: #6666FF;*/
 border-bottom-color:#DD0000;

 /*background-image:url('http://www.konradp.com/images/main_nav_hoover.gif');
 background-repeat:no-repeat;
 background-position: 3% 3%; 
 */
}

/*
czyli to co po lewej- newsy, last forum topics etc.
ma być po lewej*/
div.dDetailedNav
 {
  /*position:absolute;top: 46px;  left: 10px;*/
  position:relative;
  float:left;
  width: 200px;
  margin-top:15px;
  padding-top: 0px;
  padding-left:0px;
  padding-right:5px;
  /*border: 1px dotted #CCCCCC;*/
   /*font-color:#FF2355;*/
  /*background:#EEEEEE;*/
 }

/*ma być po prawej stronie od 'dDetailedNav'*/
div.dContent
 {
  background-color: #FEFEFE;
  float: right;
  /*width: 645px;*/
  width: 660px;
  margin-top:15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-right:15px;
  padding-bottom:15px;
  margin-bottom:15px;
  /*border-right: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  */
  border: 1px solid #C5C5C5;
  /*height:100%;*/
  /*border: 1px solid black;*/
  /*color:#FF2355;*/
 }
 
div.dBottom
 {
  clear:both; 
  float:left;/*by było ok musi być albo clear both albo float left*/
  width: 100%;
 /* font-color:#FF2355;*/
  text-align: center;
  padding-top:1px;
  padding-bottom:3px;
  background:#FAFAFA;
 }    

UL
{ 
line-height: 130% ;
}

P
{ 
line-height: 160%; 
}

H1
{
/*FONT-SIZE:130%;*/
font-size:22px;
color:#000045;
border-bottom: 1px dotted #aaaaaa;
font-weight: 400;
	background-image: url('images/item_16x16.gif');
	background-repeat: no-repeat;
	background-position:left 60%;
	padding-left:20px;
}
H2
{
font-size:16px;
color:#000035;
border-bottom: 1px dotted #cccccc;
margin-top:3em;
/*margin-right:200px;tu chodziło o to by podkreślenie było krótsze i jest ale za każdym razem inne*/
}
H3
{
/*FONT-SIZE:95%;*/
font-size:14px;
}	

TABLE
{
FONT-SIZE:11px;
}


HR
{
COLOR:#000099;
}

SMALL
{ 
font-size:11px;
}

/*raczej używ. przy <p> jeśli w przyszłości zechcę description robić w h2 to dołożyć tu dla h2
nie robić ogólnej klasy (bez p.) bo nie zadziała - w tym momencie div.contents_general miałby wyższość */

p.contents_description {
 /*padding-left:20px;*/
 margin-left:20px;
 padding-left:5px;
 /*background-image:url('http://www.konradp.com/images/bg_cont_descr.gif');
 background-repeat: no-repeat;*/
 /*border-left: 5px solid #000;taki pasek pionowy.. ale jednak głupio wygląda.*/

}


/* ////////////////////NOWE */

/*//// tabelki */

/* ogółem, cały table*/
/*table.tableboxcontainer */
.tableboxcontainer 
{
	width: 100%;
	background-color: #FBFBFB;
	font-size: 5px;
	vertical-align: middle;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
}

/* tytuł belki - header */
.tableboxtitle {
	/*background-color: #E55C00; czerw*/
	/*background-color:#153DAE; niebieski*/
	background-color:#AAAAAA;
	width: 100%;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 1px 1px 1px 10px;
	vertical-align: middle;
	height:20px;
	border-left:5px #EEEEEE;/*i tak będzie ciemniejszy, ze względu na 'inset' poniżej*/
	border-left-style:inset;	
	/*background-image:url('images/bg_top_narrow.gif');reapeat-x;*/
}
.tableboxtitle a {
color: #FFFFFF;
}
.tableboxtitle a:visited { 
 color: #FEFEFE;
}


/* content tabelki*/
.tableboxcontent {
	font-size: 11px;
	/*background-color: #EFEFEF;*/
	border: 0px solid #FFFFFF;
	border-width:0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-weight: normal;
	/* padding: 1px 1px 1px 1px; */
	vertical-align: middle;
	overflow: hidden;
	border-right: 1px solid #FFFFFF;
	padding: 2px 1px 1px 5px;
	padding-left:14px;
	
	background-image: url('images/arrow_right_4x6.gif');
	background-repeat: no-repeat;
	background-position:5px 6px;
	
}

/*używ, gdy w tabeli dodatkowe info do linka dodajemy*/
.tableboxsupplement{
 color: #5e5e5e;
 font-size: 10px;
 font-weight: normal;
 margin-left:0;
 margin-right:7;
 /* poniższe by default akurat nie są 0 ale jakieś chyba 15, więc jakbyśy zrobili 15 to jakbyśmy nic nie zmienili */
 margin-top:5;
 margin-bottom:5;
 border-bottom: 1px solid #EEEEEE;
 text-align:justify;
 line-height:130%;
}





/*
przykład jak można zrobić h1 z backgroundem:
h1 {
	background-image: url(images/h1-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 31px;
	padding-left: 40px;
	font-family: Arial Black;
	font-size: 17px;
	color: #ed5e00;
	text-transform: uppercase;

}
*/

/* ehh, być może w przyszłości się jescze pobawimy w cienie, jak na razie słabo to idzie, ale ten należy stosować i tak zawsze gdy screenshot 
problem jest, że ten div dorabia się do aktualnej szerokości (np. tabeli) - nie wiem co z tym można zrobić (a chyba wystarczy float:left ale nie jestem pewien)
*/
div.screenshot{
	/*padding: 0px 5px 5px 0px;*/
	/*margin-top:15;/*to bo następny (scree... img) podniesie...*/
	/*border: 2px solid #888888;*/
	/*background-color: #5E5E5E;*/
}

/* nie używany (w przeciw. do dImageLeft)*/
div.screenshot img {
/*margin: -3px 3px 2px -3px;może się kiedyś pobawię....*/
border:0;
padding:5px 50px 5px 50px;
margin-right:30px;
}

/*używ przez funk. KLayoutImage w common/..../.php*/
div.dFramedImageLeft{
 float:left;
 display:inline;
 background-color:#EFEFEF;
 border:1px solid #C5C5C5;
 padding:4px 4px 4px 4px;
 margin-right:15px;
}

/*border też wokół obrazka*/
div.dFramedImageLeft img {
border:1px solid #C5C5C5;
}

div.dFramedImageRight{
 float:right;
 display:inline;
 background-color:#EFEFEF;
 border:1px solid #C5C5C5;
 padding:4px 4px 4px 4px;
 margin-left:15px;
}

/*border też wokół obrazka*/
div.dFramedImageRight img {
border:1px solid #C5C5C5;
}

div.dFramedImageCenter{
 margin-left:auto;
 margin-right:auto;
 display:inline;
 background-color:#EFEFEF;
 border:1px solid #C5C5C5;
 padding:4px 4px 4px 4px;
}

/*border też wokół obrazka*/
div.dFramedImageCenter img {
border:1px solid #C5C5C5;
}


/*tytuł na dole, o ile istnieje*/
div.dFramedImageTitle{
 clear:both;
 float:left;
 display:block;
 background-color:#e7e7e7;
 border:1px solid #dddddd;
 color:#404040;
 /*border:1px solid #C5C5C5;*/
 padding:2px 2px 2px 2px;
 margin:4px 0px 0px 0px;
 font-size:10px;
 /*font-style: italic;*/
 text-align: left;
}


/* ------------- info box --------------*/
.kinfobox{
 float:left;/* to se możemy zmienić w style... */
 display:inline;
 background-color:#EFEFEF;
 border:1px solid #C5C5C5;
 padding:4px 4px 4px 4px;
 margin:0px 4px 4px 4px;
 background:url(./images/bg_box.gif);
 background-repeat:repeat-x;
 font-size:10px;
}
/* musimy niestety powtórzyć niektóre style dla różnych tagów */
.kinfobox p {
	font-size:10px;
}
/* ma być używ. w środku kinfobox */
.kinfobox_title{
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 /*display:inline;*/
 /*background-color:#AAAAAA;-szary*/
 background-color:#3B3B9A;/*niebieski*/
 border:1px solid #C5C5C5;
 padding:0px 2px 2px 2px;
 margin-top:0;
 color:white;
}