/* html5 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* @group CSS Reset */
/* Remove implicit browser styles to have a neutral starting point:
   - No elements should have implicit margin/padding
   - When we want markers on lists, we will be explicit about it
   - Browsers are inconsistent about hX/pre/code, reset
   - Linked images should not have borders
   */
* { margin: 0; padding: 0; }
* ul,ol { list-style:none; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none }
a { outline: none; text-decoration: underline; }
table { border-spacing: 0; }
img { vertical-align: text-bottom; }
input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0;padding: 0; }
/* @end */

.hidden {
	display: none;
}
.visualClear {
	clear: both;
}

a {
    color: #ece6c0;
}
a:hover {
    color: #f7901e;
}

body {
    background: none #60464C;
    background-image: linear-gradient(bottom, #7D5051 0%, #60464C 100%);
    background-image: -o-linear-gradient(bottom, #7D5051 0%, #60464C 100%);
    background-image: -moz-linear-gradient(bottom, #7D5051 0%, #60464C 100%);
    background-image: -webkit-linear-gradient(bottom, #7D5051 0%, #60464C 100%);
    background-image: -ms-linear-gradient(bottom, #7D5051 0%, #60464C 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #7D5051),color-stop(1, #60464C));
    font-family: arial;
    color: #ece6c0;
    font-size: 12px;
}
#outer {
	background: url(images/bg.png) repeat-x right bottom;    
}
#wrapper {
    background: url(images/bg-skull.png) no-repeat center 16px;
    padding: 95px 0 0;
}
#inner {
    width: 820px;
    margin: 0 auto;
    background: none #000000;
    position: relative;
}
header #hand {
    background: url(images/bg-hand.png) no-repeat;
    height: 26px;
    width: 36px;
    position: absolute;
    left: 56px;
    top: -6px;
}
#logo {
    position: absolute;
    left: 250px;
    top: -70px;
}
header ul {
    padding-top: 24px;
    padding-bottom: 80px;
}
header ul.left {
    background: url(images/ul-left.png) no-repeat 24px 68px;
    padding-left: 12px;
    float: left;
    width: 300px;
}
header ul.right {
    padding-right: 12px;
    float: right;
}
nav {
    background: url(images/ul-right.png) no-repeat 564px 68px;
}
nav li {
    float: left;
    padding: 0 12px;
    font-size: 30px;
    font-family: "Carnivalee Freakshow";
}
nav a {
    text-decoration: none; 
}
h1, h2 {
    font-size: 30px;
    font-family: "Carnivalee Freakshow";
    text-transform: uppercase;
    margin: 10px 0;
}
p {
    margin: 10px 0;
}
p, td {
    line-height: 17px;
}
article {
    clear: both;
    width: 766px;
    margin: 0 auto;
}
hr {
    background: url(images/hr.png) no-repeat;
    height: 24px;
    border: 0;
    margin: 10px 0;
}

table td {
    width: 190px;
}
.bands img {
    max-width: 400px;
    max-height: 400px;
}
.bands a {
    font-family: "Carnivalee Freakshow";
    font-size: 26px;
    letter-spacing: 3px;
    text-decoration: none;
    color: #f7901e;
}
.bands a:hover {
    color: #ece6c0;   
}
.w1 {
    float: left;
}
#google_map {
    float: right;
    height: 319px;
    width: 300px;;
}

footer {
    clear: both;
    width: 766px;
    margin: 20px auto 0;
    padding-bottom: 20px;
    font-size: 10px;
    color: #7d7475;
}
footer a {
    text-decoration: none;
    color: #7d7475;
}

.fb_iframe_widget {
    float: right;
    margin: 0 0 10px 10px;
}

span.fb_iframe_widget {
    right: 5px !important;
    left: auto !important;
}