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


/*	--------------------------------------------------------------------------------------------------------------------------
	active Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.community a:link, #nav li.community a:active, #nav li.community a:visited, #nav li.community a:hover {
		background-position:0 -30px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Community Log-In Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.mainCol {
		width:630px;
		margin:0; padding:0;
		background:none;		
	}
	.mainCol_top {
		display:none !important;
	}
	.mainCol_bottom {
		display:none !important;
	}
	
	.contentSpaceBottom  {
		padding:0;
		background:none;
	}
		
	.contentSpace {
		background:none;
	}

	.mainCol #communityLogin {
		padding:0 0 10px 0;
		background:url(../../images/bg_albumBuyer.png) top left no-repeat;
	}
	
		#communityLogin .header {
			width:600px;
			padding:20px 0 0 30px;
		}

			#communityLogin .header h1 {
				width:234px; height:29px;
				background:url(../../images/h1_communitylogin.png) top left no-repeat;
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Log-In Form Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/					
		#loginForm {
			width:508px; height:134px;
			margin:3px auto; padding:30px;
			background:url(../../images/bg_tourInfo_even.png) repeat-y;
			color:#fff;
		}
		
			#loginForm form {
				float:left;
			}
		
				#loginForm form input.inputField {
					width:251px; height:17px;
					padding:3px 7px 3px 7px;
					background:url(../../images/bg_inputfield.png) no-repeat;
					border:0;
					font-size:12px;
				}		
				
				#loginForm form label {
					display:block;
				}
				
					#loginForm form label.emailaddressLabel {
						width:65px; height:6px;
						margin:7px 0 11px 0;
						background:url(../../images/label_emailAddress.png) no-repeat;
					}
				
					#loginForm form label.usernameLabel {
						width:45px; height:6px;
						margin:7px 0 11px 0;
						background:url(../../images/label_username.png) no-repeat;
					}
					
					#loginForm form label.passwordLabel {
						width:45px; height:6px;
						margin:7px 0 20px 0;
						background:url(../../images/label_password.png) no-repeat;
					}
				
				#loginForm form a:link.submitButton, form a:visited.submitButton, form a:active.submitButton {
					width:102px; height:23px;
					margin:0 0 0 163px;
					background:url(../../images/btn_submit.png) no-repeat;
					display:block;
				}
					
					#loginForm form a:hover.submitButton {
						background-position:0 -23px;
					}
			
		#loginContent {
			width:212px;
			float:right;
		}
				
			#loginContent p {
				height:103px;
				line-height:16px;
				color:#fff;				
			}
			
			#loginContent a:link.joinButton, #loginContent a:visited.joinButton, #loginContent a:active.joinButton {
				width:212px; height:23px;
				background:url(../../images/btn_clickjoin.png) no-repeat;
				display:block;
			}
			
			#loginContent a:hover.joinButton {
				background-position:0 -23px;
			}
			
			#communityLogin a:link.btnForgotPassword, #communityLogin a:active.btnForgotPassword, #communityLogin a:visited.btnForgotPassword {
				width:150px; height:11px;
				margin:8px 0 0 450px;
				background:url(../../images/btn_forgotpassword.png) no-repeat;
				display:block;
			}
			
			#communityLogin a:hover.btnForgotPassword {
				background-position:0 -11px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	Alternate Ad Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.sideCol #ad_top {
		margin-top:14px !important;
	}
	.sideCol #wildfire_top {
		display:none !important;
	}
	.sideCol #wildfire {
		display:none !important;
	}
	.sideCol #wildfire_bottom {
		display:none !important;
	}
		.sideCol #twitter_top {
		display:none !important;
	}
	.sideCol #twitter {
		display:none !important;
	}
	.sideCol #twitter_bottom {
		display:none !important;
	}
	.sideCol #FB_top {
		display:none !important;
	}
	.sideCol #facebook {
		display:none !important;
	}
	.sideCol #FB_bottom {
		display:none !important;
	}
	.sideCol .greyBottom {
		padding:0 0 10px 0;
		background:url(../../images/sideCol_roundCorner_bottom_grey_noMargin.png) 0 bottom no-repeat;
	}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	Community Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#community {
		width:960px;
		margin:10px 0 10px 0; padding:0 0 20px 0;
		background:url(../../images/bg_community.png) center left no-repeat;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		#community a:link.btnGoToCommunity, #communityFooter a:active.btnGoToCommunity,#communityFooter a:visited.btnGoToCommunity {
			width:111px; height:10px;
			margin:10px 0 0 819px;
			background:url(../../images/btn_gotocommunity.png) no-repeat;
			display:block;
		}
		
		#community a:hover.btnGoToCommunity {
			background-position:0 -10px;
		}
	
		#community .header {
			padding:30px 0 0 30px;
		}
		
			#community .header h2.h2CommunityGrey {
				width:84px; height:16px;
				background:url(../../images/h2_community_grey.png) no-repeat;
			}
			
	#communityContent {
		width:960px;
		margin:10px 0 0 30px;
		overflow:hidden;
	}
	
		#communityContent .communitySection {
			width:220px;
			margin:0 90px 0 0;
			float:left;
			overflow:hidden;
		}
		
			#communityContent .communitySection h3 {
				width:100%;
				padding:0 0 3px 0;
				border-bottom:2px solid #b9ff33;
			}
		
			#communityContent .communitySection h3.h3newestEntries {
				height:9px;
				background:url(../../images/h3_newestentries.png) no-repeat;
			}
			
			#communityContent .communitySection h3.h3newestPhotos {
				height:9px;
				background:url(../../images/h3_newestPhotos_grey.png) no-repeat;
			}
			
			#communityContent .communitySection h3.h3newestMembers {
				height:9px;
				background:url(../../images/h3_newestMembers_grey.png) no-repeat;
			}
			
			#communityContent .communitySection ul {
				list-style-type:none;
			}
			
				#communityContent .communitySection ul li h4{
					margin:10px 0 0px 0; padding:0;
					font-size:14px;
				}
				#communityContent .communitySection ul li h4 a {
					color:#b9ff33;
				}
				
					#communityContent .communitySection ul li .postBy {
						color:#b9ff33;
					}
					
						#communityContent .communitySection ul li .postBy a:link, #communitySection .communitySection ul li .postBy a:active, #communityContent .communitySection ul li .postBy a:visited {
							color:#b9ff33;
						}
						
							#communityContent .communitySection ul li .postBy a:hover {
								color:#fff;
							}
						
					#communityContent .communitySection ul.newestPhotos {
						margin:10px 0 0 0; padding:0;
					}
					
						#communityContent .communitySection ul.newestPhotos li {
							width:80px; height:80px;
							float:left;
							margin:0 20px 0 0;
							overflow:hidden;
						}
						
							#communityContent .communitySection ul.newestPhotos li img {
								width:80px;
							}
					
							
						#communityContent .communitySection ul.newestMembers {
							margin:10px 0 0 0;
							list-style:none;		
						}
							
							#communityContent .communitySection ul.newestMembers li {
								width:68px;
								margin:0 30px 15px 0;
								float:left;
								display:inline;
								overflow:hidden;
								text-align:center;
							}
							
								#communityContent .communitySection ul.newestMembers li .user {
									width:50px;
									padding:9px;
									background:#3b352c;
								}