/* Ogolne ustawienia dokumentu */

* {
	font-family: verdana, tahoma, sans, helvetica, sans-serif;
	font-size: 11px;
}

body {
	background: #222 url(../img/bg_navbar_gradient.png) repeat-x top left;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	cursor: pointer;
}

img {
	border: 0;
}

form {
	margin: 0;
}

form.styled input,
form.styled textarea {
	color: #fff;
	background-color: #444;
	border: 1px solid #f3b52f;
	margin: 1px;
}

/* Ustawienia identyfikatorow i klas */

div#login {
	/* Tlo okna formularza logowania */
	background: transparent url(../img/login_area_bg.png) repeat top left;
	display: none;
	position: fixed;
	z-index: 200;
}

div#login > div.window {
	/* Okno formularza logowania */
	width: 366px;
	height: 296px;
	background: transparent url(../img/login_area_form_bg.png) no-repeat top left;
	padding: 25px 40px;
}

div#login > div.window > div {
	/* Wiersze okna formularza */
	text-align: justify;
	color: #999;
}

div#login > div.window > div.options {
	/* Wiersz opcji */
	text-align: center;
}

div#login > div.window > div > h2 {
	/* Naglowki sekcji */
	font: normal 16px 'trebuchet ms';
	color: #fff;
	text-shadow: #000 1px 1px 1px;
	text-align: left;
	margin: 10px 0 7px;
}

div#login > div.window > div img {
	/* Obrazy osadzane w tekscie */
	vertical-align: middle;
}

div#login > div.window > div > form > table {
	/* Tabela formularza */
	margin: 15px auto 5px;
}

div#login > div.window > div > a {
	/* Hiperlacza opcji */
	color: #ccc;
}

div#netbar {
	/* Tlo paska nawigacyjnego sieci witryn umieszczony u gory strony */
	height: 21px;
	background: transparent url(../img/netbar_long_bg.png) no-repeat top center;
}

div#netbar > div.navbar {
	/* Glowna czesc paska nawigacyjnego */
	width: 800px;
	margin: 0 auto;
}

div#netbar > div.navbar > img {
	/* Obrazek tytulowy 'network/' */
	float: left;
}

div#netbar > div.navbar > div {
	/* Pasek zawierajacy hiperlacza do witryn sieci */
	font-weight: bold;
	color: #f3b52f;
	background: transparent url(../img/netbar_short_bg.png) repeat-x top left;
}

div#netbar > div.navbar > div.network {
	/* Pasek zawierajacy hiperlacza do witryn sieci */
	width: 500px;
	height: 19px;
	float: left;
	padding: 2px 0 0 1px;
}

div#netbar > div.navbar > div.login {
	/* Hiperlacze do formularza logowania / rejestracji */
	width: 224px;
	height: 15px;
	text-align: right;
	float: left;
	padding: 2px 0 0 0;
}

div#netbar > div.navbar > div > a {
	/* Styl hiperlaczy do witryn sieci */
	color: #999;
	font-weight: normal;
}

div#netbar > div.navbar > div > a:hover {
	/* Styl hiperlaczy do witryn sieci */
	color: #fff;
}

div#container {
	/* Glowna rama strony */
	width: 800px;
	background: transparent url(../img/body_bg.png) repeat-y top left;
	margin: 0 auto;
}

div#top > img {
	/* Wszystkie obrazy lezace bezposrednio pod div#top */
	display: block;
}

div#top > div.randomTop {
	/* Ramka mieszczaca losowe obrazy z gier */
	width: 385px;
	height: 285px;
	background: transparent url(../img/top_1.png) no-repeat top left;
	float: left;
	position: relative;
}

div#top > div.randomTop > a.logo {
	/* Logo strony */
	width: 261px;
	height: 89px;
	background: transparent url(../img/r98_logo.png) no-repeat top left;
	display: block;
	position: absolute;
	z-index: 15;
	top: 125px;
	left: 450px;
}

div#top > div.randomTop > img {
	/* Domyslne ukrycie losowych obrazow z gier */
	display: none;
}

div#top > div.randomTop > img.randomTopLeft {
	/* Dodatkowe losowe obrazy lezace po lewej stronie */
	position: relative;
	z-index: 10;
	top: -288px;
}

div#top > div.topAd1 {
	/* Ramka z miejscem na banner #1 468x60 */
	width: 415px;
	height: 80px;
	background: transparent url(../img/top_2_ad.png) no-repeat top left;
	float: right;
	position: relative;
}

div#top > div.topAd1 > div {
	/* Miejsce na banner #1 468x60 */
	width: 468px;
	height: 60px;
	position: relative;
	z-index: 10;
	top: 10px;
	left: -53px;
}

div#top > img[src="/layout/img/top_3.png"] {
	/* Duzy obrazek R* */
	float: right;
}

div#top > img[src="/layout/img/top_4.png"] {
	/* Maly obrazek pod div.random_top */
	float: left;
}

div#top > div.topAd2 {
	/* Ramka z miejscem na banner #2 468x60 */
	width: 415px;
	height: 45px;
	background: transparent url(../img/top_5_ad.png) no-repeat top left;
	float: right;
	position: relative;
}

div#top > div.topAd2 > div {
	/* Miejsce na banner #2 468x60 */
	width: 468px;
	height: 60px;
	position: relative;
	z-index: 10;
	top: -25px;
	left: -78px;
}

div#body {
	/* Kontener mieszczacy menu oraz cialo strony */
	width: 800px;
	background: transparent url(../img/body_footer.png) no-repeat bottom left;
	padding-bottom: 20px;
	overflow: hidden; /* Dopasowanie tla do zawartosci */
	clear: both; /* Dopasowanie tla do zawartosci */
}

div#main {
	/* Kontener mieszczacy elementy ciala strony */
	width: 510px;
	float: right;
	margin: 0 4px 0 1px;
}

div#main > div.box {
	/* Elementy ciala strony */
	width: 470px;
	margin: 0 auto;
}

div#main > div.box > h1 {
	/* Naglowek */
	text-align: center;
	margin: 2px 0;
}

div#main > div.box > h1 > a {
	/* Hiperlacze do newsa */
	font: normal 24px 'times new roman';
	color: #f3b52f;
	/* text-transform: capitalize; */
	text-shadow: #000 1px 1px 0;
}

div#main > div.box > div.info {
	/* Informacje dodatkowe */
	font: italic 11px georgia;
	color: #666;
	text-align: center;
	margin: 0 0 10px;
}

div#main > div.box > div.info > a {
	/* Hiperlacze osadzone w informacjach dodatkowych */
	font: italic 11px georgia;
	color: #999;
}

div#main > div.box > div.content {
	/* Tresc wlasciwa */
	line-height: 15px;
	color: #ccc;
	text-align: justify;
	padding: 0;
}

div#main > div.box > div.content a {
	/* Hiperlacze zagniezdzone w tresci */
	line-height: 15px;
	color: #fff;
	background: transparent url(../img/content_text_link.png) repeat-x bottom left;
}

div#main > div.box > div.content a:hover {
	/* Hiperlacze zagniezdzone w tresci */
	background-position: 0 14px;
}

div#main > div.box > div.content img {
	/* Obraz zagniezdzony w tresci */
	background-color: #000;
	border: 1px solid #f3b52f;
	padding: 1px;
	margin: 1px;
}

div#main > div.box > div.content img:hover {
	/* Obraz zagniezdzony w tresci */
	border-color: #fff;
}

div#main > div.box > div.content img.noBorder {
	/* Obraz zagniezdzony w tresci, bez obramowania */
	background: none;
	border: 0;
	padding: 0;
}

div#main > div.box > div.content img.alignCenter {
	/* Obraz zagniezdzony w tresci, wysrodkowany */
	display: block;
	margin: 0 auto;
}

div#main > div.box > div.content img.floatLeft {
	/* Obraz zagniezdzony w tresci, oblewany z lewej */
	float: left;
	margin: 0 5px 5px 0;
}

div#main > div.box > div.content img.floatRight {
	/* Obraz zagniezdzony w tresci, oblewany z prawej */
	float: right;
	margin: 5px 0 0 5px;
}

div#main > div.box > div.content div.alignCenter {
	/* Blok zagniezdzony w tresci, wysrodkowany */
	text-align: center;
}

div#main > div.box > div.content div.clearBoth {
	/* Blok zagniezdzony w tresci, nieoblewany */
	clear: both;
}

div#main > div.box > div.content blockquote {
	/* Cytat blokowy zagniezdzony w tresci */
	background: #303030 url(../img/quote_bg.png) no-repeat top left;
	border: 1px solid #666;
	padding: 0 10px 0 55px;
	margin: 0;
}

div#main > div.box > div.content blockquote > p {
	/* Akapit zagniezdzony w cytacie blokowym */
	font-style: italic;
	font-size: 10px;
	line-height: 15px;
	color: #999;
	padding: 0;
	margin: 5px 0;
}

div#main > div.box > div.content blockquote cite {
	/* Autor cytatu */
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

div#main > div.box > div.content blockquote > cite {
	/* Autor cytatu, miedzy akapitami */
	margin: 0;
}

div#main > div.box > div.content ul, div#main > div.box > div.content ol {
	/* Lista osadzona w tresci */
	padding: 0 10px 0 30px;
	margin: 0;
}

div#main > div.box > div.content ul {
	/* Lista nienumerowana osadzona w tresci */
	list-style: square;
}

div#main > div.box > div.content table.infoBox {
	/* Tabela osadzona w tresci */
	border: 0;
	border-collapse: collapse;
}

div#main > div.box > div.content table.infoBox tr {
	/* Wiersz tabeli osadzonej w tresci */
	background: #2f2f2f;
}

div#main > div.box > div.content table.infoBox tr.ndRow {
	/* Wiersz tabeli osadzonej w tresci */
	background: #292929;
}

div#main > div.box > div.content table.infoBox tr > th {
	/* Naglowek tabeli osadzonej w tresci */
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 1px 3px;
}

div#main > div.box > div.content table.infoBox tr > td {
	/* Komorka tabeli osadzonej w tresci */
	text-align: left;
	vertical-align: top;
	border: 1px solid #666;
	border-width: 1px 0;
	border-left: 1px dotted #666;
	padding: 1px 3px;
}

div#main > div.box > div.content table.infoBox tr > td:first-child {
	/* Komorka tabeli osadzonej w tresci */
	border-left: 0;
}

div#main > div.box > div.content table.infoBox tr > td a {
	/* Hiperlacze w komorce tabeli osadzonej w tresci */
	background: none;
}

div#main > div.box > div.content table.game {
	/* Infobox z danymi gry */
	width: 300px;
	margin: 0 0 10px 10px;
	float: right;
}

div#main > div.box > div.content table.game tr > td {
	/* Komorka infoboksu z danymi gry */
	width: 65%;
}


div#main > div.box > div.content table.game tr > td:first-child {
	/* Komorka infoboksu z danymi gry */
	width: 35%;
	font-weight: bold;
	color: #888;
}

div#main > div.box > div.content table.game tr > td:first-child img {
	/* Obraz w komorce infoboksu z danymi gry (flaga) */
	width: 17px;
	height: 11px;
	background: none;
	border: 0;
	float: right;
	padding: 2px 0 0 0;
}

div#main > div.box > div.content table.horizontal {
	/* Infobox o maksymalnej szerokosci */
	width: 466px;
	margin: 10px 0;
}

div#main > div.box > div.content > div.footer {
	/* Stopka newsa */
	color: #666;
	text-align: left;
	text-shadow: #222 1px 1px 0;
	margin-top: 10px;
}

div#main > div.box > div.content > div.footer:first-letter {
	/* Stopka newsa */
	color: #f3b52f;
}

div#main > div.box > div.content > div.footer > a {
	/* Hiperlacze w stopce newsa */
	color: #666;
	background: none;
}

div#main > div.box > div.content > div.tags > a {
	/* Hiperlacze tagu w stopce newsa */
	text-transform: capitalize;
}

.fb-likebutton {
  /* Like-button Facebooka pod newsem */
  display: block;
  margin-top: 10px;
}

.fb-likebutton iframe {
  /* Like-button Facebooka pod newsem */
  height: 24px !important;
  overflow: hidden;
}

div#main > div.box > img {
	/* Separator blokow czesci glownej */
	display: block;
	margin: 10px auto;
}

div#main > div.box > h1 + img {
	/* Separator naglowka i tresci */
	margin-top: 8px;
}

div#main > div.comment {
	/* Blok komentarza */
	margin-bottom: 10px;
}

div#main > div.comment > div.author {
	/* Autor komentarza */
	font: italic 16px georgia;
	color: #999;
	float: left;
}

div#main > div.comment > div.info {
	/* Informacje o komentarzu */
	float: left;
	margin: 4px;
}

div#main > div.comment > div.content {
	/* Tresc komentarza */
	clear: both;
}

div#commentForm {
	width: 470px;
	height: 150px;
	position: relative;
	padding: 15px 0 4px;
}

div#commentForm > form > div > textarea {
	/* Pole tekstowe formularza */
	width: 458px;
	height: 117px;
	background: #444 url(../img/comment_form_bg.png) no-repeat center;
	padding: 5px 5px 26px;
	margin: 0;
}

div#commentForm > form > div.controls {
	/* Warstwa mieszczaca kontrolki formularza */
	width: 400px;
	display: none;
	position: relative;
	z-index: 10;
	top: -24px;
	left: 6px;
}

div#commentForm > form > div.controls > input {
	/* Ustawienia kontrolek formularza */
	background-color: #333;
	float: left;
}

div#commentForm > form > div.controls > input[name="charsLeft"] {
	/* Ustawienia licznika znakow */
	width: 25px;
	height: 12px;
	text-align: center;
	font-size: 10px;
	color: #8cbd7a;
	background-color: #333;
	cursor: default;
	margin-right: 4px;
}

div#commentWarning {
	/* Ostrzezenie o braku znakow */
	height: 12px;
	color: #dc7671;
	display: none;
	float: left;
	padding: 0 0 1px 5px;
}

div#newsPagination {
  /* Paginacja wiadomosci na stronie glownej */
  text-align: center;
}

div#newsPagination > div {
  /* Paginacja wiadomosci na stronie glownej */
  font-size: 14px;
	color: #fff;
	text-shadow: #000 1px 1px 0;
  margin-bottom: 10px;
}

div#newsPagination > div > a {
  /* Paginacja wiadomosci na stronie glownej */
  font-size: 14px;
  text-decoration: none;
	font-variant: small-caps;
	color: #f3b52f;
	text-shadow: #000 1px 1px 0;
}

div.google-ads-search {
  /* Wyszukiwarka Google */
  text-align: center;
  padding-top: 5px;
}

div#menu {
	/* Kontener mieszczacy bloki menu */
	width: 279px;
	min-height: 450px;
	background: transparent url(../img/menu_rockstar.png) no-repeat top right;
	float: left;
	margin: 0 3px;
}

div#menu > img {
	/* Separator blokow menu */
	margin: 5px 0;
}

div#menu > div.nav {
	/* Blok menu mieszczacy hiperlacza nawigacyjne */
	width: 230px;
	text-align: left;
}

div#menu > div.nav > a {
	/* Hiperlacze nawigacyjne */
	line-height: 15px;
	color: #999;
	text-shadow: #000 1px 1px 0;
	text-transform: uppercase;
	background: transparent url(../img/menu_bg.png) no-repeat 0 -30px;
	display: block;
	padding-left: 35px;
}

div#menu > div.nav > a:hover {
	/* Hiperlacze nawigacyjne */
	color: #fff;
	background-position: 0 0;
}

/*iframe.FB_SERVER_IFRAME {
	/ * Blok menu mieszczacy fanboks Facebooka * /
  height: 255px !important;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 35px;
}*/

#fb-likebox {
	/* Blok menu mieszczacy fanboks Facebooka */
	background-color: #fff;
  margin: 0 0 10px 35px;
}

div#menu > div.affiliates {
	/* Blok menu mieszczacy przyciski do stron partnerow */
	width: 180px;
	margin-left: 35px;
}

div#menu > div.affiliates > a > img {
	/* Przycisk do strony partnera */
	width: 88px;
	height: 31px;
}

div#menu > div.affiliates > div.collapse {
	/* Zwiniete przyciski do stron partnerow */
	display: none;
	margin-top: 5px;
}

div#menu > div.affiliates > div.becomeAffliate,
div#menu > div.affiliates > div.showAll {
	/* Informacja pod przyciskami do stron partnerow */
	font: 9px verdana;
	color: #444;
	text-align: center;
	padding: 5px 0;
}

div#menu > div.affiliates > div.showAll {
  padding: 0;
}

div#menu > div.affiliates > div.becomeAffliate > a,
div#menu > div.affiliates > div.showAll > a {
	/* Informacja pod przyciskami do stron partnerow */
	font: 9px verdana;
	color: #555;
}

div#footer {
	/* Kontener mieszczacy stopke */
	text-align: center;
	background: #141414 url(../img/footer_bg.png) repeat-x top left;
}

div#footer > img[src="/layout/img/footer_star.png"] {
	/* Gwiazdka na srodku stopki */
	margin: 5px 0 0;
}

ul#family {
	/* Lista studio Rockstar */
	width: 424px;
	height: 10px;
	list-style: none;
	padding: 0;
	margin: 5px auto 9px;
}

ul#family > li {
	/* Element listy */
	height: 9px;
	float: left;
	padding: 0;
	margin: 0;
}

ul#family > li > a {
	/* Hiperlacze na liscie */
	height: 9px;
	display: block;
}

ul#family > li > a > img {
	/* Obrazek na liscie */
	display: block;
}

div#footer > div {
	/* Miejsce na tekst stopki */
	width: 800px;
	color: #666;
	text-align: center;
	padding-bottom: 20px;
	margin: 0 auto;
}

div#footer > div > a {
	/* Hiperlacze w stopce */
	color: #999;
}
