/*  This is the Css Style Sheet For The Solace Album on GingerFairbanks.com  
    Made By Paul Navasard
*/


html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,dl,dt,dd {
    margin: 0; 
    padding: 0; 
}

a {
    color:Blue;
}

body {
    background-color: #fff;
	margin:0 0 0 0;
	background-attachment: scroll;
	background: url(/Lib/Images/Solace/backback1.jpg) no-repeat top center;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: "century gothic", "trebuchet ms", Arial, Helvetica, sans-serif;
}

#textMain
{
	font-size : 13px;
}

#textMain a 
{
	font-weight : bold;
}

#content_footer_container 
{
	
	clear: both;
	width: auto;
	height: 20px;
	padding: 40px 5px 20px 5px;
	margin: 0px auto 0px auto;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
    letter-spacing:2px;
}

#content_footer
{
	font-size : 9px;
	font-style : italic;
}

#backback {
    background: url(/Lib/Images/Solace/5.jpg) no-repeat top center;
}

img {
    border: none;
}

#wrapper_container {
    width:1010px;
    margin:0 auto;
    height:1500px;
}

#header_container {
    float:right;
    width:570px;
    height:60px;
}

#navigation_container {
    float:right;
    width:400px;
    clear:both;
    font: bold 18px/18px "Century Gothic", "trebuchet ms", Arial, Helvetica, sans-serif;
    margin : 40px -165px 0 0;
}

html>body #navigation_container 
{
    float:right;
    width:400px;
    clear:both;
    font: bold 18px/18px "Century Gothic", "trebuchet ms", Arial, Helvetica, sans-serif;
    margin : 40px 0 0 0;
}

#navigation ul 
{
	margin : 3px 0 0 0;
    list-style:none;
    background-color : #426d89;
}

#navigation li {
    float:left;
    position: relative;
    padding: 5px 10px;
}

#navigation li ul {
    display:none;
    position:absolute;
    left:0;
	margin : 24px 0 0 0;
}

#navigation li:hover ul, #navigation li.over ul {
    display: block; 
}

#navigation li ul li {
    width:150px;
}

html>/**/body #navigation li ul { margin:4px 0 0 0; }

#navigation a.mainlink 
{
	color: #426d89; 
	text-decoration: none;
	text-transform:lowercase;	
}

#navigation a.sublink 
{
	
	text-decoration: none;
	text-transform:lowercase;
	color : #ffffff;	
}

#left_container {
    width:150px;
    float:left;
    margin:675px 0 0 325px;
    
}

#left div {
    padding:10px;
    margin:0 0 5px;
}

#center_container {
    float:right;
    clear:right;
    width:525px;
    margin:0 160px 0 0;
}

#center
{
    padding:20px;
}

html>body #center_container 
{
    float:right;
    clear:right;
    width:525px;
    margin: 0 0 0 0;
}

/* ----- Content ----- */
.titleLrg {
	font: bold 30px/30px "century gothic", "trebuchet ms", Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing:1px;
	padding: 0 0 2px 0;
	margin: 20px 0px 20px 0px;
}

.titleMed {
	font: bold 16px/16px "century gothic", "trebuchet ms", Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing:1px;
	padding: 0 0 2px 0;
	margin: 20px 0px 10px 0px;
}

#musiclitebox
{
	position : absolute;
	z-index : 100;
	top : 50px;
	left : 0px;
	width : 990px;
	height : 735px;
	background : url(/Lib/Images/Solace/overlay_shadow.png);
}

#musicliteboxclose
{
	width : 28px;
	height : 28px;
	margin : 50px 0 0 50px;
	background : url(/Lib/Images/Solace/widget_close.png) no-repeat;
	float : left;
}

#musicliteboxcontent
{
	clear : left;
}

#musicliteboxcontent iframe
{
	margin : 10px auto;
	display : block;
	border : none;
}

.blogentry h2 
{
	font: bold 24px/24px;
	color: #fff;
	margin : 0 0 20px 0;
}

.entrytext 
{
	font-size: 13px;
	line-height : 16px;
}

.entrymetadata
{
	font-size: 9px;
	line-height : 10px;
	margin : 0 0 20px 0;
}

#cdSabbath td 
{
	font-size : 13px;
}
#cdSolace td 
{
	font-size : 13px;
}

#cdSabbath a 
{
	font-weight : bold;
	font-size : 16px;
}

#cdSolace a
{
	font-weight : bold;
	font-size : 16px;
}

#sheetmusicbuynow a
{
	font-weight : bold;
	font-size : 11px;
}

.sheetmusiccomingsoon 
{
	font-size : 11px;
	font-style : italic;
}

#storelistings a
{
	font-weight : bold;
	font-size : 13px;
}

#storelistings td
{
	padding : 3px 3px 3px 3px;
}

/* ----- Gallery Styles ----- */
#gallery_large_picture span { height:80px; width:55px; background-position:15% 15%; display:block; float:left; margin:6px; border:solid 2px #999; }

/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
		font:bold 15px/18px "Century Gothic", "trebuchet ms", Arial, Helvetica, sans-serif;
		width: auto;
		margin:0px 0px 8px 375px;
		padding: 5px;
		text-align: left;
		letter-spacing:0px;

}
#vNav a{ 
		float: left;		
		display: block; 
		text-align: right;
		color: #738895; 
		text-decoration: none; 
		margin: 2px;
		padding: 2px 7px;
		text-transform: lowercase;
}
#vNav a:hover{
		color: #5FBF61;
		padding: 1px 7px 3px 7px;
                border-bottom:1px solid #fff;
}
#vNav li {   /*for horizontal navigation: display: inline;*/
		display: inline;
}
#stickyNav li {   display: inline;}
/* Sticky Nav and Blog Nav */
#blogBox,
#stickyBox{
		font:bold 11px/14px "Century Gothic", "trebuchet ms" arial, Helvetica, sans-serif;
		margin:0px 0px 20px 8px;
		text-align:left;
		padding:0;
		letter-spacing:0px;
        border-bottom:1px dashed #ccc;
		z-index:6;

}
#stickyBox{height:22px;}
#blogBox{
   float:right;
   width: 160px;
}

#blogBox a,
#stickyNav a{ 
	display: block; 
    background:transparent url(images/icon-stickyUp.gif) no-repeat left center; 
    width:auto;
	padding: 4px 4px 0 14px;  
	color: #6F4B30; 
	text-decoration: none; 
	margin:3px;
}
#stickyNav a{ 
	padding: 0px 2px 0 12px;  
	float:left;
		z-index:6;
}

#blogBox a:hover,
#stickyNav a:hover{
	color: #369;
	padding: 0 1px 0 13px;  
	background:transparent url(images/icon-stickyOver.gif) no-repeat left center; 
}
#blogBox a:hover{padding: 4px 2px 0 14px;  }