/* Abeon Tech
==------------
	www.abeon-hosting.com */

/* Colours
==---------
	Background: 	#83b8c0
	Orange: 		#f8941c
	Blue: 			#8dc540
	Green:			#64b62e
	Dark Blue:		#476067
	Links:			#278faa
*/

*{margin:0; padding:0; border:none}

/* Main styling
==--------------*/
body{background:url(../img/body_bg.png) top left repeat-x #83b8c0; font-family:Tahoma, Geneva, sans-serif}
.center{width:980px; margin:auto auto; text-align:center;}

input{background:url(../img/login_bg.png) top left no-repeat; height:20px; width:102px; border:none; 
	font-size:0.8em; color:#999;}

/* Links and text
==----------------*/
.orange{color:#f8941c}
.blue{color:#8dc540}
.green{color:#64b62e}
.dblue{color:#476067}

.bold{font-weight:bold; text-align:left;}
.small{font-size:0.8em}
.big{font-size:1.2em}

h2{color:#476067; padding-top:10px}
h3{background:url(../img/h3_bg.png) top left no-repeat; width:238px; height:40px; margin:auto auto;
	color:#476067; text-align:center; padding-top:8px}
h4{color:#278faa; text-align:left; font-weight:bold; font-size:1.2em}

#top_nav ul{ float:right; position:relative; right:25px; bottom:4px}
	#top_nav li{ display:inline; padding-right:10px}
	#top_nav li a{background:url(../img/topnav_btn.png) top left no-repeat;padding-left:20px; 
	color:#476067; font-size:0.8em; text-decoration:none}
	#top_nav li a:hover{text-decoration:underline}

.sidebar_ul ul{ position:relative; left:27px; top:10px; list-style:none;}
	.sidebar_ul li{height:26px; font-size:0.8em;background:url(../img/li_btn2.png) top left no-repeat;}
	.sidebar_ul li a{padding-left:28px; color:#278faa; font-size:1.2em; text-decoration:none; font-weight:bold;}
	.sidebar_ul li a:hover{padding-left:28px; color:#f8941c; font-size:1.2em; text-decoration:none}
	
.sidebar_pic_ul{float:left; position:relative; left:25px; width:220px; height:100px; border-bottom:thin dotted #b5c8cc; padding-top:10px}
	.sidebar_pic_ul p{float:right; text-align:left; width:215px; height:80px; font-size:0.7em}
	.sidebar_pic_ul p img{float:left; padding-right:6px;}
	.sidebar_pic_ul a{color:#278faa; font-size:1.2em; text-decoration:none; font-weight:bold}
	.sidebar_pic_ul a:hover{color:#f8941c; font-size:1.2em; text-decoration:underline}
	.sidebar_play_btn{position:relative; left:70px; top:8px}
	
#favbutton{background:url(../img/favourite_small.png) top left no-repeat; width:120px; height:30px; border:none; clear:both;
	font-size:0.8em; position:relative; left:35px}
	#favbutton a{color:#666; position:relative;top:6px; left:8px;}

.link_item{color:#f8941c; position:relative; width:580px; margin:auto auto; border-bottom:thin dotted #666; font-size:0.8em; padding-top:10px}
	
/* Containers
==------------*/
#left_cont{width:275px; float:left; text-align:left}
#right_cont{width:680px;float:right; text-align:left}

.main_bg{background:url(../img/main_bg.png) top left repeat-y; /* height:1024px; */ }

#logo{background:url(../img/main-logo.png) bottom left no-repeat; height:120px; width:980px;}

#top_search{width:275px; text-align:left; margin:6px 0 0 17px;}
	.search_lft{background:url(../img/topleft_bg.png) top left no-repeat; float:left; height:97px; width:25px;}
	.search_mid{background:url(../img/topmid1_bg.png) top left repeat-x; float:left; height:97px; width:280px;}
	.search_rgt{background:url(../img/topmid2_bg.png) top left repeat-x; float:left; height:97px; width:44px;}
	
	.top_menu{background:url(../img/topmid3_bg.png) top left repeat-x; float:left; height:97px; width:606px;}
	.top_menu_rgt{background:url(../img/topright_bg.png) top left no-repeat; float:left; height:97px; width:25px;}

#top_nav{float:right; width:580px; height:45px; position:relative; top:15px}
#login{clear:right;float:right; width:500px; height:40px}

#login_box{ width:400px; height:43px; float:right; padding-top:4px}
	.login_mid{background:url(../img/login_mid_bg.png) top left repeat-x; height:43px; width:374px; float:left}
	.login_lft{background:url(../img/login_lft_bg.png) top left no-repeat; width:7px; height:43px; float:left}
	.login_rgt{background:url(../img/login_rgt_bg.png) top left no-repeat; width:7px; height:43px; float:left}

.feat_top_lft{background:url(../img/feat_top_lft.png) top right no-repeat; width:20px; height:92px; float:left;}
	.feat_top_mid{background:url(../img/feat_top_mid.png) top left repeat-x; width:592px; height:92px; float:left}
		.feat_top_mid h2{color:#FFF; font-size:1.8em; padding-top:20px; padding-left:10px;}
	.feat_top_rgt{background:url(../img/feat_top_rgt.png) top left no-repeat; width:20px; height:92px; float:left}
	.feat_mid_bg{background:url(../img/feat_mid_bg.png) top right repeat-y; width:632px; height:220px; float:left;}
	.feat_mid_bg_spacer{background:url(../img/feat_mid_bg_spacer.png) top right no-repeat; width:632px; height:4px; float:left;}
	.feat_bottom_lft{background:url(../img/feat_bottom_lft.png) top left no-repeat; height:32px; width:22px; float:left}
	.feat_bottom_mid{background:url(../img/feat_bottom_mid.png) top left repeat-x; height:32px; width:589px; float:left}
	.feat_bottom_rgt{background:url(../img/feat_bottom_rgt.png) top left no-repeat; height:32px; width:22px; float:left}

.footer_lft{ background:url(../img/footer_lft.png) top left no-repeat; float:left; height:137px; width:19px;}
	.footer_mid{background:url(../img/footer_mid.png) top left repeat-x; float:left; height:137px; width:942px; padding-bottom:20px}
	.footer_rgt{background:url(../img/footer_rgt.png) top left no-repeat; float:left; height:137px; width:19px;}
	.footer_block{width:230px; text-align:left; float:left}
	.footer_block li{position:relative; left:20px; bottom:2px; font-size:0.8em; list-style:circle;}
	.footer_block a{color:#64b62e; text-decoration:none}
	.footer_block a:hover{color:#f8941c	; text-decoration:underline}

.game_cont{width:640px; margin:auto auto; text-align:center; float:left}

.info_cont{width:310px; margin:auto auto; text-align:center;float:left; padding-left:10px}
	.info_cont p{text-align:left; font-size:0.8em; width:280px; margin:auto auto}

.news_wrapper{width:570px;border-bottom:thin dotted #666; margin:auto auto; padding-top:10px}
	.news_image{width:60px; height:60px; float:left; padding-right:10px}
	.news_main p{width:560px;}

/* Misc
==------*/
.search_input{background:url(../img/search_bg.png) top left no-repeat; width:204px; height:24px;
	border:none; color:#476067; position:relative; top:6px;}
	.search_btn{ background:url(../img/search_btn.png) top left no-repeat; width:29px; height:24px;
		border:none; color:#FFF; font-weight:bold; position:relative; top:13px;}
.sbpic{width:80px; height:80px;}
.login_input{margin-top:10px;}
	.login_btn{ background:url(../img/search_btn.png) top left no-repeat; width:29px; height:24px;
		border:none; color:#FFF; font-weight:bold;}
	.login_mid span{position:relative;bottom:2px}

#break{ clear:both}
	.break_mid{background:url(../img/break_mid.png) top left repeat-x; width:938px; height:10px; float:left;}
	.break_lft{background:url(../img/break_lft.png) top left no-repeat; width:21px; height:10px; float:left}
	.break_rgt{background:url(../img/break_rgt.png) top left no-repeat; width:21px; height:10px; float:left}
	
.sidebar_all{clear:both;text-align:right;width:240px;}
	.sidebar_all a{background:url(../img/sidebar_all_btn.png) right no-repeat; padding-right:14px; font-size:0.6em; color:#f8941c}
	.sidebar_all a:hover{color:#278faa; text-decoration:none}
	
.cat_top_lft{background:url(../img/cat_top_lft.png) top left no-repeat; height:67px; width:20px; float:left}
	.cat_top_mid{background:url(../img/cat_top_mid.png) top left repeat-x; height:67px; width:283px; float:left}
	.cat_top_midf{background:url(../img/cat_top_mid.png) top left repeat-x; height:67px; width:383px; float:left}
	.cat_top_rgt{background:url(../img/cat_top_rgt.png) top left no-repeat; height:67px; width:60px; float:left}
	.cat_top_mid2{background:url(../img/cat_top_mid2.png) top left repeat-x; height:67px; width:250px; float:left}
	.cat_top_mid2full{background:url(../img/cat_top_mid2.png) top left repeat-x; height:67px; width:150px; float:left}
	.cat_top_rgt2{background:url(../img/cat_top_rgt2.png) top left no-repeat; height:67px; width:20px; float:left}
	.int{color:#09F;font-size:0.6em;float:right; clear:both}
	.intl{color:#09F; text-decoration:none}

.cat_mid_bg{background:url(../img/cat_mid_bg.png) top left repeat-y; width:633px;float:left;}
	.cat_mid_block{ width:290px; margin:auto auto; float:left; padding-left:10px; padding-bottom:10px}
	.cat_mid_block2{ margin:auto auto; padding-left:10px; padding-bottom:10px; text-align:center}
	.cat_mid_bg p{float:left; text-align:left; padding-bottom:10px; font-size:0.7em; 
		position:relative; left:20px;}
	.cat_mid_bg p img{float:left; padding-right:6px;}
	.cat_mid_bg a{color:#278faa; font-size:1.4em; text-decoration:none; font-weight:bold}
	.cat_mid_bg a:hover{color:#f8941c; font-size:1.4em; text-decoration:underline}
	.cat_mid_thumb{width:100px; height:100px;}
	.cat_play_btn{position:relative; left:15px;top:5px}

.cat_bottom_lft{background:url(../img/cat_bottom_lft.png) top left no-repeat; width:21px; height:61px; float:left}
	.cat_bottom_mid{background:url(../img/cat_bottom_mid.png) top left repeat-x; width:591px; height:61px; float:left}
	.cat_bottom_rgt{background:url(../img/cat_bottom_rgt.png) top left no-repeat; width:21px; height:61px; float:left}
	.cat_view_btn{float:right; padding-top:20px}
	
.embed_textbox{color:#CCC; width:280px; height:100px; border:thin solid #CCC}
#error_message{width:570px; font-size:0.8em; margin:auto auto; text-align:center; font-weight:bold}

.login_form{width:370px; font-size:0.8em; margin:auto auto;}
	.login_form a{font-size:0.8em}
	.login_form a:hover{font-size:0.8em}

.user_bar{width:370px; height:40px; color:#f8941c; font-weight:bold; font-size:0.8em; position:relative; top:4px; left:6px;}
	.user_bar a{color:#f8941c;}
	.user_bar img{position:relative; bottom:4px; right:6px;}
	
.mid_pos{width:580px; margin:auto auto;}
.profile_txt{ font-size:0.8em; color:#476067; width:550px; margin:auto auto}
.profile_txt a{font-size:0.8em}
.profile_txt a:hover{font-size:0.8em}

/* Required By AV Arcade
==-----------------------*/
/* REQUIRED CSS STYLES */
.game_not_found {
	height: 170px;
	padding-top: 130px;
	font-family: Arial;
}
#no_games {
	font-family: Arial;
	text-align: center;
	padding-top: 30px;
}
/* REQ: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(../img/star.png) no-repeat;}
    #rateMe a{float:left;background:url(../img/empty_star.png) no-repeat;width:11px; height:11px;}
    #ratingSaved{display:none;}
    .saved{color:red; }

/* Featured Slider
==-----------------*/
#slider{width: 595px; height: 357px; position: relative; bottom:25px; left:28px}
#slider .buttons{position: absolute; top: 275px; 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(../img/button-prev.png) no-repeat 0 0;}
#slider .buttons span.next{background: url(../img/button-next.png) no-repeat 0 0;}
#slider .holder{width: 595px; height: 357px; position: relative; overflow: hidden;}
#slider .content{height: 57px; width: 100000px; position: absolute; top: 0; left: 0;}
#slider .fragment{float: left; display: inline; width: 595px; height: 157px; list-style-type: none;}
#slider .fragment .image{position: relative; width: 595px; height: 127px;}
#slider .frame{width: 595px; height: 127px; 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(../img/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: 560px;}
#slider .fragment .cnt .side-b{float: left; display: inline; width: 560px; height:60px; color:#666;}
#slider .fragment .cnt h4{font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; margin-top: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;}

