/* 
MASTER CSS FILE:
This file should contain ONLY the following:
1. The grid or GRIDS the site will be layed out on 
2. Default styles that can be PINNED to the body

3. LINK STYLES (as a default)
some usefull colors
// red #762426
// green #2f2e24
// yellow : #C1AC4A


*/

/* stuff we need over all to make this thing work */
body {
 font-size: 12px;
 background-repeat: repeat-y; background-position: top center; background-attachment: fixed; background-image: url(http://www.Steelheart.com/images/bg8.jpg);
 color: #fff;
 font-family:  arial, helvetica, sans-serif;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 /* centering */ 
 text-align: center; 
}
table, tr, td {
 border:0;
 padding:0;
 margin: 0;
 border-collapse: collapse;
 vertical-align: top;
 /*background-color: #000;*/
}

a:link {
 color:#c1ac4a;
}

a:visited {
 color:#c1ac4a;
}


a:hover {
 color:#564702;
}


.null img {
 border: 0px solid black;
}


a.button_link {
 background-color: rgb(135,22,25);
 border: 2px rgb(95,16,18) outset;
 font-size: 10px;
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 padding: 5px;
 color: rgb(255,255,255);
 
}

fieldset {
 border: 0px;
 padding: 0px;
}

h1 {

}

#main_holder h2 { 
 background-color: #000000;
 padding: 5px 30px 5px 30px;
 display: inline;
 font-size: 13px;
 letter-spacing: 1px;
 font-weight: bold;
 text-transform: uppercase;
}


/* to padd out text sections because the headers need to go left */
.text_container {
 padding: 15px 10px 0px 30px;
}

/* look stuff for the grid!! */

#main_holder {
 width: 972px;
 margin: 0px auto 0px auto;
}


#left_col {
 background: #2f2e24 url(http://www.steelheart.com/images/left_bg.jpg) repeat top left;
 width: 347px;
 border:0px;
 border-right: 2px solid #2f2e24;
 margin:0px;
 padding: 0px 0px 10px 0px;
 text-align: left;
}

#right_col {
 border:0px;
 margin:0px;
 padding: 0px 0px 10px 0px;
 text-align: left;
 width: 630px;
 background-color: #000;
}

#full_col {
 background: #2f2e24 url(/images/content_bkgr.gif) no-repeat top left;
 width: 500px;
 padding: 15px 0px 10px 0px;
 text-align: left;
 min-height: 400px;

}

* html body #full_col {
 height: 400px;
}

#content {

}


.subhead {
 color: rgb(194, 172, 75);
 text-transform: uppercase;
 font-weight: bold;
}

.clear_float {
 clear: left;
 padding-bottom: 0px;
}

.home_store img,.home_latest_headlines img, #home_join img, .home_tour img, .home_gallery img, .header_holder img {
 border: 0px solid red;
}

.header_holder {
 border: 0px solid red;
 /* wtf? cant get image to fit in the box. Need to reduce margin 3px vertically so there is no gap*/
 margin: 0px auto -3px auto;
 z-index: 0;
}

.errors, #login_holder ul li {
 color: rgb(255,0,0);
 font-weight: bold;
}


iframe {
 border: 0px solid red;
}