@charset "utf-8";
/* 
	BlackXperience - CSS Document
	- www.blackexperience.com -
	Powered By PT. RedBuzz Mediatama
*/

/* RESET */
html, 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, caption, tbody, tfoot, thead, th, input {margin: 0;padding: 0;border: 0;outline: 0;}
body{background:transparent;line-height: 1; color:#999;font: normal 12px "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial, "sans-serif";vertical-align: baseline; margin: 0 0 10px 0; padding:0}
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;}
a{ text-decoration:none; color:#CC0000}
a:hover{ text-decoration:underline}
a:visited{ color:#CC0000}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
h5,h6,.h5,.h6{margin:0}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{ margin:3px 0;}
h1, .h1 {font-size:197%}
h2, .h2{font-size:153.9%}
h3, .h3{font-size:116%}
h4, .h4{font-size:93%}
h5, .h5 {font-size:85%; line-height: 140%}
h6, .h6 {font-size:77%}
h6 a{color:#333}
small{font-family:Helvetica, Arial, "sans-serif"; font-size:11px; color:#999;}

/*PROPERTIES*/
.fl{float:left}
.fr{float:right}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.cleaner{clear:both;}
.spacer{width:auto;height:10px;}

/*BACKGROUND*/
.bg1{background:transparent url(../images/bxshape1.png) no-repeat;}
.bg2{background:transparent url(../images/bxshape2.png) repeat-y; }
.bg3{background:transparent url(../images/bxshape3.png) no-repeat;}
.bg4{background:url(../images/bxlatest-left.png) no-repeat left bottom;}
.bg5{background:url(../images/bxlatest-mid.png) no-repeat left bottom;}
.bg6{background:url(../images/bxlatest-right.png) no-repeat left bottom;}
.bg7{background:url(../images/titlebg1.png) top no-repeat;}
.bg8{background:url(../images/dot1.png) left top no-repeat;}
.bg9{background:url(../images/titlebg2.png) left top no-repeat;}
.bg10{background:url(../images/back-black1.png) repeat;}
.bg11{background:url(../images/back-black2.png) repeat-x;}
.bg12{background:url(../images/back-black3.png) no-repeat;}
.bg13{background:url(../images/back-search1.png);}
.bg14{background:url(../images/back-tile6.jpg) repeat-x #000;}

/*LAYOUT*/
.wrap{width:1040px; position:relative;margin:0px;}
.s1{width:auto;height:154px;}
.s2{width:1040px;height:auto;overflow:hidden;}
.s3{width:auto;height:118px;}
.plr23{padding-left:23px; padding-right:23px;}
.plr25{padding-left:25px; padding-right:25px;}
.mtl10{margin-top:10px; margin-left:10px;}
.mtr10{margin-top:10px; margin-right:10px;}
.mlr10{margin-left:10px; margin-right:10px;}
.m10{margin:10px;}
.m5{margin:5px;}
.p8{padding:8px;}
.plr10{padding-left:10px; padding-right:10px;}
.d1040{width:1040px}
.d665{width:665px;}
.d320{width:320px;}
.d250{width:250px;}
.d400{width:400px;}
.d800{width:900px;}
.d50{width:50px;}

/*BUTTON*/
.btn1 a, .btn1 {float:right; background:url(../images/bxbtn1.png); width:75px; height:21px; text-decoration:none; line-height:20px; font-size:10px; font-weight:bold;}
.btn1 a{background-position: 0px 0px; text-align:center; color:#FFF; }
.btn1 a:hover{background-position: 0px -22px; color:#e0dac8;}
.btn1 a:active{background-position: 0px -44px; color:#F00;}

/*BUTTON SPAM*/
.btn2 a, .btn2 {float:right; background:url(../images/bxbtn2.png); width:75px; height:21px; text-decoration:none; line-height:20px; font-size:10px; font-weight:bold;}
.btn2 a{text-align:center; color:#FFF; }
.btn2 a:hover{color:#000000;}
.btn2 a:active{color:#F00;}

/*BUTTON SUBMIT & LOGIN COMMENT FORM*/
.btn3{padding:0em 1em 0.2em 1em;height:2em;background:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;vertical-align:middle;cursor:pointer;overflow:visible;color:#000000;font-size:11px;font-weight:bold;}
.btn3:hover, .btn3:focus{background:#e9c356;outline:0;}
.btn3:active{background:#e9c356;}

/*BUTTON MORE*/
.btn4{padding:0em 1em 0.2em 1em;height:2em;background:#999;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;white-space:nowrap;vertical-align:middle;cursor:pointer;overflow:visible;color:#000000;font-size:11px;font-weight:bold; width:635px; text-align:center; padding-top:5px;}
.btn4:hover, .btn3:focus{background:#e9c356;outline:0;}
.btn4:active{background:#e9c356;}

/*TOP FRAME*/
#tf1{padding:0px;height:40px; width:auto;}
#tf2{height:1px; width:auto;}
#tf3{padding-right:10px; width:333px; height:36px;}
#tf1 a{color:#900}

/*HEADER*/
#logo{background:transparent url(../images/bx-logo.png) no-repeat; width:590px; height:136px; float:left; z-index:8000; position:absolute; top:-40px;}
#spacer{height:40px; clear:both;}
#headernav a{
	color:#C00;
}

/* GLOBALHEADER */
#globalheader { width:900px; height:62px; position:absolute; margin-top:45px; left:70px; z-index:800;}
#globalheader #globalnav { margin: 0; padding: 0;}
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; height: 0; padding-top: 62px; overflow: hidden;}
#globalheader #globalnav li a,
#globalheader { background-image: url(../images/navigation-bar.png); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-events a { background-position: 0px 0px; width:70px;}
#globalheader #globalnav li#gn-automotive a { background-position: -70px 0;width:104px;}
#globalheader #globalnav li#gn-inntech a { background-position: -174px 0; width:197px;}
#globalheader #globalnav li#gn-entertainment a { background-position: -371px 0;width:127px;}
#globalheader #globalnav li#gn-community a { background-position: -498px 0; width:98px;}
#globalheader #globalnav li#gn-merchandise a { background-position: -596px 0; width:113px;}
#globalheader #globalnav li#gn-forum a { background-position: -709px 0; width:65px;}
#globalheader #globalnav li#gn-contact a { background-position: -774px 0; width:126px;}

/* OVER STATES */
#globalheader #globalnav li#gn-events a:hover { background-position: 0px -62px; width:70px;}
#globalheader #globalnav li#gn-automotive a:hover { background-position: -70px -62px;width:104px;}
#globalheader #globalnav li#gn-inntech a:hover { background-position: -174px -62px; width:197px;}
#globalheader #globalnav li#gn-entertainment a:hover { background-position: -371px -62px;width:127px;}
#globalheader #globalnav li#gn-community a:hover { background-position: -498px -62px; width:98px;}
#globalheader #globalnav li#gn-merchandise a:hover { background-position: -596px -62px; width:113px;}
#globalheader #globalnav li#gn-forum a:hover { background-position: -709px -62px; width:65px;}
#globalheader #globalnav li#gn-contact a:hover { background-position: -774px -62px; width:126px;}

/* PRESSED STATES */
#globalheader #globalnav li#gn-events a:active { background-position: 0px -124px; width:70px;}
#globalheader #globalnav li#gn-automotive a:active { background-position: -70px -124px;width:104px;}
#globalheader #globalnav li#gn-inntech a:active { background-position: -174px -124px; width:197px;}
#globalheader #globalnav li#gn-entertainment a:active { background-position: -371px -124px;width:127px;}
#globalheader #globalnav li#gn-community a:active { background-position: -498px -124px; width:98px;}
#globalheader #globalnav li#gn-merchandise a:active { background-position: -596px -124px; width:113px;}
#globalheader #globalnav li#gn-forum a:active { background-position: -709px -124px; width:65px;}
#globalheader #globalnav li#gn-contact a:active { background-position: -774px -124px; width:126px;}

/* ON STATES */
#globalheader.events #globalnav li#gn-events a { background-position: 0px -186px !important; width:70px; }
#globalheader.automotive #globalnav li#gn-automotive a { background-position: -70px -186px !important;width:104px;}
#globalheader.inntech #globalnav li#gn-inntech a { background-position: -174px -186px !important; width:197px;}
#globalheader.entertainment #globalnav li#gn-entertainment a { background-position: -371px -186px !important;width:127px;}
#globalheader.community #globalnav li#gn-community a { background-position: -498px -186px !important; width:98px;}
#globalheader.merchandise #globalnav li#gn-merchandise a { background-position: -596px -186px !important; width:113px;}
#globalheader.forum #globalnav li#gn-forum a { background-position: -709px -186px !important; width:65px;}
#globalheader.contact #globalnav li#gn-contact a { background-position: -774px -186px !important; width:126px;}

/* BREADCRUMB */

#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    height:30px;
    line-height:30px;
	border-bottom:1px dotted #333;
    color:#DDD;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('../images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#999;
}

.home
{
    border: none;
    margin: 8px 0px;
}
#breadcrumb a:hover
{
    color:#C00;
}

/* COMMENT */
.small2{font-family:Helvetica, Arial, "sans-serif"; font-size:11px; color:#777;}
.fwhite{color:#ffffff;font-weight:bold;}
.inputComment{padding:3px; background-color:#000000; color:#999999; border:#555 solid 1px; font-size:12px;}
.selectable{padding:3px; background-color:#000000; color:#999999; border:#555 solid 1px; font-size:12px;}
.selectable1{padding:3px; background-color:#000000; color:#999999; border:#555 solid 1px; font-size:12px;}
.selectable2{padding:3px; background-color:#000000; color:#999999; border:#555 solid 1px; font-size:12px;}
.selectable3{padding:3px; background-color:#000000; color:#999999; border:#555 solid 1px; font-size:12px;}

#accordion{text-decoration:none;color:#e9c356;font-weight:bold;}
#accordion:hover{text-decoration:none}
#accordion:visited{color:#e9c356}

/* MAIN SUB NAV */
#mainsubnav a {
	color:#FFF;
}

#mainsubnav a:hover{
	color:#F00;
}