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

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content:".";
		display:block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	body {
		background:#000 url(../../images/bg_other_header.jpg) top center no-repeat;
	}
	#main {
		width:960px;
		margin:0 auto;
		font:normal 10px Tahoma, Arial, Helvetica, sans-serif;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	logIn Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#logged {
		margin:10px 0 0 0;
		float:right;
		color:#fff;
	}
		#logged a {
			font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
			color:#fff;
		}
			#logged a:hover {
				color:#000;
			}
	#login {
		background:url(../../images/bar.png) 40px 8px no-repeat;
		float:right;
	}
		#login a.btnLogIn:link, #login a.btnLogIn:active, #login a.btnLogIn:visited {
			width:36px; height:9px;
			margin:8px 10px 0 0;
			background:url(../../images/btn_logIn.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			#login a.btnLogIn:hover {
				background-position:0 -9px;
			}
		#login a.btnRegister:link, #login a.btnRegister:active, #login a.btnRegister:visited {
			width:47px; height:9px;
			margin:8px 0 0 0;
			background:url(../../images/btn_register.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			#login a.btnRegister:hover {
				background-position:0 -9px;
			}
		#login img {
			margin:7px 0 0 3px;
			float:left;
			display:block;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav ul {
		list-style:none;
		width:960px; height:35px;
		margin:225px 0 0 0; padding:5px 0 0 0;
		behavior:url(shared/css/iepngfix.htc);
		display:block;
	}
		#nav ul li {
			float:left;
			margin:0 12px 0 0;
			height:30px;
		}
		/*	home */
		#nav ul li.home {
			width:68px;
		}
			#nav li.home a:link, #nav li.home a:active, #nav li.home a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navHome.png) 0 0 no-repeat;
			}
				#nav li.home a:hover {
					background-position: 0 -30px;
				}
		/*	news */
		#nav ul li.news {
			width:68px;
		}
			#nav li.news a:link, #nav li.news a:active, #nav li.news a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navNews.png) 0 0 no-repeat;
			}
				#nav li.news a:hover {
					background-position: 0 -30px;
				}
		/*	music */
		#nav ul li.music {
			width:68px;
		}
			#nav li.music a:link, #nav li.music a:active, #nav li.music a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navMusic.png) 0 0 no-repeat;
			}
				#nav li.music a:hover {
					background-position: 0 -30px;
				}
		/*	blog */
		#nav ul li.blog {
			width:68px;
		}
			#nav li.blog a:link, #nav li.blog a:active, #nav li.blog a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navBlog.png) 0 0 no-repeat;
			}
				#nav li.blog a:hover {
					background-position: 0 -30px;
				}
		/*	shows */
		#nav ul li.shows {
			width:68px;
		}
			#nav li.shows a:link, #nav li.shows a:active, #nav li.shows a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navShows.png) 0 0 no-repeat;
			}
				#nav li.shows a:hover {
					background-position: 0 -30px;
				}
		/*	gallery */
		#nav ul li.gallery {
			width:78px;
		}
			#nav li.gallery a:link, #nav li.gallery a:active, #nav li.gallery a:visited {
				width:78px; height:30px;
				display:block;
				background:url(../../images/navGallery.png) 0 0 no-repeat;
			}
				#nav li.gallery a:hover {
					background-position: 0 -30px;
				}
		/*	extras */
		#nav ul li.extras {
			width:78px;
		}
			#nav li.extras a:link, #nav li.extras a:active, #nav li.extras a:visited {
				width:78px; height:30px;
				display:block;
				background:url(../../images/navExtras.png) 0 0 no-repeat;
			}
				#nav li.extras a:hover {
					background-position: 0 -30px;
				}
		/*	community */
		#nav ul li.community {
			width:108px;
		}
			#nav li.community a:link, #nav li.community a:active, #nav li.community a:visited {
				width:108px; height:30px;
				display:block;
				background:url(../../images/navCommunity.png) 0 0 no-repeat;
			}
				#nav li.community a:hover {
					background-position: 0 -30px;
				}
		/*	contact */
		#nav ul li.contact {
			width:88px;
		}
			#nav li.contact a:link, #nav li.contact a:active, #nav li.contact a:visited {
				width:88px; height:30px;
				display:block;
				background:url(../../images/navContact.png) 0 0 no-repeat;
			}
				#nav li.contact a:hover {
					background-position: 0 -30px;
				}
		/*	merch */
		#nav ul li.merch {
			width:68px;
		}
			#nav li.merch a:link, #nav li.merch a:active, #nav li.merch a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navMerch.png) 0 0 no-repeat;
			}
				#nav li.merch a:hover {
					background-position: 0 -30px;
				}
		/*	store */
		#nav ul li.store {
			width:68px;
		}
			#nav li.store a:link, #nav li.store a:active, #nav li.store a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navStore.png) 0 0 no-repeat;
			}
				#nav li.store a:hover {
					background-position: 0 -30px;
				}
		/*	mobile */
		#nav ul li.mobile {
			width:68px;
		}
			#nav li.mobile a:link, #nav li.mobile a:active, #nav li.mobile a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navMobile.png) 0 0 no-repeat;
			}
				#nav li.mobile a:hover {
					background-position: 0 -30px;
				}
				
		/*	Radio */
		#nav ul li.radio {
			width:68px;
		}
			#nav li.radio a:link, #nav li.radio a:active, #nav li.radio a:visited {
				width:68px; height:30px;
				display:block;
				background:url(../../images/navRadio.png) 0 0 no-repeat;
			}
				#nav li.radio a:hover {
					background-position: 0 -30px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	link Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a:link, a:active, a:visited {
		text-decoration:none;
		color:#fff;
	}
		a:hover {
			color:#fff;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	promoFlash Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#promoFlash {
		width:744px; height:102px;
		margin:0 auto; padding:10px 0 0 10px;
		margin-top:30px;
		background:url(../../images/bg_greyLight.png) no-repeat;
	}
		/*	promo */
		#promoFlash #promo {
			width:329px; height:80px;
			padding:10px 0 0 10px;
			background:url(../../images/bg_greyDark.png) no-repeat;
			float:left;
		}
			#promoFlash #promo .albumHolder {
				width:69px;
				float:left;
			}
			#promoFlash #promo .info {
				width:240px;
				margin:0 0 0 10px; padding:9px 0 0 0;
				float:left;
			}
				#promoFlash #promo .info h1#albumTitle {
					width:168px; height:34px;
					background:url(../../images/h1_albumTitle.png) no-repeat;
				}
				#promoFlash #promo .info .btnHolder {
					margin:4px 0 0 0;
				}
				
					#promoFlash #promo .info .btnHolder .instores {
						margin:3px 10px 0 0px;
						float:left;
						font-size:12px;
						font-weight:bold;
					}
					#promoFlash #promo .info .btnHolder a.btniTunes:link,#promoFlash #promo .info .btnHolder a.btniTunes:active, #promoFlash #promo .info .btnHolder a.btniTunes:visited {
						width:100px; height:21px;
						background:url(../../images/btn_itunes.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#promoFlash #promo .info .btnHolder a.btniTunes:hover {
							/*background-position:0 -21px;*/
						}
					#promoFlash #promo .info .btnHolder a.btnMoreMusic:link,#promoFlash #promo .info .btnHolder a.btnMoreMusic:active, #promoFlash #promo .info .btnHolder a.btnMoreMusic:visited {
						width:91px; height:12px;
						margin:6px 0 0 0;
						background:url(../../images/btn_moreInMusic.png) 0 0 no-repeat;
						display:block;
						float:right;
					}
						#promoFlash #promo .info .btnHolder a.btnMoreMusic:hover {
							background-position:0 -12px;
						}
			/*	flashHolder */
			#promoFlash #flashHolder {
				width:384px; height:91px;
				margin:0 0 0 10px;
				background:url(../../images/bg_mediaPlayer.png) no-repeat;
				float:left;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.roundedCorners {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	
	
	.contentSpaceBottom {
		width:960px;
		margin:20px 0 0 0; padding:0 0 8px 0;
}
	.contentSpace {
		font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
		color:#000;
	}
	.mainCol_top {
		height:12px;
	}
		.mainCol, #mainCol {
			background:url(../../images/bg_news_body.png) 0 top no-repeat;
			width:600px;
			padding:30px 0 30px 30px;
			float:left;
		}
	.mainCol_bottom {
		height:14px;
	}	
	
		.sideCol, #sideCol {
			width:320px;
			margin:-14px 0 0 10px;
			float:left;
		}
			.sideCol .greyBottom {
				padding:0 0 20px 0;
				background:url(../../images/sideCol_roundCorner_bottom_grey.png) 0 bottom no-repeat;
			}
			.sideCol .greyTop {
				padding:10px 0 0 10px;
				background:#d8d7d5 url(../../images/sideCol_roundCorner_top_grey.png) 0 top no-repeat;
			}
			.sideCol .greyBottom260 {
				margin:0 0 0 16px; padding:0 0 10px 0;
				background:url(../../images/roundCorner_bottom_grey260.png) 0 bottom no-repeat;
			}
			.sideCol .greyTop260 {	
				width:260px;
				padding:20px 0 0 0;
				background:#a9a6a2 url(../../images/roundCorner_top_grey260.png) 0 top no-repeat;
			}
			#sideCol .greyBottom {
				padding:0 0 20px 0;
				background:url(../../images/sideCol_roundCorner_bottom_grey.png) 0 bottom no-repeat;
			}
			#sideCol .greyTop {
				padding:10px 0 0 10px;
				background:#d8d7d5 url(../../images/sideCol_roundCorner_top_grey.png) 0 top no-repeat;
			}
			#sideCol .greyBottom260 {
				margin:0 0 0 16px; padding:0 0 10px 0;
				background:url(../../images/roundCorner_bottom_grey260.png) 0 bottom no-repeat;
			}
			#sideCol .greyTop260 {	
				width:260px;
				padding:20px 0 0 0;
				background:#a9a6a2 url(../../images/roundCorner_top_grey260.png) 0 top no-repeat;
			}
			

         .formerror {
            color:red;
        }
/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#footer .adHolder728 {
			width:844px; height:110px;
			padding:20px 0 0 116px;
			background:url(../../images/bg_adHolder_728.png) no-repeat;
		}
		#footer .blueTop960 {
			padding:10px 0 10px 30px;
			background:#1a1505;
			margin-top: 5px;
		}
		#footer h1#h1OwlCity {
			width:164px; height:29px;
			margin:20px 0 0 0;
			background:url(../../images/h1_owlCity.png) no-repeat;
			float:left;
		}
		#footer a.btnBackTop:link, #footer a.btnBackTop:active, #footer a.btnBackTop:visited {
			width:83px; height:9px;
			margin:30px 20px 0 0;
			background:url(../../images/btn_backToTop.png) no-repeat;
			display:block;
			float:right;
		}
			#footer a.btnBackTop:hover {
				background-position:0 -9px;
			}			
		#footer a.btnMailingList:link, #footer a.btnMailingList:active, #footer a.btnMailingList:visited {
			width:325px; height:38px;
			margin:12px 10px 0 0;
			background:url(../../images/btn_mailinglistsignup.png) no-repeat;
			display:block;
			float:right;
		}
			#footer a.btnMailingList:hover {
				background-position:0 -38px;
			}
			
		#footer a.btnStreetTeam:link, #footer a.btnStreetTeam:active, #footer a.btnStreetTeam:visited {
			width:364px; height:38px;
			margin:12px 10px 0 0;
			background:url(../../images/btn_streetteam.png) no-repeat;
			display:block;
			float:right;
		}
			#footer a.btnStreetTeam:hover {
				background-position:0 -38px;
			}
		#footer .content {
			margin:0; padding:20px 20px 50px 30px;
			background:url(../../images/bg_footer.png) no-repeat;
		}
		#footer .content h3 {
			font:normal 10px Tahoma, Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#footer .content .hr {
			width:582px; height:2px;
			background:#675416;
		}
			#footer .content .hr hr {
				display:none;
			}
			#footer .content .albumHolder {
				float:left;
			}
				#footer .content .albumHolder .album {
					width:165px;
					float:left;
				}
					#footer .content .albumHolder .albumBorder {
						width:141px; height:141px;
						padding:12px;
						background:url(../../images/bg_albumHolder_gradient.png) no-repeat;
					}
						#footer .content .albumHolder .albumBorder img {
							border:solid 1px #454037;
							display:block;
						}
					#footer .content .albumHolder a.btniTunes:link, #footer .content .albumHolder a.btniTunes:active, #footer .content .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;
					}
					
					#footer .content .albumHolder .inStores {
						margin:10px 0 0 0;
						font-size:12px;
						text-align:center;
						font-weight:bold;
					}
						#footer .content .albumHolder a.btniTunes:hover {
						
						}
				#footer .content .albumHolder .info {
					width:130px;
					padding:45px 0 0 10px;
					font:normal 10px Tahoma, Arial, Helvetica, sans-serif;
					color:#fff;
					line-height:18px;
					float:left;
				}
					#footer .content .albumHolder .info h4 {
						font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
						color:#fff;
					}
					#footer .content .albumHolder .info a.btnMoreMusic:link, #footer .content .albumHolder .info a.btnMoreMusic:active, #footer .content .albumHolder .info a.btnMoreMusic:visited {
						width:91px; height:12px;
						margin:25px 0 0 0;
						background:url(../../images/btn_moreInMusic.png) 0 0 no-repeat;
						display:block;
					}
						#footer .content .albumHolder .info a.btnMoreMusic:hover {
							background-position:0 -12px;
						}
				
				#footer .content #socialLinks {
					width:582px;
					float:right;
				}
					#footer .content #socialLinks .siteMap {
						margin:0 0 16px 0;
					}
						#footer .content #socialLinks .siteMap h3 {
							margin:0 0 5px 0;
						}
							#footer .content #socialLinks .siteMap .links {
								font:bold 9px Tahoma, Arial, Helvetica, sans-serif;
								color:#fff;
								text-transform:uppercase;
							}
							#footer .content #socialLinks .siteMap .links a {
								color:#fff;
							}
								#footer .content #socialLinks .siteMap .links a:hover {
									color:#FFCC33;
								}
								
							#footer .content #socialLinks .siteMap .links a.inactive{
								color:#555 !important;
							}
								#footer .content #socialLinks .siteMap .links a.inactive:hover {
									color:#555 !important;
								}
								
					#footer .content #socialLinks .visitPage {
						margin:20px 0 16px  0;
					}
						#footer .content #socialLinks .visitPage ul {
							margin:10px 0 0 0;
							list-style:none;
						}
							#footer .content #socialLinks .visitPage ul li {
								float:left;
							}
								#footer .content #socialLinks .visitPage ul.support li {
									margin:0 20px 0 0;
								}
								#footer .content #socialLinks .visitPage ul li a.btnOwlCityUk:link, #footer .content #socialLinks .visitPage ul li a.btnOwlCityUk:active, #footer .content #socialLinks .visitPage ul li a.btnOwlCityUk:visited {
									width:62px; height:12px;
									margin:4px 0 0 0;
									background:url(../../images/btn_owlcityuk.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnOwlCityUk:hover {
										background-position:0 -12px;
									}
								#footer .content #socialLinks .visitPage ul li a.btnOwlCityAu:link, #footer .content #socialLinks .visitPage ul li a.btnOwlCityAu:active, #footer .content #socialLinks .visitPage ul li a.btnOwlCityAu:visited {
									width:62px; height:12px;
									margin:4px 0 0 20px;
									background:url(../../images/btn_owlcityau.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnOwlCityAu:hover {
										background-position:0 -12px;
									}
								#footer .content #socialLinks .visitPage ul li a.btnOwlCityJp:link, #footer .content #socialLinks .visitPage ul li a.btnOwlCityJp:active, #footer .content #socialLinks .visitPage ul li a.btnOwlCityJp:visited {
									width:62px; height:12px;
									margin:4px 0 0 20px;
									background:url(../../images/btn_owlcityJP.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnOwlCityJp:hover {
										background-position:0 -12px;
									}	
								#footer .content #socialLinks .visitPage ul li a.btnMySpace:link, #footer .content #socialLinks .visitPage ul li a.btnMySpace:active, #footer .content #socialLinks .visitPage ul li a.btnMySpace:visited {
									width:53px; height:20px;
									margin:0 0 0 20px;
									background:url(../../images/btn_myspace.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnMySpace:hover {
										background-position:0 -20px;
									}
								#footer .content #socialLinks .visitPage ul li a.btnFacebook:link, #footer .content #socialLinks .visitPage ul li a.btnFacebook:active, #footer .content #socialLinks .visitPage ul li a.btnFacebook:visited {
									width:54px; height:13px;
									margin:4px 0 0 20px;
									background:url(../../images/btn_facebook.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnFacebook:hover {
										background-position:0 -13px;
									}
								#footer .content #socialLinks .visitPage ul li a.btnTwitter:link, #footer .content #socialLinks .visitPage ul li a.btnTwitter:active, #footer .content #socialLinks .visitPage ul li a.btnTwitter:visited {
									width:46px; height:13px;
									margin:4px 0 0 20px;
									background:url(../../images/btn_twitter.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnTwitter:hover {
										background-position:0 -13px;
									}
									
								#footer .content #socialLinks .visitPage ul li a.btnBuzznet:link, #footer .content #socialLinks .visitPage ul li a.btnBuzznet:active, #footer .content #socialLinks .visitPage ul li a.btnBuzznet:visited {
									width:46px; height:13px;
									margin:4px 0 0 20px;
									background:url(../../images/btn_buzz.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnBuzznet:hover {
										background-position:0 -13px;
									}
									
								#footer .content #socialLinks .visitPage ul li a.btnImeem:link, #footer .content #socialLinks .visitPage ul li a.btnImeem:active, #footer .content #socialLinks .visitPage ul li a.btnImeem:visited {
									width:37px; height:13px;
									margin:4px 0 0 20px;
									background:url(../../images/btn_imeem.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnImeem:hover {
										background-position:0 -13px;
									}
									
								#footer .content #socialLinks .visitPage ul li a.btnPurevolume:link, #footer .content #socialLinks .visitPage ul li a.btnPurevolume:active, #footer .content #socialLinks .visitPage ul li a.btnPurevolume:visited {
									width:65px; height:13px;
									margin:4px 0 0 11px;
									background:url(../../images/btn_purevol.png) 0 0 no-repeat;
									display:block;
								}
									#footer .content #socialLinks .visitPage ul li a.btnPurevolume:hover {
										background-position:0 -13px;
									}
									
					#footer .content #socialLinks .conditions {
						margin:35px 0 0 0;
					}
						#footer .content #socialLinks .conditions .text {
							font:normal 10px Tahoma, Arial, Helvetica, sans-serif;
							color:#ffcc33;
							float:left;
						}
							#footer .content #socialLinks .conditions .text a {
								color:#FFCC33;
							}
								#footer .content #socialLinks .conditions .text a:hover {
									color:#fff;
								}
						#footer .content #socialLinks .conditions .logo a.btnUni:link, #footer .content #socialLinks .conditions .logo a.btnUni:active, #footer .content #socialLinks .conditions .logo a.btnUni:visited {
							width:60px; height:27px;
							background:url(../../images/logo_uniRep.png) 0 0 no-repeat;
							display:block;
							float:right;
						}
							#footer .content #socialLinks .conditions .logo a.btnUni:hover {
								background-position:0 -27px;
							}
			#footer #logo {
				height:50px;
				padding:10px 0 0 0;
				background:#14385d;
				text-align:center;
			}