body {background: url(../images/background.jpg); color: #cc9;}
#wrap {margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: #000; margin: 0 auto; width: 100%; height: 80px; position: relative; z-index: 9999;}
#header h1 {background: url(../images/title.jpg) no-repeat; width: 639px; height: 80px; margin: 0 auto; position: relative; left: 160px; text-align: center; text-indent: -9999px;}
#header ul#headerNav {background: url(../images/bg-headerNav.jpg); width: 960px; height: 34px; margin: 0 auto; position: relative; z-index: 999;}
#header ul#headerNav li {height: 13px; top: 12px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -15px;}
#header ul#headerNav li a {background: transparent; height: 11px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#my {background-image: url(../images/headerNav-mylnk.png); width: 31px; left: 0px;}
#header ul#headerNav li#my a#mylnk {width: 37px;}
#header ul#headerNav li#dy {background-image: url(../images/headerNav-dylnk.png); width: 68px; left: 86px;}
#header ul#headerNav li#dy a#dylnk {width: 68px;}
#header ul#headerNav li#ss {background-image: url(../images/headerNav-sslnk.png); width: 34px; left: 209px;}
#header ul#headerNav li#ss a#sslnk {width: 34px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.png); width: 75px; left: 298px;}
#header ul#headerNav li#ps a#pslnk {width: 75px;}
#header ul#headerNav li#phs {background-image: url(../images/headerNav-phslnk.png); width: 40px; left: 428px;}
#header ul#headerNav li#phs a#phslnk {width: 40px;}
#header ul#headerNav li#vs {background-image: url(../images/headerNav-vslnk.png); width: 31px; left: 525px;}
#header ul#headerNav li#vs a#vslnk {width: 35px;}
#header ul#headerNav li#bg {background-image: url(../images/headerNav-bglnk.png); width: 27px; left: 609px;}
#header ul#headerNav li#bg a#bglnk {width: 27px;}
#header ul#headerNav li#pt {background-image: url(../images/headerNav-ptlnk.png); width: 44px; left: 691px;}
#header ul#headerNav li#pt a#ptlnk {width: 44px;}
#header ul#headerNav li#ct {background-image: url(../images/headerNav-ctlnk.png); width: 42px; left: 790px;}
#header ul#headerNav li#ct a#ctlnk {width: 42px;}
#header ul#headerNav li#he {display: none;}
#header ul#headerNav li#lw {background-image: url(../images/headerNav-lwlnk.jpg); width: 90px; left: 869px;}
#header ul#headerNav li#lw a#lwlnk {width: 90px;}
#header ul#headerNav li#lw:hover {background-position: 0 -13px;}

/**************************************************content area********************************************/
#content {background: url(../images/dropshadow.png) repeat-y; width: 980px; margin: 35px auto 0 auto; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {color: #cc9; background: #743; display: block; width: 960px; min-height: 437px; margin: 0 auto; position: relative;}/*see ie.css for fixes*/
#main #contentContainer {width: 580px; margin: 0 20px; line-height: 1.3; font-size: 1.1em;}
#main #contentContainer .entry-content {padding-bottom: 1px;}
#main #featured {width: 100px; height: 170px; margin: 0 27px 10px 15px; float: left; display: inline;}
#main #featured img {background: #432; margin: 0; padding: 7px;}
#main #featured p {margin: 0; padding: 0;}
#main #featured a {background: url(../images/bottom-contour.gif) no-repeat; width: 116px; height: 62px; margin: -3px auto 5px auto; padding: 1px 0 0 17px; display: block;}
#main img.alignleft {float: left; margin: 0 20px 10px 0;}
#main img.alignright {float: right; margin: 0 0 10px 20px;}
#main h2.pageTitle {background: url(../images/welcome.jpg) no-repeat; height: 31px; margin: 0 0 40px 0; position: relative; top: 20px; text-indent: -9999px;}
#main h3 {margin: 0 0 20px 0; font-weight: bold;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 15px 0 20px 20px;}
#main p.listen {margin: 0 0 0 20px; padding: 0; float: left;}
#main p.listen a {background-image: url(../images/button-listen_now.png); width: 84px; height: 24px; display: block; text-indent: -9999px; outline: none;}
#main p.listen a:hover {background-position: 0 -24px;}
#main p.join {margin: 0; padding: 0; position: relative; left: 115px;}
#main p.join a {background-image: url(../images/button-join.png); width: 133px; height: 24px; display: block; text-indent: -9999px; outline: none;}
#main p.join a:hover {background-position: 0 -24px;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: 600px; margin: 0 0 20px 0; border: 1px solid #910000; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*form elements*/
#main form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;}
#main form input {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form div {margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;}
#main form .text label {width: 125px; text-align: right;}
#main form .text input {margin: 0 0 10px 15px;}
#main form .checkbox label {width: 275px;}
#main form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio label {width: 275px;}
#main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form br {clear: both;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/

/**************************************************right column*********************************************/
#flash-content {background: url(../images/bg-flash.jpg) no-repeat; color: #fff; width: 341px; min-height: 437px; position: relative; float: right;}

/**************************************************footer**************************************************/
#footerWrap {background: url(../images/dropshadow.png) repeat-y; width: 980px; margin: 0 auto;}
#footer {background: url(../images/bg-footer.png) no-repeat; width: 960px; height: 54px; margin: 0 auto; padding: 0; position: relative; clear: both;}
#footer p {width: 45%; padding: 60px 0 5px 20px; font-size: 10px; font-family: arial;}
#footer p#pnmg {padding: 0 0 50px 20px;}
#footer ul#mediaLinks li {list-style: none;}
#footer ul#mediaLinks li a {display: block; position: absolute; text-indent: -9999px; outline: none;}
#footer ul#mediaLinks li#itunes a {background: url(../images/bg-footer_links-itunes.png) no-repeat; width: 56px; height: 16px; top: 70px; left: 515px;}
#footer ul#mediaLinks li#reverbnation a {background: url(../images/bg-footer_links-reverb_nation.png) no-repeat; width: 53px; height: 43px; top: 60px; left: 605px;}
#footer ul#mediaLinks li#youtube a {background: url(../images/bg-footer_links-youtube.png) no-repeat; width: 68px; height: 28px; top: 63px; left: 681px;}
#footer ul#mediaLinks li#facebook a {background: url(../images/bg-footer_links-facebook.png) no-repeat; width: 79px; height: 30px; top: 62px; left: 769px;}
#footer ul#mediaLinks li#myspace a {background: url(../images/bg-footer_links-myspace.png) no-repeat; width: 96px; height: 18px; top: 67px; left: 864px;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}