@charset "utf-8";
/* CSS Document */


/*
- Site: GForce
- Date: 2010-01
- Development: FUSIONn
- CSS: Eduardo Schenzer

*/

/* --------------- GRAL --------------- */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* body { line-height: 1; } */
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

table {	border-collapse: collapse; border-spacing: 0; }

/* Gral */

body { padding: 0 0 15px 0; background: #000 url(../img/gral_bg.jpg) no-repeat center top; font-size: 12px; color: #fff; }
div,td,* { font-family: Arial, Helvetica, sans-serif; }
form { margin: 0; }
img { border: 0; }
a { color: #ab0000; }
a:hover { color: #ec1c24; }
p { }
td { vertical-align: top; }
ul,ul li { margin: 0; padding: 0; list-style-type: none; }
fieldset { border: none; padding: 0; margin: 0; }
input,select,textarea { font-size: 12px; color: #333; }
h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; }
.gralClear { clear: both; height: 1px; overflow: hidden; visibility: hidden; }
hr { height: 1px; margin: 0 auto 20px auto; border: 0; background-color: #626262; color: #626262; }
.separator { height: 1px; background: #9d9d9d; border-bottom: 1px solid #FFF; overflow: hidden; font-size: 1px; margin-top: 5px; margin-bottom: 5px; }

/* --------------- LAYOUT --------------- */

#container { background: url(../img/footer_bg.png) no-repeat center bottom; }
#content { width: 1004px; margin: 0 auto; border: 2px #fff; border-style: none solid solid solid; border-bottom-width: 3px; background: #1c1c1c url(../img/cont_bg.png) repeat-x 0 0; }
#header { height: 157px; padding-top: 1px; background: url(../img/header_bg.jpg) no-repeat 0 0; position: relative; }
.mainCont { padding: 0 12px; overflow: hidden; }
#footer { width: 1000px; margin: 0 auto; min-height: 50px; padding: 40px 10px 10px; background: url(../img/logo-gforce-bw.png) no-repeat center 20px; }

/* Header */
#header h1 { margin: 0 auto 0 auto; width: 148px; height: 158px; background: url(../img/logo-gforce.png) no-repeat right center; }
#header h1 a { display: block; width: 138px; height: 158px; padding: 0; text-indent: -200px; overflow: hidden; }

#header ul { position: absolute; top: 66px; width: 423px; background: url(../img/menu_bg.png) no-repeat 0 0; }
#header ul#menu1 { left: 0; padding-right: 10px; text-align: center; background-position: left 0; }
#header ul#menu2 { right: 0; padding-left: 10px; text-align: center; background-position: right 0; }

#header ul li { display: inline; background: url(../img/menu_separator.png) no-repeat left center; font-size: 14px; line-height: 36px; text-transform: uppercase; }
#header ul li:first-child,
#header ul li.first-child { background: none; }
#header ul li a { display: inline-block; padding: 0 9px 0 7px; line-height: 36px; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363636; text-decoration: none; }
#header ul li a:hover { color: #000; }

#header ul li.active > a { color: #fff; }
#header ul li.active > a { background: #d01920 url(../img/menu_bg_active.png) repeat-x 0 0; }

/* Submenu */

#header ul li { position: relative; }
#header ul li ul { display: none; position: absolute; left: 0; top: 25px; width: auto; background: #757373 none; border: 2px solid #757373; }
#header ul li:hover ul { display: block; }
#header ul li ul li { display: block; background: #a9a7a8 url(../img/menu_sub_bg.png) repeat-x 0 0; border: 1px solid #757373; line-height: 22px; padding: 0; }
#header ul li ul li:first-child,
#header ul li ul li.first-child { background: #a9a7a8 url(../img/menu_sub_bg.png) repeat-x 0 0; }
#header ul li ul li.active { background: #d01920 url(../img/menu_sub_bg_active.png) repeat-x 0 0; }
#header ul li ul li a { display: block; line-height: 22px; text-align: center; white-space: nowrap; zoom: 1; }

/* Footer */

#footer { font-size: 11px; color: #9c9c9c; }
#footer ul { float: left; width: 40%; margin-left: 5%; text-align: right; display: inline; }
#footer ul li { display: inline; padding: 0 8px 0 6px; background: url(../img/footer_menu_separator.png) no-repeat right center; white-space: nowrap; }
#footer p { float: left; width: 40%; margin-left: 10%; line-height: 2.5em; display: inline; }
#footer a { color: #9c9c9c; text-decoration: none; }
#footer a:hover { color: #ab0000; }

/* --------------- CONTENT --------------- */

#mainFlash { margin-bottom: 12px; }

#blFlashBottom { clear: left; float: left; width: 728px; height: 90px; margin-right: 8px; }
#blSocialLinks { float: left; width: 243px; height: 90px; margin-bottom: 10px; background: #020303 url(../img/social_links_bg.png) repeat-x 0 0; }

#blSocialLinks h2 { padding: 0 10px; border-bottom: 1px solid #242424; font-size: 14px; font-weight: bold; color: #ccc; line-height: 23px; text-transform: uppercase; }
#blSocialLinks ul { margin: 10px 0 0 0; }
#blSocialLinks li { float: left; width: 50px; height: 55px; margin-left: 10px; background: url(../img/social_links.png) no-repeat 0 0; display: inline; }

#blSocialLinks #socTwitter { background-position: -5px 0; }
#blSocialLinks #socFacebook { background-position: -63px 0; }
#blSocialLinks #socMySpace { background-position: -120px 0; }
#blSocialLinks #socYouTube { background-position: -177px 0; }

#blSocialLinks li a { display: block; width: 50px; height: 55px; text-indent: -500px; overflow: hidden; }

.tabs { padding: 4px 10px 0 50px; background: #1f1f1f url(../img/tabs_bg.png) repeat-x 0 0; }
.tabs li { display: inline; padding: 0 10px 0 10px; font-size: 11px; line-height: 26px; text-transform: uppercase; }
.tabs li a { color: #fff; text-decoration: none; }
.tabs li.active { padding: 0; }
.tabs li.active a { display: inline-block; width: 110px; background: url(../img/tabs_active_bg.png); color: #ec1c24; text-align: center; }

.navigation li { position: absolute; top: 80px; width: 26px; height: 60px; overflow: hidden; }
.navigation li.prev { left: 1px; background: url(../img/gallery_prev.png) no-repeat; }
.navigation li.next { right: 1px; background: url(../img/gallery_next.png) no-repeat; }
.navigation li a { display: block; width: 26px; height: 60px; text-indent: -500px; }

.pagination { padding: 5px 10px; border-top: 1px solid #242424; text-align: right; font-size: 11px; }
.pagination li { display: inline; }
.pagination li a { padding: 0 5px; color: #aaa; text-decoration: none; }
.pagination li.active a { color: #ec1c24; }

/* Home */

.blHome { float: left; height: 330px; margin-bottom: 10px; border: 1px solid #242424; background: #000 url(../img/block_bg.png) no-repeat 0 42px; }
.blHome h2 { padding: 0 30px; border-bottom: 1px solid #242424; background: url(../img/title_bg.png) no-repeat 0 0;
			line-height: 42px; font-size: 18px; font-weight: bold; color: #ccc; text-transform: uppercase; }

#homeGallery { position: relative; height: 220px; }
#homeGallery .gallery { height: 180px; }

#bl_welcome { width: 413px; margin-right: 9px; }
#bl_media { width: 554px; }

#bl_welcome .blCont { padding: 12px 8px; }
#gallery_welcome li { text-align: center }

/* Inner Pages */

#sidebar { float: left; width: 190px; margin-right: 16px; margin-bottom: 10px; }
#contentBar { float: left; width: 770px; min-height: 650px; margin-bottom: 10px; border: 1px solid #242424; background: #000 url(../img/cont_bg_inner.png) no-repeat 0 0;
				font-size: 14px; color: #bbb; }
.contentBar h2 { padding: 0 30px; border-bottom: 1px solid #242424; background: url(../img/title_bg_inner.png) no-repeat 0 0;
			line-height: 42px; font-size: 18px; font-weight: bold; color: #ccc; text-transform: uppercase; }
.contentBar .blContent { padding: 20px; }
.contentBar p { padding-bottom: 1em; line-height: 1.4em; }
.contentBar h3 { font-weight: bold; color: #ab0000; margin-bottom: 1em; }
.contentBar ul { padding-bottom: 1em; }
.contentBar li { padding: 0 0 0 15px; background: url(../img/bullet.png) no-repeat 0 .6em; line-height: 1.6em; }

.bl_fighter { margin-bottom: 20px; padding: 20px 20px 10px 20px; border: 1px solid #242424; background: #000 url(../img/fighter_bg.png) no-repeat; overflow: hidden; }
.bl_fighter .blImg { float: left; margin-right: 20px; }
.bl_fighter .blImg img { width: 170px; height: 170px; border: 1px solid #242424; }
.bl_fighter .blTable { float: left; width: 480px; padding-left: 12px; border-left: 1px solid #181818; font-size: 14px; }
.bl_fighter .blTable table { width: 100%; }
.bl_fighter .blTable th { padding: 1px 10px; background: #181818; border: 2px solid #000; text-align: left; line-height: 1.4em; }
.bl_fighter .blTable td { padding: 1px 5px; background: #181818; border: 2px solid #000; border-left-width: 8px; text-align: left; line-height: 1.4em; }
.bl_fighter .blTable td.name { color: #ec1c24; }

.bl_fighter {  }
.bl_fighter .fightCard { margin: 10px auto; width: 90%; }
.bl_fighter .fightCard td { padding: 5px 10px; font-size: 12px; }
.bl_fighter .fightCard td:first-child { width: 30px; padding-right: 5px; padding-left: 5px; }
.fightCard .cardLeft { text-align: right; }
.fightCard .cardRight { text-align: left; }
.fightCard td.cardVs { padding: 3px 20px; font-size: 16px; font-weight: bold; color: #ab0000; text-align: right; }

.contentBar .tabs { padding: 4px 10px 0 50px; background: #1f1f1f url(../img/tabs_bg.png) repeat-x 0 0; }
.contentBar .tabs li { display: inline; padding: 0 10px 0 10px; background: none; font-size: 11px; line-height: 26px; text-transform: uppercase; }
.tabs li.active { padding: 0; }

.contentBar .pagination { padding: 5px 10px; }
.contentBar .pagination li { display: inline; padding: 0; background: none; }

.blGallery .tabs { padding-top: 8px; }
#contGallery { position: relative; height: 370px; background: #000; }
#contGallery .navigation li { position: absolute; top: 160px; width: 26px; height: 60px; padding: 0; overflow: hidden; }

.gallery { height: 315px; padding: 30px 15px 0px 35px; overflow: hidden; }
.gallery li { float: left; margin: 0 20px 10px 0; padding: 0; background: none; display: inline; }

#countdownWrap { position: absolute; left: 0; top: 0; width: 250px; padding: 3px 35px; font-size: 13px; font-weight: bold; color: #fff; text-align: left; }
#countdownWrap a { color: #fff; }
#countdownWrap a:hover { color: #bbb; }
#countdown { font-size: 18px; color: #EC1C24; }