@import 'reset.css';

body,textarea,input,select {
	font-family:Tahoma,sans-serif;
	}

html,body {height:100%}

body {
	background:url(../images/bodybg.jpg) bottom right no-repeat;
	line-height:1.3;
	font-size:0.8em;
	color:#000;
	}

strong {font-weight:bolder}

.center {text-align:center}
.right {text-align:right}

/* Header
------------------------------------ */
#header {
	position:relative;
	min-width:996px;
	height:312px;
	background:url(../images/headerbg.jpg) top right no-repeat;
	}
	#header a span {cursor:pointer}
	#header h1,
	#header h1 span {
		width:252px;
		height:278px;
	}
	#header h1 {
		position:absolute;
		overflow:hidden;
		top:12px;
		left:20px;
		text-align:center;
		font-size:1.4em;
		}
		#header h1 a {color:#000}
		#header h1 span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
			background:url(../images/logo.jpg);
			}
	#header h2,
	#header h2 span {
		width:302px;
		height:40px;
		}
	#header h2 {
		position:absolute;
		top:0;
		left:25%;
		overflow:hidden;
		background:#080808;
		text-align:center;
		font-size:1.1em;
		color:#d1cfcf;
		}
		#header h2 span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
			background:url(../images/title.jpg);
			}

	/* Mini Nav */
	#header ul.miniNav {
		position:absolute;
		top:11px;
		right:25px;
		float:left;
		}
		#header .miniNav li,
		#header .miniNav li span {
			width:11px;
			height:10px;
			}
		#header .miniNav li {
			position:relative;
			float:left;
			overflow:hidden;
			margin:5px;
			color:#d1cfcf;
			}
			#header .miniNav li span {
				display:block;
				position:absolute;
				top:0;
				left:0;
				z-index:1;
				}
			#header .miniNav .sitemap span {background:url(../images/sitemap.gif)}
			#header .miniNav .home span {background:url(../images/home.gif)}
			#header .miniNav .email span {background:url(../images/email.gif)}

	/* Date */
	#header .date {
		position:absolute;
		top:15px;
		right:10%;
		width:300px;
		font-size:11px;
		font-weight:bold;
		line-height:11px;
		}

	#header .container {padding-left:25%}

	/* Goodies */
	#header dl.goodies {
		position:relative;
		z-index:2;
		top:43px;
		height:99px;
		border:2px solid #d6d6d3;
		}
	#header .goodies dt {
		position:relative;
		float:left;
		width:33%;
		border-right:1px dashed #e5e5e4;
		}
		#header .goodies dt a {
			display:block;
			position:relative;
			padding:2px 0 0 107px;
			height:96px;
			font-size:11px;
			font-weight:bolder;
			line-height:14px;
			color:#414543;
			}
		#header .goodies dt a:hover {color:#717573}
		#header .goodies dt img {
			position:absolute;
			top:5px;
			left:8px;
			border:1px solid #dbdcdc;
			}
	#header .goodies dd {
		position:relative;
		float:left;
		margin:30px 0 0 -33%;
		width:33%;
		}
		#header .goodies dd p:first-line {
			text-decoration:none;
			font-weight:normal;
			}
		#header .goodies dd p {
			position:relative;
			padding:3px 0 0 107px;
			font-size:11px;
			font-weight:bold;
			}

	/* Search */
	#header form.search {
		position:absolute;
		z-index:2;
		top:150px;
		right:0;
		padding-top:40px;
		width:740px;
		height:50px;
		background:url(../images/searchbg.jpg) top right no-repeat;
		}
		#header form input {
			position:relative;
			float:left;
			margin-left:2px;
			width:57%;
			border:1px solid #161c12;
			}
		#header form button {
			position:relative;
			float:left;
			width:110px;
			text-decoration:underline;
			text-align:center;
			background:transparent;
			border:none;
			color:#2d2c2c;
			cursor:pointer;
			}

	/* Menu */
	#header .menu {
		position:absolute;
		z-index:2;
		top:237px;
		right:0;
		padding:0 39px;
		height:55px;
		background:#000 url(../images/menu.jpg) no-repeat;
		}
		#header .menu a {
			text-decoration:none;
			color:#abaaaa;
			}
		#header .menu a:hover {
			text-decoration:underline;
			color:#e5e3e3;
			}
		#header .menu li {
			display:inline;
			padding-right:7px;
			padding-left:2px;
			background:url(../images/menu-li.png) center right no-repeat;
			font-size:11px;
			line-height:55px;
			font-weight:bolder;
			}
		#corner {
			position:absolute;
			z-index:3;
			top:237px;
			right:0;
			width:43px;
			height:54px;
			background:url(../images/corner.jpg);
			}

/* Wrapper
------------------------------------ */
#wrapper {
	float:left;
	margin:0 20px;
	background:#c5c3c4 url(../images/mainbg.png) repeat-x;
	}

/* Body
------------------------------------ */
#body {
	min-width:956px;
	}

	#body .container {
		float:left;
		width:100%;
		}

	/* Page Content */
	#pageContent {
		margin:0 210px 0 320px;
		font-size:11px;
		color:#51504f;
		}
		#pageContent h3 {
			margin-top:20px;
			padding:4px 0 0 17px;
			width:260px;
			height:35px;
			background:url(../images/h3.png) no-repeat;
			text-transform:uppercase;
			font-size:12px;
			font-weight:bold;
			color:#180f0d;
			}
		#pageContent p {margin-bottom:15px}

	/* News Content */
	#newsContent {
		margin:0 210px 0 145px;
		font-size:11px;
		color:#51504f;
		}
		#newsContent .nav {
			text-align:center;
			font-weight:bold;
			line-height:50px;
			}
			#newsContent .nav a {color:#51504f}
			#newsContent .nav a:hover {color:#71706f}
		#newsContent .newsPost {
			padding:20px 20px 0 20px;
			height:300px;
			border-left:1px dashed #a5a2a2;
			border-right:1px dashed #a5a2a2;
			border-bottom:1px dashed #a5a2a2;
			}
			#newsContent .newsPost h3 {
				margin:35px 0 20px 0;
				font-size:11px;
				font-weight:bold;
				}
			#newsContent .newsPost a {color:#565654}
			#newsContent .newsPost a:hover {color:#767674}
			#newsContent .newsPost p {margin-right:264px}
				#newsContent .newsPost p a {color:#808416}
				#newsContent .newsPost p a:hover {color:#a0a436}
				#newsContent .newsPost h4 {
					position:relative;
					float:right;
					width:100%;
					}
				#newsContent .newsPost img {
					position:absolute;
					top:0;
					right:0;
					background:#eee;
					}
			#newsContent .newsPost ul {
				position:relative;
				margin:-70px 0 40px 0;
				background:#e7ed46;
				color:#363634;
				}
				#newsContent .newsPost ul a {color:#363634}
				#newsContent .newsPost ul a:hover {color:#565654}
				#newsContent .newsPost ul li {
					display:inline;
					line-height:21px;
					}
				#newsContent .newsPost ul .category {padding:0 7px 0 4px}
				#newsContent .newsPost ul .date,
				#newsContent .newsPost ul .views,
				#newsContent .newsPost ul .comments {
					padding:0 7px 0 8px;
					border-left:1px solid #363634;
					}
				#newsContent .newsPost ul .author {
					float:right;
					padding-right:4px;
					}

	/* News bar */
	#body .newsbar {
		float:left;
		margin-left:-100%;
		width:145px;
		}
		#body .newsbar h3 {
			margin-top:20px;
			padding:4px 0 0 40px;
			text-transform:uppercase;
			font-size:12px;
			font-weight:bold;
			color:#180f0d;
			}
		#body .newsbar a {color:#4b4b49}
		#body .newsbar a:hover {color:#6b6b69}
		#body .newsbar h3,
		#body .newsbar h4,
		#body .newsbar ul,
		#body .newsbar p {
			margin-left:15px;
			padding-left:10px;
			border-left:8px solid #e7ed46;
			}
		#body .newsbar h4 {
			margin-top:15px;
			font-size:11px;
			font-weight:bold;
			}
		#body .newsbar ul,
		#body .newsbar p {
			padding-top:15px;
			font-size:11px;
			}

	/* News */
	#body .news {
		float:left;
		margin-left:-100%;
		width:300px;
		border-right:1px dashed #a5a2a2;
		}
		#body .news a {color:#4b4b49}
		#body .news a:hover {color:#6b6b69}
		#body .news h3 {
			position:absolute;
			z-index:2;
			margin-top:20px;
			padding:4px 0 0 40px;
			width:260px;
			height:35px;
			background:url(../images/news.jpg) no-repeat;
			text-transform:uppercase;
			font-size:12px;
			font-weight:bold;
			color:#180f0d;
			}
		#body .news h4 a {
			font-size:11px;
			line-height:12px;
			font-weight:bold;
			color:#282912;
			}
		#body .news h4 a:hover {color:#484932}
		#body .news h5 {
			position:absolute;
			top:30px;
			height:40px;
			font-size:11px;
			font-weight:bold;
			color:#4b4b49;
			}
			#body .news h5 span {
				display:block;
				float:left;
				margin-right:4px;
				padding-top:1px;
				width:42px;
				height:35px;
				background:url(../images/date.png) no-repeat;
				text-align:center;
				font-size:30px;
				line-height:30px;
				font-weight:normal;
				color:#f6fa47;
				}
		#body .news img {
			position:absolute;
			top:30px;
			margin-left:-120px;
			background:#eee;
			}
		#body .news p {margin:120px 0 30px 30px}
		#body .news ul {margin-top:40px}
		#body .news li {
			position:relative;
			margin:25px 0 40px 0;
			padding:70px 20px 0 145px;
			border-top:1px dashed #a5a2a2;
			}
			#body .news li p {
				margin:0;
				font-size:10px;
				line-height:12px;
				color:#4b4b49;
				}

	/* Right */
	#right {
		float:right;
		margin-left:-100%;
		margin-bottom:20px;
		width:210px;
		}

		/* Enter */
		#enter {
			margin:13px 0 0 13px;
			padding:8px 0 0 17px;
			width:163px;
			height:147px;
			background:#000 url(../images/enter.jpg);
			font-size:9px;
			line-height:14px;
			color:#d7d6d6;
			}
			#enter a {color:#d7d6d6}
			#enter a:hover {color:#f7f6f6}
			#enter h3 {
				font-size:12px;
				font-weight:bold;
				color:#f6fa47;
				}
			#enter input {
				width:140px;
				border:1px solid #3a3838;
				font-size:9px;
				line-height:9px;
				padding:2px;
				}
			#enter p {line-height:20px}
				#enter p input {
					padding:0;
					width:auto;
					border:0;
					}
			button#submit {
				float:right;
				margin:4px 20px 0 0;
				padding:0;
				width:38px;
				height:14px;
				background:#fff url(../images/submit.png);
				border:none;
				text-align:center;
				font-size:9px;
				line-height:14px;
				}
			a#newuser {
				float:right;
				margin-right:20px;
				text-transform:uppercase;
				font-size:9px;
				color:#f6fa47;
				}
			a#newuser:hover {color:#d6da27}

		/* Right Inner */
		#rightInner {
			margin:7px 0 0 13px;
			width:180px;
			background:#000 url(../images/right-inner.jpg) no-repeat;
			font-size:11px;
			color:#deded8;
			}
			#rightInner a {color:#9d9999}
			#rightInner a:hover {color:#deded8}
			#rightInner h3 {
				margin-left:8px;
				padding:17px 0 20px 28px;
				width:140px;
				background:url(../images/right-h3.png) center left no-repeat;
				text-transform:uppercase;
				font-size:11px;
				font-weight:bold;
				color:#deded8;
				}
				#rightInner h3 strong {font-size:12px}
			#rightInner p {margin:0 15px 15px 15px}
			#rightInner ul.friends {
					margin-left:15px;
					}
				#rightInner .friends li {
					padding:0 0 2px 10px;
					background:url(../images/right-li.png) center left no-repeat;
					}
				#rightInner .friends li a {color:#deded8}
				#rightInner .friends li a:hover {color:#fefef8}

			/* gallery nav */
			#rightInner ul.nav {
				position:relative;
				margin-left:41px;
				width:139px;
				}
				#rightInner .nav li {
					position:relative;
					float:left;
					width:25px;
					height:23px;
					padding-left:10px;
					background:none;
					}
					#rightInner .nav li span {
						display:block;
						position:absolute;
						top:0;
						left:0;
						z-index:1;
						cursor:pointer;
						}
					#rightInner .nav li .zoom span {
						width:24px;
						height:23px;
						background:url(../images/zoom.png) center no-repeat;
						}
					#rightInner .nav li .prev span {
						width:25px;
						height:23px;
						background:url(../images/navs.png) bottom left no-repeat;
						}
					#rightInner .nav li .prev span:hover {
						background-position:top left;
						}
					#rightInner .nav li .next span {
						width:25px;
						height:23px;
						background:url(../images/navs.png) bottom right no-repeat;
						}
					#rightInner .nav li .next span:hover {
						background-position:top right;
						}
			#rightInner p.nav {
				clear:both;
				padding:20px 0 0 40px;
				font-size:9px;
				}
			#rightBottom {
				width:180px;
				height:24px;
				background:url(../images/right-bottom.jpg);
				}

/* Footer
------------------------------------ */
#footer {
	clear:both;
	padding:20px;
	font-size:10px;
	color:#5d5d5b;
	}
	#footer a {color:#5d5d5b}
	a#ucoz {color:#b2b22d}Content-Disposition: form-data; name="f"

test
