@charset "UTF-8";
/* CSS Document */

*	{margin: 0px; padding: 0px}

/* RESET */
*, html, body, 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, table, caption, tbody, tfoot, thead, 
tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}										
body {line-height: 1;}											
ol, ul {list-style: none;}
blockquote, q {quotes: none;}	
blockquote:before, 
blockquote:after,
q:before, q:after {content: '';}
:focus {outline: 0;}
table {border-collapse: collapse; border-spacing: 0;}

/*DEFAULT TAGS*/

body {background: /*#1b222b*/#6d0000; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; line-height: 1;}
img {border: none;}
h1 {margin-left: 5px; padding: 0px; font-size: 1.8em; font-weight: normal; line-height: 1.8;}
a, a:visited {text-decoration: none; color: #999; text-decoration: underline;}
a:hover, a:active {color: #333;}
a:hover span {text-decoration: underline;}
form {margin: 0px; padding: 0px; font-size: 1.3em;}
input {color: #FFF;}
button {margin-top: 5px; width: 65px; height: 20px; background: #E99215; font-weight: bold; cursor: pointer; float: left; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px;}

/*Utilty*/
.opacity {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/*CONTENT*/
.st_overlay {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background:transparent url(../images/logo-bckg.png) no-repeat 50% center; z-index: 2; filter:alpha(opacity=10); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}

#wrapper {margin-left: 40px; width: 700px; height:auto; position: absolute; top: 0px; left: 0px; z-index: 2; overflow: hidden;}
#header {width: 700px; height: 151px; background: url(../images/soulfabulous_header.png) no-repeat -40px top;}

.nav {margin: 5px 0px 0px 0px; width: 700px; font-size: 1.15em; line-height: 1; border-bottom: solid 1px #BABEC1; float: left;}
.nav dd {margin-right: 10px; padding: 3px; border-right: solid 1px #BABEC1; display: inline-block; text-align: center; float: left; overflow: hidden;}
.nav dd:last-child {border: none;}
.nav dd a {margin-right: 10px; padding: 3px; font-weight: bold; text-decoration: none;}
.nav dd a:hover {text-decoration: none; font-weight: bold; color: #E99215;}
a.static {text-decoration: none; font-weight: bold; color: #E99215;}

#connect {margin-bottom: 10px; width: 700px; height: auto; text-align: right; overflow: hidden;}
#connect span {margin-top: 2px; width: auto; font-size: 1.1em !important; color: #FFF; display:inline-block;}
#connect img {margin:2px 0px 0px 2px; vertical-align: top;}

.leftCol {width: 425px; height: auto; float:left;}
#content {width: 425px; height: auto; color: #FFF; display: block; float: left; border-bottom: solid 1px #BABEC1;}
#content p {margin: 0px 0px 20px 4px; font-size:1.15em; line-height: 1.7;}
#content h1 {color: #E99215;}
#content h1 span {font-size: 0.8em; font-weight: normal; color: #FFF;}
.soul {height: 375px; text-align: center; background: url(../images/home-soulfabulous.png) center top no-repeat;}
form.margin {margin-bottom: 20px; float: left;}

/*FORM*//*FORMS*/
.required {padding-top: 5px; font-size: 1.1em; color: #999;}
div.required span {color: #FFF; font-size: 1.7em; font-weight: bold; line-height: 0.8; display: inline;}
.fieldsinput {margin-top: 15px;height: 20px; border: 1px solid #BABEC1; background: url(../images/opa30.png) repeat; float: left;}
#move_date {margin-right: 10px; width: 80px; color: #FFF;}
#date {margin-right: 10px; width: 70px; color: #FFF;}
#promoter {margin-right: 10px; width: 185px; color: #FFF;}
#promoter-number {width: 131px; color: #FFF;}
#promoter-email {margin-right: 10px; width: 220px; color: #FFF;}
#venue {width: 188px;}
#venue-address {width: 420px;}
#venue-cap {margin-right: 10px; width: 50px;}
#budget {width: 165px;}
#notes {width: 420px; height: 90px; color: #FFF; font-family: Arial, Helvetica, sans-serif; line-height: 1.5;}
.fieldsinput:focus {color: #000 !important; background: url(../images/opa40-white.png) repeat;}

#player {margin-top: 3px; width: 425px; height: auto; overflow: hidden;}
#player h1 {margin: 0px 0px 2px 0px !important; width: 422px; padding-left: 3px; font-size: 1.3em; color: #FFF; font-weight: normal; background: url(../images/opa30.png) repeat; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/*RIGHT COL*/
.rightCol {width: 244px; height:auto; float:right; overflow: hidden;}

/*ACC*/
.accordion {}
.accordion ul {padding: 0; margin: 0; font-size: 1.15em; float: left; display: block; width: 100%; }
.accordion li {cursor: pointer; padding: 0; margin: 0; float: left; display: block; width: 100%;}
.accordion li.active>a {color: #E99215; background-position: left bottom; }
.accordion a.current {color: #E99215; background-position: left bottom; }
.accordion li div {margin: 35px 0px 5px 0px; padding: 5px; height: 340px; font-size: 1.1em !important; background: url(../images/opa40-white.png) repeat 0px 0px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block;}
.accordion a {padding: 10px 10px 10px; margin: 0px 0px 3px 0px; width:222px; height: auto; font-size: 1.2em !important; font-weight: normal; float: left; color: #FFF; /*border: 1px solid #BABEC1;*/ background: url(../images/tab-bkgd.png) no-repeat; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.accordion a:hover {color: #E99215; background-position: left bottom; }
p.column {padding-bottom: 10px !important; width: 234px !important; height: auto; font-size: 1.1em !important; line-height: 1.2; clear:both;}
p.column a {margin: 0px !important; padding: 0px !important; width:auto !important; font-size: 1.0em !important; background: none !important;}
p.column a:hover {margin: 0px !important; padding: 0px !important; background: none !important;}
p.column2 {padding: 5px !important; width: 222px !important; height: auto; font-weight: bold; color: #FFF; background: url(../images/opa30.png) repeat; display: block; border-radius: 3px 3px 0px 3px; -moz-border-radius: 3px 3px 0px 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; clear: both;}
a.none {margin: 0px 0px 10px 0px !important; padding: 0px !important; color: #900; background: none !important; border: none !important;}

.accordion span {margin: 5px 0px; display: inline-block;}

#sideBar {width: 242px; height: 500px;}

.baseLogo {margin: 20px auto; width: 900px; height: 56px; background: url(../images/footerLogo.jpg) center bottom no-repeat; float: left;}

#footer {margin: 0px auto; width: 900px; height: 95px; background-color: #000; overflow: hidden; float:left;}

#footer ul {margin: 10px auto; width: 800px; height: 20px; list-style-type: none; text-align: center; overflow: hidden;}
#footer li {margin: 0px 5px; padding: 5px 0px 0px 0px; width: auto; font-size: 1.025em; display: inline;}
#footer li.noborder {border-right: none;}
#footer li a {padding-right: 14px; color: #FFF; text-decoration: none;}
#footer li a:hover {padding-right: 14px; text-decoration: underline; background: url(../images/arrow.png) center right no-repeat;  color: #600;}