@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - OWL CITY MUSIC
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		oc_music.css
	Date:			Apr 16, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	active Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.music a:link, #nav li.music a:active, #nav li.music a:visited, #nav li.music a:hover {
		background-position:0 -30px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	music Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music h1#h1Music {
		width:72px; height:23px;
		background:url(../../images/h1_music.png) no-repeat;
	}

	#music #greyBottom {
		width:570px;
		margin:20px 0 0 0; padding:0 0 30px 0; 
		background:url(../../images/bg_news_even.png) bottom center no-repeat;
	}
	
	#music #greyTop {
		width:550px;
		padding:20px 0 0 20px;
		background:url(../../images/bg_news_even.png) left top repeat-y;
	}
		
	#music #featuredVideos {
		width:550px;
		padding:20px 0 0 20px;
		background: url(../../images/bg_greysection_top.png) top left no-repeat;	
	}
			
			#music #featuredVideos h2#h2FeaturedVideos {
				width:530px; height:13px;
				padding:0 0 5px 0;
				background:url(../../images/h2_featuredvideos.png) no-repeat;
				border-bottom:2px solid #3b352c; 
			}
			
				#music #discography h2#h2Discography {
					width:530px; height:16px;
					padding:0 0 2px 0;
					background:url(../../images/h2_discography.png) no-repeat;
					border-bottom:2px solid #3b352c;	
				}
				
	#featuredVideos #mainVideo {
		width:332px;
		margin:15px 15px 0 0;
		float:left;
	}
	
		#featuredVideos #mainVideo h3 {
			margin:0 0 5px 0;
			font-size:10px;
			text-transform:uppercase;
		}
		
		#featuredVideos #mainVideo img {
			width:328px; height:244px;		
		}
		
			#music a:link img, #music a:visited img, #music a:active img {
				border:1px solid #423c32;
			}
			
				#music a:hover img {
					border:1px solid #fff;
				}
	
	#featuredVideos ul#otherVideos {
		width:196px;
		margin:32px 0 0 0;
		float:left; 
		list-style-type:none;
	}
	
		#featuredVideos ul#otherVideos li {
			width:76px; height:94px;
			margin:0 20px 15px 0;
			display:inline;
			float:left;
			font-size:10px;
			text-align:center;
			overflow:hidden;
		}
	
			#featuredVideos ul#otherVideos li a img {
				display:block;
			}

			#featuredVideos ul#otherVideos li strong {
				display:block;
			}
			
		#music #discography {
			margin:20px 0 0 0; padding:0;
			color:#b9ff33;
		}
		
	#discography .featuredAlbum	{
		width:270px;
		float:left;
		margin:20px 0 0 0;
	}
	
			#discography .featuredAlbum a img {
				width:120px;
				margin:0 10px 0 0;
				display:block;
				float:left;

			}
			
		#discography .featuredAlbum .info {
			margin:3px 0 0 0;
			float:left;
			width:135px;
		}
		
			#discography .featuredAlbum .info h4 {
				width:120px;
				height:40px;
				font-weight:normal;
				font-size:11px;
				text-transform:uppercase; 
			}
			#discography .featuredAlbum .info h4 a {
				color:#b9ff33;
			}
			
				#discography .featuredAlbum .info h4 strong {
					display:block;
				}
			
		.featuredAlbum .info ul.buyLinks {
			width:0px;
			margin:10px 0 0 0; padding:0;
			list-style-type:none;
		}
		
				.featuredAlbum .info ul.buyLinks li {
					height:21px;
					margin:0 0 2px 0; padding:0;
					display:block;
					float:left;
					overflow:hidden;
					line-height:2px;
				}
				
					.featuredAlbum .info ul.buyLinks li a:link.btnFreeoniTunes, .featuredAlbum .infot ul.buyLinks li a:active.btnFreeoniTunes, .featuredAlbum .info ul.buyLinks li a:visited.btnFreeoniTunes {
						width:100px; height:21px;
						background:url(../../images/btn_freeonitunes.png) no-repeat;
						display:block;
					}
					
						.featuredAlbum .info ul.buyLinks li a:hover.btnFreeoniTunes {
							background-position:0 -21px;
						}
				
					.featuredAlbum .info ul.buyLinks li a:link.btnItunes, .featuredAlbum .infot ul.buyLinks li a:active.btnItunes, .featuredAlbum .info ul.buyLinks li a:visited.btnItunes {
						width:100px; height:21px;
						background:url(../../images/btn_ituneshover.png) no-repeat;
						display:block;
						margin-left: 3px;
					}
					
						.featuredAlbum .info ul.buyLinks li a:hover.btnItunes {
							background-position:0 -21px;
						}
						
					.featuredAlbum .info ul.buyLinks li a:link.btnAmazon, .featuredAlbum .info ul.buyLinks li a:active.btnAmazon, .featuredAlbum .info ul.buyLinks li a:visited.btnAmazon {
						width:100px; height:21px;
						background:url(../../images/btn_buyonamazon.png) no-repeat;
						display:block;
					}
					
						.featuredAlbum .info ul.buyLinks li a:hover.btnAmazon {
							background-position:0 -21px;
						}
						
					.featuredAlbum .info ul.buyLinks li a:link.btnPreOrder, .featuredAlbum .info ul.buyLinks li a:active.btnPreOrder, .featuredAlbum .info ul.buyLinks li a:visited.btnPreOrder {
						width:100px; height:21px;
						background:url(../../images/btn_preorder.png) no-repeat;
						display:block;
					}
					
						.featuredAlbum .info ul.buyLinks li a:hover.btnPreOrder {
							background-position:0 -21px;
						}

				.featuredAlbum .info a:link.btnClickForDetails, .featuredAlbum .info a:visited.btnClickForDetails, .featuredAlbum .info a:hover.btnClickForDetails {
					width:95px; height:10px;
					margin:5px 0 0 0;
					background:url(../../images/btn_clickfordetails.png) no-repeat;
					display:block;
					margin-left: 14px;
				}
				
					.featuredAlbum .info a:hover.btnClickForDetails {
						background-position:0 -10px;
					}
					
		#discography ul#otherAlbums {
			margin:30px 0 0 0;
			list-style-type:none;
		}
		
			#discography ul#otherAlbums li {
				width:93px;
				margin:0 40px 0 0;
				display:inline;
				float:left;
			}
			
					#discography ul#otherAlbums li a img {
						display:block;
					}
					
				#discography ul#otherAlbums li h4 {
					margin:5px 0 0 0;
					font-weight:normal;
					font-size:10px;
				}
				
					#discography ul#otherAlbums li h4 strong {
						display:block;
					}
							
						#discography ul#otherAlbums li .buyLinks {
							margin:5px 0 0 0;
						}
					
							#discography ul#otherAlbums li .buyLinks a {
								margin:0 0 3px 0;
								display:block;
							}
									
								#discography ul#otherAlbums li .buyLinks  a:link.btnItunes, #discography ul#otherAlbums li .buyLinks  a:visited.btnItunes, #discography ul#otherAlbums .buyLinks a:active.btnItunes {
									width:89px; height:19px;
									background:url(../../images/btn_itunessmall.png) no-repeat;
									display:block;
								}
								
									#discography ul#otherAlbums li .buyLinks a:hover.btnItunes {
										background-position:0 -19px;
									}
									
							#discography ul#otherAlbums li .info a:link.btnClickDetails, #discography ul#otherAlbums li .info a:active.btnClickDetails, #discography ul#otherAlbums li .info a:visited.btnClickDetails {
								width:85px; height:9px;
								margin:5px 0 0 0;
								background:url(../../images/btn_clickfordetailssmall.png) no-repeat;
								display:block;
							}
							
								#discography ul#otherAlbums li .info a:hover.btnClickDetails {
									background-position:0 -9px;
								}

/*	--------------------------------------------------------------------------------------------------------------------------
	music detail Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music #greyTop {
		width:550px;
		padding:20px 0 0 20px;
		background:url(../../images/bg_news_even.png) top left repeat-y;	
	}
		#music h1#h1AlbumDetail {
			width:164px; height:23px;
			background:url(../../images/h1_albumDetail.png) no-repeat;
		}
		#music #detail {
		
		}
			#music #detail img {
				display:block;
				float:left;
			}
			#music #detail .info {
				margin:15px 0 0 8px;
				float:left;
			}
				#music #detail .info h4 {
					width:300px; height:11px;
					color:#b9ff33;
					/*background:url(../../images/albumTitle_12px.png) no-repeat;*/
				}
				#music #detail .info ul.buyLinks {
					margin:10px 0 0 0;
					list-style-type:none;
				}
					#music #detail .info ul.buyLinks li {
						margin:0 0 5px 0;
					}
						#music #detail .info ul.buyLinks li a:link.btnFreeoniTunes, #music #detail .infot ul.buyLinks li a:active.btnFreeoniTunes, #music #detail .info ul.buyLinks li a:visited.btnFreeoniTunes {
							width:100px; height:21px;
							background:url(../../images/btn_freeonitunes.png) no-repeat;
							display:block;
						}
							#music #detail .info ul.buyLinks li a:hover.btnFreeoniTunes {
								background-position:0 -21px;
							}
						#music #detail .info ul.buyLinks li a:link.btnItunes, #music #detail .infot ul.buyLinks li a:active.btnItunes, #music #detail .info ul.buyLinks li a:visited.btnItunes {
							width:100px; height:21px;
							background:url(../../images/btn_ituneshover.png) no-repeat;
							display:block;
							margin-left: 3px;
						}
							#music #detail .info ul.buyLinks li a:hover.btnItunes {
								background-position:0 -21px;
							}
						#music #detail .info ul.buyLinks li a:link.btnAmazon, #music #detail .infot ul.buyLinks li a:active.btnAmazon, #music #detail .info ul.buyLinks li a:visited.btnAmazon {
							width:100px; height:21px;
							background:url(../../images/btn_buyonamazon.png) no-repeat;
							display:block;
						}
							#music #detail .info ul.buyLinks li a:hover.btnAmazon {
								background-position:0 -21px;
							}
						#music #detail .info ul.buyLinks li a:link.btnPreOrder, #music #detail .infot ul.buyLinks li a:active.btnPreOrder, #music #detail .info ul.buyLinks li a:visited.btnPreOrder {
							width:100px; height:21px;
							background:url(../../images/btn_preorder.png) no-repeat;
							display:block;
						}
							#music #detail .info ul.buyLinks li a:hover.btnPreOrder {
								background-position:0 -21px;
							}
							
				#music #detail .info .stats {
					margin:10px 0 0 0;
					font-size:10px;
					line-height:18px;
					color:#b9ff33;
				}
		/*	table */
		#music table {
			margin:34px 0 0 0;
			width:525px;
		}
			#music table col#trackCol {
				width:245px;
			}
			#music table col#lengthCol {
				width:283px;
			}
		#music table thead tr {
			height:16px;
			text-align:left;
			vertical-align:top;
		}
			#music table thead tr th.thTrack {
				padding:0 0 0 22px;
			}
		#music table tbody tr {
			background:#000;
			font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#music table tbody tr.odd {
			background:#252525;
		}
			#music table tbody tr td {
				padding:7px 0;
				vertical-align:top;
			}
				#music table tbody tr td.track {
					padding:7px 15px 7px 19px;
				}
				
		#music a.back {
			width:95px; height:9px;
			margin:10px 0 0 0;
			background:url(../../images/btn_backToMusic.png) top no-repeat;
			display:block;
		}
			#music a.back:hover {
				background-position:0 -10px;
			}