/* CSS for Conflagration Webzine by MAKI
===========================================================*/

/* Pozycjonowanie, Główne elementy
===========================================================*/

html { background:#151515; }

body {
	margin:0;
	width:100%;
	height:100%;
	background:#000;
}
 
#main {
	width:100%;
}

.head { 
	margin:0 0 20px 0; 
	text-align:center;
}

.obrazmapa {
	margin:0 auto;
	text-align:center;
	width:970px;
}

.obrazmapa img{
	border:0;
}

#menu {
	height:34px;
	width:973px;
	text-align:right;
}

#menu img {
	display:inline;
	margin:0;
	padding:0;
	border:0;
}

.ikony { 
	float:left; 
	margin-left:10px;
}

.middle {
	text-align:center;
	width:100%;
	clear:both;
}

#foot { 
	clear:both; 
	width:100%;
	height:165px;
	text-align:center;
	background:url('../images/main/bg_4.gif') top repeat-x #151515;
	border-top:1px solid #2f2f2f; 
	padding-top:10px; 
}

.optimalized {
	margin:0 auto;
	text-align:justify;
	width:950px;
}

.header {
	display:block;
	margin:0;
	border:0;
}

#middle_left {
	text-align:left;
	float:left;
	width:200px;
} 

#middle_right {
	float:right;
	width:720px;
}

#f_column1 {
	float:left;
	margin-top:25px;
	width:100px;
	text-align:left;
}

#f_column1 img {
	margin-bottom:5px;
	}
	
#f_column2 {
	float:left;
	margin-top:10px;
	margin-left:30px;
	padding-left:15px;
	text-align:left;
	background:url('../images/main/bg_point.gif') left repeat-y;
}

#f_column3 {
	float:right;
	margin-top:10px;
	padding-left:10px;
	display:block;
	width:212px;
	height:140px;
	border-left:1px solid #4b4b4b;
	background:url('../images/main/design_over.gif') bottom no-repeat;
}

#f_column4{
	float:left;
	height:140px;
	margin-top:10px;
	margin-left:30px;
	padding-left:15px;
	text-align:left;
	background:url('../images/main/bg_point.gif') left repeat-y;
}


/* Mniejsze Boxy
===========================================================*/

#m_column1 {
	float:left;
	width:450px;
}

#m_column2 {
	float:right;
	width:250px;
}

.intie, .numery { 
	float:left; 
	width:345px; 
}

.relacja, .promopack { 
	float:right; 
	width:345px; 
}

.info, .sort {
	float:right; 
	width:250px; 
}

.sort { text-align:right; }

.newsletter form { padding:2px; margin:0; }

.links {
	float:left;
	width:33%;
	text-align:center;
}

.contacts {
	float:left;
	width:45%;
	text-align:center;
}

.bookmark {
	display:block;
	background:url('../images/main/bookmark.gif');
	padding-left:10px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	font-family:Helvetica;
}

/* Format Czcionek
===========================================================*/


body, div, td {
	color:#c6c6c6;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	font-family:verdana;
	text-decoration:none;
}

a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#9e9c9c;
}

a:hover, a:active {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

input, select, textarea {
	margin-top:3px;
	font-size:10px; 
	border: 1px #575757 solid;
	background: #212121;
	font-family:verdana ;
	color:#e7e4e4;
}

.szukaj { width:170px; }
.sortuj { width:84px; }
.go { width:50px; }

form {
	margin:3px;
	padding:3px;
}

.newsmail {
	width:100%;
	margin-bottom:5px;
}

#email {
	padding:0;
	margin-bottom:5px;
}

a.stronicowanie { font-weight:normal; }

/* Klasy obrazków
===========================================================*/

.media {
	float:left;
	text-align:center;
	width:220px;
	padding:0 5px 10px 5px;
}

.media object, .media embed {
	width:210px;
	margin-top:5px;
}

.bands {
	margin-top:5px;
	width:210px;
	border:1px solid gray; 
}

.plakat, .best, .recka { 
	border:1px solid gray; 
	width:200px; 
	margin-bottom:10px;
}

.recka {
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}

.thumb {
	float:left;
	margin:0 10px 10px 0;
	width:140px;
	border:1px solid gray; 
}

.banner{
	width:400px;
	margin-top:5px;
	border:1px solid gray; 
}

.release {
	width:120px;
	border:1px solid gray; 
	margin:1px;
}

.gg { width:12px; }

.partner { 
	height:60px;
}

.valid { border:0; height:15px; width:80px; }

.winamp, .design img { border:0; }


/* Klasy tekstu
===========================================================*/

/* Ogólne
==========================*/

.lewa_padaczka { padding-left:30px; }

.padaczka_top { padding-top:10px; }

.centruj { text-align:center; width:100%; }

.justuj { text-align:justify; width:100%; }


/* Szczegółowe
==========================*/

.zakladka {
	padding-left:10px;
	border-left:10px #343434 solid;
}

.czytaj {
	float:right;
	padding-left:10px;
	border-left:10px #343434 solid;
}

.wstep {
	padding-bottom:20px;
	font-weight:bold;
}

.tresc, .tytul { padding-bottom:20px; }

.tresc { clear:both; }

.autor { float:left; }

.zrodlo, .mailform { float:right; }

div.recki {
	width:100%; 
	text-align:left;
	font-size:10px;
	padding-bottom:3px;
}

.tytul_rec {
	text-align:left;
}

.ptk { color:#353535; }

.tytul_rec, .nick {
	margin-top:20px;
	margin-bottom:40px;
	font-size:18px;
	font-weight:bold;
}

.odnosniki {
	margin-left:20px;
	margin-top:5px;
	margin-bottom:20px;
}

h1 { 
	font-size:11px;
	color:#71695b;
 }

.lam {
	clear:both;
	width:100%;
	height:1px;
	font-size:1px;
}

.small {
	margin-left:30px;
	font-size:9px;
}

/* Dla tabeli
==========================*/

.spis { width:100%; }
.spis td { padding:3px; border:1px #343434 solid; }
.naglowek { background:#343434; }
.data, .mag { width:300px; }
td.tytul { width:420px; text-align:left; }


/* Linia
===========================================================*/

.line {
	clear:both;
	padding-top:10px;
	margin-bottom:10px;
	font-size:1px;
	height:1px;
	width:100%;
	border-bottom:1px solid #4b4b4b;
}
.media_line {
	clear:both;
	margin-bottom:10px;
	font-size:1px;
	height:1px;
	width:100%;
	border-bottom:1px solid #4b4b4b;
}