/* !Basic styles ~ ~ ~ ~ ~ */

body {
	font: 100%/1.3 Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	letter-spacing: 1px;
}
#wrapper {
	width: 920px;
	background: #fff url('../images/opusfromush1600.jpg') -370px -30px no-repeat;
	height: 100%;
}
#sidebar {
	background: #fff url('../images/sidebar-gradient.jpg') top left no-repeat;
	width: 320px;
	text-align: center;
	float: left;
	min-height: 600px;
}
#sidebar p {
	margin: -30px auto 2em auto;
	padding: 0;
/*	height: 100%;*/
}
#main { 
	width: 560px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
#masthead {
	padding-top: 10px;
	height: 80px;
}
h1, 
h2, 
p#phone {
	margin: 0;
	font-size: 1em;
	color: #fff;
	text-shadow: 2px 2px 2px #111;
}
h1 {
	margin: 0 0 0 .8em;
	float: left;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.9em;
}
h1 span {
	font-weight: normal;
	font-size: .6em;
	vertical-align: top;
}
h2, 
p#phone {
	clear: right;
	float: right;
	margin-right: 1em;
	font-style: italic;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	clear: both;
}
.events h4 a {
	background: url('../images/play.png') -13px -3px no-repeat;
	padding: 5px 5px 2px 20px;
}
.purchasing h4,
.purchasing p {
	margin-top: 0;	
}
p,
dl,
ul,
ol {
	font-size: .9em;
}
dl {
	margin-top: .4em;
}
dl dd {
	margin-bottom: .4em;
}
ol li {
	margin-bottom: .4em;
}
a {
	color: #309;
	text-decoration: none;
	border: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
img {
	border: none;
	padding: 0;
	margin: 0;
}
q,
blockquote {
	quotes: "" "";
}
q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
}
blockquote {
	font-size: .8em;
	color: #666;
}
.tip {
	font-size: .65em;
	margin-top: 0;
}
.note {
	padding: 5px;
	font-size: .7em;
	background-color: #dad9f7;
	font-style: italic;
}
.copyright {
	font-size: .7em;
	color: #777;
	font-style: italic;
}
#sidebar p.free-song {
	margin: 0;
	padding: 0;
	height: auto;
}

/* !Navigation ~ ~ ~ ~ ~ */
ul#navigation {
	font-size: 1em;
	clear: both;
	float: right;
	margin: .9em 1em 0 0;
}
#navigation li,
nav li { 
	float: left;
	padding-left: 3em;
	list-style-type: none;
}
#navigation li a,
nav li a {
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 2px 3px #111;
	font-size: .8em;
}
#navigation li a:hover,
nav li a:hover {
	text-shadow: 0 0 4px #eee;
}
.links a {
	font-weight: normal;
}

/* !Table Styling ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
table#music_library {
	width: 100%;
}
#music_library th {
	text-align: center;
	background-color: #9a99e7;
	color: #fff;
	padding: 3px;
	font-size: 1.1em;
}
#music_library td {
	padding: 5px;
}
#music_library tr.even {
	background-color: #dad9f7;	
}
#music_library a {
	font-size: .8em;
}

/* !Form Styling ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.song-promo label {
	width: 20%;
}
.song-promo input[type="text"] {
	width: 20em;
}
form div {
	margin-bottom: 1em;
}
fieldset {
	border: none;
	padding: 0;
}
form .note {
	color: #888;
	font-size: 75%;
}
span.warning {
	color: red;
	font-size: 75%;
}
.song-gallery img {
	float: left;
	margin-right: 1em;
}
.song-gallery a {
	display: block;
	height: 100px;
	padding: 10px;
}
.song-gallery .note {
	background-color: transparent;
	font-size: 80%;
	color: #666;
}
.song-gallery a:hover {
	background-color: #9a99e7;
}
p.song-gallery {
	margin-bottom: 3em;
}

/* !Audio Track List Styling ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
ol a.song_link {
	background: url('../images/music.png') top left no-repeat;
  	padding-left: 20px;
  	padding-bottom: 3px;
  	display: block;
}

/* !Picture and caption styling ~ ~ ~ ~ ~ */ 
.right {
	float: right;
	margin-left: 1em;
	margin-top: 0;
}
.left {
	float: left;
	margin-right: 1em;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.caption {
	font-size: .6em;
	font-style: italic;
	color: #777;
	text-align: center;
	margin-top: 0;
}
.caption a {
	color: #74d;
}
.w147 {
	width: 147px;
}
.w200 {
	width: 200px;
}
.w300 {
	width: 300px;
}
.title {
	font-weight: bold;
}
.vendors {
	clear: both;
} /* for events/index.php to keep the vendor heading in place */

/* !Footer styling ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
#footer {
	clear: both;
	padding-bottom: 1em;
	background: #9a99e7 url('../images/opusfooterus.jpg') left top no-repeat;
}
#footer h4 {
	color: #fff;
	font-size: 1.2em;
}
#footer #copyright,
#footer #narrow-corridor {
	clear: both;
	font-size: .7em;
	margin-left: 340px;
}
#booking {
	float: left;
	margin-left: 320px;
	padding-left: 20px;
	width: 260px;
}
#contact {
	float: left;
	padding-left: 20px;
	width: 260px;
}
a.booking {
	background: url('../images/date.png') left top no-repeat;
	padding-left: 1.4em;
}
a.audio_samples {
	background: url('../images/music.png') left top no-repeat;
	padding-left: 1.4em;
}
p.phone_booking {
	background: url('../images/phone.png') left top no-repeat;
	padding-left: 1.4em;
}
a.email {
	background: url('../images/email.png') left top no-repeat;
	padding-left: 1.4em;
}

/* !Inspiritus styles ~ ~ ~ ~ ~ */
.inspiritus {
	clear: both;
	color: #309;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

/* !Purchase Styles ~ ~ ~ ~ ~ */
.purchasing {
	float: right;
	width: 140px;
}
.paypal_right {
	float: right;
	text-align: right;
}
.purchasing p,
.purchasing h5 {
	font-size: .8em;
}
form p, form h5 {
	font-size: .9em;
	margin: 0;
}

/* !CD Page styles ~ ~ ~ ~ ~ */
div.catalog {
	float: left;
	margin-right: 20px;
	width: 260px;
	height: 160px;
	overflow: auto;
}
div.catalog p {
	margin: 0px 0px;
}
.catalog img.cover {
	float: left;
	width: 100px;
	margin-right: 15px;
}
.catalog form {
	margin-top: 5px;
}

ol li {
	margin-bottom: .5em;
}
ol.track_list li {
	font-size: .9em;
}
.track_list strong {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
ol q {
	display: block;
	font-variant: small-caps;
	color: #ef3d39;
	font-style: italic;
	margin-bottom: 0;
}
.elvis_quote {
	text-align: right;
	font-style: italic;
}

/* !Flowplayer styling ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
div.clips {
	float: left;
}
.clips h4, .clips p {
	margin: 0;
}
.clips p {
	font-size: .8em;
}
.splash {
	margin-bottom: 0;
}
.clips a {
	display: block;
	width: 354px;
	padding: 5px 5px 5px 41px;
	margin-bottom: 5px;
	background-color: #9a99e7;
	font-size: 90%;
}
div.events a {
	width: 224px;
}
div.events {
	float: right;
}
div.clips span {
	display: none;
	color: #000;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	margin-left: 15px;
}
div.clips q {
	display: none;
	margin-left: 15px;
	font-size: 75%;
	color: white;
	font-style: italic;
}
.clips a:hover, a.clips a.paused {
	background: #abaaf8 url('../images/play.png') left -3px no-repeat;
	text-decoration: none;
}
.clips .playing,
.clips a.playing:hover {
	background: #abaaf8 url('../images/pause.png') left -3px no-repeat;
	text-decoration: none;
}
a.playing span, 
a.playing q,
a.paused span,
a.paused q {
	display: block;
}
a#player,
a.player,
a.event-player {
	display: block;
	width: 400px;
	height: 30px;
	text-align: center;
	margin-bottom: 5px;
}
a.event-player {
	width: 270px;
}
div.player-holder,
div.player-holder img,
a.event-player,
.flowplayer
 {
	float: left;
}
a.event-player {
	clear: left;
}
div.player-holder {
	margin-right: 20px;
}
.flowplayer {
	margin-bottom: 10px;
}
div#lyric-container {
	position: fixed;
	top: 10%;
	left: 10%;
	padding: 1em;
	font-size: 80%;
	width: 400px;
	max-height: 500px;
	background-color: #ccc;
	overflow: auto;
}
div#lyric-container img {
	cursor: pointer;
	float: right;
}
div#lyrics h1 {
	margin: 0;
	font-size: 100%;
	color: black;
	display: block;
}
div#lyrics .copyright {
	clear: both;
}
.itunes-links {
	float: right;
	width: 140px;
	margin-top: 2.2em;
}
.itunes-links p {
	margin: 0;
	margin-bottom: 1em;
}
.itunes-link {
	margin: 0;
	margin-bottom: 4px;
}