/**************************************************************
 *	CSS Framework, v.1.0
 *	
 *	Author: Kamil Kuczmera 
 *	E-mail: kamil@kuczmera.com
 **************************************************************/

/* Global reset */
*               { margin: 0; padding: 0; }
img             { border: 0; }

/* Paddings & margins */
.margin-top     { margin-top: 25px }
.margin-bottom  { margin-bottom: 25px }
.margin-left    { margin-left: 50px }
.margin-right   { margin-right: 25px }
.padding-both   { padding: 17px 0 }
.no-padding     { padding: 0; margin: 0 }

/* Floats */
.left           { float: left }
.right          { float: right }
.clear          { clear: both }

/* Text positions */
.text-left      { text-align: left }
.text-right     { text-align: right }
.text-center    { text-align: center }
.middle         { vertical-align: middle }

/* Popular selectors styles */
p               { text-align: left; }
h1              { font: normal 28px Tahoma, Arial, Helvetica, sans-serif; } 
h2              { font: normal 22px Tahoma, Arial, Helvetica, sans-serif; }
h3              { font: bold 14px Tahoma, Arial, Helvetica, sans-serif; } 
a               { color: #fff; text-decoration: underline; outline: none; cursor: pointer; }
a:hover         { color: #3e3e34; text-decoration: none; }
:focus          { -moz-outline-style: none; }
ul, ol          { padding: 10px 0 10px 35px; }
ul li, ol li    { padding: 3px 0; }

/* Widths */
.px25           { width: 25px }
.px50           { width: 50px }
.px75           { width: 75px }
.px100          { width: 100px }
.px125          { width: 125px }
.px150          { width: 150px }
.px175          { width: 175px }
.px200          { width: 200px }

/* Other classes */
.submit         { cursor: pointer; }

/**************************************************************
	Layers
**************************************************************/	
html {	
	background: #000;	
}
body {
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #fff;
	text-align: center;	
	line-height: 150%;
}

/*************************** 
* 	Top 
****************************/
	
	/* Logo */
	#logo { height: 189px; background: url(../images/layout/top-bg.jpg) no-repeat; text-indent: -99999px; }	
	#top h1 a {  }
	
	/* Menu */	
	#menu { clear: both; padding: 0; }
	#menu li { float: left; margin: 0; padding: 0; list-style: none; }
	
	#menu li a { float: left; }
	#menu li a strong { float: left; }
	
	#menu li a:hover {  }
	#menu li a:hover strong {  }
	
	
/*************************** 
* 	Container
****************************/
#container { width: 895px; float: left; overflow: hidden; height: 100%; text-align: left; background: url(../images/layout/cbg.jpg) right center repeat-y; }	
	
	
	/*************************** 
	* 	Content
	****************************/
	#content { float: left; width: 669px; padding: 0 20px 20px; background: url(../images/layout/content.jpg) right top no-repeat; }
	#google { height: 140px; }
	
	#content h1 { padding: 0 0 15px 25px; margin-top: 25px; font-size: 14px; font-weight: bold; line-height: 20px; background: url(../images/layout/h1.gif) left bottom no-repeat; }
	#content h1 span { float: right; font-size: 10px; font-weight: normal; }
	#content h1 a { text-decoration: none; }
	
	#content .more { padding: 0 25px 15px 0; line-height: 20px; font-weight: bold; text-align: right; background: url(../images/layout/more.gif) right bottom no-repeat; }
		
	/*************************** 
	* 	Left column
	****************************/
	#left { float: left; width: 166px; background: url(../images/layout/menu-bg.jpg) repeat-y; padding-bottom: 2000px; margin-bottom: -2000px; }			
			
		#left h1 { height: 35px; background: url(../images/layout/navigacja.jpg) no-repeat; text-indent: -99999px; }	
		
		#left ul { padding: 0; }
		#left ul li { height: 33px; padding: 0; list-style: none; background: url(../images/layout/sep.gif) left bottom no-repeat; }
		#left ul li a { display: block; height: 33px; background-position: 35px center; background-repeat: no-repeat; text-indent: -99999px; }
		#left ul li a:hover { background-position: 45px center; }
			
			#left #kup { height: 80px; }
			#left #kup a { height: 80px; background: url(../images/layout/menu/kupteraz.jpg) left center no-repeat; }
			
			#home a { background-image: url(../images/layout/menu/home.gif); }
			#forum a { background-image: url(../images/layout/menu/forum.gif); }
			#samouczek a { background-image: url(../images/layout/menu/samouczek.gif); }
			#galeria a { background-image: url(../images/layout/menu/galeria.gif); }
			#screeny a { background-image: url(../images/layout/menu/screeny.gif); }
			#postacie a { background-image: url(../images/layout/menu/postacie.gif); }
			#prolog a { background-image: url(../images/layout/menu/prolog.gif); }
			#itemy a { background-image: url(../images/layout/menu/itemy.gif); }
			#o_grze a { background-image: url(../images/layout/menu/o_grze.gif); }
			#skille a { background-image: url(../images/layout/menu/skille.gif); }
			
/*************************** 
* 	Footer
****************************/	
#footer { width: 855px; float: left; padding: 35px 20px 0; background: url(../images/layout/footer.jpg) top left repeat-x; font-size: 12px; color: #fff; }
#footer p { height: 70px; padding-left: 90px; text-align: center; background: url(../images/layout/foot.gif) left top no-repeat; }