/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}


/**************************************************************
   Top menu and logo
 **************************************************************/

#headerBlank {
	margin: 0 auto;
	height: 10px;
	background-color: #61869f;
}
 
#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #48525B url(../images/bg/header.gif) repeat-x bottom left;
	border-bottom: 2px solid #48525B;
	background-color: #48525B;
}


#header img {
	position: absolute;
	top: 5%;
	left: 10px;
}

#header ul {
	margin: 3.5em 1em 0 0 !important;
	margin: 3.5em 0.5em 0 0;
	padding: 0;
	float: right;
}

#header ul li {
	display: inline;
	list-style: none;
}

#header ul li a {
	padding-right:1em;
	padding-left:2.3em;
	font-size:1em;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: #cccccc;
	border-right: 1px solid #4D5760;
	text-decoration:none;
}

#header ul li a.last {
	padding-right: 0;
	border-right: 0;
}

#header ul li a:hover {
	color: #3B5D77;
	text-decoration:underline;;
}

/**************************************************************
   Header Image
 **************************************************************/

#headerImg {
	margin: 0 auto;
	height: 143px;
	background: url(../images/bg/baypianist_header.jpg) no-repeat top left;
}



/**************************************************************
   Page Content
 **************************************************************/

#page {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 6em;
	text-align: left;
	font-size:1em;
}

#columns {
	margin: 0 auto;
}

/**************************************************************
   MainPage
 **************************************************************/

#mainPage {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 10px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}

#mainPage .mainMessage {
	padding-bottom: 0.2em;
	font: 400 1.3em arial;
	color: #040e98;
}

#mainPage .mainSubBig {
	font-family:arial;
	color:#c76c14;
	font-size:1.1em;
 }

#mainPage .mainSubSmall {
	font-family:arial;
	color:#e58c36;
	font-size:0.9em;
}

/**************************************************************
   About
 **************************************************************/

#about {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 20px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}

/**************************************************************
   Rates
 **************************************************************/

#rates {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 20px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}

#rates .smaller {
	font-size:0.8em;
}

#rates .ratesCat {
	font-weight:bold;
	font-size:1.1em;
	color:#ef3f3f;
}

/**************************************************************
   Contact
 **************************************************************/

#contact {
	margin: 0 10px;
	padding: 0 20px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
}

/**************************************************************
   References
 **************************************************************/

#references {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 30px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}
 
#references .quote {
	font-style:italic;
	font-size:1em;
	color:#c76c14;
	padding-bottom:2px;
}

#references .referrer {
	font-weight:bold;
	font-size:1em;
	padding-bottom:25px;
	color:#756530;
}

/**************************************************************
   Links
 **************************************************************/

#links {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 30px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}
 
#links .heading {
	text-align:center;
	font-size:1.2em;
	color:#c76c14;
	padding-bottom:20px;
}

#links .affils {
	width:65%;
	margin:0 auto;
}


#links .partner {
	width:50%;
	text-align:left;
	font-size:1em;
	font-weight:bold;
	color:#ee3352;
}

#links .partner a {
	font-size:1em;
	font-weight:bold;
	color:#ee3352;
}

#links .partner a:hover{
	font-size:1em;
	font-weight:bold;
	color:#c71936;
}

#links .description {
	width:50%;
	text-align:left;
	font-size:1em;
	padding-bottom:25px;
	color:#756530;
}

/**************************************************************
   Listen
 **************************************************************/

#listen {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 30px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}

#listen .main {
	text-align:center;
	font-size:1.0em;
}

#listen .main img {
	border-style:solid;
	border-color:#000000;
	border-width:thin;
}

#listen .main  .title{
	font-family:'Georgia','Arial';
	text-align:center;
	font-style:italic;
	font-size:1.5em;
	color:#c74200;
}

#listen .main  .message{
	margin:0 auto;
	font-family:'Georgia','Arial';
	font-style:italic;
	font-size:1.3em;
	color:#c74200;
}

#listenNav {
	text-align:center;
	margin-bottom:10px;
	background: #45699d;
	border-top: 1px solid #3f4345;
	border-bottom: 1px solid #3f4345;
	font-size:1.1em;
	color:#010186;
	padding-bottom:5px;
}

#listenNav ul {
	margin:0 auto;
	padding:2px;
	font-size:1.em;
}

#listenNav ul li {
	display: inline;
	list-style: none;
}

#listenNav ul li a {
	padding-left: 1.6em;
	padding-right:1.6em;
	color: #ffbf00;
}

#listenNav ul li a:hover {
	color: #ffeaac;
}

#listenNav a:hover {
	color:#3f4345;
}

/**************************************************************
   MusicList
 **************************************************************/
 
#musiclist {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 30px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}

#musiclist .main {
	text-align:center;
	font-size:1.2em;
}

#musiclist .title {
	font-size:1em;
	color:#c76c14;
}

#musiclist .extra {
	font-size:1em;
	color:#756530;
}

#musiclist .category {
	font-size:1.1em;
	font-weight:bold;
}

#musiclistNav {
	text-align:center;
	margin-bottom:10px;
	background: #45699d;
	border-top: 1px solid #3f4345;
	border-bottom: 1px solid #3f4345;
	font-size:1em;
	color:#010186;
	padding-bottom:5px;
}

#musiclistNav ul {
	margin:0 auto;
	padding:5px;
	font-size:.8em;
}

#musiclistNav ul li {
	display: inline;
	list-style: none;
}

#musiclistNav ul li a {
	padding-left: 1.6em;
	padding-right:1.6em;
	color: #ffd34f;
	text-decoration:underline;
}

#musiclistNav ul li a.last {
	padding-right: 0;
	border-right: 0;
}

#musiclistNav ul li a:hover {
	color: #3f4345;
}

#musiclistNav a {
	text-align:right;
	color:#e9eef2;
}

#musiclistNav a:hover {
	text-align:right;
	color:#3f4345;
}

#musiclistNav .downloadList {
	font-size:.9em;
	color:#dadada;
}


/**************************************************************
   Videos
 **************************************************************/

#videos {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 30px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}
 
#videos .heading {
	text-align:center;
	font-size:1.3em;
	color:#c76c14;
	padding-bottom:20px;
}

#videos .vidTable {
	width:100%;
	margin:0 auto;
}

#videos .vidTable img {
	border-style:solid;
	border-width:thin;
	border-color:#1d9fe9;
}

#videos .vidTable td {
	vertical-align:top;
	width:33%;
	text-align:center;
	font-size:1em;
	color:#383daa;
	padding-bottom:10px;
}

/**************************************************************
   Weddings
 **************************************************************/

#weddings {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding: 20px 30px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
	font-size:1em;
	color:#010186;
}

#weddings .title {
	font-family:'Georgia','Arial';
	font-size:1.5em;
	font-weight:bold;
	color:#e75f5f;
	margin-bottom:20px;
}

#weddings .body {
	font-size:1.1em;
	color:#4f7f95;
	margin-bottom:40px;
}

#weddings .subTitle {
	font-size:1.3em;
	text-decoration:underline;
	margin-bottom:15px;
	color:#454085;
}

#weddings .subBody {
	font-size:1.0em;
	color:#457991;
}

#weddings .subPlayer {
	text-align:center;
	font-size:1.0em;
	font-weight:bold;
	color:#e37c7c;
}

#weddings .weddingSub {
	background:#e9f4ef;
	border-style:solid;
	border-width:thin;
	border-color:#c7dce0;
	padding:5px;

}

/**************************************************************
   Column Widths
 **************************************************************/

/* Column widths */
.width {
	width: 776px;
}

.widthPad {
	width: 746px;
}

.width100 {
	width: 100%;
}

/**************************************************************
   Footer
 **************************************************************/

#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 5em;
	margin-top: -5em;
}

#footer #bg {
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #49525B url(../images/bg/header.gif) repeat-x bottom left;
}

#footer #bg ul {
	float: right;
	margin: 3em 1em 0 0 !important;
	margin: 3em 0.5em 0 0;
	padding: 0;
}

#footer #bg ul li {
	display: inline;
	list-style: none;
}

#footer #bg ul li a.last {
	padding-right: 0;
	border-right: 0;
}

#footer #bg ul li a:hover {
	color: #6C0;
}

/**************************************************************
   Generic Display 
 **************************************************************/

.dark {
	font-family:'Georgia','Arial';
	font-style:italic;
	color: #353E47;
}

.capFirst {
	font-size:1.3em;
	color: #353E47;
}