@charset "utf-8";
/*	-------------------------------------------------------------
	CSS -  Photos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		madcon_photos.css
	Date:			April 21, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Active Nav Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#nav ul li.navPhotos a {					
		background-position: -405px -10px;	
	}		


/*	--------------------------------------------------------------------------------------------------------------------------
	Photos BLock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#photosBlock {
		margin: 10px 0 0 0;
		width: 591px;
		background:url(../../images/contentBG.png) top left repeat-y;
	}
	#photosBottom {
		padding:0 0 21px 0;
		background:url(../../images/contentBottomBG.png) bottom left no-repeat;
	}
		#photosBlock .header {
			padding: 4px 8px 2px 22px;
			height: 19px;
			background: url(../../images/recentnewsBG.gif) top left no-repeat;
		}
			#photosBlock .header h2 {
				width: 232px; height: 19px;
				background: url(../../images/h2_recentPhotoGalleriesBig.png) top left no-repeat;
			}
		
		
		#photosBlock .entries {
			margin:5px 0 0 69px;
		}
		/* Folder Entry */
		#photosBlock .entry.folder {
			padding:159px 0 0 0; margin:18px 43px 0 0;
			width:202px; height:72px;
			position:relative;
			float:left;
			display:inline;
		}
			#photosBlock .entry.folder .photo {
				position:absolute;
				left:26px; top:0;
				text-align:center;
				width:149px; height:170px;
				background:url(../../images/photoFolder.png) bottom left no-repeat;
			}
				#photosBlock .entry.folder .photo:hover {
					background-position:top left;
				}
				#photosBlock .entry.folder .photo img {
					margin:27px 23px 0 0 ;
				}
				#photosBlock .entry.folder .photo .photoCount {
					padding:5px 23px 0 0;
					font:bold 14px Georgia, "Times New Roman", Times, serif;
					color:#fff;
				}
			#photosBlock .entry.folder .photoInfo {
				height:66px;
				text-align:center;
				background:#fbf5e2;
				border:3px solid #fcdea9;
			}
				#photosBlock .entry.folder .photoInfo h3 {
					padding:12px 0 0 0;
				}
					#photosBlock .entry.folder .photoInfo h3 a {
						font:bold 13px Georgia, "Times New Roman", Times, serif;
						color:#103f79;
						line-height:16px;
						text-decoration:none;
					}
						#photosBlock .entry.folder .photoInfo h3 a:hover {
							color:#f14719;
						}
				#photosBlock .entry.folder .photoInfo .date {
					margin:5px 0 0 0;
					font:normal 10px Georgia, "Times New Roman", Times, serif;
					color:#777773;
				}
		
		/* Photo Entry */
		#photosBlock .entry.single {
			padding:159px 0 0 0; margin:18px 43px 0 0;
			width:202px; height:72px;
			position:relative;
			float:left;
			display:inline;
		}
			#photosBlock .entry.single .photo {
				position:absolute;
				left:38px; top:23px;
				text-align:center;
				width:125px; height:147px;
				background:url(../../images/photo.png) top left no-repeat;
			}
				#photosBlock .entry.single .photo:hover {
					background-position:bottom left;
				}
				#photosBlock .entry.single .photo img {
					margin:4px 0 0 0 ;
				}
				#photosBlock .entry.single .photo .photoCount {
					padding:5px 0 0 0;
					font:bold 14px Georgia, "Times New Roman", Times, serif;
					color:#fff;
				}
			#photosBlock .entry.single .photoInfo {
				height:66px;
				text-align:center;
				background:#fbf5e2;
				border:3px solid #fcdea9;
			}
				#photosBlock .entry.single .photoInfo h3 {
					padding:12px 0 0 0;
				}
					#photosBlock .entry.single .photoInfo h3 a {
						font:bold 13px Georgia, "Times New Roman", Times, serif;
						color:#103f79;
						line-height:16px;
						text-decoration:none;
					}
						#photosBlock .entry.single .photoInfo h3 a:hover {
							color:#f14719;
						}
				#photosBlock .entry.single .photoInfo .date {
					margin:5px 0 0 0;
					font:normal 10px Georgia, "Times New Roman", Times, serif;
					color:#777773;
				}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	Members Online Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#membersOnline{
		padding: 0; margin: 10px 0 0 0;
		width: 321px;
		float: right;
		background:url(../../images/sb_membersOnlineBG.png) top left repeat-y;
	}
	#membersOnline #membersOnlineBottom {
		padding: 0 0 21px 0;
		background:url(../../images/sb_membersOnlineBottomBG.png) bottom no-repeat;
	}
		#membersOnline .header {
			padding: 6px 8px 0 22px;
			height: 19px;
			background: url(../../images/sb_membersOnlineHeaderBG.png) top left no-repeat;
		}
			#membersOnline .header h2 {
				background: url(../../images/h2_membersOnline.png) top left no-repeat;
				height: 15px; width: 217px;
				float: left;
			}
			#membersOnline .header a.btnViewAll {
				margin: 4px 0 0 0;
				width: 51px; height: 7px;
				float: right;
				background: url(../../images/btn_viewall.gif) top left no-repeat;
			}
				#membersOnline .header a.btnViewAll:hover{ 
					background-position: bottom left;
				}
		
		/* Entry */
		#membersOnlineBottom .entries {
			padding:17px 0 29px 19px;
		}
			#membersOnlineBottom .entries .member {
				margin:0 29px 0 0;
				width:71px; height:79px;
				float:left;
				text-align:center;
				overflow:hidden;
			}
				#membersOnlineBottom .entries .member a {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#253067;
					text-decoration:none;
				}
					#membersOnlineBottom .entries .member a:hover {
						color:#f14719;
					}