@import 'layout.css';
@import 'modules.css';
@import 'elements.css';


BODY {
	background: #b3b3b3;
	font: .75em/1.25 Arial,sans-serif;
	color: #1a1a1a;
	}

/* Fanat.ru Strip
-------------------------------------- */
#fanat-strip {
	position: absolute;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 36px;
	background: #292929;
	}
BODY.logged #fanat-strip {
	position: fixed !important;
	}
	#fanat-strip .fanat-strip-wrap {
		width: 990px;
		margin: 0 auto;
		padding: 4px 0;
		font-size: 0.9166em;
		color: #808080;
		}
		#fanat-strip H1.logo {
			float: left;
			padding: 5px 8px 0 0;
			}
			#fanat-strip H1.logo A:link,
			#fanat-strip H1.logo A:visited {
				display: block;
				width: 75px;
				height: 15px;
				text-indent: -3000px;
				background: url(../i/fanat-logo-mini.gif) no-repeat;
				}
		#fanat-strip FORM {
			float: left;
			}
			#fanat-strip FORM P,
			#fanat-strip FORM INPUT,
			#fanat-strip FORM LABEL {
				float: left;
				padding: 0;
				}
			#fanat-strip FORM .login {
				float: left;
				margin-right: 8px;
				padding-left: 6px;
				background: url(../i/fanat-login-bg.png) no-repeat;
				}
				#fanat-strip FORM .login .user-icon {
					display: block;
					float: left;
					margin: 6px 8px 0 5px;
					height: 16px;
					width: 16px;
					background: url(../i/icons.gif) no-repeat 0 -80px;
					}
				#fanat-strip FORM .login INPUT {
					margin-right: -2px;
					padding: 8px 0 6px;
					height: 14px;
					border: 0;
					color: #808080;
					background: url(../i/fanat-login-bg.png) no-repeat 100% 0;
					}
			#fanat-strip FORM .submit {
				float: left;
				margin: 0 8px 0 0;
				padding: 0 0 0 6px;
				background: url(../i/fanat-login-bg.png) no-repeat 0 -28px;
				}
				#fanat-strip FORM .submit INPUT {
					height: 28px;
					margin-right: -2px;
					padding: 0 10px 0 6px;
					border: 0;
					color: #fff;
					background: url(../i/fanat-login-bg.png) no-repeat 100% -28px;
					}
			#fanat-strip FORM .remember-me {
				padding: 7px 0 0;
				font-size: 0.909em;
				color: #bfbfbf;
				}
				#fanat-strip FORM .remember-me INPUT {
					margin: 0 4px 0 0;
					}
		#fanat-strip .canyon-side {
			padding-top: 7px;
			font-size: 0.909em;
			}
		#fanat-strip .canyon-side A:link,
		#fanat-strip .canyon-side A:visited {
			color: #ffc000;
			text-decoration: underline;
			}
		#fanat-strip .canyon-side A:link:hover,
		#fanat-strip .canyon-side A:visited:hover {
			color: #FFF;
			}
		/* Logged State */
		#fanat-strip .logged {
			padding-bottom: 8px;
			}
		#fanat-strip .logged A:link,
		#fanat-strip .logged A:visited {
			color: #ffc000;
			}
		#fanat-strip .logged UL {
			width: 550px;
			padding-top: 10px;
			}
		#fanat-strip .logged UL LI {
			float: left;
			font-size: 0.9166em;
			line-height: 1em;
			border-right: 1px solid #464646;
			}
			#fanat-strip .logged UL LI A {
				padding: 0 10px;
				}
				#fanat-strip .logged UL LI.last,
				#fanat-strip .logged UL LI.nobr {
					border-right: 0;
					}
			#fanat-strip .logged UL LI.username {
				margin: -3px 30px 0 0;
				padding-left: 18px;
				line-height: 16px;
				font-weight: bold;
				background: url(../i/icons.gif) no-repeat 0 -96px;
				border-right: 0;
				color: #fff;
				}

/* Header
-------------------------------------- */
#header .top-line {
	padding: 10px;
	font-size: 0.9166em;
	background: #000;
	color: #fff;
	}
	#header .top-line A:link,
	#header .top-line A:visited {
		color: #fff;
		}
		#header .top-line A:link:hover,
		#header .top-line A:visited:hover {
			color: #ffc000;
			}
	#header .top-line UL LI {
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		line-height: 0.8em;
		border-right: 1px solid #383838;
		}
		#header .top-line UL LI.last {
			margin: 0;
			padding: 0;
			border-right: 0;
			}
	#header .header-main {
		padding: 10px 10px 64px;
		background: #e44206 url(../i/header-bg.jpg) no-repeat;
		}
		/* Top Logo In Header */
		#header .header-main .logo {
			padding-left: 10px;
			}
			#header .header-main .logo .current-date {
				font-size: 0.8333em;
				color: #fff;
				}
				#header .header-main .logo .current-date I {
					margin: 0 3px;
					}
			#header .header-main .logo H1 {
				margin-top: 20px;
				height: 43px;
				text-indent: -3000px;
				background: url(../i/logo.png) no-repeat;
				}
				#header .header-main .logo H1 A:link,
				#header .header-main .logo H1 A:visited {
					display: block;
					width: 307px;
					height: 30px;
					}
		/* Top News In Header */
		#header .header-main .top-news {
			position: relative;
			width: 470px;
			padding: 5px 10px 0;
			font-size: 0.9166em;
			color: #fff;
			background: url(../i/top-news-bg-t.png) no-repeat;
			}
			#header .header-main .top-news UL {
				padding-left: 10px;
				line-height: 1.4;
				list-style-type: disc;
				}
			#header .header-main .top-news LI SPAN {
				font-size: 0.909em;
				color: #ccc;
				}
			#header .header-main .top-news A:link,
			#header .header-main .top-news A:visited {
				color: #fff;
				}
				#header .header-main .top-news A:link:hover,
				#header .header-main .top-news A:visited:hover {
					color: #f1831a;
					}
			#header .header-main .top-news .bottom-line {
				position: absolute;
				top: 100%;
				left: 0;
				display: block;
				width: 490px;
				height: 5px;
				background: url(../i/top-news-bg-b.png) no-repeat;
				}


/* Footer
-------------------------------------- */
#footer {
	width: 1010px;
	margin: 0px -10px;
	color: #fff;
	background: #1a1c1d;
	}
#footer .menu-list {
	background: #373839;
	}
	#footer .menu-list {
		padding: 10px 40px 10px 20px;
		font-size: 0.8333em;
		}
		#footer .menu-list A:link,
		#footer .menu-list A:visited {
			text-decoration: none;
			color: #fff;
			}
		#footer .menu-list A:hover {
			color: #FF7300;
			}
		#footer .menu-list DL {
			overflow: hidden;
			padding: 5px 0;
			border-bottom: 1px solid #414243;
			}
			#footer .menu-list DL.last {
				border: 0;
				}
			#footer .menu-list DT {
				float: left;
				width: 17%;
				}
				#footer .menu-list DT A:link,
				#footer .menu-list DT A:visited {
					text-transform: uppercase;
					}
			#footer .menu-list DD {
				float: right;
				overflow: hidden;
				clear: none; /* l-list redefine */
				width: 83%;
				}
				#footer .menu-list DD .l-list-item {
					margin-bottom: -15px; /* fix for last padding */
					}
				#footer .menu-list DD UL {
					padding: 0 5px 15px 0;
					}
					#footer .menu-list DD UL LI {
						line-height: 1.5;
						}
	#footer .footer-bottom {
		padding: 15px 20px;
		}
		#footer .footer-bottom .counters {
			padding-top: 4px;
			}
	#footer .copyright P {
		padding: 0;
		font-size: 0.9166em;
		}
		#footer .footer-bottom A:link,
		#footer .footer-bottom A:visited {
			color: #fff;
			text-decoration: none;
			}
			#footer .footer-bottom A:link:hover,
			#footer .footer-bottom A:visited:hover {
				text-decoration: none;
				color: #FF6A00;
				}

/* Head Counters Container (1x1) */
#head-counters {
	overflow: hidden;
	height: 0 !important;
	line-height: 0;
	}

/* Canyon
-------------------------------------- */
.canyon {
	clear: both;
	overflow: hidden;
	}
	.canyon-section {
		float: left;
		}
	.canyon-side {
		float: right;
		}

/* Other Useful Classes
-------------------------------------- */
.hidden {
	display: none;
	}

/* MLM Styles
---------------------------------------*/
.add-friend-icon {
	display: none;
	cursor: pointer;
	}
	BODY.mlm-loaded .add-friend-icon {
		display: inline;
		}
	.add-friend-icon IMG {
		border: 0;
		}