@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - UNIVERSAL REPUBLIC CLUBS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		unirep_clubsGenre.css
	Date:			Sept 12, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	club Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#groups {
		width:620px; 
		background:#DFEFFF;
		padding:0 5px 20px 5px;
		border-bottom:1px solid #c6d3f3;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#groups .header {
		height:20px;
		padding:10px 22px 0 10px;
	}
		#groups .header h1 {
			padding:2px 0 0 0;
			font:bold 12px Arial, Helvetica, sans-serif;
			color:#004890;
			float:left;
		}
			#groups .header .findGroup {
				width:296px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#525353;
				float:right;
			}
				#groups .header .findGroup form .text {
					margin:0 5px 0 0; padding:2px 0 0 0;
					display:inline;
					float:left;
				}
				#groups .header .findGroup form input {
					width:138px; height:14px;
					margin:0 2px 0 0; padding:2px 0 0 5px;
					background:url(../../images/bg_findFriend.png) no-repeat;
					color:#333333;
					font:normal 9px Arial, Helvetica, sans-serif;
					border:solid 1px #a7a8ac;
					float:left;
				}
				#groups .header .findGroup form .btnHolder {
					float:left;
				}
			#groups .header .sortBy {
				width:212px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#2f2e33;
				float:right;
			}
				#groups .header .sortBy form .text {
					margin:0 5px 0 0; padding:2px 0 0 0;
					display:inline;
					float:left;
				}
				#groups .header .sortBy form select {
					width:165px; height:18px;
					margin:0 2px 0 0; padding:0 0 0 5px;
					color:#333333;
					font:normal 11px Arial, Helvetica, sans-serif;
					border:solid 1px #c0d9ef;
					float:left;
				}
				

/*	--------------------------------------------------------------------------------------------------------------------------
	featuredGroup Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#featuredGroup {
		width:620px; 
		margin:7px 0 8px 0;
		background:#fff;	
	}
		#featuredGroup .entry {
			width:600px;
			padding:10px 9px 14px 9px;
			border:solid 1px #ccc;
		}
		#featuredGroup .entry .photo {
			width:600px;
			margin:0 0 9px 0;
		}
			#featuredGroup .entry .photo img {
				width:600px; height:210px;
				display:block;
			}
		#featuredGroup .entry p {
			margin:0 0 0 10px;
			font:normal 14px Arial, Helvetica, sans-serif;
			color:#525353;
		}
		#featuredGroup .entry ul.actions {
			float:right;
			width:207px;
			margin:22px 0 0 0;
			list-style:none;
			display:inline;
		}
			#featuredGroup .entry  ul.actions li {
				margin:3px 0 0 2px;
				float:left;
			}
	
	/* groupInfo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#groupInfo {
		margin:11px 0 0 0;
	}
		#groupInfo .blogStats {
			margin:0 0 0 10px;
			float:left;
			width:160px;
			font:normal 9px Arial, Helvetica, sans-serif;
			display:inline;
		}
			#groupInfo .blogStats col#statName, .blogStats .statName {
				width:128px;
			}
			#groupInfo .blogStats col#statValue, .blogStats .statValue {
				width:110px;
				padding:0 10px 0 0;
				color:#333333;
				text-align:right;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	allGroups Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#allGroups {
		margin:20px 0 0 0;
		width:620px;
		background:#BCD9F5;
	}
		#allGroups .header {
			padding:10px 18px 0 10px;
		}
		#allGroups .entries {
			margin:6px 0 0 0; 
			border-top:1px solid #ccc;
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
		}
			#allGroups .entry {
				padding:7px 16px 7px 7px;
				height:70px;
				background:#fff;
				border-bottom:1px solid #ccc;
			}
				#allGroups .entry .photo {
					width:200px;
					float:left;
				}
					#allGroups .entry .photo img {
						width:198px; height:68px;
						border:1px solid #ccc;
						display:block;
					}
				#allGroups .entry .content {
					margin:7px 0 0 14px;
					float:left;
				}
					#allGroups .entry h1 {
						font:bold 12px Arial, Helvetica, sans-serif;
					}
	
			/* groupStats Styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#allGroups .groupStats {
				margin:5px 0 0 0;
				float:left;
				font:normal 9px Arial, Helvetica, sans-serif;
			}
				#allGroups .groupStats col#statName, .groupStats .statName {
					width:50px;
				}
				#allGroups .groupStats col#statValue, .groupStats .statValue {
					width:110px;
					padding:0 10px 0 0;
					color:#333333;
					text-align:left;
				}
			
			/* actions Styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#allGroups .entry ul.actions {
				width:103px;
				margin:14px 0 0 0;
				float:right;
				list-style:none;
			}
				#allGroups .entry  ul.actions li {
					margin:0 0 4px 0;
					line-height:0; font-size:0px;
				}