* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:923px;
}
body { 
	background:#211D1C; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#8d8c8c;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:923px; 
	margin:0 auto;
	font-size:.8125em;
	min-height:692px;
}

#header {
	height:220px;
}
#footer {
	height:115px;
	background:url(../images/footer-bg.gif) no-repeat left top;
}


/*---- tailings ----*/
.main-bg {
	background:url(http://www.runelocus.com/images/main-bg.jpg) no-repeat center top;
}
.tail-top { 
	background:url(../images/tail-top.gif) left top repeat-x #211D1C;
}
.tail-bottom { 
	background:url(http://www.runelocus.com/images/tail-bottom.png) left bottom repeat-x;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#fff; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h2 {
	font-size:16px;
	color:#fff;
	padding-bottom:18px;
}
h3 {
	font-size:16px;
	color:#fff;
	line-height:1.2em;
	text-indent:10px;
	margin-bottom:20px;
}
h4 {
	font-size:12px;
	color:#99cdfb;
}

.title { 
	padding:0 10px 0 10px;
	overflow:hidden;
}
.title-box {
	padding:0 0 10px 0;
	overflow:hidden;
	width:100%;
}
	.title a {
		color:#fff;
		font-weight:bold;
		font-size:12px;
	}


.rating {
	float:right;
	padding-right:30px;
}
	.rating li {
		display:inline;
		float:left;
		padding-left:1px;
	}


/*==================boxes====================*/

.main-box {
	width:100%;
}
	.main-box .left-top-corner {
		background:url(../images/left-top-corner.gif) no-repeat left top;
		padding-left:4px;
	}
	.main-box .right-top-corner {
		background:url(../images/right-top-corner.gif) no-repeat right top;
		padding-right:4px;
	}
	.main-box .border-top {
		background:#353231;
		height:4px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.main-box .inside {
		background:#353231;
		padding:16px 6px 0 7px;
/*height:4332px;*/
	}
	.main-box .inside1 {
		background:#353231;
		padding:3px 6px 0 7px;
	}
	.main-box .inside2 {
		background:#353231;
		padding:10px 23px 5px 15px;
	}

.box {
	background:url(../images/box-bg.gif) left bottom repeat-x;
	width:100%;
}
	.box .left-bot-corner1 {
		background:url(../images/left-bot-corner1.gif) no-repeat left bottom;
		padding:0 7px 10px 8px;
		}
	.box .right-bot-corner1 {
		background:url(../images/right-bot-corner1.gif) no-repeat right bottom;
		}
		




.box1 {
	background:url(../images/border-top2.gif) left top repeat-x #272423;
	width:100%;
}
	.box1.bg1 {
		background:url(../images/border-top2-1.gif) left top repeat-x #272423;
	}
	.box1.bg2 {
		background:url(../images/border-top2-2.gif) left top repeat-x #272423;
	}
	.box1 .left-top-corner1 {
		background:url(../images/bar.gif) repeat-x left top;
	}
		.box1.bg1 .left-top-corner1 {
			background:url(../images/bar.gif) repeat-x left top;
		}
		.box1.bg2 .left-top-corner1 {
			background:url(../images/bar.gif) repeat-x left top;
		}
	.box1 .right-top-corner1 {
		background:url(../images/right-top-corner2.gif) no-repeat right top;
	}
		.box1.bg1 .right-top-corner1 {
			/*background:url(../images/right-top-corner2-1.gif) no-repeat right top;*/
		}
		.box1.bg2 .right-top-corner1 {
			/*background:url(../images/right-top-corner2-2.gif) no-repeat right top;*/
		}
	.box1 .left-bot-corner1 {
		background:url(../images/left-bot-corner2.g2if) no-repeat left bottom;
		}
	.box1 .right-bot-corner1 {
		background:url(../images/right-bot-corner2.gif) no-repeat right bottom;
		}
	.box1 .inner { 
		padding:12px 6px 13px 6px;
	}

.address { 
	float:left;
}
	.address dt {
		margin-bottom:16px;
	}
	.address dd { 
		clear:both;
		text-align:right;
	}
		.address dd span { 
			float:left;
			padding-right:25px;
		}


.top-games {
	width:100%;
	overflow:hidden;
}
	.top-games li {
		float:left;
		margin-right:5px;
		font-size:12px;
		width:300px;
	}
	.top-games li.last {
		margin-right:0;
	}
	
		.top-games li .img-wrap {
			display:block;
			border:5px solid #605956;
			margin-bottom:14px;
		}
		.top-games li .img-wrap:hover {
			border:5px solid #fff;
			
		}
		
		.top-games li strong {
			float:left;
			color:#99cdfb;
		}
		.top-games li .button1 {
			margin-top:12px;
			float:right;
		}


.button1 {
	background:url(../images/button1.gif) no-repeat left top;
	float:left;
	width:130px;
	height:23px;
	line-height:23px;
	text-indent:14px;
	color:#f55700;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
.button1:hover {
	color:#fff;
}


/*===== header =====*/
#header .row-1 {
	height:102px;
}
	#header .row-1 .fleft {
		padding:38px 0 0 0;
	}
	#header .top-links {
		float:right;
		padding:31px 0 0 0;
		font-size:12px;
		margin-right:0px;
	}
		#header .top-links li {
			display:inline;
			color:#b1b0b0;
		}
			#header .top-links li a {
				color:#b1b0b0;
				text-decoration:none;
				padding:0 15px 0 12px;
			}
			#header .top-links li a:hover {
				text-decoration:underline;
				color:#fff;
			}
#header .row-2 {
	height:34px;
	background:url(../images/nav-bg.png) no-repeat left top;
	overflow:hidden;
}
	#header .nav {
		padding:4px 0 0 5px;
	}
		#header .nav li {
			float:left;
			background:url(../images/divider.gif) no-repeat right 6px;
		}
		#header .nav li.last {
			background:none;
		}
			#header .nav li a {
				float:left;
				font-weight:bold;
				color:#262322;
				text-decoration:none;
			}
				#header .nav li a span {
					float:left;
					cursor:pointer;
				}
					#header .nav li a span span {
						padding:4px 10px 10px 10px;
					}
			
			#header .nav li a:hover, #header .nav li a.current {
				color:#e2e2e2;
				background:url(../images/nav-tail.png) left top repeat-x;
				margin-left:-1px;
				position:relative;
			}
				#header .nav li a:hover span, #header .nav li a.current span {
					background:url(../images/nav-left.gif) no-repeat left top;
				}
					#header .nav li a:hover span span, #header .nav li a.current span span {
						background:url(../images/nav-right.gif) no-repeat right top;
						padding-left:11px;
					}

#header .row-3 {
	height:37px;
	margin-bottom:7px;
	background:url(../images/submenu-bg.png) no-repeat left top;
	overflow:hidden;
}
	#header .subnav {
		padding:10px 0 0 8px;
		font-size:12px;
	}
		#header .subnav li {
			display:inline;
			color:#f2efef;
		}
			#header .subnav li a {
				color:#f2efef;
				text-decoration:none;
				font-weight:bold;
				padding:0 15px 0 12px;
			}
			#header .subnav li a:hover {
				text-decoration:underline;
			}

#header .row-4 {
	background:url(../images/header-box-bg.gif) no-repeat left top;
	height:32px;
	overflow:hidden;
}
	#header .row-4 .indent {
		padding:4px 0 0 5px;
	}

/*===== content =====*/
#content {
	
}
	#content .section {
		padding-bottom:24px;
	}
	
	.list1 {
		padding-bottom:8px;
	}
		.list1 li {
			background:url(../images/list-bg.gif) left top repeat-x #1d1c1b;
			padding:6px 15px 6px 7px;
			margin-bottom:1px;
			overflow:hidden;
			vertical-align:top;
		}
			.list1 li img {
				float:left;
				margin-right:3px;
			}
			.list1 li a {
				display:block;
				background:url(../images/arrow1.gif) no-repeat 11px 14px;
				padding:7px 0 11px 21px;
				color:#8d8c8c;
				text-decoration:none;
				overflow:hidden;
			}
			.list1 li a:hover {
				color:#ff7109;
			}
			
			.box1.bg1 .list1 li a:hover {
				color:#5d97c9;
			}
			.box1.bg2 .list1 li a:hover {
				color:#fff;
			}
	


/*===== slider =====*/
.slider {
	background:url(../images/slide-box.png) no-repeat left top;
	width:923px;
	height:403px;
	margin-bottom:11px;
	overflow:hidden;
}
	.slider .inner {
		padding:10px 0 0 9px;
	}

/*
 * Required 
*/
.container { width:621px; height:384px; overflow:hidden; position:relative; cursor:pointer; background:#000;}
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:621px; display:none; }
/*
 * Optional
*/
#loopedSlider { width:905px; height:388px; position:relative; clear:both; }
ul.pagination { position:absolute; left:606px; top:0;}
ul.pagination li  { 
	width:274px; 
	height:98px;
	padding:0 0 0 25px;
	overflow:hidden;
}
ul.pagination li a { 
	background:url(../images/tab-bg.gif) left top repeat-x;
	display:block;
	padding-bottom:12px;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
}
ul.pagination li.active { background:url(../images/feature-tab-current.png) no-repeat left 22px;}
ul.pagination li.active a {}
ul.pagination li a img {
	float:left;
	margin-right:9px;
}
	ul.pagination li a strong {
		padding:8px 0 4px 15px;
		display:inline-block;
		font-size:12px;
	}
	ul.pagination li a span {
		padding:0 0 13px 15px;
		display:inline-block;
	}
	ul.pagination li a b {
		background:url(../images/tab-link.gif) no-repeat left top;
		color:#4f81ac;
		font-size:12px;
		padding:4px 35px 4px 14px;
	}
	ul.pagination li b:hover {
		color:#000;
	}


/*===== footer =====*/
#footer .indent {
	padding:20px 15px 0 15px;
	font-size:12px;
	color:#fff;
}
	#footer a {
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer .subnav {
		margin-left:-11px;
		padding-bottom:10px;
	}
		#footer .subnav li {
			display:inline;
			color:#9a9998;
			font-size:11px;
		}
			#footer .subnav li a {
				color:#9a9998;
				text-decoration:none;
				padding:0 14px 0 11px;
			}
			#footer .subnav li a:hover {
				color:#fff;
			}
	
	#footer .alt-links {
		margin-right:-14px;
		padding-bottom:12px;
	}
		#footer .alt-links li {
			display:inline;
			color:#989696;
		}
			#footer .alt-links li a {
				color:#989696;
				padding:0 14px 0 11px;
			}
	
	.social-services {
		text-align:right;
	}
	.social-services li {
		display:inline;
	}


/*----- forms -----*/
#search-form {
	float:left;
}
	#search-form fieldset {
		border:none;
		background:url(../images/search-bg.gif) no-repeat left top;
		float:left;
	}
		#search-form input.text {
			width:165px;
			border:none;
			background:none;
			padding:1px 7px 1px 8px;
			color:#6d6c6c;
		}
		#search-form input.submit {
			width:25px;
			height:23px;
			border:none;
			background:none;
			cursor:pointer;
		}

#login-form {
	float:right;
	font-size:12px;
	color:#6d6c6c;
	padding-right:10px;
}
	#login-form fieldset {
		border:none;
		float:right;
	}
		#login-form input.text {
			width:80px;
			background:#252221;
			border:none;
			padding:4px 4px 4px 8px;
			color:#8c8a8a;
			margin-right:3px;
		}
		#login-form input.password {
			width:85px;
			background:#252221;
			border:none;
			padding:4px 0 4px 8px;
			color:#8c8a8a;
			margin-right:3px;
		}
		#login-form input.submit {
			background:url(../images/login-button.gif) no-repeat left top;
			width:45px;
			height:23px;
			border:none;
			color:#fff;
			font-weight:bold;
			margin-right:4px;
			cursor:pointer;
		}
		#login-form a {
			color:#f55700;
			text-decoration:none;
		}
		#login-form a:hover {
			border-bottom:1px dotted #fff;
		}
			#login-form a span {
				color:#fff;
			}

/*==========================================*/




		#content input {
			
			background:#252221;
			border:none;
			padding:4px 4px 4px 8px;
			color:#8c8a8a;
			margin-right:3px;
		}
		#content select {
			
			background:#252221;
			border:none;
			padding:4px 4px 4px 8px;
			color:#8c8a8a;
			margin-right:3px;
		}

		#content textarea {
			
			background:#252221;
			border:none;
			padding:4px 4px 4px 8px;
			color:#8c8a8a;
			margin-right:3px;
		}
		#content input.password {
			width:85px;
			background:#252221;
			border:none;
			padding:4px 0 4px 8px;
			color:#8c8a8a;
			margin-right:3px;
		}
		#content input.submit {
			background:url(../images/login-button.gif) no-repeat left top;
			height:23px;
			border:none;
			color:#fff;
			font-weight:bold;
			margin-right:4px;
			cursor:pointer;
		}
		
		
		
/**************************************/
.toplist {
	background-color: #222120;
	width: 900px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	/*border: solid #111111 1px;*/
}
.toplist p {
	margin: 0;
	padding: 0;
}
.toplist_right {
	background: url(../images/toplist_corner_right.png) no-repeat right top #222120;
	width: 15px;
	height: 60px;
	float: right;
}

/* toplist content */
.toplist_body {
	float: left;
	width: 870px;
	height: 60px;
}
.toplist_body_rank {
	float: left;
	width: 50px;
	height: 40px;
	padding-top: 20px;
	font-size: 30px;
	margin-right: 30px;
	margin-left: 15px;
}
.toplist_body_link {
	float: left;
	width: 300px;
	height: 39px;
	padding-top: 21px;
}
.toplist_body_link a {
	font-size: 22px;
	text-decoration: none;
}
.toplist_body_desc {
	float: left;
	width: 300px;
	height: 45px;
	padding-top: 15px;
	font-size: 12px;
	margin-left: 45px;
	
}
.toplist_body_votes {
	float: right;
	height: 40px;
	padding-top: 20px;
	font-size: 30px;
	margin-right: 15px;
	margin-left: 30px;
}
/* End of content */



.toplist_left {
	background: url(../images/toplist_corner_left.png) no-repeat left top #222120;
	width: 15px;
	height: 60px;
	float: left;
}
.toplist_page_con {
	width: 900px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;

}
.toplist_page {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;

}
.toplist_page li {
	float: left;
	text-align: center;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
.toplist_page li a {
	float: left;
	width: 26px;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	background: url(../images/pagination.png) no-repeat left top #222120;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#8d8c8c;
	text-decoration: none;
	display: block;
}
.toplist_page a:hover {
	background: url(../images/pagination_hover.png) no-repeat left top #222120;
}

.imgdetail {
	max-width: 500px;
	/* Resize the image for IE6 */
	width: expression(this.width > 500 ? 500: true);
}




#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(http://www.runelocus.com/subscribe.gif) no-repeat right top;
	text-indent: -9999px;
}