/**
 * Band & Crew Stylesheet
 **/

/** GLOBAL STYLES **/

html, body, form {
  padding: 0;
  margin: 0;
}

body {
  font: 11px/13px  Arial, Helvetica, sans-serif;
  color: #26231A;
  background: #ABABAB;
}


/** TAG STYLES **/

a img { border: 0 }

a:link, a:visited {
  color: #F78F1E;
}
a:hover, a:active {
  color: #666;
}


h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;  
}
h1 {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 24px 0;
}

h2 {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0;

}

td, th { 
  padding: 0;
  vertical-align:top;
  text-align: left;
}


/** CONTENT STYLES **/

div.ad {
  margin: 0 auto;
}
.leaderboard {
  width: 728px;
  height: 90px;
}
.wideSkyscraper {
  width: 160px;
  height: 600px;
}
.mediumRectangle {
  width: 300px;
  height: 250px;
}


.messageBox, .errorBox, .warningBox {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0;
  padding: .5em;
}

.messageBox {
  color: green;
  font-weight: bold;
}

.warningBox {
  color: #F78F1E;
}

.errorBox,
.badField {
  color: red;
}

.errorBox {
  font-weight: bold;
}

table.formtable {} 
table.formtable td,
table.formtable th {
  vertical-align: top;
}
table.formtable td {
  padding: 3px 3px 3px 0px;

}

.profile_block {
  margin-left: 125px;
}


.results hr {
  margin: .5em 0 1em;
  border: none;
  color: #999;
  background-color: #999;
  height: 1px;  
}

.profile_name {
  font-weight: bold;
  font-size: 18px;
  color: #ff6600;
}

.profile_photo {
  margin-bottom: 10px;
  float: left;
}

.profile_photo_full {
  position: absolute;
  left: 0; top: 0;
  border: 3px solid #2B211B;
  padding: 2px;
  background: #EBE9E3;
  text-align: center;
}

.profile_photo_full a {
  text-decoration: none;
}

a.button {
  font-weight: bold;
  border: 1px solid #c26b04;
  background: #f60;
  padding: 4px 8px;
  display:inline-block;
}

a.altButton {
  background: #0098FF;
  font-weight: bold;
  padding: 4px 8px;
  display:inline-block;
  text-decoration: none;
}

a.slimButton {
  font-weight: bold;
  font-size: larger;
  background: #f60;
  padding: 0 4px;
  display:inline-block;
  text-decoration: none;
}

a.button:link,
a.button:visited,
a.altButton:link,
a.altButton:visited,
a.slimButton:link,
a.slimButton:visited {
  color: #fff;
}

table.listing {
  width: 100%;
}

table.listing td,
table.listing th {
  padding: 3px;
  vertical-align: middle;
}

.subhead {
  padding: 1em 0em;
  margin-bottom: 2em;
  border-bottom: 1px solid #999;
}

.clear {
  clear: both;
  font-size: 1px;
  display: hidden;
}

/** COMPONENTS **/


.tabcontainer {
  height: 31px;
  padding: 4px 3px 0px 2px;
  background: #2B211B;
  color: #fff;  
  font:bold 17px Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
  text-transform: uppercase;
}

* html .tabcontainer {
  margin-right: -3px;
}

.pretab {
  margin: 0;
  float: left;
  padding: 8px 16px 0 8px;
}


ul.tab {
  float: left;
  margin: 0;
  padding: 0;
  display : inline;
  list-style-type : none;
}
ul.tab li {
  float: left;
  width: 76px;
  margin-right: 1px;
}

ul.tab a {
  display: block;
  height: 23px;
  text-decoration: none;
  padding-top: 8px;
  text-align:center;
}
ul.tab a:link,
ul.tab a:visited,
ul.tab a:hover,
ul.tab a:active {
  color: #FFF;
  background: #FD8329;
}
ul.tab li.on a:link,
ul.tab li.on a:visited {
  background: #EBE9E3;
  color: #000;
}

div.tabContent,
div.interiorContent {
  border: 3px solid #2B211B;
  border-top: none;
  background: #EBE9E3;
}

div.sidebar {
  width: 150px;
  float: left;
}
div.sidebar ul.sidemenu {
  margin: 0 0 0 15px;
  padding: 0;
}
div.sidebar ul.sidemenu li {
  list-style-image: url(/images/graphics/bullet_arrow_orange.png);
  font-weight: bold;
  margin-bottom: 6px;
}
div.sidebar ul.sidemenu a {
  text-decoration: none;
}

div.sidebar ul.sidemenu li.selected {
  color: #666;
  list-style-image: url(/images/graphics/bullet_arrow_gray.png);
}

div.sidebar ul.sidemenu li.selected a:link,
div.sidebar ul.sidemenu li.selected a:visited {
  color: #666;
}

div.mainbar {
  margin-left: 170px;
  position: relative;
}


/** STRUCTURE STYLES **/

div#main {
 width: 924px;
 margin: 0px auto;
}

div#ad_top {
  margin: 8px 0;
}

div#header {
  margin-top: 14px;
  color: #fff;
}
div#header div.header_top {
  height: 40px;
  background: #26231A;
  position: relative;  
  text-align: right;
  padding-top: 24px;
  padding-right: 24px;
  font-size: 10px;
}
div#header div.header_top img.logo {
  position: absolute;
  top: 15px; left: 24px;
}
div#header div.header_bottom {
  background: #3E3B33;
  color: #666;
  height: 27px;
  font:bold 11px Verdana, sans-serif;
  text-transform: uppercase;
}
div#header div.header_bottom div.bottom_links {
  padding-top: 6px;
}
div#header div.header_bottom div.bottom_links a {
  text-decoration:none;
}
div#header div.header_bottom div.bottom_links_left {
  padding-left: 24px;
  float: left;
}
div#header div.header_bottom div.bottom_links_right {
  padding-right: 24px;
  float: right;
  text-align: right;
}

div#footer {
  clear: both;
  padding: 16px 240px 16px 16px;
  font-size: 10px;
}

div#footer a:link,
div#footer a:visited {
  color: #26231A;
}

div#interior {
  padding: 15px 8px 15px 21px;
}


div#interior_column_secondary {
  width: 160px;
  float: right;
}

div#interior_column_primary {
  margin-right: 180px;
}

div#interior_column_primary div.content {
  padding: 0 30px 30px 0;  
}

/** Page: Home **/

div.home_top {
  margin-top: 4px;
}

div.home_feature {
  width: 616px;
  height: 218px;
  float: right;
}

div.home_search {
  width: 304px;
  margin-right: 4px;
}

div.home_search_top {
}

div.home_search_tabContent {
  padding: 14px 40px 0px;
  height: 166px;
  overflow: hidden;
}

div.home_search p {
  margin: 0 0 1em 0;  
}

div.home_search .q {
  font: 600 14px/22px Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
}

div.home_bottom {
  clear: both;
  height: 292px;
  background: #F1EFE9;
  margin-top: 4px;
  border: 3px solid #2B211B;
}

div.home_bottom a {
  text-decoration: none;
}

div.home_promo,
div.home_members,
div.home_newsletter,
div.home_featured {
  float: left;
}

div.home_promo {
  width: 300px;
  height: 250px;
  padding: 21px 13px;
}
div.home_members {
  width: 373px;
  height: 262px;
  padding: 15px 0 15px 15px;
}

div.home_newsletter,
div.home_featured {
  width: 184px;
  height: 267px;
  padding: 15px 10px 10px;
  background: #2B211B;
  color: #E6E2D8;
}

div.home_members div.home_member_profile {
  text-align: center;
  width: 100px;
  height: 120px;
  overflow: hidden;
  margin: 10px 18px 0px 0px;
  float: left;
}

div.home_members div.home_member_profile_photo {
  width: 100px;
  height: 75px;
  margin-bottom: 4px;
}

/** Page: Search (Advanced) **/


div.search_advanced_tab {
  padding: 14px 40px 40px;
}

//** Page: Browse **/
div.browse_form {
  margin-left: 14px;
}
