/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Perform Global reset to remove browser defaults
- Style default (X)HTML elements
----------------------------------------------------------------------------------------------------------------------*/

/* == Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

/* == Base Element Styling
------------------------------------------------- */

body
{
    color: #eee;
    font-family: Arial, Sans-Serif;
    font-size: 75%;
    background: #010101;
    text-align: center;
    letter-spacing: -0.8px;
}

h1, h2{font-size: 220%;letter-spacing: -1px;margin-bottom: 15px;}
h3{font-size: 140%;letter-spacing: -1px;margin-bottom: 0px;font-weight: bold;}
h4{font-weight: bold;margin: 0 0 5px 0;}
h5{}
h6{}
/* alternative heading style */
.headAlt{}
body#home h1, body #wrap .titleHome{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: 0px -322px;}
body#news h1, body #wrap .titleNews{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px 0;}
body#live h1, body #wrap .titleLive{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px -37px;}
body#videos h1, body #wrap .titleVideos{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px -78px;}
body#photos h1, body #wrap .titlePhotos{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px -117px;}
body#blog h1, body #wrap .titleBlog{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px -158px;}
body#music h1, body #wrap .titleMusic{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px -202px;}
body#shop h1, body #wrap .titleShop{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px -241px;}
body#forum h1, body #wrap .titleForum{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -149px -280px;}
body#signup h1, body #wrap .titleSignup{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -148px -360px;}
body#notFound h1, body #wrap .titleNotFound{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: 0px -407px;}
body#comps h1, body #wrap .titleComps{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: 0 -452px;}
body#contact h1, body #wrap .titleComps{background: transparent url(../_img/sprite/main.gif) no-repeat top left;background-position: -149px 0;height:0px !important; overflow: hidden; padding: 36px 0 0 0;color: #010101;background-position: -150px -493px}

p{margin: 10px 0;line-height: 1.5em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px;list-style-image: url(../_img/bullet.gif);}
ul li{margin: 3px 0;}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 3px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #111;padding: 3px 8px;background: #111;font-weight: bold;}
tr{}
td{border: solid 1px #111;background: #323232;padding: 3px 8px;vertical-align: top;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

tbody tr.rowalt{}

/** Set default styles for form elements **/
form{}
fieldset{}
legend{}
input, .input, .inputDisabled, .inputArea {
     margin:1px 0 1px 0;
     font-family:Arial, verdana;
     background: #eeeeee url(../_img/input-bg.gif) bottom left repeat-x;
     border: solid 1px #a5acb2;
     padding: 5px;
     color: #111;
     font-weight: bold;
}
.inputLarge, textarea{border: solid 1px #a5acb2;background: #eeeeee url(../_img/input-bg.gif) bottom left repeat-x;font-family: Arial;color: #747474;}
select, .select{float:left;font-size: 95%;background-color: #040404 !important;font-family: Arial;color: #fff !important; margin-bottom: 5px; padding:1px 0 1px 0;border: solid 1px #a5acb2;margin-top: 1px;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
.radio, .checkbox input{width:auto;cursor: pointer;border: 0; background: transparent;float: left;}
.checkbox{background:#f3f3f3;border: solid 1px #ddd;padding: 1px 2px;float: left;margin-left: 174px;}
.checkbox label{width: 200px;float: left;font-size: 85%; font-weight: bold;}
label, .label{float: left;text-align: left;margin: 0px 5px 0 0; width: 20%;color:#e9f9ec;padding: 6px 0 3px 0;font-weight: bold;}
.btn, .btnlnk 
{
    background-image: none;
    background: #010101;
    border: 1px #373636 solid;
    color: #fff; 
    width: auto;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;
    letter-spacing: 0;
    padding: 5px;
}
a.btn, a.btnlnk{padding: 5px 10px 7px 10px;}
a.btn:hover, a.btnlnk:hover{background: #fff;color: #000;}


/** provide width classes to stack onto inputs **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #999;clear:both;}
div.hr hr{display:none;}

a{color: #f3ed7f;}
a:hover{text-decoration: none;}
a.imgBorder{padding: 6px;border: solid 1px #2c2b2b;background: #181818;margin: 0 0 5px 0;}
a.imgBorder:hover{background: #2c2b2b}

a.small{color:#000}

/** To remove dotted outline on links **/
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}

img{vertical-align: bottom;}

/* = Independent Global Styles
------------------------------------------------- */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
.hide{display: none;}
/** clearing **/
.clr{clear: both;}
.clrSml, .clrz{clear: both;line-height:1px;height:1px;}
.clrLeft{clear: left;}
.clrLeftSml{clear: left;line-height:1px;height:1px;}
.clrRight{clear: right;}
.clrRightSml{clear: right;line-height:1px;height:1px;}
/** presentation **/
.standoutText{color: #f3ed7f;}
.sml{font-size:90%;}
.vmiddle{vertical-align: middle;}
.fade{color: #999;}
.grey{color: #999999;}