/* Main Styling
===-------------*/
*{padding:0; margin:0; outline:0;}

body {font-size:12px;line-height:1.2;
    font-family:Arial, "Trebuchet MS", sans-serif;
    color:#a0a0a0; background:url(images/bg.gif) repeat 0 0; text-align:left;}

a img{border:0;}
a{color:#a0a0a0; text-decoration:underline;}
a:hover{text-decoration:none;}

.left{float:left; display:inline;}
.right{float:right; display:inline;}
.center{text-align:center; margin:auto auto}

.cl, .clear{display:block; height:0; font-size:0; line-height:0; text-indent:-4000px; clear:both;}
.field{font-size:12px; color:#484848; font-family:Arial, "Trebuchet MS", sans-serif; color:#000; 
	border:solid 1px #a0a0a0; width:140px; padding:2px 5px;}
	
.center{margin:auto auto; text-align:center;}
.sm-norm{font-weight:normal; font-size:0.8em}

input, textarea{background:#CCC; color:#313131; width:200px; border:medium solid #999; padding:2px; font-size:0.9em}
input.thin{width:auto}
/* Main Styling
===-------------*/

/* Colours and link styling
===-------------------------*/
.white{color:#FFF}
.blue{color:#7AB7E2}
.big{font-size:1.6em}

a.fav-game-link{color:#313131; text-decoration:none;}
a.fav-game-link:hover{text-decoration:underline;}

a#fsroll {background:url(/templates/abeon/images/fullscreen-norm.png) top left no-repeat; height:35px;width:165px;display:block;margin:auto auto}
a#fsroll span {display:none; }
a#fsroll:hover { background:url(/templates/abeon/images/fullscreen-hover.png) top left no-repeat; height:35px; width:165px;margin:auto auto}

.shell{width:914px; margin:0 auto;}

a.hplinks{text-decoration:none; line-height:1.2em}
a.hplinks:hover{text-decoration:underline;line-height:1.2em}


#page{padding-bottom:30px;}
#header{width:100%; position:relative; margin-bottom:5px;}

#logo{line-height:1; padding-bottom:5px;}
#logo h1{font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:30px; color:#fff;}
#logo h1 a{color:#fff; text-decoration:none;}
#logo h1 a span{color:#7ab7e2;}
#logo .description{font-size:10px; color:#cfd2d9;}
#top-nav{float:right; display:inline; margin-bottom:2px;}
#top-nav ul{float:left; display:inline; font-size:10px; line-height:31px; color:#fff; text-transform:uppercase; 
	background:url(images/top-nav-bg.jpg) repeat-x 0 0;}
#top-nav ul li{float:left; display:inline; list-style-type:none;}
#top-nav ul li a{float:left; display:inline; color:#313131; text-decoration:none; padding:0 10px 0 8px; 
	background:url(images/top-nav-sep.gif) no-repeat right 0;}
#top-nav ul li a:hover{text-decoration:underline;}
#top-nav ul li.last{padding-right:4px; background:url(images/top-nav-last.gif) no-repeat right 0;}
#top-nav ul li.last a{background:none;}
#top-nav ul li.home{width:88px; background:url(images/top-nav-home.gif) no-repeat 0 0;}
#top-nav ul li.home a{background:none; width:67px; height:31px; line-height:29px; padding:0; color:#141414; font-weight:bold; padding-left:21px;}

#main-nav{float:right; display:inline; line-height:32px; background:url(images/main-nav-bg.gif) repeat-x 0 0;}
#main-nav .bg-right{background:url(images/main-nav-bg-right.gif) no-repeat right 0;}
#main-nav .bg-left{background:url(images/main-nav-bg-left.gif) no-repeat 0 0; padding-left:32px; width:456px;}
#main-nav ul{height:32px; font-size:10px; color:#a8a8a8; text-transform:uppercase;}
#main-nav ul li{float:left; display:inline; list-style-type:none; background:url(images/main-nav-sep.gif) no-repeat right 0;}
#main-nav ul li a{float:left; display:inline; text-decoration:none; color:#a8a8a8; padding:0 11px 0 9px;}
#main-nav ul li a:hover{text-decoration:underline;}

#sort-nav{line-height:46px; background:url(images/sort-nav-bg.gif) repeat-x 0 0;}
#sort-nav .bg-left{background:url(images/sort-nav-bg-left.gif) no-repeat 0 0; position:relative; height:46px;}
#sort-nav .bg-right{background:url(images/sort-nav-bg-right.gif) no-repeat right 0; position:relative; height:46px;}
#sort-nav ul li{float:left; display:inline; list-style-type:none; height:46px;}
#sort-nav ul li a{float:left; display:inline; font-size:13px; font-weight:bold; color:#282828; text-decoration:none; padding:0 19px;}
#sort-nav ul li span.sep{float:left; display:inline; width:2px; height:46px; font-size:0; line-height:0; text-indent:-4000px; 
	background:url(images/sort-nav-sep.gif);}
#sort-nav ul li a:hover{text-decoration:underline;}
#sort-nav ul li.active a{color:#fff; text-decoration:none;}
#sort-nav ul li.active a:hover{text-decoration:none;}
#sort-nav ul li.first-active a{background:url(images/nav-active-first.gif) no-repeat 0 0;}
#sort-nav ul li.active span.sep{background-image:url(images/nav-active-sep.gif);}
#sort-nav ul li.active{background:url(images/nav-active-bg.gif) repeat-x 0 0;}

#main{background:#050505 url(images/main-bg.gif) no-repeat 0 0; padding-top:10px;}
#main-bot{background:url(images/main-bot-bg.gif) no-repeat 0 bottom; padding:0 10px 2px 10px; height:100%; position:relative;}
#sidebar{float:left; display:inline; width:226px;}
#content{float:right; display:inline; width:657px;}

.block{margin-bottom:10px; background-repeat:no-repeat; background-position:0 0;}
.block .block-bot{height:100%; position:relative; background-repeat:no-repeat; background-position:0 bottom;}
.block .block-cnt{padding:10px 10px 10px 9px;}

.block .head{background:url(images/block-head.gif) no-repeat 0 0; padding-left:15px;}
.block .head .head-cnt{background:url(images/block-head.gif) no-repeat right 0; line-height:38px; height:38px; padding-right:13px;}
.block .head h3{font-size:15px; font-weight:bold; width:85%; color:#262727;}
.block .head .view-all{float:right; display:inline; height:20px; width:70px; line-height:18px; margin-top:10px;
	 background:url(/templates/abeon/css/images/button-norm.png) top left no-repeat;}
.block .head .view-all{color:#333; font-size:10px; text-decoration:none; text-align:center; padding-right:10px;}
.block .head .view-all:hover{text-decoration:underline;background:url(/templates/abeon/css/images/button-hover.png) top left no-repeat;}

	.block .head .view-all-wide{float:right; display:inline; height:20px; width:100px; line-height:18px; margin-top:10px; text-align:center;
	 background:url(/templates/abeon/css/images/button-norm-wide.png) top left no-repeat; color:#313131; font-size:0.8em; text-decoration:none}
	.block .head .view-all-wide:hover{float:right; display:inline; height:20px; width:100px; line-height:18px; margin-top:10px; text-align:center;
	 background:url(/templates/abeon/css/images/button-hover-wide.png) top left no-repeat; text-decoration:underline}

#content .block{background-image:url(images/content-block-top.gif); background-color:#313131; width:657px;}
#content .block .block-bot{background-image:url(images/content-block-bot.gif);}

#sidebar .block{background-image:url(images/sidebar-block-top.gif); background-color:#484848; width:226px;}
#sidebar .block .block-bot{background-image:url(images/sidebar-block-bot.gif);}


#search .block-cnt{padding:5px 5px 5px 4px;}
#search .fieldplace{float:left; display:inline; width:170px; height:22px; background:url(images/search-field.gif) no-repeat 0 0; padding-left:18px;}
#search .fieldplace .field{padding:3px 6px 4px; width:158px; border:none; background:none;}
#search .button{float:left; display:inline; width:29px; height:22px; font-size:0; line-height:0; text-indent:-4000px; cursor:pointer; border:0;}
#search .button{background:url(images/search-button.gif) no-repeat 0 0;}

.sign .block-cnt{padding:6px 5px 5px 5px;}
.sign .button{display:block; font-size:11px; font-weight:bold; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase; 
	line-height:29px;}
.sign .button{width:105px; height:29px; background:url(images/sign-button.gif) no-repeat 0 0;}
.sign .button:hover{background-position:0 bottom;}
.sign .button-left{float:left; display:inline;}
.sign .button-right{float:right; display:inline;}
.sign .center{text-align:center; font-size:11px; line-height:16px; margin-top:4px;}
.sign .center a{color:#35cfd9;}

#sidebar .articles .article{padding:8px 7px; background:url(images/sidebar-article-sep.gif) repeat-x 0 bottom; font-size:11px; color:#a0a0a0;}
#sidebar .articles h4{color:#fff; font-weight:bold; font-size:12px;}
#sidebar .articles h4 a{color:#fff; text-decoration:none;}
#sidebar .articles h4 a:hover{color:#ccc;}
#sidebar .articles .view-all{font-size:10px; letter-spacing:0.5px; line-height:24px; float:right; display:inline; margin-right:6px;}

#sidebar .image-articles .image{float:left; display:inline; width:55px;}
#sidebar .image-articles .image img{padding:1px; border:none; width:51px; height:51px;}
#sidebar .image-articles .cnt{float:right; display:inline; width:150px;}

#sidebar .text-articles .article{padding:8px 10px; font-size:12px;}
#sidebar .text-articles h4{font-size:13px;}

#content .articles h4{font-size:19px; font-weight:bold; color:#ccc; margin:4px 0 2px;}
#content .articles h4 a{text-decoration:none; color:#ccc;}
#content .articles h4 a:hover{color:#fff;}

#content .col-articles .image img{padding:1px; border:solid 1px #050505; width:194px; height:194px;}
#content .col-articles .article{float:left; display:inline; margin:17px 0 10px 15px; width:198px;}

#content .row-articles .article{padding:10px 15px 12px 15px; background:url(images/content-article-sep.gif) repeat-x 0 bottom;}
#content .row-articles .last-article{background:none;}
#content .row-articles .image{float:left; display:inline; width:80px;}
#content .row-articles .image img{width:80px; height:80px }
#content .row-articles .cnt{float:right; display:inline; width:530px;}
#content .row-articles h4{margin-top:0; line-height:20px;}
#content .row-articles h4 a{color:#e4e4e4;}

#slider{width:638px; height:357px; position:relative;}
#slider .buttons{position:absolute; top:250px; right:15px; z-index:101;}
#slider .buttons span{float:left; display:inline; width:28px; height:27px; font-size:0; line-height:0; text-indent:-4000px; cursor:pointer; margin-left:2px;}
#slider .buttons span.prev{background:url(images/button-prev.png) no-repeat 0 0;}
#slider .buttons span.next{background:url(images/button-next.png) no-repeat 0 0;}
#slider .holder{width:638px; height:357px; position:relative; overflow:hidden;}
#slider .content{height:357px; width:100000px; position:absolute; top:0; left:0;}
#slider .fragment{float:left; display:inline; width:638px; height:357px; list-style-type:none;}
#slider .fragment .image{position:relative; width:638px; height:287px;}
#slider .frame{width:638px; height:287px; position:absolute; top:0; left:0; z-index:100; background:url(images/slider-image-bg.png) no-repeat 0 0;}
#slider .frame{font-size:0; line-height:0; text-indent:-4000px;}
#slider .fragment .cnt{margin-top:5px; height:49px; background:url(images/slider-cnt-bg.gif) repeat-x; color:#fff; font-size:11px; 
	line-height:1.4; padding:8px 15px;}
#slider .fragment .cnt .side-a{float:left; display:inline; width:275px;}
#slider .fragment .cnt .side-b{float:right; display:inline; width:325px;}
#slider .fragment .cnt h4{font-size:19px; font-weight:bold; color:#212121; text-transform:uppercase; margin-bottom:5px;}
#slider .fragment .cnt .rating li{float:left; display:inline; list-style-type:none; font-size:9px; color:#050505; text-transform:uppercase; margin-right:1px;}
#slider .fragment .cnt .rating li .star{float:left; display:inline; width:15px; height:15px; font-size:0; line-height:0; text-indent:-4000px;}
#slider .fragment .cnt .rating li .empty-star{background:url(images/empty-star.gif);}
#slider .fragment .cnt .rating li .full-star{background:url(images/full-star.gif);}
#slider .fragment .cnt .rating li .votes{float:left; display:inline; margin-top:3px; margin-left:4px;}
  
#footer .copy{font-size:10px; color:#363636; text-transform:uppercase; text-align:right; padding:20px 0;}
#footer .copy a{ color:#363636;}
#footer .navs{background:#222 url(images/footer-navs-top.gif) no-repeat 0 0; 
	text-align:left; font-size:10px; text-transform:uppercase; color:#656565; height:100%; position:relative;}
#footer .navs .navs-bot{background:url(images/footer-navs-bot.gif) no-repeat 0 bottom; height:100%; position:relative;}
#footer .navs ul{margin:10px 0;}
#footer .navs ul li{list-style-type:none; display:inline; padding:0 6px;}
#footer .navs ul li a{color:#656565; text-decoration:none;}
#footer .navs ul li a:hover{text-decoration:underline;}


/* Random Mods 
===------------*/
.game-header-L{width:10px; height:38px; margin:auto auto; background:url(images/block-head-wide-L.png) top left no-repeat; float:left;}
.game-header-M{height:38px; margin:auto auto; background:url(images/block-head-wide-M.png) top left repeat-x; float:left;}
.game-header-R{width:10px; height:38px; margin:auto auto; background:url(images/block-head-wide-R.png) top left no-repeat; float:left;}
	.game-header-M h2{font-size:15px; font-weight:bold; color:#262727; position:relative; top:8px; left:10px; width:70%; overflow:visible}
	.game-header-M a{float:right; color:#212121; background:url(/templates/abeon/css/images/button-norm.png) top left no-repeat; width:70px; height:20px;
	font-size:0.8em; text-align:center; padding-top:4px; position:relative; top:8px; text-decoration:none}
	.game-header-M a:hover{background:url(/templates/abeon/css/images/button-hover.png) top left no-repeat; color:#7AB7E2}
	
.game-bg{background:#313131; text-align:left}
.game-bg p{text-align:left}
.game-footer-L{width:10px; height:5px; margin:auto auto; background:url(images/block-foot-L.png) top left no-repeat; float:left;}
.game-footer-M{height:5px; margin:auto auto; background:#313131; float:left;}
.game-footer-R{width:10px; height:5px; margin:auto auto; background:url(images/block-foot-R.png) top left no-repeat; float:left;}

.info-bg{background:#313131; text-align:left;width:408px; height:auto; padding:6px}
.info-bg img{float:right; width:75px; height:75px}
.info-bg img.left{float:left; width:60px; height:60px; padding-right:10px}
	.info-bg a{color:#FFF; font-weight:bold; text-decoration:none; font-size:1.2em}
	.info-bg a:hover{text-decoration:underline}
	.info-bg li{position:relative;left:15px;}
.rndm-sep{background:url(/templates/abeon/css/images/content-article-sep.gif) top left repeat-x; width:100%; position:relative; top:8px}
.msg-sep{background:url(/templates/abeon/css/images/content-article-sep.gif) top left repeat-x; width:100%; position:relative; top:8px}

/* Comments
===---------*/
.game_not_found {height:170px;padding-top:130px;}
.game_too_big {height:100px;padding-top:40px;}
#no_games {text-align:center;padding-top:30px;height:100px;}
/* 5 STAR RATING CSS */
#rateStatus{float:left; clear:both; width:100%; height:20px;}
    #rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
    #rateMe li{float:left;list-style:none;}
    #rateMe li a:hover,
    #rateMe .on{background:url(images/star.png) no-repeat;}
    #rateMe a{float:left;background:url(images/empty_star.png) no-repeat;width:24px; height:24px;}
    #ratingSaved{display:none;}
    .saved{color:red; }

.ratebox{float:left; width:125px; padding-right:10px}

.comments-bg{background:#313131; text-align:left; width:894px}
#comments ul{list-style:none; margin:0px; padding:0px; padding:8px 10px 15px 8px;}
#comments ul li {background-color:#313131;
	background-repeat:repeat-x;padding:8px;margin:0px auto;color:#FFF;line-height:150%;
	margin-bottom:8px;width:855px;/*border-bottom:1px solid #C4C4C4;*/}
.comment_avatar {float:left;margin-right:10px;}
.comment_content {float:left;width:790px;}
.comment_username {font-size:14px;
	padding-bottom:2px;padding-left:2px;
	font-weight:bold;color:#7AB7E2;
	text-align:left;}
.comment_username a{color:#FFF;}
.lighturl a {color:#9fb1c8;}
.thecomment {padding:4px;color:#A0A0A0;background-color:#313131;}
.new_comment_container{text-align:left;
	width:500px;margin:auto;padding:20px;}
.comment_button_container{padding-top:5px;text-align:right;width:490px;}
.add_comment_box{background-color:#999; border:thin solid #313131; width:80%;}
.comment-cont{width:700px; margin:auto auto;}
#comment_submit{position:relative; bottom:30px; background:url(/templates/abeon/css/images/button-norm.png) top left no-repeat;
	height:20px; width:70px; border:none}

#error_message {padding:5px 5px 5px 10px;
	background-color:#CCC; color:#900; text-align:center; font-weight:bold;
	margin-bottom:20px;}
#member_list {width:100%;}
#member_list td {border-bottom:1px solid #dfdfdf;
	height:40px;}
#member_list td a {color:#373737;}
#pm_task_complete {padding:5px 5px 5px 10px;
	background-color:#CCC; color:#093; text-align:center; font-weight:bold;
	margin-bottom:20px;}
#login_to_comment {text-align:center;padding:15px 0px 15px 0px;}



/* Pagination
===-----------*/
.page-select-box{background:url(/templates/abeon/css/images/page-bg-button.png) repeat-x; width:400px;}
ul.page-select-list{ height:30px; width:400px; background:none;}
.page-select-li{ display:inline; background:none;}
.page-select-li-mid{ display:inline; position:relative; bottom:8px}
			
.page-select-float{ float:left;}
.page-select-float-mid{float:left;background:url(/templates/abeon/css/images/page-bg-button.png) repeat-x; height:30px;}
.page-select-float-mid span{ position:relative; top:6px;}


.indproimg{height:60px; width:60px; float:left; padding-right:10px;}


/* Tables
==--------*/
table {width:625px; border:1px solid #000000; border-spacing:0px; }
table a, table, tbody, tfoot, tr, th, td {font-family:Arial, Helvetica, sans-serif;}

table caption {font-size:1.8em;
	text-align:left; text-indent:100px;
	background:url(../images/bg_caption.gif) left top;
	height:40px; color:#FFFFFF; border:1px solid #000000;}

thead th {background:url(../images/bg_th.gif) left;
	height:21px;color:#FFFFFF;
	font-size:0.8em;font-family:Arial;
	font-weight:bold;padding:0px 7px;
	margin:20px 0px 0px;text-align:left; }

tbody tr{background:#CCC;}

tbody tr.odd{background:#f0f0f0;}

tbody th {background:url(../images/arrow_white.gif) left center no-repeat;
	background-position:5px;
	padding-left:40px !important; }

tbody tr.odd th {
	background:url(images/arrow_grey.gif) left center no-repeat;
	background-position:5px;
	padding-left:40px !important; }

tbody th, tbody td {
	font-size:0.8em;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	padding:10px 7px;
	border-bottom:1px solid #800000;
	text-align:left; }

tbody a {
	color:#000000;
	font-weight:bold;
	text-decoration:none; }

tbody a:hover {
	color:#ffffff;
	text-decoration:underline; }

tbody tr:hover th {
	background:#800000 url(images/arrow_red.gif) left center no-repeat;
	background-position:5px;
	color:#ffffff; }

tbody tr.odd:hover th {
	background:#000000 url(images/arrow_black.gif) left center no-repeat;
	background-position:5px;
	color:#ffffff; }

tbody tr:hover th a, tr.odd:hover th a	{color:#ffffff;}

tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background:#800000; color:#ffffff; }

tbody tr.odd:hover td, tr.odd:hover td a{
	background:#000000;	color:#ffffff; }

tfoot th, tfoot td {
	background:#ffffff url(images/bg_footer.gif) repeat-x bottom;
	font-size:0.8em;
	color:#ffffff;
	height:21px; }

/* Auto Complete
==---------------*/
.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:-16px; 
	margin:6px 0 0 6px;  }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; 
	overflow:auto; margin:-6px 6px 6px -6px;  }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:bold; color:#3399FF; }