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

/*	--------------------------------------------------------------------------------------------------------------------------
	active Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.home a:link, #nav li.home a:active, #nav li.home a:visited, #nav li.home a:hover {
		background-position:0 -30px;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#nav ul {
		margin:0 0 0 0;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpaceBottom {
		padding:0;
		background:none;
	}
	.contentSpace {
		background:none;
	}
		.mainCol {
			padding:0;
			width:630px;
			background:none;
		}
		
		.mainCol_top {
			display: none !important;	
		}
		
		.mainCol_bottom {
			display: none !important;	
		}
		
		.sideCol {
			margin:0 0 0 10px !important;
		}
		
	
	
	
	#popularNewsItemsBottom {
		margin-bottom:0;
	}
	
		h2#h2FeatureNews {
			width:108px; height:13px;
			background:url(../../images/h2_featurenews.png) no-repeat;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.albumBuyer {
		padding:30px 0 0 30px;
		width:600px; height:240px;
		background:url(../../images/bg_albumBuyer.png) top center no-repeat;
		behavior:url(shared/css/iepngfix.htc);
	}
		.albumBuyer .albumHolder {
				float:left;
			}
				.albumBuyer .albumHolder .album {
					padding:0 23px 0 0;
					width:165px;
					float:left;
				}
					.albumBuyer .albumHolder .albumBorder {
						width:141px; height:141px;
						padding:12px;
						background:url(../../images/bg_albumHolder_gradient.png) no-repeat;
					}
						.albumBuyer .albumHolder .albumBorder img {
							border:solid 1px #454037;
							display:block;
						}
					.albumBuyer .albumHolder a.btniTunes:link, .albumBuyer .albumHolder a.btniTunes:active, .albumBuyer .albumHolder a.btniTunes:visited {
						width:100px; height:21px;
						margin:10px 0 0 32px;
						background:url(../../images/btn_itunes.png) 0 0 no-repeat;
						display:block;
					}
						.albumBuyer .albumHolder a.btniTunes:hover {
						
						}
		.albumBuyer .inStores {
			margin:10px 0 0 0;
			text-align:center;
			font-weight:bold;
		}
					.albumBuyer .info {
						float:left;
					}
						.albumBuyer .info .title {
							width:328px; height:58px;
							background:url(../../images/bg_title.png) top center no-repeat;
							behavior:url(shared/css/iepngfix.htc);
						}
						.albumBuyer .info .mediaPlayer {
							margin:5px 0 0 0;
							width:384px; height:91px;
							background:url(../../images/bg_mediaPlayer_homepage.png) top center no-repeat;
							behavior:url(shared/css/iepngfix.htc);
						}
							.albumBuyer .info .mediaPlayer .flashHolder {
								padding:5px 0 0 0;
								text-align:center;
							}
					.albumBuyer .info a.more {
						margin:59px 0 0 304px;
						width:91px; height:12px;
						display:block;
						background:url(../../images/btn_moreInMusic.png) top center no-repeat;
					}
						.albumBuyer .info a.more:hover {
							background-position:bottom;
						}

	#shows {
		padding: 0 0 13px 0;
	}
	
	#shows #contain {
		background:url(../../images/bg_news_body.png) top center no-repeat;
		margin-top:10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding-bottom:20px;
		height: 463px;
	}
	
						
	#shows h2#h2UpcomingTourDates {
		margin:0 0 20px 0;
		width:184px; height:46px;
		background:url(../../images/h2_upcomingtourdates.png) no-repeat 30px 30px;
	}

	#shows #tourDates {
		height:360px;
		margin:0 0 0 30px;
		overflow:hidden;
	}
	
	#shows table {
		width:570px;
	}
		#shows col#dateCol {
			width:184px;
		}
		#shows col#venueCol {
			width:50px;
		}
		#shows col#locationCol {
			width:195px;
		}
		#shows col#ticketsCol {
			width:71px;
		}
		#shows thead {
		
		}
			#shows thead th.thDate {
				width:184px; height:15px;
				background:url(../../images/th_date_lightgrey.png) 18px 0 no-repeat;
			}
			
			#shows thead th.thVenue {
				height:15px;
				background:url(../../images/th_venue_lightgrey.png) 18px 0 no-repeat;
			}
			
			#shows thead th.thStartingTime{
				height:15px;
				background:url(../../images/th_startingtime_lightgrey.png) no-repeat;
			}
			
			#shows thead th.thLocation {
				width:95px; height:15px;
				background:url(../../images/th_location_lightgrey.png) top left no-repeat;
			}
			#shows thead th.thTickets {
				width:71px;
			}
		#shows tbody {
			
		}
		#shows tbody tr {
			background: url(../../images/bg_tourInfo_even.png) repeat;
		}
		#shows tbody tr.odd {
			background: url(../../images/bg_tourInfo.png) repeat;
		}
			#shows tbody tr td {
				padding:5px 0 6px 0;
				font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
				color:#fff;
				line-height:12px;
			}
				#shows tbody tr td.venue {
				width:180px;
				padding:6px 18px;
				line-height:12px;
				}
				
				#shows tbody tr td.date {
					padding:12px 0 0 18px;
					font-size:10px;
					font-weight:normal;
					line-height:12px;
				}
					
					#shows tbody tr td.date a{
						font-size:10px;
						text-transform:uppercase;
						line-height:12px;
					}
					
					#shows tbody tr td.date .venue{
						font-size:13px;
						font-weight:bold;
						line-height:12px;
					}
				
				#shows tbody tr td.location {
					width:130px;
					padding-right:30px;
					font-size:10px;
					font-weight:normal;
					line-height:12px;
				}
				
					#shows tbody tr td.location .address{
						display:block;
					}
				
				#shows tbody tr td.startingTime {
					padding-right:6px;
					font-size:10px;
					font-weight:normal;
					line-height:12px;
				}
				
					#shows tbody tr td.startingTime .time {
						display:block;
					}
					
					#shows tbody tr td.location .notes {
						font-size:10px;
						font-weight:normal;
						line-height:12px;
					}
					
				#shows tbody tr td.tickets {
					padding:6px 6px 6px 0;
					line-height:12px;
				}
				#shows tbody tr td.tickets a, #shows tbody tr .links a.buyTickets {
					width:71px; height:18px;
					background:url(../../images/btn_buyTicketsGreyDark.png) top center no-repeat;
					display:block;
				}
					#shows tbody tr td.tickets a:hover, #shows tbody tr .links a:hover.buyTickets {
						background-position:bottom;
					}
				#shows tbody tr.odd td.tickets a, #shows tbody tr.odd .links a.buyTickets {
					width:71px; height:18px;
					background:url(../../images/btn_buyTicketsGreyDark.png) top center no-repeat;
					display:block;
				}
					#shows tbody tr.odd td.tickets a:hover, #shows tbody tr.odd .links a:hover.buyTickets {
						background-position:bottom;
					}
					
				#shows tbody tr.odd .links a.buyTickets, #shows tbody tr .links a.buyTickets {
					margin:0 6px 0 0;
					float:right;
					display:inline;
				}
				
				#shows tbody tr .links a.btnMoreInfo {
					width:125px; height:13px;
					margin:0 0 0 18px;
					background:url(../../images/btn_fb_moreinfo.png) no-repeat;
					display:inline;
					float:left;
				}
				
					#shows tbody tr .links a:hover.btnMoreInfo {
						background-position:bottom left;
					}
			
	#shows a.btnCompleteSchedule:link, #shows a.btnCompleteSchedule:visited, #shows a.btnCompleteSchedule:active {
		width:122px; height:10px;
		margin:10px 0 0 478px;
		background:url(../../images/btn_completeSchedule.png);
		display:block;
	}
	
		#shows a.btnCompleteSchedule:hover {
			background-position:0 -10px;
		}
		
		body
		{
		    background-repeat: repeat-x;
		    background-position: 0 -30px;
		}
		#container {
			background:#000 url(../../images/bg_homeNav.jpg) top center no-repeat;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	latest news
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	#newsBody {
		background:url(../../images/bg_news_body.png) top center no-repeat;
		margin-top:10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding-top:10px;
		padding-bottom:20px;
		height:815px;
	}
		#newsBody h1 {
			background:url(../../images/h1_latestNews.png) no-repeat;
			margin:21px 0 0 30px;
		}
		#newsBody ul {
			margin:0 30px 0 30px;
		}
		#newsBody ul li {
			padding:0 0 15px 0;
			list-style:none;
			color:#fff;
		}
		h4 {
			font:bold 14px Tahoma, Geneva, sans-serif;
		}
		#newsBody ul li span.newsDate {
			font:normal 10px Tahoma, Geneva, sans-serif;
			color:#fff;
		}
		#newsBody ul li p {
			font:normal 10px Tahoma, Geneva, sans-serif;
			padding:10px 0 10px 0;
			color:#fff;
			line-height:12px;
		}
	
	
		#newsBody ul li hr {
			color:ffcc33;
			width:570px;
			margin-top:10px;
		}
		
		
		#newsBody a.moreNews {
						margin:13px 0 0 531px;
						width:91px; height:12px;
						display:block;
						background:url(../../images/btn_moreInNews.png) top center no-repeat;
					}
						#newsBody a.moreNews:hover {
							background-position:bottom;
						}				
			
		
		#newsBody .stats {
            float:left;
            font-size:10px;
            width:280px;
            }
		
		#newsBody .actions {
            float:right;
            padding:0 9px 0 10px;
            width:260px;
            }
		
		#newsBody .actions a.btnPermalink:link, #newsBody .actions a.btnPermalink:active, #newsBody .actions a.btnPermalink:visited {
						width:57px; height:9px;
						margin:2px 15px 0 0;
						background:url(../../images/btn_parmalink.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#newsBody .actions a.btnPermalink:hover {
							background-position:0 -9px;
						}
					#newsBody .actions a.btnDigg:link, #newsBody .actions a.btnDigg:active, #newsBody .actions a.btnDigg:visited {
						width:36px; height:13px;
						margin:0 25px 0 0;
						background:url(../../images/btn_digg.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#newsBody .actions a.btnDigg:hover {
							background-position:0 -13px;
						}
					#newsBody .actions a.btnFacebook:link, #newsBody .actions a.btnFacebook:active, #newsBody .actions a.btnFacebook:visited {
						width:54px; height:13px;
						margin:0 13px 0 0;
						background:url(../../images/btn_facebook2.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#newsBody .actions a.btnFacebook:hover {
							background-position:0 -13px;
						}
					#newsBody .actions a.btnDelicious:link, #newsBody .actions a.btnDelicious:active, #newsBody .actions a.btnDelicious:visited {
						width:57px; height:13px;
						background:url(../../images/btn_delicious.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#newsBody .actions a.btnDelicious:hover {
							background-position:0 -13px;
						}