/*
-----------------------------------------------
barbershopchorus.com styles
author:   dan rubin
updated:  October 20, 2005
----------------------------------------------- */

/* set margin and padding to zero by default */
* {
margin:0;
padding:0;
}

img {border:0;}


/* auto-clearing floats */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* This is what Dan used but would not validate
.clearfix {display: inline-block;} note: not sure why this didn't work, look into it, code below turns into display:block due to the cascade */

/* The code below relaced the above line and validated */
.clearfix {display: inline;}

.clearfix {display: block;}	

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* global text settings */
h3 {
font-size:.875em;
}

/* global anchor settings */
a {
color:#77A6DE;
background:transparent;
}
a:hover {color:#4283D1;background-color:#E4F0FF;}

/* layout and specific selectors */
body {
top:10px;
text-align:center;
min-width:748px;
background-color:white;
background:url(/images/uploads/blue-ribbon-vert.png) no-repeat top right;
font-family:helvetica,arial,geneva,verdana,sans-serif;
}

#wrapper {
margin:0 auto;
width:748px;
text-align:left;
}

#header {
height:70px;
border-top:4px solid #C4DFFF;
border-bottom:1px solid #EBEBEB;
padding-bottom:1px;
background:url(/themes/site_themes/bbshop/i/bg_header.gif) no-repeat right top;
}

#header h1 {
text-indent:-5000px;
background:url(/themes/site_themes/bbshop/i/bg_logo.gif) no-repeat 0 0;
height:70px;
}

#main-wrapper {
padding-top:25px;
background:url(/themes/site_themes/bbshop/i/bg_main_wrapper.gif) repeat-x 0 1px;
}

#main {
background:url(/themes/site_themes/bbshop/i/bg_main.gif) no-repeat right bottom;
}

#sidebar-left {
float:left;
width:150px;
}

#nav {
list-style-type:none;
/*
negative top margin offsets top of nav so text aligns with other headings. */
margin:-1px 0 20px;
font-size:.75em;
}
/* Hides from IE-mac \*/
* html #nav li {display:inline;} /* fixes the ie list item line-height bug */
/* End hide from IE-mac */

#nav a {
display:block;
padding:2px 10px 1px;
text-transform:uppercase;
text-decoration:none;
}
#nav a#current {font-weight:bold;background:url(/themes/site_themes/bbshop/i/icon_li_current.gif) no-repeat 4px 50%;}
#nav a#current:hover {color:#4283D1;background-color:#E4F0FF;}

#nav a:hover {font-weight:bold;background:url(http://barbershopchorus.com/themes/site_themes/bbshop/i/icon_li_current.gif) no-repeat 3px 50%;}

#members-sub-nav {
list-style-type:none;
/*
negative top margin offsets top of nav so text aligns with other headings. */
margin:-1px 0 20px;
font-size:.95em;
}

#members-sub-nav li {
	margin:0 0 0 10px;
}

#members-sub-nav a {
display:block;
padding:2px 10px 1px;
text-transform:uppercase;
text-decoration:none;
}

#members-sub-nav a:hover {font-weight:bold;background:url(http://barbershopchorus.com/themes/site_themes/bbshop/i/icon_li_current.gif) no-repeat 3px 50%;}

#members-sub-nav a#current {font-weight:bold;background:url(http://barbershopchorus.com/themes/site_themes/bbshop/i/icon_li_current.gif) no-repeat 4px 50%;}
#members-sub-nav a#current:hover {color:#4283D1;background:#E4F0FF) no-repeat 4px 50%;;}

.module-notice,
.module-events {
margin-top:-1px;
padding:8px 0 8px 10px;
border-top:3px solid #C4DFFF;
border-bottom:1px solid #EBEBEB;
background:url(/themes/site_themes/bbshop/i/bg_sidebar_module.gif) repeat-x left bottom;
}
/* Hides from IE-mac \*/
* html .module-notice,
* html .module-events,
* html .module-news {height:1%;}
/* End hide from IE-mac */

.module-notice:hover,
.module-news:hover {
background-image:none;
background-color:#f8f8f8;
}

.module-notice dt,
.module-events dt,
.module-news dt {
color:#B7B7B7;
font-size:.5625em;
font-weight:bold;
text-transform:uppercase;
}
.module-notice dd {
color:#a00;
font-size:1.125em;
line-height:.85em;
font-weight:bold;
text-transform:uppercase;
/* letter-spacing:-0.1em; */
}

.module-events dt {
color:#B7B7B7;
font-size:.5625em;
font-weight:bold;
text-transform:uppercase;
}
.module-events dd {
color:#C69C6D;
font-size:.875em;
line-height:12px;
font-weight:bold;
text-transform:uppercase;
/* letter-spacing:-0.1em; */
}

.module-events dt.month {
font-size:.6875em;
font-weight:bold;
color:#858585;
padding-top:8px;
}
.module-events dd.dates {
font-size:.625em;
font-weight:normal;
color:#858585;
text-transform:none;
}

.module-events a {
color:#858585;
text-decoration:none;
}
.module-events dd a {
padding-left:9px;
background:url(/themes/site_themes/bbshop/i/icon_li_bullet.gif) no-repeat 1px 50%;
}
.module-events a:hover {
color:#444;
background-color:#eee;
}
.module-hotline {
color:#a00;
}

a.module {display:block;text-decoration:none;color:#888;}
a.module:hover {color:#a00;background:transparent;}

#content {
margin:0 0 0 175px;
width:398px;
color:#444;
}

#content a {font-weight:bold;padding:1px;}

#content h1 {
font-size:1.45em;
color:#5A9AE6;
text-transform:uppercase;
letter-spacing:-0.1em;
}
#content h2 {
font-size:1.25em;
color:#5A9AE6;
text-transform:uppercase;
letter-spacing:-0.1em;
}
#content h3 {
font-size:1em;
color:#777;
text-transform:uppercase;
letter-spacing:-0.1em;
}
#content h5 {
margin:-5px 0 5px;
font-size:.625em;
color:#acacac;
text-transform:uppercase;
}

#content p {
padding-bottom:16px;
font-size:.75em;
line-height:140%;
}

.alert {
font-weight:bold;
color:red;
}

#content dl {
margin:0 0 10px;
padding:1px 0 6px 5px;
font-size:.75em;
border-left:4px solid #eee;
}
#content dt {
margin-top:5px;
font-weight:bold;
color:#aaa;
text-transform:uppercase;
}
#content dd {
display:inline;
}
#content dd a {
padding-left:18px;
color:#888;
background:url(/themes/site_themes/bbshop/i/icon_download.gif) no-repeat 0 0;
}
#content dd.audio a {
background-image:url(/themes/site_themes/bbshop/i/icon_download_audio.gif);
}
#content dd a:hover {color:#a00;background-color:#eee;}


/* forms */
label {
display:block;
color:#888;
font-size:.75em;
font-weight:bold;
text-transform:uppercase;
}

input {
display:block;
margin-bottom:10px;
}

#content p.utility {
padding:5px 0 0;
font-size:.6em;
color:#777;
}


#sidebar-right {
float:right;
width:150px;
}

#sidebar-right h3 {
color:#C69C6D;
padding-bottom:3px;
border-bottom:3px solid #FFE2C4;
text-transform:uppercase;
/* letter-spacing:-0.1em; */
}

#sidebar-left h3 {
color:#C69C6D;
padding:0 0 3px 10px;
/*border-bottom:3px solid #FFE2C4;*/
text-transform:uppercase;
/* letter-spacing:-0.1em; */
}
.module-news {
padding:8px 0;
border-bottom:1px solid #EBEBEB;
background:url(/themes/site_themes/bbshop/i/bg_sidebar_module.gif) repeat-x left bottom;
}
.module-news dd {
color:#a00;
font-size:.8125em;
line-height:.85em;
font-weight:bold;
text-transform:uppercase;
}

#footer {
margin-top:1px;
padding:5px 10px 4px;
border-top:1px solid #EBEBEB;
background:url(/themes/site_themes/bbshop/i/bg_footer.gif) repeat-x 0 1px;
color:#ccc;
font-size:.625em;
text-transform:uppercase;
}

#footer a {
color:#ccc;
text-decoration:none;
}
#footer a:hover {color:#aaa;background:transparent;}

/* members only buttons */
#membersonly-buttons {
	list-style:none;
	float:left;
	padding:0 0 20px;
	margin:0;
}
#membersonly-buttons li {
	float:left;
	width:88px;
	height:88px;
	margin:0 15px 0 0;
	padding:0;
	background-image:url(/themes/site_themes/bbshop/i/nav_matrix_membersonly.jpg);
	background-position:0 0;
	font-size:80%;
}
#membersonly-buttons li#button-documents { background-position:-88px 0; }
#membersonly-buttons li#button-roster { background-position:-176px 0; }

#membersonly-buttons li a {
	text-decoration:none;
	position:relative;
	display:block;
	width:88px;
	height:88px;
	background-image:url(/themes/site_themes/bbshop/i/nav_matrix_membersonly.jpg);
	background-position:0 0;
	padding:0;
}
#membersonly-buttons li#button-documents a { background-position:-88px 0; }
#membersonly-buttons li#button-roster a { background-position:-176px 0; }

#membersonly-buttons li a:hover { background-color:transparent;color:#a00; }
#membersonly-buttons li#button-music a:hover { background-position:0 -88px; }
#membersonly-buttons li#button-documents a:hover { background-position:-88px -88px; }
#membersonly-buttons li#button-roster a:hover { background-position:-176px -88px; }

#membersonly-buttons li a span {
	position:absolute;
	bottom:8px;
	left:0;
	width:100%;
	text-align:center;
}


/* alert box */
#alertbox {
	padding:10px;
	color:#fff;
	font-size:.8em;
	font-family:'lucida grande', verdana, helvetica, arial, sans-serif;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.alert-error {
	background-color:#a00;
	border-color:#841A1A;
}
.alert-success {
	background-color:#1FA249;
	border-color:#1B8A3E;
}
#nav-subnav{
	list-style:square;
	margin-left:40px;
}
#nav-subnav a{
	margin-left:-15px;
}

input.checkbox{
	display:inline;
	margin:0;
}
label.terms{
	display:inline;
}
/*#content ul{
	margin:15px 5px;
}
#content li{
	font-size:.8em;
	margin:10px 0 5px 30px;
}
*/
.message-link{
	margin-top:15px;
}

.sub-head{
	margin:10px 0 5px;
}

#content .profile{
	font-size:.9em;
	padding:0;
}

#settings-container
{
margin: 0 auto;
padding: 1em 0;
font-size: 13px;
text-align: center;
text-transform: uppercase;
}

ul#settings-nav
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 75%;
}

ul#settings-nav li
{
display: block;
margin: 0;
padding: 0;
}

ul#settings-nav li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
margin:0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #4283D1;
text-decoration: none;
background: #eee;
}

#settings-container>ul#settings-nav li a { width: auto; }

ul#settings-nav li#active a
{
background: #E4F0FF;
color: #4283D1;
}

ul#settings-nav li a:hover, ul#settings-nav li#active a:hover
{
color: #4283D1;
background: #E4F0FF;
border-color: #aaab9c #fff #fff #ccc;
}

select{
	margin-bottom:10px;
}

.submit{
	margin-top:10px;
}
p#jump{
	padding:0;
	margin:0;
}

ul#jump-list{
	list-style-type:none;	
	padding:0;
	margin:0 0 15px 0;
}

ul#jump-list li.jump-item{
	font-size:.75em;
	padding:0;
	margin:0;
}

#content #special_update dl {
border-left:4px solid red;
}

#special_update dl.update_notice dt{
	color:red;
}