* { margin: 0; padding: 0; }

html { height: 100%; }

body { height: 100%;
	background: #b5c5cd; 
	
	font-family: Verdana, sans-serif; font-size: 62.5%; }
	
#wrapper { position: relative;
	width: 956px; min-height: 100%;
	margin: 0 auto;
	padding-left: 44px;
	background: url("../img/lines.png") repeat-y; }  
	
	* html #wrapper { height: 100%; } /* 100% height for IE */
	
	#container { position: relative;
		width: 922px;
		background: #f2f2f2 url("../img/container_bg.png") repeat-y; }
		
		#head { position: relative;
			height: 251px;
			padding: 25px 10px 0 10px;
			background: url("../img/head_bg.png") no-repeat; }
			
			img#logo { position: absolute;
				width: 253px; height: 134px;
				top: 25px; left: 38px; }
			
			h1#flyingSteps { position: absolute;
				left: 121px; top: 100px;
				font-size: 16px; }
			
			#controls { width: 902px; height: 85px;
				padding-top: 166px;
				background: url("../img/clouds.jpg") no-repeat; }
				
				#controls * { position: relative; z-index: 2; }
				
				#controls ul { list-style: none;
					float: left; display: inline;
					height: 35px;
					margin-left: 17px;
					background: #77a6bc url("../img/menu_bg.png") no-repeat; }
				
				#controls ul li { float: left; display: inline;
					height: 19px;
					padding: 8px 20px;
					background: url("../img/menu_separator.png") right 1px no-repeat;
					
					font-size: 12px; font-weight: bold; } 
					
					#controls ul li.last { background: url("../img/menu_last.png") right top no-repeat; }
					
						#controls ul li a { text-decoration: none;
							color: #cce8f5; }
					
						#controls ul li.active a { color: #fff; }
						
							#controls ul li a:hover { text-decoration: underline;
								color: #fff; } 
					
				form#search { float: left; display: inline;
					padding: 8px 0 0 10px; }
					
				form#search fieldset { border: none;
					font-size: 1.1em; }
					
					form#search fieldset * { float: left; display: inline; }
					
					form#search label { margin-top: 3px; padding-right: 10px;
						font-weight: bold;
						color: #000; }
					
					form#search #searchText { width: 120px; height: 14px;
						padding: 2px;
						border: 1px solid #7f9db9; }

			#sequence { position: absolute; z-index: 1;
				left: 10px; top: 0;
				width: 927px; height: 26px;
				padding-top: 250px; padding-left: 20px;
				background: url("../img/box.jpg") right top no-repeat; }
				
				#sequence p { font-size: 1.2em; }
				
				#sequence p a { color: #676b9b; }
					#sequence p a:visited { color: #333; }
					#sequence p a:hover { color: #379bcf; } 
						
		#content { overflow: hidden;
			padding: 20px 20px 20px 30px;
			background: url("../img/content_bg.png") no-repeat; }
			
			* html #content { float: left; }
			
			#content a { color: #678b9b; }
				#content a:visited { color: #333; }
				#content a:hover { color: #379bcf; }
			
				#content code { font-size: 1.2em; }
			
			#text { overflow: hidden;
				width: 657px;
				margin-right: 210px; }

				#text h2 { margin-bottom: 1em;
					font-size: 1.6em; }
				
				#text p { margin-bottom: 1.5em;
					font-size: 1.2em; line-height: 1.4em; }
				
				#text ul { list-style: inside;
					margin-bottom: 1em;
					font-size: 1.2em; }
				
				#text #pages { margin-bottom: 20px; padding: 3px 5px;
					background: #fff;
					font-size: 1.1em; text-align: right; }
					
				#text .article { margin-bottom: 20px; padding-bottom: 15px; }
					#text .article.preview { background: url("../img/article_separator.png") 2px bottom no-repeat; }
					
					#text .article h2 { font-size: 1.3em; }
					
						#text .article .extras { } 
							
							#text .article .extras p { width: 590px;
								font-size: 1em; } 
							
							#text .article .extras .rating { position: relative; float: right;
								width: 60px; height: 12px;
								background: url("../img/stars.png") no-repeat; }
								
								#text .article .extras .rating.r0 { background-position: left top; }
								#text .article .extras .rating.r1 { background-position: left -12px; }
								#text .article .extras .rating.r2 { background-position: left -24px; }
								#text .article .extras .rating.r3 { background-position: left -36px; }
								#text .article .extras .rating.r4 { background-position: left -48px; }
								#text .article .extras .rating.r5 { background-position: left -60px; }
								
								#text .article .extras .rating a { position: absolute;
									top: 0;
									width: 12px; height: 12px; }
								
									#text .article .extras .rating a.vote1 { left: 0; }
									#text .article .extras .rating a.vote2 { left: 12px; }
									#text .article .extras .rating a.vote3 { left: 24px; }
									#text .article .extras .rating a.vote4 { left: 36px; }
									#text .article .extras .rating a.vote5 { left: 48px; }

			#content .up { height: 35px;
				background: url("../img/up.png") top right no-repeat;
				text-align: right; }
										
				#content .up a { float: right;
					padding: 9px 37px 9px 0;
					font-size: 1.1em; font-weight: bold;
					text-decoration: none;
					color: #77a6bc; }
					
					#content .up a:visited { color: #77a6bc; }
					#content .up a:hover { text-decoration: underline; color: #77a6bc; }
				
			#sidebar { float: right; overflow: hidden;
				width: 195px; 
				font-size: 1.1em; }
				
				#sidebar .unit { padding: 0 14px 20px 14px;
					margin-bottom: 10px;
					background: #fff url("../img/sidebar_bottom.png") left bottom no-repeat;  }
					
					#sidebar .unit .heading { position: relative;
						left: -14px;
						width: 195px;
						padding: 1px 1px;					
						background: url("../img/sidebar_top.png") no-repeat; }
					
					#sidebar .unit .heading.image { width: 167px; 
						padding: 12px 14px; }
					
						#sidebar .unit .heading h3 { width: 167px; min-height: 7px;
							margin-bottom: 12px; padding: 10px 14px 10px 14px;
							color: #8a9ea8;
							background: url("../img/sidebar_header.png") left bottom no-repeat;
							font-size: 1.2em; }
							
							* html #sidebar .unit .heading h3 { height: 7px; }
					
					#sidebar ul { list-style: none; }
						
						#sidebar ul li { padding-left: 15px; 
							background: url("../img/marker_circle.png") left 5px no-repeat; }
											
							#sidebar ul.triangle li { background: url("../img/marker_triangle.png") left 3px no-repeat; }
							
							#sidebar a { color: #678b9b; }
								#sidebar a:visited { color: #333; }
								#sidebar a:hover { color: #379bcf; }
					
					input.text { height: 14px;
						padding: 2px;
						border: 1px solid #7f9db9; }
					
					input.button { height: 18px;
						margin: 1px 0 0 5px; padding: 0 10px;
						background: #678b9b; color: #cce8f5;
						font-weight: bold; font-size: 1em;					
						border: none; }
				
						* html input.button { padding: 0 2px; }				
					
						input.button.right { float: right; }				
					
					form#login { color: #666; }   
					
						form#login fieldset { border: none; }
						
						form#login .formLine { position: relative;
							width: 115px; height: 20px; 
							margin-bottom: 7px; padding-left: 52px; }
	
							form#login label { float: left; display: inline;
								width: 47px; height: 17px;
								margin-left: -52px; padding-top: 3px; }							
						
							form#login input.text { width: 108px; }
								
								* html form#login input.text { width: 106px; }
						
							#rememberCheckbox { position: absolute;
								left: 0; top: 4px; }
								
							#rememberLabel { position: absolute;
								left: 20px; top: 3px; }
						
					form#login p { font-size: 10px;
						text-align: center; }

		#footer { position: relative;
			height: 50px;
			padding: 54px 20px 60px 20px;
			background: #b5c5cd url("../img/footer_bg.png") no-repeat; }
			
			#footer #stats { list-style: none;
				float: left;
				padding-left: 85px;
				color: #fff;
				font-size: 1.1em; }
				
				#footer #stats a { color: #fff; }
			
			#footer #counters { float: right;
				padding: 6px 14px 0 0; }
			
				#footer #counters img { width: 88px; height: 31px; }
				#footer #counters a img { border: none; }
				
			#footer .copyright { position: absolute;
				top: 122px; left: 20px;
				width: 882px;
				text-align: center;
				font-size: 1.1em; }
				
				#footer .copyright a { color: #000; }

.strike { text-decoration: line-through; }

/* Advertisment blocks */

div.ads { margin: 1em 0; padding: 0; }

.b728x90 { width: 728px; height: 90px; }
.b160x600 { width: 160px; height: 600px; }

div.centered { margin-left: auto; margin-right: auto; }