/* www.SalamanderInteractive.net */

/* start STRUCTURE ---------------------------------------------- */
body { margin: 0px; padding: 0px; font-size: 94%; text-align: center; background: #000 url('../interface/bgd-2010.jpg') bottom center repeat-x; background-attachment: fixed; }
* { margin: 0; padding: 0; }
.clearthis { clear: both; }
img { display: block; } /* remove whitespace from below images in Firefox and Opera */

#wrapper { width: 780px; height: auto; margin: 0px auto; padding: 0px; }

/* header stuff */
#header { width: 780px; height: 161px; margin: 0px auto; background-image: url('../interface/bmf-header-2010.jpg'); }

/* content stuff */
#maincontentarea { width: 780px; height: auto; margin: 0px auto; background-image: url('../interface/bgd-maincontent.gif'); }

/* navbar stuff */
#navbarcontainer { width: 220px; height: auto; margin: 0px auto; float: left; }

/* content container stuff */
#contentcontainer { width: 560px; height: auto; margin: 0px auto; float: left; background-color: #FFF; text-align: left; }

/* footer stuff */
#footercontainer { width: 780px; height: 290px; margin: 0px auto 10px auto; background-image: url('../interface/bgd-maincontent.gif'); }
#footerleft { width: 220px; height: 290px; margin: 0px auto; float: left; background: url('../interface/bgd-footerflames.gif') no-repeat bottom left; }
#footerright { width: 560px; height: auto; margin: 0px auto; float: left; background-color: #FFF; }

/* end STRUCTURE ---------------------------------------------- */

/* start STYLE ---------------------------------------------- */

/* pagetitle stuff */
#pagetitle { width: 560px; height: auto; margin: 0px auto; padding: 20px 0px; background: #78705A url('../interface/pagetitle-bgd.gif') no-repeat; border-bottom: 1px solid #FFF; }
#pagetitle p {  }
#pagetitle h1 { font: bold 120%/160% sans-serif; color: #000; text-align: left; margin: 0px 30px; }

/* main content styles ----------------------- */
#contentcontainer p { margin: 0px 30px; padding: 2px 0px 8px 0px; font: 90%/150% sans-serif; color: #000; }
#contentcontainer img {  }
#contentcontainer a { color: #360; text-decoration: none; border-bottom: 1px dotted #F30; }
#contentcontainer a:hover { color: #F30; text-decoration: none; border-bottom: 1px dotted #360; }
#contentcontainer a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
#contentcontainer h1 { margin: 0px 30px; padding: 2px 0px 8px 0px; font: bold 120%/180% sans-serif; color: #000; }
#contentcontainer h2 { margin: 0px 30px; padding: 2px 0px 8px 0px; font: bold 100%/150% sans-serif; color: #000; }
#contentcontainer h3 { margin: 0px 50px; padding: 2px 0px 8px 0px; font: bold 90%/150% sans-serif; color: #000; }
#contentcontainer h4 { margin: 0px 50px; padding: 2px 0px 8px 0px; font: 90%/150% sans-serif; color: #000; }
#contentcontainer h5 { margin: 0px 30px; padding: 2px 0px 8px 0px; font: 90%/150% sans-serif; color: #360; }

#contentcontainer ul { list-style-type: disc; margin: 0px 0px 10px 60px; color: #000; }
#contentcontainer li { margin-bottom: 1px; font: 90%/150% sans-serif; text-align: left; }

#lineup { widht: 560px; margin: 0px auto; }
#lineup p { margin: 0px 30px; padding: 2px 0px 8px 0px; font: 140%/180% sans-serif; color: #000; text-align: center; }

#listcontainer { width: 460px; margin: 2px 50px 8px 50px; }
#listcontainer ul { list-style-type: disc; }
#listcontainer li { margin: 0px 0px 2px 15px; font: 90%/150% sans-serif; }

#friends { width: 240px; height: auto; margin: 2px 0px 8px 0px; padding: 0px; }
#friends img { float: left; padding: 0px 10px 10px 0px; }
#friends p { margin: 0px; font: 80%/150% sans-serif; color: #000; }

#ticscontainer { width: 560px; height: auto; margin: 2px auto 8px auto; }
#ticoutlets1 { float: left; width: 49%; text-align: left; padding-right: 5px; }
#ticoutlets2 { float: left; width: 49%; text-align: left; padding-left: 5px; }

#2columns { width: auto; height: auto; margin: 5px auto; padding: 0px; }
#columnleft { float: left; width: 240; height: auto; margin: 0px 10px 0px 30px; padding: 0px; }
#columnleft h2 { margin: 0px; padding: 2px 0px 8px 0px; font: bold 100%/150% sans-serif; color: #000; }
#columnright { float: right; width: 240px; height: auto; margin: 0px 30px 0px 10px; padding: 0px; }
#columnright h2 { margin: 0px; padding: 2px 0px 8px 0px; font: bold 100%/150% sans-serif; color: #000; }

#fullpics { width: 560px; height: auto; margin: 0px auto 15px auto; border-bottom: 1px solid #FFF; }
#smallpics { float: right; }
#smallpics img { margin: 20px 31px 10px 10px; padding: 5px; border: 1px solid #F30; background-color: #FFF; }
#smallpics img:hover { border: 1px solid #360; background-color: #FFF; }

#basicpics { float: right; }
#basicpics img { margin: 20px 31px 10px 10px; padding: 5px; border: 1px solid #FFF; background-color: #FFF; }

#dividerline2 { width: 499px; height: 1px; margin: 8px auto; border-bottom: 1px dotted #360; }
.boldgreen { font-weight: bold; color: #360; }
.bigboldgreen { font: bold 120% sans-serif; color: #360; }
.centeralign { text-align: center; }
.indent30 { margin: 0px 30px; }
.indent30right { text-align: right; margin: 0px 30px; }

iframe { margin: 0px 30px; padding: 0px; border: 1px solid #000; }

/* contact stuff */
/* form styles ----------------------- */
#formcontainer { width: 500px; height: auto; padding: 5px; margin: 0px auto; }
div.row { clear: both; padding-top: 5px; }
div.row span.label { float: left; width: 100px; text-align: right; font: 90% sans-serif; color: #360; }
div.row span.formw { float: right; width: 395px; text-align: left; }
.formfields { width: 250px; font: 90%/120% sans-serif; color: #000; }
.formbutton { width: 100px; font: 90%/120% sans-serif; color: #000; }

/* navbar stuff */
#navcontainer { width: 160px; margin: 10px auto; }
#navcontainer ul { list-style-type: none; }
#navcontainer li { margin-bottom: 5px; font: 100%/150% sans-serif; text-transform: uppercase; letter-spacing: 2px; }
#navcontainer a { display: block; padding: 3px 0px; color: #FFF; background-color: #360; border: 1px solid #000; text-decoration: none; }
#navcontainer a:hover { color: #FFF; background-color: #F30; border: 1px solid #FFF; }
#navcontainer a:active { color: #000; background-color: #FFF; border: 1px solid #000; }
#navlist li a#current { padding: 3px 0px; color: #FFF; background-color: #030; border: 1px solid #FFF; font: 100%/150% sans-serif; text-decoration: none; }

#bandscontainer { margin: 25px 40px 20px 40px; }
#bandscontainer p { margin: 0px 8px 5px 10px; font: bold 90%/150% sans-serif; text-align: left; color: #000; }
#bandscontainer ul { list-style-type: circle; margin: 0px 8px 0px 25px; color: #000; }
#bandscontainer li { margin-bottom: 2px; font: 80%/140% sans-serif; text-align: left; }
#bandscontainer a { color: #FFF; text-decoration: none; border-bottom: 1px dotted #000; }
#bandscontainer a:hover { color: #000; text-decoration: none; border-bottom: 1px dotted #FFF; }
#bandscontainer a:active { color: #960; text-decoration: none; border-bottom: 1px dotted #960; }

#sidestuff { margin: 20px 30px; }
#sidestuff h2 { margin: 0px 0px 5px 0px; font: bold 100%/150% sans-serif; text-align: left; color: #FFF; }
#sidestuff p { margin: 0px 0px 10px 0px; font: 80%/130% sans-serif; text-align: left; color: #FFF; }
#sidestuff ul { list-style-type: circle; margin: 0px 8px 0px 25px; color: #000; }
#sidestuff li { margin-bottom: 2px; font: 80%/140% sans-serif; text-align: left; }
#sidestuff a { color: #FFF; text-decoration: none; border-bottom: 1px dotted #000; }
#sidestuff a:hover { color: #000; text-decoration: none; border-bottom: 1px dotted #FFF; }
#sidestuff a:active { color: #960; text-decoration: none; border-bottom: 1px dotted #960; }

/* footer stuff */
#footerright img { margin: 10px auto; border: 1px solid #FFF; }
#footerright p { font: 70%/160% sans-serif; color: #000; margin: 1px 30px; }
#footerright a { color: #360; text-decoration: none; border-bottom: 1px dotted #F30; }
#footerright a:hover { color: #F30; text-decoration: none; border-bottom: 1px dotted #360; }
#footerright a:active { color: #960; text-decoration: none; border-bottom: 1px dotted #960; }
#dividerline1 { width: 499px; height: 1px; margin: 10px auto; border-bottom: 1px dotted #360; }

/* end STYLE ---------------------------------------------- */