/***************************************/
/********     CSBET.RU CSS      ********/
/******** LAST EDIT: 2009.08.25 ********/
/********   UPLOAD TIME: 10:39  ********/
/***************************************/



/***************************************/
/************* PRIMARY TABLE ***********/
/***************************************/

body {
	color: #333;
	font-size: 100%;
	margin: 0;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Tahoma, Verdana;
}

table {
	margin: 0;
	padding: 0;
}

td {
	margin: 0;
	padding: 0 5px 10px 0;
	vertical-align: top;
}

h1, h2, h3, h4 {
	clear: both;
	color: #333;
	font-weight: normal;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 160%;
	padding: 10px 0;
}

h3 {
	font-size: 150%;
	padding: 10px 0;
}

h4 {
	font-size: 140%;
}

li {
	line-height: 130%;
	margin: 0;
	padding: 0;
}

p, ul, ol {
	line-height: 150%;
	margin: 0;
	padding: 0;
}

p {
	padding-bottom: 10px;
}

fieldset {
	border: 1px solid #999;
	padding: 5px;
}

legend {
	margin: 3px;
	padding: 3px;
}

a:link, a:active, a:visited {
	margin: 0;
	padding: 0;
	outline: none;
	color: #336699;
	text-decoration: underline;
}

a:hover {
	margin: 0;
	padding: 0;
	color: #99ccff;
	text-decoration: none;
}


/********************************/
/************* HEADER ***********/
/********************************/

#header {
	/*border-bottom: 1px solid #ccc;*/
	color: #333;
	font-size: 200%;
	text-align: center;
	margin: 10px auto;
	width: 1000px;
}

	#headline {

	}

		.logo {
			font-size: 200%;
			padding: 10px 0;
			text-align: center;
		}

		.twitters {
			height: 48px;
			text-align: center;
			vertical-align: middle;
		}

			.twitterStatus {
				font-size: 140%;
				font-style: italic;
			}

			.twitterTime {
				color: #ccc;
				font-size: 80%;				
			}

/********************************/
/************* PAGE *************/
/********************************/

#page {
	border: 2px solid #ccc;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

	/********************************/
	/******** BLOCK-SERVERS *********/
	/********************************/

	.servers {
		padding: 10px 0 0 10px;
	}

		.servers ul {
			margin: 0;
			padding: 0;
			vertical-align: middle;
		}

		.servers li {
			float: left;
			margin: 0;
			overflow: hidden;
			padding: 0 7px 10px 0;
			width: 170px;
		}
	
			.r1, .r2, .r3 {
				display: block;
				height: 1px;
				overflow: hidden; 
				font-size:1px;
			}
	
			.r3 {
				margin: 0 3px; 
			}
			
			.r2 {
				margin: 0 2px; 
			}
				
			.r1 {
				margin: 0 1px;
			}

		.servers li .server_inbox, .servers li b {
			background-color: #ddd;
		}

		.server_inbox {
			font-size: 80%;
			overflow: hidden;
			padding: 5px;
			position: relative;
			white-space: nowrap;
		}
				
			.server_inbox h4 {
				padding: 0;
				margin: 0;
			}
					
			.server_inbox img {
				padding: 5px 0 5px 0;
			}

			.server_inbox ul {
				list-style: none inside;
				margin: 0;
				padding: 0;
				vertical-align: middle;
				zoom: 1;
			}

			.server_inbox li {
				line-height: 150%;
				padding: 0;
				width: 100%;
			}

			.server_inbox_name {
				font-weight: bold;
				text-align: center;
				white-space: normal;
			}
			
	/********************************/
	/********* HEAD HUNTERS *********/
	/********************************/
			
	.headhunters {

	}

		.headhunters ul {
			margin: 0;
			padding: 0;
			vertical-align: middle;
		}

		.headhunters li {
			float: left;
			margin: 0;
			overflow: hidden;
			padding: 0 7px 10px 8px;
			width: 185px;
		}

	.hunterxp {
		height: 370px;
		position: relative;
	}
	
	.hunterxp_photo {
		float: left;
	}
	
	.hunterxp h2 {
		clear: none;
		margin-left: 500px;
		padding: 30px 0;
	}

	.hunterxp ul {
		list-style: disc outside;
		margin-left: 500px;
		padding-left: 15px;
	}
	
	.hunterxp li {
		padding: 0 15px 15px 0;
	}

	/************************************/
	/************* COLORBOX *************/
	/************************************/

	.colorbox {
		color: #fff;
		left: 100px;
		overflow: hidden;
		padding-bottom: 10px;
		position: absolute;
		top: 110px;
		width: 370px;
	}

		.colorbox .corner {
			background: url('../images/corner.gif') top left no-repeat;
			height: 24px;
			margin-left: 95px;
			width: 24px;
		}
	
		.r1, .r2, .r3 {
			display: block;
			height: 1px;
			overflow: hidden; 
			font-size:1px;
		}
	
		.r3 {
			margin: 0 3px; 
		}
			
		.r2 {
			margin: 0 2px; 
		}
				
		.r1 {
			margin: 0 1px;
		}
	
	.colorbox .colorbox_in, .colorbox b {
		background-color: #999;
	}

	.colorbox_in {
		overflow: hidden;
		padding: 5px;
	}

		.colorbox_in p {
			font-size: 90%;
			line-height: 130%;
			padding-top: 10px;
		}
		
	.mix {
		border-top: 2px solid #ccc;
		font-size: 200%;
		text-align: center;
	}
	
		.mix img {
			border: 0;
			margin: 0;
			padding: 0;
		}

	#ads {
		margin: 0 auto;
		padding: 0;
		text-align: center;
		width: 1000px;
	}

	/********************************/
	/************* WCG **************/
	/********************************/
			
	.wcg {

	}

		.wcg ul {
			margin: 0;
			padding: 0;
			vertical-align: middle;
		}

		.wcg li {
			float: left;
			margin: 0;
			overflow: hidden;
			padding: 5px;
			width: 240px;
		}

		.wcg img {
			border: 2px solid #ccc;
			padding: 2px;
		}

	/********************************/
	/************* ADMINS ***********/
	/********************************/

	.admins table {
		/*border: 2px solid #ccc;*/
		border-collapse: separate;
		border-spacing: 0px;
		padding: 10px;
		width: 100%;
	}

		.admins th {
			border-bottom: 2px solid #ccc;
			font-weight: bold;
			padding: 5px;
		}

		.admins td {
			border-bottom: 1px solid #ccc;
			padding: 5px;
			vertical-align: middle;
		}
				
			.admins table .odd {
				background-color: #eee;
			}

	/********************************/
	/************* ADMINS ***********/
	/********************************/

	.demos {

	}

		.demos ul {
			padding-left: 15px;
			list-style: disc inside;
		}

		.demos li {
			padding: 0 15px 0 0;
		}

	/********************************/
	/********* STEAM.CSBET.RU ********/
	/********************************/

	.steamcs {
		font-size: 170%;
	}

	.steamcsbutton {
		font-size: 170%;
	}
	
/***************************************/
/**************** FOOTER ***************/
/***************************************/

#footer {
	/*border-top: 1px solid #ccc;*/
	clear: both;
	margin: 10px auto;
	padding: 10px 0;
	width: 1000px;
}

	#footer .hunter {
		font-size: 160%;
		float: left;
		padding-right: 10px;
	}

	#footer .hunter img {
		/*border: 2px solid #ccc;*/
	}

	#footer p {
		font-size: 80%;
		line-height: 120%;
	}