@import "../../DarkElegantOrange/css/reset.css";@import "../../DarkElegantOrange/css/grid.css";@import url(//fonts.googleapis.com/css?family=Oswald);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%;}

body {font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#6a6a73; min-width:960px; background:url(../images/body_bg.jpg) 50% 0 no-repeat #000;padding:59px 0 0;}
.main {width:960px;padding:0;margin:0 auto;}
hr{ border: 0; border-bottom: 1px dashed #2e2e30; }
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;}
.extra_wrapper{ width:100%;overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bd_none{border:none !important;}
/*==================================== Links ======================================================== */
a {color:#6a6a73;outline:none; text-decoration:none; cursor:pointer;}
a:hover, .demo:hover{ color:#fff; text-decoration:none;}

.button1{ display:inline-block; padding:3px 10px 4px; border-radius:2px; margin: 0 0 0; font-size: 12px; color:#fff; background: url('../images/button1.png') repeat-x #2f2f2f; cursor: pointer;}
.button1:hover{ background:#676a66;}

.button2{ display:inline-block; padding:5px 16px 5px; border-radius:3px; margin: 0; font-size: 12px; color:#fff; background: url('../images/button2.png') repeat-x #D0B64D; box-shadow: inset 0 1px #D0B64D; cursor: pointer;}
.button2:hover{ background:#D0B64D;}

.button3{ display:inline-block; padding:5px 16px 5px; border-radius:3px; font-size: 12px; color:#fff; background: url('../images/button3.png') 0 -35px repeat-x #2f2f2f; box-shadow: inset 0 1px #525252; cursor: pointer;}
.button3:hover{background-position:0 0; box-shadow: inset 0 1px #D0B64D;background-color:#D0B64D;}

.demo{color:#84b904;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {margin: 0 10px 19px;}
   .top{background:#1e1e1f;border-radius:5px 5px 0 0;border-bottom:1px solid #404042;}
      .login{float:right;padding: 13px 21px 0 0;}
      .login a{font-size: 12px; color: #fff; font-weight:bold;}
      .login a:hover{color:#D0B64D;}
   .middle{overflow: hidden;background: url('../images/bg.jpg') repeat-x;padding: 22px 20px 26px 33px;box-shadow: 0 5px 5px #000;}
   .middle .h_banner{display:block;width:468px;float:right;height:38px;text-align:center;font-size: 17px; color: #555557;}
header h1{width:276px;padding-top:10px; float:left;}
header h1 a {display:block;width:400px;height:90px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

#search{float:right;padding:14px 15px 0 0;}
#search input{background:#e1e1e1;border-bottom:1px solid #f5f5f5;font-family:Arial, Arial, Helvetica, sans-serif;border-left:1px solid #dcdcdc;border-top:1px solid #b3b3b3;border-right:1px solid #dcdcdc;border-radius:3px;width:198px;font-size: 12px; color: #2f2f2f;padding: 5px 10px 4px;height:15px;}
#search button{margin-left:2px; border: 0; cursor: pointer;}

/*================================>> Menu 1 <<========================================*/
.nav{ position:relative; margin: 0px 0 0 0; padding: 12px 0 14px 21px;float:left;}
.bottom_nav .nav{padding: 12px 0 0 21px;}
.nav .menu-1 li, .menu .menu-1 li, .nav #user_cp_main_menu li {float:left;position:relative}

.nav .menu-1>li>a, .menu .menu-1>li>a, .nav #user_cp_main_menu>li>a{ font-size: 12px; line-height: 19px; color:#6a6a73;}
.nav .menu-1>li>a:hover, .menu .menu-1>li>a:hover,.nav .menu-1>li.current>a,
.nav #user_cp_main_menu>li>a:hover,.nav #user_cp_main_menu>li.current>a{color:#fff;}

.nav .menu-1>li, .nav #user_cp_main_menu>li{margin-right:20px;}
.menu .menu-1>li{margin-right:5px;}
.nav .menu-1 a, .menu .menu-1 a, .nav #user_cp_main_menu a{}

/*================================>> Menu 2 <<========================================*/
nav{ position:relative; margin: 0px 0 0 0;background:#1F1F1F;border-top:1px solid #404042;border-radius: 0 0 5px 5px;box-shadow: 0 5px 5px #000;}
nav .category_menu li {float:left;position:relative}
nav .category_menu>li:first-child{border-radius: 0 0 0 5px;}
nav .category_menu>li{background: url('../images/nav2_a.png') 0 -100px repeat-x;position:relative}
nav .category_menu>li:hover,.category_menu>li.current{background-position:0 0;}
/*nav .category_menu>li:after{background: url('../images/nav2_li.png') 0 0 no-repeat;width:2px;height:58px;display:block;position:absolute;top:-1px;right:-2px;content:"";}*/
nav .category_menu>li>a{display:block;position:relative; font-size: 17px; line-height: 21px; color:#fff;text-transform:none;padding: 16px 19px 20px 20px;}
nav .category_menu>li>a:hover,nav .category_menu>li.current>a{color:#2d2d2f;}

/*********************************content*************************************/
#content {padding:20px 0px 37px 0px;}
.cont_pad{padding:0px 0 37px 0 !important;}

/*================================>> aside <<========================================*/
aside{margin-bottom:36px;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:19px}
.p2{ margin-bottom:11px;}
.p3{ margin-bottom:15px;}
.p4{ margin-bottom:22px;}
/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{border-bottom:1px solid #2e2e30;padding-bottom:16px;margin-bottom:20px;}
.list1 a{font-size: 14px; line-height: 19px; color: #fff;}
.list1 a:hover{color:#81b504;}
.list_ind{margin-bottom:3px;}


/*================================>> H <<========================================*/
h2,h3,h4, h5{ font-weight:normal;}
h2, h3.heading{font-size: 17px; line-height: 23px; color:#fff;background: url('http://www.tbfmonline.co.uk/music/skins/Dark%20Elegant%20Orange/images/h2_bg.png') repeat-x #2b2b2d;padding: 11px 20px 13px; box-shadow: 0 5px 5px #000;}
h2.first, h3.first{border-radius:5px 5px 0 0;}
h2.first a { color:#fff; }
h2.first a:hover { color:#6a6a73; }

h2.ind{ padding-bottom:14px;}
h2.ind1{ margin-bottom:4px;}

h3{font-size: 12px; line-height: 19px; color:#D0B64D;text-transform:none !important;}
h3.ind1{ margin-bottom:13px;}
h3.ind2{ margin-bottom:9px;}
h3.ind1 a { color:#D0B64D; }
h3.ind1 a:hover { color:#fff; }

h4{font-size: 14px; line-height: 19px; color: #fff;margin-bottom:12px;}

h5{font-size: 15px; line-height: 19px; color: #fff;border-bottom:1px solid #2e2e30;padding-bottom:18px;margin-bottom:15px;}
/*================================>> GOOGLE FONTS  <<========================================*/
.category_menu>li>a, .menu-1>li>a, .menu-2>li>a, .vistip>li>a, #user_cp_main_menu>li>a, .sidebox>ul>li>a, .button1, .osw, .button2, h2,h3,h4,h5,.button3,.link1, .link2, footer .menu a,.mix, .list1{font-family: 'Oswald', sans-serif;text-transform:uppercase;}
/*================================>> hovers <<========================================*/
.category_menu>li>a, .category_menu>li, .menu-1>li>a, .menu-1>li, .menu-2>li>a, .menu-2>li, .vistip>li>a, .vistip>li, #user_cp_main_menu>li>a, #user_cp_main_menu>li, .button3,.link1,.link2, .gamespot a, .list1 a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

/* .box{background:#252526;border-radius:5px; margin-bottom: 10px;} */
.box{background: url(../images/frame.png);border-radius:5px; margin-bottom: 10px;box-shadow: 0 5px 5px #000;border-bottom:1px solid #000;}
.box h2{background: url(../images/frame1.png);}
.premium{background:#FFFACB;border-radius: 6px 6px 5px 5px;}
.sidebox{border-radius:5px;}
.sidebox h2{background: url(../images/frame2.png);}
.sidebox h2:first-child, .sidebox h3:first-child{border-radius:5px 5px 0 0;}
.sidebox h3{background: url(../images/frame2.png);}
.sidebox ul {background: url(../images/bg.jpg);padding: 16px 10px 18px 20px;}
.sidebox ul li { border-bottom:1px solid #2e2e30; padding: 5px;}
.sidebox ul li a { font-size: 12px; line-height: 19px; color:#D0B64D;}
.sidebox .category_menu>li.current a, .sidebox .menu-1>li.current a{color: #fff;}
.sidebox ul li a:hover { color:#fff; }
.sidebox ul.vistip li { border-bottom:none;}

.sub_box{padding: 16px 20px 17px 20px;}
.sub_box2{padding: 16px 10px 18px 10px;}
.sub_box3{padding: 16px 10px 22px 20px;}
.sub_box4{padding: 19px 40px 22px 15px;}

.topics{}
.topics>li{position: relative;}
.topics>li>figure{margin: 4px 20px 0 0; }
#in_out { position: absolute; bottom: 0; font-weight: bold; margin-top: 20px;}
#in_out > span {margin-right: 7px;}
#in_out a {font-weight: normal;}
.topics h4{margin-bottom:12px;}

.link1{font-size: 12px; line-height: 19px; color: #D0B64D;display:inline-block;margin-top:16px;}
.link1:hover{color:#fff;}

.link2{font-size: 12px;color: #fff;display:inline-block;margin-top:12px;}
.link2:hover{color: #D0B64D;}

.b_ind{margin-top:31px;}

.latest_r{padding-bottom:1px;}
.latest_r>li{border-bottom:1px solid #2e2e30;padding-bottom:14px;margin-bottom:17px;}
.reviewli>div{}
.review>figure{margin: 4px 18px 0 0;}
.latest_r .text{clear: both;padding: 16px 0 0 0;margin: 0 0 0 0px;}
.review h4{line-height:22px;margin-bottom:0;}

.video{padding: 1px 0 0 0;}
.video>li{padding-bottom:25px;}

.m_bot1{margin-bottom:20px;}
.m_bot2{margin-bottom:18px;}

.green{color:#D0B64D;}

.games_list{padding-bottom:23px;}
.games_list a{color:#fff;}
.games_list a:hover{color:#77a50a;}
.games_list>li{border-bottom:1px solid #2e2e30; padding-bottom:15px;margin-bottom:16px;}

.pagination {
    text-align: center;
    padding: 20px 0;
}
.pag_links { display:inline-block; padding:5px 8px; border-radius:3px; font-size: 12px; color:#fff; background: url('../images/button3.png') 0 -35px repeat-x #2f2f2f; box-shadow: inset 0 1px #525252;}
.pag_links:hover, .pag_links .current{ background-position:0 0; box-shadow: inset 0 1px #c9e703;background-color:#81b504; }
.pag_links a {color:#fff;}

.breadcrumb {font-size: 11px;}
#social_block {
position: absolute;
top: 0;
margin-left: 630px;
width: 60px;
background: #252526;
padding: 9px;
border-left: 0;
box-shadow: 0px 1px 7px #000;
}
.social_pages {
     height: 25px;
     margin-top: 10px;
}
a.stats_vote {
    background: #D0B64D;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 0 3px #000;
    display: block;
    color: #fff;
    text-shadow: 1px 1px 2px #63a725;
    margin: 15px 0;
}
a.stats_vote:hover {background: #D0B64D;box-shadow: 0 0 1px #000;}
.lightbg1 { padding: 20px 0 20px 0;}
.stats_inline_block {
      display: inline-block;
      width: 100%;
      margin-top: 20px;
}

.lightbg1 {
	padding: 20px 0 20px 0;
}

#user_cp_content {
     padding: 0 20px 30px 0;
}

#user_cp_score {
     float: right;
     width: 200px; 
     padding: 0 10px;
}
.site-list li {
      display: -moz-inline-stack;
	display: inline-block;
      zoom:1;
      *display:inline;
}

.site-list li a,.site-list a{
	display: block;
	width: 270px;
	padding: 8px;
	margin: 4px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 5px;
}


/****************************footer************************/
footer {padding:28px 0 40px;border-top:1px solid #2e2e30;margin:0px 10px 0;overflow:hidden;}
footer .menu{padding: 8px 0 0;float:left;}
footer .menu a{display:inline-block;margin: 0 17px 0 0; text-transform:uppercase;color:#6a6a73;}
footer .menu a:hover, footer .menu a.current{color:#fff;}
footer .privacy{float:right;}
footer .privacy span{display:inline-block;padding-top:10px;}


/* Table Defaults */
table { width: 100%; clear:none;}
table td {vertical-align: middle;
padding: 3px 0;
text-align: center;}
th {
	white-space:nowrap;
	text-align: center;
	padding: 10px 13px;
	background: #efefef url(../images/lightbg.jpg) top left repeat-x;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #f2f2f2;
	font-family: trebuchet ms, arial, sans-serif;
	font-weight: bold;
}

fieldset {
    background: #252526;
	border: 1px solid #2e2e30;
    padding: 10px;
    -moz-border-radius: 15px;
	border-radius: 15px;
}
legend {
	margin: 5px 0;
	padding: 3px 10px;
	background: url("themeroller/images/ui-bg_inset-soft_44_648d01_1x100.png") 50% 50% repeat-x #648D01;
	color: #fff;
	border-radius: 7px;
	width: 80%;
    box-shadow: 0 5px 5px #000;
	border: 1px solid #2e2e30;
    font-weight: bold;
}
textarea, input{
	font-family: sans-serif;
	font-size: 12px;
	padding: 6px;
	border: 1px solid #2e2e30;
	border-radius: 7px;
	color: #666;
}
select {
 	border: 1px solid #2e2e30;
	padding: 2px;
	color: #666;
}
option, .op option {color: #666; padding: 3px; font-size: smaller;}
a.button4 {
	font-family: sans-serif;
	font-size: 12px;
	padding: 6px;
	border: 1px solid #2e2e30;
	border-radius: 7px;
    color: #fff;
}
.button4{ 
    background: url("themeroller/images/ui-bg_inset-soft_44_648d01_1x100.png") 50% 50% repeat-x #648D01;
    border: 1px solid #3C5502;
    color: #fff; 
    font-weight: bold;
    cursor: pointer;
}
.button4:hover{background: url("themeroller/images/ui-bg_highlight-soft_33_3c5502_1x100.png") 50% 50% repeat-x #3C5502;}



.inline_block {
    display: -moz-inline-stack;
	display: inline-block;
    zoom:1;
    *display:inline;
}
.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
}

.terms {height: 120px; overflow: auto; font-size: 9px;}

a.help { color: #f00; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333; }

.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.left { float: left; margin: 0 10px 10px 0; }
.right { float:right; }
.center { text-align: center; }
.small { font-size: 11px; }
.taright {margin:0 auto; width: 960px; text-align:right; color: green;}
.screenshot { border: 2px solid #fff; box-shadow: 0px 0px 5px #000; }

#tiptip_content { width: 400px; }

.ui-widget-content .ui-tabs-hide {display:none;}