@charset "utf-8";
/* CSS Document */

body {
        margin: 0;
        padding: 0;
        font-family: "Century Gothic", Arial, sans-serif;
        color: #270037;
        font-size: 12px;
        text-align: center;
        background: url(images/bg-vertical.png) repeat-x #270037;
		
}
a {color: #270037;}
a img  {border: none;}

#wrapper {
        width: 960px;
        margin-left: auto;
		 margin-right: auto;
        text-align: left;
		
}
#top-content {
			height: 50px;
			margin-top:50px;
				margin-bottom:26px;
		margin-left:40px;
		}
#logo {
width: 400px;
float: left;
}
#subscribe {
		color: #ffffff;
		padding-right: 40px;
		vertical-align:: top;
		text-align: right;
}
#subscribe a {color: #ffffff;}
#site-description {
		color: #ffffff;
		padding-top:15px;
		padding-right: 40px;
		vertical-align:: top;
		text-align: right;
		font-size: 16px;
}

#navigation {
        clear: both;
		margin-left:auto;
		margin-right:auto;
		width: 890px;
		height: 55px;
		background:#FFFFFF;
}

#nav-left {
	float:left;
	width:10px;
	height: 55px;
	background:url(images/nav-left.png) no-repeat;
	}
	
#nav {
   float: left;
   width:870px;
   height: 55px;
   background:url(images/nav-slice.png) repeat-x;
 }

#nav-right {
	width:10px;
	height: 55px;
	background:url(images/nav-right.png) no-repeat;
	float:right;
	}

#nav-shadow {
	height:22px;
	width: 893px;
	background:url(images/nav-shadow.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
	}
	
#nav-buttons {
	margin-top: 15px;
	margin-left: 97px;
	width:669px;
	height:29px;
}
#nav-home {
	float:left;
	width:97;
	height:26px;
	padding-right:155px;
	}
	
#nav-reviews {
	float:left;
	width:139;
	height:26px;
	padding-right:65px;
	}

#nav-submit {
	float:left;
	width:121px;
	height:26px;
	padding-right:155px;
}
#nav-store {
	float:left;
	width:98;
	height:26px;
	margin-right:10px;
}


#announce {
width: 890px;
	height:208px;
	margin-left: auto;
	margin-right: auto;
	background: #ececec;
	}
#content-grey-top {
width: 960px;
	height:60px;
	background:url(images/content-grey-top.png) no-repeat;

	margin-left: auto;
	margin-right: auto;
	}
#content-grey {

	width: 900px;
	height:28px;
	margin-left: auto;
	margin-right: auto;
	background:url(images/bg-content-header-horiz.png) repeat-y;
	}
#content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	background:url(images/bg-content.png) repeat-y;
}
#content-white {
	height:auto;
	background:url(images/bg-content-horiz.png) repeat-y;
	}
	
#content-white-btm {
	height:25px;
	background:url(images/content-white-btm.png) no-repeat;
	}
	
#player {
	margin-top:10px;
	margin-left: 60px;
	z-index: 99;
	position: absolute;
	width: 275px;

}
#player-top {
	height: 12px;
	background:url(images/player-top.png) no-repeat;
	}
	
#player-slice {
height: 320px;
padding-left: 13px;
background: url(images/player-slice.png) repeat-y;
}

#embed {
padding-left: 10px;
}

#player-bottom {
	height:15px;
	background: url(images/player-bottom.png) no-repeat;
}

#message {
	margin-left: 350px;
	padding-top:10px;
	width: 514px;

}
#message-top {

	height: 12px;
	background:url(images/message-top.png) no-repeat;
	}
#loading{
text-align:left;
padding-left:34px;
}
	
#message-slice {
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	background: url(images/message-slice.png) repeat-y;
}

#message-bottom {
	height:15px;
	background: url(images/message-bottom.png) no-repeat;
}	
#message-text {
	margin-left: -10px;
}
.sidebar-left {
	margin-left: 15px;
	float:left;
	width: 275px;
}
.sidebar-center {
	margin-left: 20px;
	float:left;
	width: 275px;
}
.sidebar-right {
	margin-left: 20px;
	float:left;
	width: 275px;
}
.sidebar-top {
	height: 12px;
	background:url(http://yheard.com/design/images/sidebar-top.png) no-repeat;
	}
	
.sidebar-slice {
height: 180px;
background: url(http://yheard.com/design/images/sidebar-slice.png) repeat-y;
padding-left: 20px;
list-style:none;
}
.sidebar-slice img{
margin-left:35px;
}

.sidebar-bottom {
	height:15px;
	background: url(http://yheard.com/design/images/sidebar-bottom.png) no-repeat;
}


#form-content-grey-top {
width: 902px;
	height:60px;
	background:url(images/content-grey-top.png) no-repeat;

	margin-left: auto;
	margin-right: auto;
	}
#form-content-grey {

	width: 900px;
	height:28px;
	margin-left: auto;
	margin-right: auto;
	background:url(images/bg-content-header-horiz.png) repeat-y;
	}
#form-content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height:700px;
	background:url(images/bg-content.png) repeat-y;
}
#form-content-white {
	height:410px;
	background:url(images/bg-content-horiz.png) repeat-y;
	}
	
#form-content-white-btm {
	height:25px;
	background:url(images/content-white-btm.png) no-repeat;
	}
#form-area {
	margin-left: 350px;
	padding-top:10px;
	width: 514px;

}
#form-area-top {
	height: 12px;
	background:url(images/message-top.png) no-repeat;
	}
	
#form-area-slice {
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	background: url(images/message-slice.png) repeat-y;
}

#form-area-bottom {
	height:15px;
	background: url(images/message-bottom.png) no-repeat;
}	
#form-area-text { 
	font-size: 12px;
	
}
#form-area-text td {
width:250px;
}
#footer {
	margin-top:auto;
	background:url(images/footer.png) no-repeat bottom;
	}
#footer-text {
padding-left: 20px;
}

 .clear {  
     clear:both  
 }  
 #gallery {  
     position:relative;  
     height:208px;
	 font-weight:bold;
 }  
     #gallery a {  
         float:left;  
         position:absolute;  
     }  
       
     #gallery a img {  
         border:none;  
     }  
       
     #gallery a.show {  
         z-index:500  
     }  
   
     #gallery .caption {  
         z-index:600;   
         background-color:#f0f0f0;   
         color:#000000;   
         height:100px;   
         width:100%;   
         position:absolute;  
         bottom:0;  
     }  
   
     #gallery .caption .content {  
         margin:5px  
     }  
     #gallery .caption .content h3 {  
        margin:0;  
         padding:0;  
        color:#000000;
		font-size: 16px;  
		
   }  
   
#message-text ul {list-style: none;}   
#message-text ul li {margin-bottom:5px;"}