body
{
    margin: 0px;
    padding: 0px;
    background-color: black;
    
    color: white;

    font-size: 8pt;
    font-family: Arial, Tahoma, sans-serif;
}

a:hover
{
	text-decoration: underline;
}

div
{
    margin: 0px;
    padding: 0px;
}
div.sweeper
{
	clear: both;
}

img.alignedLeft
{
    float: left;
}
img.alignedRight
{
    float: right;
}
img.frame 
{
	border: 1px #666666 solid; 
	padding: 2px; 
	margin-bottom: 1px;
}
/* ****************************************** */
div#profileMenu 
{
	position: absolute;
	
	width: 300px;
	height: 19px;
	
	padding: 10px 10px 0px 20px;
	
	color: #959595;
}
div#topMenu
{
	width: 970px;
	height: 19px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 0px 0px;
	background-image: url( '../gfx/topMenuBackground.png' );
	background-repeat: no-repeat;
	text-align: right;
	font-size: 0.8 em;
	color: #959595;
}
        div#topMenu a
        {
                text-decoration: none;
        color: #959595;
        }


        div#topMenu a:hover
        {
          color: white;
		    text-decoration: none;
    	  }

div#topLogoContainer
{
        width: 100%;
        height: 102px;

        background-image: url( '../gfx/clubzoneLogoBackground.png' );
        background-repeat: repeat-x;
}

        div#topLogo
        {
                width: 100%;
                height: 102px;
                margin: 0px auto 0px auto;
                background: url(../gfx/clubzoneLogo.png) no-repeat top center;
        }

div#navigationBar
{
        width: 960px;
        height: 24px;
        padding: 5px 10px 0px 10px;
        margin: 0px auto 0px auto;

        background-color: #3a3a3a;
        color: #313131;

        background-image: url( '../gfx/navigationBarBackground.png' );
        background-repeat: repeat-x;
}
        div#navigationBar a
        {
                text-decoration: none;
        color: #626262;
        }


           div#navigationBar a:hover
        {
        color: white;
    }

div#advertBannerContainer
{
        width: 980px;
        margin: 0px auto 0px auto;
        padding: 14px 0px 14px 0px;
        border-bottom: solid 1px black;
        text-align: center;
}

div#mainContainer
{
        margin: 0px auto 0px auto;
        width: 980px;
        padding: 0px 0px 0px 0px;
}


ul.list 
{
	padding: 0px;
	margin: 7px 10px;
}
ul.list li
{
	list-style: none;
}

div#mainContentContainer
{
        margin: 0px auto 0px auto;
        width: 980px;
        padding: 0px 0px 0px 0px;
}

		  div#mainContentContainer #leftContainer
		  {
		  			float: left;
					width: 287px;
					margin: 0px 5px 0px 0px;
		  }	
		  
		  div.mBox
		  {
		  			border: 1px solid #393939;
					margin: 0px 0px 5px 0px;
		  }
		  div.mBox .clear
		  {
		  			margin-bottom: 4px;
		  }
		  
		  		div.mBox div.list
				{
					border: 1px solid #393939;
					height: 29px;
					margin: 0px;
					padding: 0px;
				}
				div.mBox .listRef img
				{
					margin: 3px 2px;
				}
				div.mBox div.list img
				{
					margin: 7px 5px 9px 10px;				
				}
				
				div.mBox .listRef
				{
					height: 29px;
					background: #5A0541 url(../gfx/imprezy-gradient-maly.gif) repeat-x;
					border: 1px solid #484848;
					padding: 0px;
				}
				
				div.mBox .list .title, div.mBox .listRef .title
				{
					float: left;
					width: 165px;
					font-size: 11px;
					font-weight: bold;
					margin: 0px 3px;
					padding: 0px;
					height: 28px;
				}
				div.mBox .list .title
				{
					margin-left: 5px;
				}
				div.mBox .list .title .yellow
				{
					font-size: 11px;
					font-weight: normal;
				}
				
				div.mBox .list .date, div.mBox .listRef .date
				{
					float: right;
					width: 70px;
					padding: 0px;
					text-align: right;
					margin: 1px 2px;
					height: 28px;
				}

		  div.mBox .mBoxTitle, div.mBox .mBoxTitlePink
		  {
		  			width: 170px;
					background: url(../gfx/main_title_black.gif) repeat-x;
					height: 17px;
					float: left;
					padding: 5px;
					font-size: 14px;
					font-weight: bold;
		  }
		  		  div.mBox .mrBoxTitle, div.mBox .mrBoxTitlePink
		  		  {
		  				width: 93px;
						background: url(../gfx/main_title_black.gif) repeat-x;
						height: 17px;
						float: right;
						padding: 6px;
						text-align: right;
		  		  }
				  		div.mBox .mrBoxTitle a
						{
							color: #FFC600;
						}
						
				  div.mBox .mBoxTitlePink
				  {
				  	 	height: 19px;
				  }
				  
				  div.mBox .mBoxTitlePink, div.mBox .mrBoxTitlePink
				  {
						background:  url(../gfx/glowna_klubowicze_naglowek.gif) repeat-x;;
				  }
				  
				  div.mBox .mBoxContent
				  {
				  		width: 100%;
						clear: both;
						border-top: 1px solid #393939;	
						margin: 0px;
				  }
				  div.mBox .mBoxContentPink
				  {
				  		/*padding: 4px 2px 4px 4px;*/
						background: #640046;
						clear: both;
						margin-top: -5px;
				  }
				  div.mBox .mBoxContentPink .gradient
				  {
				  		background: url(../gfx/glowna_klubowicze_main.gif) repeat-x;
						padding: 4px 2px 4px 4px;
						margin-top: 5px;
				  }
				  div.mBox .mBoxContent div
				  {
				  		margin: 4px;
				  }
				  		div.mBox .mBoxContent h1, div.mBox .mBoxContentPink h1
						{
							font-size: 12px;
							margin: 0px;
							color: white;
						}
						div.mBox .mBoxContent h2, div.mBox .mBoxContentPink h2
						{
							font-size: 11px;
							color: white;
							margin: 0px;
						}
						div.mBox .mBoxContent div p
						{
							margin: 3px 0px;
						}
						div.mBox .mBoxContent div ul
						{
							padding: 0px;
							list-style: none;
							margin: 2px 5px;
						}
							div.mBox .mBoxContent div ul li
							{
								font-size: 12px;
								margin: 1px 0px;
							}
						
						div.mBox .mBoxContent div .spacer
						{
							border-top: 1px solid #393939;
							margin: 0px;
							padding: 0px;
							width: 100%;
						}
						
						div.mBox .mBoxContent div.filmIcon
						{
							margin: 3px;
							float: left;
						}
						
				  		div.mBox .mBoxContent div img
				  		{
				  			float: left;
							margin-right: 5px;
				  		}
						div.mBoxEx
						{
							background: url(../gfx/main_maboxex_bg.gif) repeat-x;
							border: 1px solid #393939;	
							padding: 4px;
						}
				  
		  div#mainContentContainer #centerContainer
		  {
		  		  float: left;
				  width: 394px;
				  margin-right: 5px;
		  }
		  		div#mainContentContainer #centerContainer .dj
				{
					width: 80px;
					text-align: center;
					float: right;
				}
				div#mainContentContainer #centerContainer .dj div
				{
					margin-bottom: 10px;
				}
		  
		  div#mainContentContainer #rightContainer
		  {
		  		  float: right;
				  width: 287px;
				  margin: 0px;
				  padding: 0px;
		  }
		  		div#mainContentContainer #rightContainer #searcher
				{
					height: 65px;
					background: url(../gfx/main_s_bg.gif) repeat-x;
					border: 1px solid #900404;
					margin-bottom: 5px;
				}
				div#mainContentContainer #rightContainer #searcher h1, div.mBoxEx h1
				{
					font-size: 14px;
					text-align: center;
					margin: 0px 0px 5px 0px;
				}
				div#mainContentContainer #rightContainer #searcher div
				{
					padding: 5px;
				}
				div#mainContentContainer #rightContainer #searcher div p
				{
					margin: 4px 0px;
					padding: 0px;
				}
       
        div#pageFooter
        {
                width: 100%;
                height: 54px;
                clear: both;
        			 color: white;
                background-color: #791317;
                border-bottom: solid 1px #363636;
        }

        div#pageFooter div.clubZoneLogo
        {
            float: left;
            width: 215px;
        }

        div#pageFooter div.partners
        {
            width: 190px;
            float: right;
            text-align: right;
            padding-top: 5px;
            padding-right: 10px;
        }

        div#pageFooter div.bottomMenu
        {
            float: left;
            width: 560px;
            color: white;
            text-align: center;
            padding-top: 20px;
        }

            div#pageFooter div.bottomMenu a
            {
                color: inherit;
                color: white;
            }

        div#copyrightNotice
        {
                width: 100%;
                height: 30px;
                background-color: #3F3F3F;
                color: #A0A0A0;
                border-top: solid 1px #535353;
                text-align: center;
        }

		  		div#rightContainer #searcher
				{
					height: 65px;
					background: #6D0102 url(../gfx/main_s_bg.gif) repeat-x;
					border: 1px solid #900404;
					margin-bottom: 5px;
				}
				div#rightContainer #searcher h1, div.mBoxEx h1
				{
					font-size: 14px;
					text-align: center;
					margin: 0px 0px 5px 0px;
					padding: 0px;
				}
				div#rightContainer #searcher div
				{
					padding: 5px;
					margin: 0px;
				}
				div#rightContainer #searcher div p
				{
					margin: 4px 0px;
					padding: 0px;
				}


.glowka
{
  font-size: 14px;
  border: 1px solid #3c3c3c;
  width: 100%;
  margin-bottom: 3px;
  background-image: url('../gfx/glowka.jpg');
  height: 22px;
  padding-top: 2px;
  border-bottom: 0;
  font-weight: bolder;
}

.artContent
{
	background: url(../gfx/artykuly-szare.gif) repeat-x top;
}
.imprezyDj
{
  float:right;
  width:87px;
  margin-right:0px;
}

