* {
    border: 0;
    padding: 0;
    margin: 0;
}

html, body {
    background-image: url('/images/body-bg.gif');
	background-position: top center;
    height: 100%;
    font-family: "Tahoma";
    font-size: 13px;
}

a {
	color: #1e62df; 
}

a.local {
	display: inline-block;
	border-bottom: 1px dashed #1e62df;
	text-decoration: none;
}
    
	#overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 199;
		display: none;
	}
	
		#loading {
			position: relative;
			display: none;
			top: 0px;
			margin: 0 auto;
			width: 150px;
			padding: 2px 10px;
			background-color: #FFCCCC;
			color: #fff;
			font-weight: bold;
			text-align: center;
		}
	
		.popup {
			position: relative;
			display: block;
			width: 300px;
			margin: 0 auto;
			background-color: #999;
			display: none;
			overflow: hidden;
		}
		
			.popup-content {
				margin: 2px;
				padding: 8px;
				background-color: #fff;
			}
		
			.popup h4 {
				font-family: "Verdana";
				font-size: 16px;	
				font-weight: bold;				
			}
			
			.popup label {
				display: block;
				margin: 10px 0 0 0;
			}
			
			.popup p {
				color: #666;
			}
			
			.popup-input {
				width: 270px;
				height: 22px; 
				margin: 6px 0 10px 0;
				padding: 0 4px;
				border: 1px solid #8ea3ae;
				font-size: 14px;
				color: #666;
				line-height: 22px;
				background-color: #f7fcff;		
			}		

			.popup-select-sex {
				height: 56px; 
				margin: 6px 0;
				padding: 0;
			}

				.popup-select-sex li {
					position: relative;
					display: block;
					float: left;
					height: 56px; 
					margin: 0;
					padding: 0;
					width: 50%;
				}	

					.popup-select-sex a {
						position: relative;
						display: block;
						height: 50px; 
						margin: 0 auto;
						padding: 0;
						width: 50px;
						border: 3px solid #ccc;
						background-image: url('/images/avatar-sprite.gif');
						background-repeat: no-repeat;
						background-position: 0 0;
						text-decoration: none;
					}	

					.popup-select-sex a.active {
						border: 3px solid #1e62df;
					}

			.popup-submit {
				color:#333333;
				cursor:pointer;
				font-weight:bold;
				width: 100%;
				margin: 10px 0;
			}	

			.popup-close {
				position: absolute;
				display: block;
				top: 5px;
				right: 5px;
				padding: 3px;
				background-color: #ccc;
				font-weight: bold;
				text-decoration: none;
			}
				
		.popup iframe  {
			display:none;/*sorry for IE5*/
			display/**/:block;/*sorry for IE5*/
			position:absolute;/*must have*/
			top:0px;/*must have*/
			left:0px;/*must have*/
			z-index:-1;/*must have*/
			filter:mask();/*must have*/
			width:450px;/*must have for any big value*/
			height:800px/*must have for any big value*/;
		 }
	
	#wrap {
        position: relative;
        height: auto !important;
        height: 100%;
        min-height: 100%;        
		
		width: 990px;
		padding: 0 5px;
		margin: 0 auto;
		background: #f5f5f5 url('/images/main-bg.gif') 0 0 repeat-y;
    }

		#wrapper {
			padding: 20px;
		}
		
			#header {
			}
		
				#top-banner	{
					position: relative;
					display: block;
					float: right;
					width: 306px;
					height: 110px;
					background-color: #ddd;
					margin: 0 0 20px 20px;
					padding: 2px;
				}
					
					#top-banner-content {
						position: relative;
						display: block;
						background-color: #fff;
						/*width: 300px;
						height: 100px;*/
						width: 234px;
						height: 60px;						
						overflow: hidden;
						/*padding: 5px 3px;*/
						padding: 25px 36px;
					}

				#news-rotator {
					position: relative;
					display: block;
					float: left;
					width: 600px;
					height: 112px;
					background-color: #8ea3ae;
					margin: 0 0 20px 0;
					padding: 2px 10px 0 10px;
				}
				
					#refresh-news {
						position: absolute;
						top: 48px;
						left: 5px;
						width: 15px;
						height: 15px;
					}
					
					.news-rotator-item {
						display: block;
						float: left;
						width: 120px;
						height: 110px;
						text-align: center;
					}
					
						.news-rotator-item  a {
							display: block;
							width: 110px;
							height: 100px;							
							padding: 2px;							
							border: 3px solid #8EA3AE;					
							background-color: #fff;
							color: #000;
							text-decoration: none;
							font-size: 11px;
							line-height: 18px;
							overflow: hidden;
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=00);
							opacity: 0.0;
							-o-transition-property: opacity;
							-o-transition-duration: 0.4s;
							-webkit-transition-property: opacity;
							-webkit-transition-duration: 0.4s;
							-moz-transition-property: opacity;
							-moz-transition-duration: 0.4s;
							transition-property: opacity;
							transition-duration: 0.4s;							
						}
						
						.news-rotator-item  a:hover {
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
							opacity: 0.75;							
						}
			
			#head-line {
				position: relative;
				clear: both;
				height: 36px;
				background-color: #8ea3ae;
				padding: 0 10px 0 0;
				margin: 0 0 10px 0;
			}
			
				#head-line ul {
					list-style: none; 
					float: right;
				}
				
					#head-line ul li {
						float: left;
						width: 120px;
						text-align: left;
					}
					
						#head-line ul li a {
							display: inline-block;
							padding: 10px 0 10px 32px;
							width: 88px;
							line-height: 16px;
							color: #fff;
							font-weight: bold;
							text-decoration: none;
							background-image: url('/images/menu-sprite.gif');
							background-repeat: no-repeat;					
						}
						
						#head-line ul li a:hover {
							background-color: #ddd;
							color: #666;
						}
						
						#hl-main a { background-position: 8px 0; }
						#hl-main a:hover { background-position: 8px -180px; }
						#hl-rss a { background-position: 8px -35px; }
						#hl-rss a:hover { background-position: 8px -215px; }
						#hl-gadg a { background-position: 8px -72px; }
						#hl-gadg a:hover { background-position: 8px -252px; }
						#hl-cont a { background-position: 8px -106px; }
						#hl-cont a:hover{ background-position: 8px -286px; }
						#hl-adv a { background-position: 8px -142px; }
						#hl-adv a:hover { background-position: 8px -322px; }
						#hl-apple {background-color: #1E62DF;}
						#hl-apple a { background-position: 8px -360px; }
						#hl-apple a:hover { background-position: 8px -396px; }						
						
			#rightbar {
				position: relative;
				float: right;
				width: 240px;
				padding: 10px 0;
			}
			
				.advert-240 {
					position: relative;
					width: 240px;
					/*height: 400px;*/
					display: block;
					margin: 0 0 10px 0;
					overflow: hidden;
					background-color: #fff;
				}
				
				.rightbar-item {
					position: relative;
					margin: 0 0 10px 0;
					background-color: #ddd;
					padding: 2px;
				}
				
					.rightbar-item-content {
						background-color: #fff;
						padding: 10px;
					}
					
						.rightbar-item-content a {
							color: #1e62df; 
							text-decoration: none;
						}
					
						.rightbar-item-content h3 {
							margin: 0 0 10px 0;
							font-size: 14px;
							font-weight: bold;
							color: #666;
							overflow: hidden;
						}
						
						.rightbar-item-content ul {
							margin: 0;
							font-size: 12px;
							color: #999;
							list-style: none;
							line-height: 20px;
						}
						
						.rightbar-item-content .bold {
							font-weight: bold;
						}
						
						.rightbar-avatar, .rightbar-avatar-fem {
							position: absolute; 
							top: 40px; 
							right: 10px;
							display: block;
							width: 50px;
							height: 50px;
							border: 1px solid #ccc;
							background-image: url('/images/avatar-sprite.gif');
							background-repeat: no-repeat;
							background-position: 0 0;
						}
						
							#avatar-upload-href {
								display: block;
								width: 50px;
								height: 50px;
							}
						
						.rightbar-avatar-fem {				
							background-position: 0 -50px;
						}

						.rightbar-item-content .small {
							display: block;
							font-size: 12px;
							line-height: 12px;
						}
						
						.rightbar-item-content .input-text {
							display: inline;
							height: 16px; 
							margin: 0 6px 0 0;
							padding: 2px 4px;
							border: 1px solid #8ea3ae;
							font-size: 12px;
							color: #666;
							line-height: 16px;
							background-color: #f7fcff;
						}
						
						.rightbar-item-content .input-submit {
							height: 20px;
							background-image: url('/images/rightbar-sprite.gif');
							background-position: center 2px;
							background-repeat: no-repeat;
							background-color: #fff;
							width: 20px;
							cursor: pointer;
						}

						.syn-href {
							display: block; 
							width: 210px; 
							height: 80px; 
							line-height: 80px; 
							background: #fff url(/images/syn-sprite.jpg) 0 0 no-repeat;
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
							opacity: 0.5;
						}
						
						.syn-href:hover {
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
							opacity: 1;							
						}
			
			#content {
				position: relative;
				display: block;
				margin: 0 260px 0 0;
			}
			
				.category-head-line, .category-head-line-view	{
					margin: 0 0 10px 0;
					padding: 10px 0 0;
					font-weight: normal;
					line-height: 20px;
					font-size: 16px;
					color: #444;
				}
				
					.category-head-line h1 {
						display: inline;
						font-size: 20px;
						line-height: 20px;
						font-family: "Verdana";
						font-weight: normal;
					}	
						
				.category-head-line-view {
					float: right;
				}
				
					.category-head-line-view a {
						color: #8EA3AE;
						font-weight: bold;
						text-decoration: none;
						display: inline-block;
					}
					
						.category-head-line-view a.active {
							background-color: #8EA3AE;
							color: #fff;
							padding: 0 2px;
						}				
				
				.content-item {
					padding: 10px 0;
				}
				
					.content-item h2, .content-item h1 {
						font-family: "Verdana";
						font-size: 20px;
						font-weight: normal;
						padding: 0 0 20px 0;
						color: #333;
					}

						.content-item h2 a, .content-item h1 a {
							color: #333;
						}
					
					.content-item-img {
						text-align: center;
						padding: 10px 0 30px 0; 
					}
        
						.content-item-img img {
							border: 1px solid #ddd;
						}
						
					.content-item p {
						font-family: "Verdana";
						font-size: 14px;
						color: #333;
						line-height: 20px;
						margin: 0 0 18px 0;
						/*text-align: justify;*/
					}
					
						.content-item p a, .content-item-nav a, .content-item-nav-fem a, .content-item-comment a {
							color: #1e62df;
							font-weight: bold;
							text-decoration: underline;
						}					
					
					.content-item ol, .content-item ul {
						font-family: "Verdana";
						font-size: 14px;
						color: #333;
						line-height: 20px;
						margin: 0 0 18px 0;
						padding: 0 0 0 20px;
						list-style-position: inside;
					}					
					
					.content-item-comment {
						float: right;
					}
					
					.content-item-comment a {
						background-image: url('/images/content-sprite.gif');
						background-repeat: no-repeat;
						padding: 0 0 0 20px;						
					}
					
					.content-item-comment a.full {background-position: 0 -48px;}
					.content-item-comment a.empty {background-position: 0 -32px;}
					
					.content-item-nav, .content-item-nav-fem {
						font-size: 12px;
						color: #666;
						padding: 0 0 0 20px;
						margin: 0 150px 10px 0;
						line-height: 16px;
						white-space:nowrap;
						background-image: url('/images/content-sprite.gif');
						background-position: 0 0;
						background-repeat: no-repeat;
						/*overflow: hidden;*/
					}
					
					.content-item-nav-fem {				
						background-position: 0 -16px;
					}	

				.content-item-short {
					position: relative;
					display: block;
					padding: 10px 0 0 0;
					height: 116px;
					margin: 0 0 14px;
					overflow: hidden;
				}

					.content-item-short-img {
						position: relative;
						display: block;
						float: left;
					}

						.content-item-short-img img {
							border: 1px solid #ddd;
						}
						
					.content-item-short-text {
						position: relative;
						display: block;
						margin: 0 0 0 0;
						padding: 0 0 0 130px;
						font-family: "Verdana";
						font-size: 14px;
						color: #333;
						line-height: 20px;
						/*ext-align: justify;*/
					}	

						.content-item-short-text h4 {
							font-family: "Verdana";
							font-size: 14px;
							color: #333;
							line-height: 25px;
							padding: 0 0 10px 0;
							white-space: nowrap;
							_white-space: normal;
							overflow: hidden;
						}	

					.content-item-short-text-readmore {
						position: absolute;
						display: block;
						right: 0px;
						bottom: 0px;
					}
				
				ul.mosaic {
					width: 700px;
					margin: 0 -20px 0 0;
				}
				
					li.mosaic-item {
						display: inline;
						float: left;
						width: 120px;
						height: 110px;
						margin: 9px 18px 9px 0;
						border: 1px solid #DDDDDD;
					}
					
						li.mosaic-item a {
							display: block;
							width: 110px;
							height: 100px;							
							padding: 2px;							
							border: 3px solid #8EA3AE;
							background-color: #fff;
							color: #000;
							text-decoration: none;
							text-align: center;
							vertical-align: center;
							font-size: 11px;
							line-height: 18px;
							overflow: hidden;
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=00);
							opacity: 0.0;
						}
						
						li.mosaic-item a:hover {
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
							opacity: 0.75;							
						}					

				.content-spacer-hr {
					position: relative;
					display: block;
					margin: 0 0 10px 0;
					line-height: 0px;
					height: 3px;
					background-color: #ddd;
				}
				
				.content-spacer-text {
					position: relative;
					display: block;
					margin: 0 0 10px 0;
					padding: 0 5px;
					line-height: 16px;
					color: #444;
					font-size: 11px;
					text-align: right;
				}

					.content-spacer-text a {color: #444; text-decoration: underline;}
				
				.comment-head-line {
					font-family: "Verdana";
					font-size: 16px;
					font-weight: normal;
					margin: 10px 0;
				}
				
				.comments {
					list-style: none;
				}
				
				.comments li {
					position: relative;
					border: 0px solid #ddd;
					margin: 0 0;
				}
				
					.comments-item-node {
						padding: 10px 5px;
					}			

						.comments-avatar, .comments-avatar-fem { 
							float: left; 
							position: relative;
							border: 1px solid #ccc;
							width: 50px; 
							height: 50px; 
							background: #fff url('/images/avatar-sprite.gif') 0 0;					
						}
						
						.comments-avatar-fem {
							background: #fff url('/images/avatar-sprite.gif') 0 -50px;					
						}
						
						.comments-item-content {
							padding: 0 0 0 60px; 
							position: relative;
						}

							.comments-item-info {
								position: relative;
								margin: 0 0 7px 0;
								color: #666;
							}
							
							.comments-item-text {
								color: #333;
								line-height: 20px;
							}
							
							.comments-item-deleted {
								color: #999;
							}
							
							.comments-item-textarea{
								padding: 3px;
								overflow: hidden;
								background-color: #F7FCFF;							
								border:1px solid #8EA3AE;
							}
							
								.comments-item-textarea textarea {
									font-family: "Tahoma";
									font-size: 12px;
									color: #333;
									width: 400px;
									height: 100px;
									overflow: hidden;
									background-color: #F7FCFF; 
								}
							
							.comments-item-reply {
								position: relative;
								margin: 7px 0 0 0;
								color: #666;						
							}
						
					.comments-spacer {
						clear: left;
						height: 1px;
						line-height: 1px;
					}
					
				.comments-level-0 {padding-left: 0px;}
				.comments-level-1 {padding-left: 30px;}
				.comments-level-2 {padding-left: 60px;}
				.comments-level-3 {padding-left: 90px;}
				.comments-level-4 {padding-left: 120px;}
				.comments-level-5 {padding-left: 150px;}
				
				.pager {
					position: relative;
					display: block;
					clear: both;
					background-color: #fff;
					height: 30px;
					line-height: 30px;
					text-align: center;
					font-family: "Verdana";
					font-size: 16px;					
					color: #666;
				}
				
					.pager a {
						color: #666;
						text-decoration: underline;
						font-weight: bold;
					}
				
					.pager-prev {float: left; display: block; font-weight: bold;}
					.pager-next {float: right; display: block; font-weight: bold;}					
		
		#footer-pre {
			clear: both;
			height: 2px;
			line-height: 2px;
		}
        
		#footer-space {
			height: 50px;
        }
		
    #footer {
        position: relative;
        height: 40px;
        margin: -50px auto 0;
        width: 930px;
		line-height: 16px;
		padding: 10px 10px 0;
		background-color: #8ea3ae;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
    }
	
		.copyleft {
			display: block;
			font-size: 10px;
			font-weight: normal;
			line-height: 16px;
		}
		
		.counters {
			float: right;
			display: block;
			line-height: 31px;
		}
		
		.counters  img {padding: 0 0 0 6px;}
	
/* Round corners */
.rcb4 {position: absolute; width: 4px; height: 4px; line-height: 0; background-image: url('/images/rcb4.gif');}
.rcw4 {position: absolute; width: 2px; height: 2px; line-height: 0; background-image: url('/images/rcw4.gif');}
.rcc4 {position: absolute; width: 4px; height: 4px; line-height: 0; background-image: url('/images/rcc4.gif');}
.rcw2 {position: absolute; width: 2px; height: 2px; line-height: 0; background-image: url('/images/rcw2.gif');}
.rcp2 {position: absolute; width: 2px; height: 2px; line-height: 0; background-image: url('/images/rcp2.gif');}
.tl {top: 0px; left: 0px; background-position: left top;}
.tr {top: 0px; right: 0px; background-position: right top;}
.bl {bottom: 0px; left: 0px; background-position: left bottom;}
.br {bottom: 0px; right: 0px; background-position: right bottom;}
/* Round corners */

/* Addform */
.content-item-add {
	padding: 10px 0;
	font-family: "Verdana";
	font-size: 14px;
}

	.content-item-add label {
		display: block;
		margin: 10px 0 0 0;
	}
	
	.content-add-input {
		width: 670px;
		height: 22px; 
		margin: 6px 6px 10px 0;
		padding: 0 4px;
		border: 1px solid #8ea3ae;
		font-size: 14px;
		color: #666;
		line-height: 22px;
		background-color: #f7fcff;		
	}
	
	.content-add-select {
		width: 350px;
		height: 22px; 
		margin: 6px 6px 0 0;
		padding: 0 0 0 4px;
		border: 1px solid #8ea3ae;
		font-size: 14px;
		color: #666;
		line-height: 22px;
		background-color: #f7fcff;			
	}
	
	.content-add-textarea-panel {
		position: relative;
		display: block;
		width: 680px;
		margin: 20px 0 -1px 0;
	}
	
		.content-add-textarea-panel ul {
			height: 22px; 
			display: block; 
			list-style: none;
		}
		
			.content-add-textarea-panel ul li {
				float: right; 
				padding: 2px; 
				background-color: #8ea3ae;
			}
			
				.content-add-textarea-panel ul li a {
					display: block; 
					width: 18px; 
					height: 18px; 
					background: #8ea3ae url('/images/bbcode-sprite.gif') 0 0;
					text-decoration: none;
				}
	
	.content-add-textarea {
		width: 670px;
		height: 400px; 
		margin: 0 6px 0 0;
		padding: 0 4px;
		border: 1px solid #8ea3ae;
		font-size: 14px;
		color: #333;
		overflow: auto;
		line-height: 20px;
		background-color: #f7fcff;
		font-family: "Verdana";
		font-size: 14px;
	}
	
	.content-add-submit {
		color:#333333;
		cursor:pointer;
		font-weight:bold;
		width:300px;
		margin: 0 10px 0 0;
	}
/* Addform */