body {
	margin: 5px 0px;
	font: 14px/1.2em Arial,sans-serif;
	color: #fff;
	background: #222 url("http://www.cyonix.to/images/background.png");
}

a { 
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

a:hover, a:focus { 
	font-size: 14px;
	text-decoration: none;
	outline: none;
	text-shadow: #555 1px 1px 1px;
}

h1 {
	font: bold 36px/1em Arial,sans-serif;
	padding: 0px;
	margin: 0px;	
}

h2 {
	font: bold 16px/1em Arial,sans-serif;
	padding: 0px;
	margin: 0px;
	color: #fff;	
}

h3 {
	font: bold 16px/1em Arial,sans-serif;
	padding: 10px 0px 4px 0px;
	margin: 0px;
	color: #fff;	
}

img {
	border: none;
}

hr {
	color: #555;
	height: 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #555;
}

#menu {
	margin: 0px auto;
	padding: 5px 0px;
	width: 600px;
	height: 25px;
}

#menu-left {
	float: left;
	width: 490px;
}

#menu-right {
	float: left;
	width: 110px;
}

#menu ul {
	margin: 2px auto;
	padding: 0px;
}

#menu ul li {
	display: inline;
	margin: 0px 15px 0px 0px;
}

#menu ul li a {
	padding: 3px 7px;
	font: bold 16px Arial,sans-serif;
}

#menu ul li a:hover {
	background: #fba419 url("http://www.cyonix.to/images/orange.png") repeat-x;
	border-radius: 4px;
	text-decoration: none;
}

#header {
	margin: 0px auto;
	height: 100px;
	background: #2b2b2b url("http://www.cyonix.to/images/orange.png") repeat-x;
	border-top: 1px solid #ffc15d;
	border-bottom: 1px solid #ffc15d;
	text-align: center;
}

#logo {
	display: block;
	height: 100px;
}

#toplist {
	margin: 12px auto;
	width: 600px;
	border: 1px solid #555;
	border-radius: 4px;
	text-align: left;
}

.site { 
	background-color: #1e1e1e;
	padding: 5px;
}

.site-left {
	float: left;
	width: 107px;
	height: 94px;
	background: #fba419 url("http://www.cyonix.to/images/orange.png") repeat-x;
	border-radius: 4px;
}

.site-left-inner {
	padding: 5px;
	font: 13px/1.2em Arial,sans-serif;
	text-align: center;
	text-shadow: #555 1px 1px 1px;
}

.site-right {
	float: left;
	width: 478px;
	height: 94px;
	line-height: 1.0em;
	padding-left: 5px;
	background-color: #1e1e1e;	
	text-align: center;
}

.site-link {
	display: block;
	font-size: 13px;
	height: 94px;
	color: #aaa;
	text-decoration: none;
}

.site-link:hover, .site-link:focus { 
	font-size: 13px;
	color: #fff;
	background: #fba419 url("http://www.cyonix.to/images/orange.png") repeat-x;
	text-decoration: none;
	outline: none;
	border-radius: 4px;
}

.site-left-small {
	float: left;
	width: 107px;
	height: 54px;
	background: #fba419 url("http://www.cyonix.to/images/orange.png") repeat-x;
	border-radius: 4px;
}

.site-left-inner-small {
	padding: 5px;
	font: 13px/1.2em Arial,sans-serif;
	text-align: center;
	text-shadow: #555 1px 1px 1px;
}

.site-right-small {
	float: left;
	width: 478px;
	line-height: 1.1em;
	padding-left: 5px;
	background-color: #1e1e1e;	
	text-align: center;
}

.site-link-small {
	display: block;
	height: 54px;
	font: 13px/1.3em Arial,sans-serif;
	color: #aaa;
	text-decoration: none;
}

.site-link-small:hover, .site-link-small:focus { 
	font-size: 13px;
	height: 54px;
	color: #fff;
	background: #fba419 url("http://www.cyonix.to/images/orange.png") repeat-x;
	text-decoration: none;
	outline: none;
	border-radius: 4px;
}

.bottom-left {
	float: left;
	width: 265px;
	font-size: 13px;
	color: #aaa;
	text-align: center;
}

.bottom-right {
	float: left;
	width: 325px;
	font-size: 13px;
	color: #aaa;
	text-align: center;
}

.bottom {
	padding: 0px 5px 0px 5px;
	font-size: 13px;
	text-decoration: none;
}

.bottom:hover, .bottom:focus { 
	font-size: 13px;
	text-decoration: underline;
}