/*-------------------------------------------------
sovereigngracemusic.com
Stylesheet:  Screen.css
Author:   Ryan James
Version:  20 August 2007
Revision: 
------------------------------------------------- */


/*----------------------------------------------- */
/*Global Reset*/
/*----------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
table {
	border-collapse: collapse;
}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
:focus { outline: 0; }
form {margin : 0px;}
body {
	font-family : "Lucida Grande", Arial, Verdana;
}
body, html {
	width : 100%;
	height : 100%;
}
a {
	color : #2a7ac8;
}
a:visited {
	color : #007acf
}
.release-date {
	font-size : 11px;
	color : #666;
}
/*--------------------------------------------------
Base Styling
------------------------------------------------- */
body {
	text-align:center;
	background-color: #fff;
}
#container {
	text-align:left;
	width: 900px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

a:hover {
	color : #178dff;
}

/*--------------------------------------------------
Header
------------------------------------------------- */

#header {
	height : 130px;
	border-bottom: solid 1px #ddd;
	padding-top : 22px;
}
#header > a {
	float: left;
	display: block;
	margin-left : 10px;
	height: 103px;
}
#header ul {
	margin-top: 81px;
	display: block;
	float: right;
	font-family: Georgia;
	font-size: 13px;
	color: #777;
	font-style : italic;
}
#header ul li {
	display: block;
	float: left;
	margin : 0 7px 0 7px;
}
#header ul li a {
	padding: 0 5px 0 5px;
	display: block;
	float : left;
	line-height: 24px;
	height: 24px;
	color: #999;
}
#header ul li a:hover {
	color : #222;
}



/*--------------------------------------------------
Section Content
------------------------------------------------- */

div h1 {
	margin : 1px 0 1px 0;
	height:40px;
	float: left;
	background: url('http://www.sovereigngracemusic.org/images/ui/page-title-bg.gif');
	color: #fff;
	font-family: Georgia;
	line-height: 40px;
	padding-left: 10px;
	font-size: 15px;
}
h1.biographies {
	width : 611px;
}
h1.about {
	width : 890px;
}
h1.releases {
	width : 559px;
}
h4 {
	background: url('http://www.sovereigngracemusic.org/images/ui/titlebar.gif');
	height : 33px;
	line-height : 33px;
	font-size : 12px;
	color : #454545;
	border-top : solid 20px #fff;
	margin-bottom : 12px;
	padding-left : 9px;
	clear : both;
}
#main-content {
	float : left;
	margin-bottom: 50px;
	padding-left: 18px;
}
#profile-photo {
	margin : 20px 20px 20px 0;
	float : left;
}
.releases {
	width: 530px;
}
.biographies {
	width : 580px;
}
#main-content p {
	font-size : 12px;
	color : #454545;
	line-height: 20px;
	margin-bottom : 20px;
}
#main-content h2 {
	font-family : Georgia;
	font-size : 34px;
	color : #444;
	padding : 20px 0 10px 0;
}
#main-content h3 {
	color : #666;
	font-family : Georgia;
	font-style : italic;
}
#audio-box {
	background-color : #eaeaea;
	margin : 25px 0 30px 0;
	padding : 10px;
	font-size: 10px;
	width : 510px;
	padding-bottom : 15px;
}
#audio-box img {
	float : left;
	margin-right : 10px;
}
#audio-box ul {
	margin-bottom : 10px;
	border-top: solid 1px #dddddd;
	float : right;
	margin-right : 2px;
	letter-spacing : -0.15px;
}
#audio-box li a {
	border-bottom: solid 1px #dddddd;
	background-color: #f5f5f5;
	font-size : 9px;
	display : block;
	color : #666;
	height : 21px;
	line-height: 21px;
	padding-left: 6px;
}
#audio-box li a:hover {
	background: url('http://www.sovereigngracemusic.org/images/ui/song-hover.gif');
}
#audio-box li {
	display : block;
}
#credits {
	font-size: 10px;
	color: #666;
	float: right;
	text-align : left;
	display : block;
	width : 350px;
}
#credits strong {
	font-weight : bold;
	display : block;
	float : left;
	width : 70px;
	padding-right : 7px;
	text-align : right;
}
#credits span {
	float : right;
	margin : 0px;
	margin-bottom : 5px;
	width : 272px;
	text-align : left;
}
#audio-box p {
	display : block;
	float : left;
	width : 290px;
	color : #666;
	font-size : 10px;
	line-height : 14px;
}
#audio-box a#purchase {
	font-size : 9px;
	float : left;
	display : block;
	color : #666;
	width : 195px;
	margin-top : 17px;
}
.resource-thumb {
	border : solid 1px #cecece;
	float : left;
	padding : 3px 3px 8px 3px;
	margin : 3px;
	color : #454545;
	font-size : 10px;
	text-align : center;
}
.biographies .resource-thumb {
	margin : 0 15px 0 15px;
}
.resource-thumb img {
	margin-bottom : 6px;
}
.resource-thumb span {
	margin-left : 3px;
	padding-left : 7px;
	width : 145px;
	height : 28px;
	text-align : center;
	vertical-align : middle;
	display : table-cell;
}
a.resource-thumb:hover {
	color : #fff;
	background: url('http://www.sovereigngracemusic.org/images/ui/resource-hover.gif') repeat-x #747474;
}

/*--------------------------------------------------
Sidebar
------------------------------------------------- */

#sidebar {
	border-right : solid 1px #ddd;
	border-left : solid 1px #ddd;
	width: 328px;
	float: right;
	margin-bottom : 20px;
}
#bio-sidebar, #news-sidebar {
	border-right : solid 1px #ddd;
	border-left : solid 1px #ddd;
	width: 276px;
	float: right;
	margin-bottom : 20px;
}
#about-sidebar {
	width: 231px;
	float: right;
	padding : 2px;
	border : solid 1px #ddd;
	margin-bottom : 50px;
}
#about-sidebar img {
	margin-right : -5px;
	margin-bottom : -3px;
}
#sidebar dt, #sidebar dd, #sidebar li, #bio-sidebar dt, #bio-sidebar dd, #bio-sidebar li, #news-sidebar li {
	display : inline;
}
#sidebar ul#tabs {
	border-left : solid 1px #fff;
	height: 40px;
	border-top : solid 1px #fff;
	border-bottom : solid 1px #fff;
	background: url('http://www.sovereigngracemusic.org/images/ui/tabs-bg.gif');
	font-size : 11px;
	line-height : 41px;
}
ul#choose-an-artist {
	border-left : solid 1px #fff;
	height: 40px;
	border-top : solid 1px #fff;
	padding-left : 10px;
	border-bottom : solid 1px #fff;
	background: url('http://www.sovereigngracemusic.org/images/ui/tabs-hover-bg.gif');
	font-size : 13px;
	width : 264px;
	line-height : 41px;
}
#sidebar ul#tabs li {
	border-right : solid 1px #fff;
	display : block;
	float : left;
	height : 40px;
}
#sidebar ul#tabs li a {
	display : block;
	float : left;
	padding: 0 9px 0 8px;
	color : #003b63;
	letter-spacing: -0.25;
	height : 40px;
}
#sidebar ul#tabs li strong {
	display : block;
	float : left;
	font-weight : normal;
	padding: 0 8px 0 9px;
	color : #fff;
	height : 40px;
	background: url('http://www.sovereigngracemusic.org/images/ui/tabs-selected-bg.gif');
}
#sidebar ul#tabs li a:hover {
	background: url('http://www.sovereigngracemusic.org/images/ui/tabs-hover-bg.gif');
}
#sidebar h2, #bio-sidebar h2 {
	border-left : solid 1px #fff;
	color : #888;
	padding : 10px;
	font-size : 12px;
	background-color: #f8f8f8;
}
#sidebar dl, #bio-sidebar dl {
	padding-left : 10px;
	height : 29px;
	border-top : solid 1px #ddd;
	border-bottom : solid 1px #ddd;
	border-left : solid 1px #fff;
}
#sidebar dt, #sidebar dd, #bio-sidebar dt, #bio-sidebar dd {
	border : solid #fff;
	border-width : 4px 4px 0 4px;
	color : #777;
	font-size : 10px;
	float : left;
	display : block;
	line-height : 20px;
}
#sidebar dd a, #bio-sidebar dd a {
	color : #777;
	padding : 0 6px 0 8px;
	line-height: 23px;
	height : 23px;
	display : block;
	float : left;
}
#sidebar dd a:hover, #bio-sidebar dd a:hover {
	background: url('http://www.sovereigngracemusic.org/images/ui/sort-by-hover.gif');
}
ul#results li {
	border-bottom : solid 1px #ddd;
	display : block;
	width : 100%;
	clear : both;
}
ul#results {
	position : relative;
}
ul#results li img {
	float : left;
	margin : 0px 10px 0px 0px;
}
#bio-sidebar ul#results li img {
	float : left;
	margin : 0px 10px 0px 0px;
}
#news-sidebar ul#results li a {
	height : 15px;
	margin : 0px;
	padding : 0px;
	}
#news-sidebar ul#results li a {
	padding : 10px 0 10px 15px;
	margin : 0px;
}
#archive {
	display : block;
	margin-right : -1px;
	border-right : solid 1px #fff;
	margin-left : -1px;
	border-left : solid 1px #fff;
	padding-bottom : 50px;
}
#archive h2 {
	font-size : 13px;
	display : block;
	padding : 30px 0 3px 10px;
}
#archive ul#results li {
	border-width : 0px;
	height : 24px;
}
#archive ul#results li a {
	height : 24px;
	line-height : 24px;
	padding : 0px;
	margin : 0 0 0 20px;
	color : #aaa;
}
#archive ul#results li a:hover {
	background : transparent;
	color : #000;
}

ul#results li a {
	color : #777;
	display : block;
	padding-top : 8px;
	height : 43px;
	font-size : 11px;
}
ul#results li a.albums-height {
	height : 54px;
	padding-top : 4px;
	padding-left : 4px;
	}
	
#bio-sidebar ul#results li a {
	height : 58px;
	padding-left : 8px;
}
ul#results li a:hover {
	background: url('http://www.sovereigngracemusic.org/images/ui/results-hover.gif') #f8f8f8 repeat-x bottom left;
}
.album-release-date {
	float : right;
	font-size : 13px;
	margin : 11px 7px 0 0;
	display : block;
}
.album-title, .artist-name {
	color : #444;
	font-size : 12px;
	margin-top : 0px;
}
.album-title {
	margin-left : 3px;
	display : block;
	margin-top : 3px;
	float : left;
	width : 180px;
}
.album-image {
	margin-left : 4px;
	margin-bottom : 8px;
}
a.album-thumb:hover {
	background: url('http://www.sovereigngracemusic.org/images/ui/results-hover.gif') #f8f8f8 repeat-x bottom left;
}
.album-thumb {
	display : block;
	width : 268px;
	padding : 10px 0 0 10px;
	float : left;
	height : 80px;
	border : solid 1px #ddd;
	margin : 0 5px 10px 5px;
}
.album-thumb .artist-name {
	font-size : 11px;
	color : #777
}
.album-thumb img {
	float : left;
	margin-right : 10px;
}
.album-thumb .album-title {
	font-size : 12px;
}
.artist-occupation {
	font-size : 10px;
	color : #999;
}
#results-top-fade {
	background: url('http://www.sovereigngracemusic.org/images/ui/results-hover.gif');
	height : 21px;
	position : absolute;
	z-index : 1000;
}
div#pagination {
	border-left : solid 1px #fff;
	margin-left : -1px;
	width : 328px;
	border-top : solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-right : solid 1px #fff;
	font-size : 13px;
	color : #999;
	padding-top : 10px;
	text-align : center;
}
#page-selected {
	font-size : 13px;
	background-color : #f5f5f5;
	color : #000;
	padding : 2px 6px 2px 6px;
}
div#pagination a {
	color : #178dff;
}


/*--------------------------------------------------
News
------------------------------------------------- */
.news {
	width : 580px;
}

.news-date {
	margin-left : -100px;
	color : #939393;
	display : block;
	width : 80px;
	text-align : right;
	padding-right : 20px;
}
.filed-under {
	color : #999;
	font-size : 10px;
	display : block;
	margin-bottom : 5px;
	margin-top : -2px;
}
.filed-under a {
	color : #0096ff;
}
.filed-under a:hover {
	color : #007acf;
}
.news-year {
	display : block;
	font-size : 10px;
}
.news-photo {
	border : solid 1px #e7e7e7;
	float : right;
	margin : -3px 10px 6px 15px;
}

#main-content ul li h2 {
	font-size : 14px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-top : 0px;
	color : #000;
	font-family : "Lucida Grande", "Lucida Sans";
}
#main-content ul li p {
	font-size :11px;
	margin-bottom: 5px;
	margin-top : 0px;
	color : #555;
	line-height : 18px;
}

ul#news-list li {
	display : block;
	padding : 15px 0 15px 0;
	border-bottom : solid 1px #dedede;
	margin-left : 100px;
}

ul#news-list li h2 {
	margin-top : -26px;
}

/*--------------------------------------------------
About
------------------------------------------------- */

h1.about {
	margin-bottom : 30px;
}



/*--------------------------------------------------
Landing Page
------------------------------------------------- */
#lp-feature {
	margin-top : 5px;
	height : 155px;
	padding : 20px 20px 20px 10px;
	display : block;
	margin-bottom : 0px;
}

#lp-feature h5 a {
	font-family : georgia;
	font-size : 34px;
	color : #000;
	margin-top : 0px;
	float : none;
	clear : right;
}

#lp-feature img {
	float : left;
	margin-right : 30px;
}
#lp-feature h2 a {
	font-size : 18px;
	color : #777;
	margin-top : 8px;
	font-style : italic;
	line-height: 23px;
	font-family : georgia;
	font-weight : normal;
}
.sub-feature {
	border-top : solid 1px #eee;
	padding-top : 1px;
	height : 147px;
	margin-bottom : 10px;
	border-bottom : solid 1px #eee;
}
a.direct {
	display : block;
	float : left;
	width : 580px;
	color : #666;
	height : 134px;
	padding : 6px 50px 6px 10px;
	background: url('http://www.sovereigngracemusic.org/images/ui/sub-feature-bg.gif') no-repeat top right #f5f5f5;
}
a.direct img {
	float : left;
	margin-right : 20px;
}
a.direct {
	font-size : 13px;
	line-height : 16px;
}
span.hp-title {
	float : none;
	color : black;
	display : block;
	font-size : 20px;
	font-family : georgia;
	margin-bottom : -10px;
}
a.direct h4, .more-in h4 {
	float : none;
	display : inline;
	background : transparent;
	border-top-width : 0px;
	margin-left : 0px;
	padding-left : 0px;
	color : #777;
	font-size : 12px;
	font-family : georgia;
}
a.direct:hover {
	background-color : #eee;
	color : #666;
}
.more-in h4 {
	margin-top : 40px;
	display : block;
	margin-bottom : -10px;
	padding-bottom : 0px;
}
.more-in {
	margin-left : 30px;
	float : left;
	width : 220px;
	display : block;
}
.more-in a {
	font-family : georgia;
	text-decoration : underline;
	font-size : 12px;
	color : #0096ff;
}
a.refer-to {
	display : block;
	font-size :15px;
	margin-bottom : 10px;
}
.more-in a:hover {
	color : #007acf;
}


/*--------------------------------------------------
Footer
------------------------------------------------- */

#footer {
	clear : both;
	border-top : solid 1px #ddd;
	padding-top : 15px;
	margin-top : 30px;
	height : 150px;
}
#site-credits, #footer-supp {
	color : #454545;
	font-size : 9px;
	float : left;
}
#footer-nav {
	float : right;
	color : #ccc;
}
#footer-nav a {
	color : #454545;
	font-size : 11px;
}
#footer-nav a:hover, #footer-supp a:hover {
	color : #178dff;
}
#footer-supp {
	margin-top : 5px;
	float : right;
	color : #ccc;
	clear : both;
}
#footer-supp a {
	color : #454545;
}
#artists-sort-desc {
	display : none;
}
#albums-sort-desc, #albums-sort-asc, #albums-date-asc {
	display : none;
}
ul.album-tracks {
	float : right;
	display : inline;
	width : 345px;
}
ul.album-tracks li {
	width : 170px;
	float : left;
}
.album-thumb .artist-name {
	display : block; float : left;
	margin-left : 4px;
}
#audio-box ul.album-tracks li a.free-download {
	background-color : #b4f2bc;
	color : #176820;
	font-weight : bold;
}
#audio-box ul.album-tracks li a.free-download:hover {
	background-color : #b4f2bc;
	color : #176820;
	font-weight : bold;
}
#audio-box ul.album-tracks li a.selected {
	background-color : #8ec8f2;
	color : #000;
	background-image : transparent;
	font-weight : bold;
}
#buy-it-now {
	float : left;
	margin-top : 15px;
	width : 120px;
}
#buy-it-now img {
	margin-bottom : 6px;
}
#thank-you {
	padding : 20px;
	margin : 20px;
	display : block;
	background-color : #f5f5f5;
	color: #555;
	font-size : 12px;
}
#thank-you p {
	margin-bottom : 9px;
}
#thank-you strong {
	display : block;
	font-size : 17px;
	font-family : Georgia;
	margin-bottom : 20px;
}
label {
	font-size : 11px;
	color : #555;
}
.requiredfield {
	font-size : 10px;
	color : #000;
}
.formfield {
	margin : 25px 0 0 30px;
}
.validation-advice {
color: #850000;
margin-top : 4px;
font-size : 11px;
} 
.biographies p em {
	font-style : italic;
}


.favBgStyle {
border: 0px;
padding: 0px;
margin: 0px;
width: 100%;
position: absolute;
background-color: #000000;
opacity: 0.5;
filter: Alpha(opacity:50);
z-index: 100;
}

.favAreaBg {
border: 0px;
padding: 10px;
position: absolute;
background-color: #000;
z-index: 101;
}
.send-video-desc {
	float : left; 
	margin : 0 20px 0 20px; 
	width : 300px; 
	height : 300px;
	font-size : 12px;
	color : #666;
}
.video-notice {
	padding : 20px;
	text-align : center;
	font-size : 14px;
	color : #2a7ac8;
	background-color : #eee;
	margin-bottom : 25px;
}
.send-video-desc strong {
	font-weight : bold;
	color : #000;
}
.send-video-desc img {
	margin-top : 15px;
	float : left;
}




#gallery
{
	width: 450px;
	height: 365px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin: 10px 10px 10px 30px;
}
.pagelinks a
{
	font-weight: bold;
	color: #666;
}
.slideCaption
{
	font-size : 11px;
	color : #666;
}
.slideCaption span {
	display : block;
	font-size : 12px;
	color : #222;
}
.pagelinks {
	font-size : 12px;
	display : block;
	float : left;
	padding-left : 3px;
}
.pagelinks a.activeSlide
{
	color: #2a7ac8;
	font-size : 14px;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(http://www.sovereigngracemusic.org/images/ui/spacer.gif);
}
.nextSlide:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.sovereigngracemusic.org/images/ui/nextslide.png');
}
.nextSlide:hover[class] {
	background-image: url(http://www.sovereigngracemusic.org/images/ui/nextslide.png);
}
.prevSlide:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.sovereigngracemusic.org/images/ui/prevslide.png');
}
.prevSlide:hover[class] {
	background-image: url(http://www.sovereigngracemusic.org/images/ui/prevslide.png);
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}