/*
 * CSS for metclub.ru
*/

/* ÎÑÍÎÂÍÛÅ ÝËÅÌÅÍÒÛ
*******************************************************************************/

/* Òåëî äîêóìåíòà */
html, body {
	color: #ffc;
	font-size: 16px;
	font-family: Comic Sans MS;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: url('/_core/layout/wall.gif') #000;
}

body, table, select, input { font-size: 100%; }

/* Ññûëêè */
a:link    { color: #C0CDDC; text-decoration: none;      }
a:visited { color: #6A88AC; text-decoration: none;      }
a:active  { color: #D7DDEA; text-decoration: none;      }
a:hover   { color: #ffcc00; text-decoration: underline; } 


/* ÏÐÎ×ÈÅ ÝËÅÌÅÍÒÛ
*******************************************************************************/

p     { }
img   { border: 0px; }
form  { padding: 0px; margin: 0px; }

h1 {
	font-size:      140%;
	color:          #fc0;
	margin:         0px;
	padding:        0px;
	padding-left:   10px;
}
h3 {
	font-size:     110%;
	color:         #306D64;
	font-weight:   bold;
	padding-left:  15px;
}

hr {
	height: 1px;
	color: #ffc;
	border: medium none;
	background-color: #ffc;
}

.center { text-align: center; }
.right  { text-align: right;  }
.arr    { font-family: Times; }

#content { width:100%; text-align: center; clear: left; }
#content .content_table { width:100%; margin-bottom: 15px; background:#000; }

.font-small { font-size: 80%; }

#rate { text-align: center; }

#photo_prev { border: 0; }
#photo_prev td { text-align: center; }


/* ÐÅÊËÀÌÀ
*******************************************************************************/

#right-ad { font-size: 80%; padding: 0; margin: 3px 0 3px 20px; }
#ad-bottom-table { font-size: 80%; width:70%; text-align:center; }


/* ÍÎÂÎÑÒÈ
*******************************************************************************/

#last_news {
	font-size: 90%;
}
.news-right-list {
	font-size: 80%;
	padding: 0;
	margin: 3px 0 3px 35px;
}
#content .news_text blockquote {
	padding:8px 16px;
	margin:0 0 8px;
	background-color: #999;
	border-left: 6px solid #306D64;
	}
#content .news_text blockquote blockquote {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
#content .news_text blockquote cite {
	font-weight:bold;
	display:block;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #fff;
	color:#ccc;
	}


/* ÌÍÅÍÈß
*******************************************************************************/

#ruler {
	color:       #fff;
	font-weight: bold;
	background:  #fc0;
}

/* Ñîâïàâøèé òåêñò */
.search-match {
	background:          #306D64;
	border:              1px solid #ffd;
	margin-top:          5px;
	margin-bottom:       10px;
	padding:             3px;
}
.search-desc      { font-size: 85%; color: #306D64;  }


/* ÊËÓÁ
*******************************************************************************/

.club-table { width: 100%; }
.club-table td { background: #727201; }
.club-table-header td { background: #306D64 !important; }

#club-accent { background: #306D64; padding: 3px; }
#captcha { width: 120px; height: 60px; border: 1px solid #fff; display: block; margin-bottom: 5px; }

.ruler { color: #fff; font-weight: bold; background: #fc0; }


/* ÏÎÈÑÊ GOOGLE
*******************************************************************************/

.gsc-control { width: 100% !important; }
.gsc-branding-text { color: #D7DDEA !important; }
a.gs-title, a.gs-title * { color: #D7DDEA !important; }


/* ÌÅÍÞ
*******************************************************************************/

#nav,
#nav ul {
	padding:0;margin:0;width:100%;
	float:left;
	background:#306D64;
	list-style:none;
	line-height:1em;
	}
#nav {
	border-width:0 0 0px 0px;
	}
#nav ul {
	margin-left:-1px;
	border-width:1px 0;
	}
#nav a {
	display:block;
	padding:0.3em .4em;
	text-decoration:none;
	text-align:center;
	}
#nav a.parent {
	background:url('/_core/layout/arrow.gif') 100% 50% no-repeat;
	}
#nav li {
	float:left;
	}
#nav li:hover,
#nav li.sfhover {
	color:#FFF;
	}
	#nav li ul {
		position:absolute;
		top:-999em;
		height:auto;
		width:13em;
		background:#306D64;
		font-weight:normal;
		border-width:1px;
		}
	#nav li li {
		padding-right:1em;
		width:12em;
		border:none;
		}
		#nav li ul a {
			width:10.4em;
			text-align:left;
			}
		#nav li a,
		#nav li:hover li a,
		#nav li.sfhover li a,
		#nav li:hover li:hover li a,
		#nav li.sfhover li.sfhover li a,
		#nav li:hover li:hover li:hover li a,
		#nav li.sfhover li.sfhover li.sfhover li a {
			color:#D7DDEA;
			}
		#nav li:hover a,
		#nav li.sfhover a,
		#nav li:hover li:hover a,
		#nav li.sfhover li.sfhover a,
		#nav li:hover li:hover li:hover a,
		#nav li.sfhover li.sfhover li.sfhover a,
		#nav li:hover li:hover li:hover li:hover a,
		#nav li.sfhover li.sfhover li.sfhover li.sfhover a {
			color:#8092BB;
			}
		#nav li ul ul {
			margin:-1.6em 0 0 13em;
			}
		#nav li:hover ul ul,
		#nav li.sfhover ul ul,
		#nav li:hover ul ul ul,
		#nav li.sfhover ul ul ul {
			top:-999em;
			}
		#nav li:hover ul,
		#nav li.sfhover ul,
		#nav li li:hover ul,
		#nav li li.sfhover ul,
		#nav li li li:hover ul,
		#nav li li li.sfhover ul {
			top:auto;
			}
#nav li ul li a {
	padding-left: 35px;
	}
#nav li ul li {
	background: url("/_core/layout/menu.gif") no-repeat 7px center;
	}