/*
	Dijaski.net basic layout
	@author Robert Ravnik
	@version 1.0
*/

body
{
	background-color:#FFFFFF;
	background-image: url( ../graphics/body.top.bg.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;			
}

#PageWrapper 
{
	background-color: #FFFFFF;
	min-width: 780px;		/* minimal width */
	max-width: 1500px;		/* maximum width */
	margin: 0px auto;
	width:expression( document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1502 ? "1500px" : "auto" );
}
		
	#PageWrapper #Page 
	{
		/*border: 1px solid #00FF00;*/
	}
	
		div.Band 
		{
			line-height: 0px;
			font-size: 0px;			
		}

		#PageWrapper #Page #HeadWrapper 
		{
			text-align: center;		
		}
		
			#PageWrapper #Page #HeadWrapper #Logo 
			{
				height: 156px;
				background-image: url( ../graphics/header.center.bg.gif);
				background-position: 0% 0%;
				background-repeat: repeat-x;				
			}

				#PageWrapper #Page #HeadWrapper #Logo div.LogoL 
				{
					background-image: url( ../graphics/header.left.bg.gif);
					background-position: 0% 0%;
					background-repeat: no-repeat;				
					height: 156px;				
				}

					#PageWrapper #Page #HeadWrapper #Logo div.LogoL div.LogoR 
					{
						background-image: url( ../graphics/header.right.bg.gif);
						background-position: 100% 0%;
						background-repeat: no-repeat;				
						height: 156px;				
					}

					#PageWrapper #Page #HeadWrapper #Logo div.LogoL div.LogoR #LogoImg
					{
						position: relative;
						float: left;
						margin-left: 8.0em;
						margin-top: 50px;
						_padding-left: 8.0em;
					}
					
					#PageWrapper #Page #HeadWrapper #Logo div.LogoL div.LogoR #Search 
					{
						position: relative;
						float: right;
						margin-right: 3.0em;
						margin-top: 50px;						
						width: 30em;
					}

					#PageWrapper #Page #HeadWrapper #Logo div.LogoL div.LogoR #Search #SearchCtrl
					{
						text-align: left;
						position:relative;
						float: right;
					}

					#PageWrapper #Page #HeadWrapper #Logo div.LogoL div.LogoR #Search #SearchImg
					{
						position: relative;
						float: right;
						margin-right: 2em;
					}
	

			#PageWrapper #Page #HeadWrapper #PrimaryNav 
			{					
				height: 34px;
				line-height: 34px;
				background-image: url( ../graphics/mainnav.center.bg.gif);
				background-repeat: repeat-x;
				background-position: 0% 0%; 
			}

				#PageWrapper #Page #HeadWrapper #PrimaryNav div.PrimaryNavL 
				{
					height: 34px;
					line-height: 34px;
					background-image: url( ../graphics/mainnav.left.bg.gif);
					background-repeat: no-repeat;
					background-position: 0% 0%;														
				}

					#PageWrapper #Page #HeadWrapper #PrimaryNav div.PrimaryNavL div.PrimaryNavR 
					{
						height: 34px;
						line-height: 34px;
						background-image: url( ../graphics/mainnav.right.bg.gif);
						background-repeat: no-repeat;
						background-position: 100% 0%;
						padding: 4px 9px 0px 9px;
						_padding: 0;	/* IE6 sliding menu fix */																									
					}

	
		#PageWrapper #Page #ContentWrapper 
		{			
			margin-left: 20em;
			margin-right: 20em;
			
			padding-top: 28px;						
			_margin-right: 21.5em;	/* IE6 L&M overlay fix */
			
			min-height: 280px;
		}
		
		/* IE6 takes only first #id.class ! */
		#PageWrapper #Page #ContentWrapper.Forum
		{
			margin-left: 0em;
			margin-right: 20em;
			
			background-image: url( ../graphics/sidebar.left.bg.gif);
			background-position: 0% 0%;
			background-repeat: no-repeat;												
			
			_float: right;
			_position: relative;
			_margin-right: 0em;
			_padding-right: 1em;
			_padding-left: 1em;			
		}
			#PageWrapper #Page #ContentWrapper.Forum div.Content 
			{				
				margin-left: 2.5em;
			}			
	
			#PageWrapper #Page #ContentWrapper div.Content 
			{				
				margin-left: 5px;	/* IE6 grayBlock fix */
				margin-right: 5px;
			}
			
		#PageWrapper #Page #ContentWrapper.Wide
		{
			margin-right: 2em;
		}
	
		#PageWrapper #Page #LeftSidebar 
		{			
			width: 20em;
			float: left;			
			background-color:#FFFFFF;
			background-image: url( ../graphics/sidebar.left.bg.gif);
			background-position: 0% 0%;
			background-repeat: no-repeat;
			min-height: 280px;
			padding-top: 28px;
			height: auto;					
			_height: 280px;
		}

			#PageWrapper #Page #LeftSidebar div.LeftContent 
			{
				padding: 0px 20px 10px 28px;
			}
				
		#PageWrapper #Page #RightSidebar 
		{
			float: right;
			width: 20em;
			background-color:#FFFFFF;
			background-image: url( ../graphics/sidebar.right.bg.gif);
			background-position: 100% 0%;
			background-repeat: no-repeat;
			min-height: 280px;								
			padding-top: 28px;
			height: auto;
			_height: 280px;			
		}
		
		#PageWrapper #Page #RightSidebar.Narrow
		{
			width: 2em;
		}

			#PageWrapper #Page #RightSidebar div.RightContent 
			{
				padding: 0px 28px 10px 20px;
			}
		
	#Footer 
	{
		margin-top: 1.3em;
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		color: #FFFFFF;
		text-align: center;
		background-color: #436493;
		line-height: 1.7em;
	}	

	#Keywords 
	{
		color: #314e67;
		text-align: center;
		background-color: #d9d9d9;
		line-height: 2.8em;
	}	
	
		#Keywords a 
		{
			padding-left: 2em;
			color: #314e67;
		}
		
		#Keywords a:hover 
		{
			color: #314e67;
			text-decoration: none;
		}