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

/*	--------------------------------------------------------------------------------------------------------------------------
	community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community {
		width:630px; 
		background:#FFFFFF;
		padding:0 0 20px 0;
	}
		#community h2 {
			float:left;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#525353;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	communityHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityHolder {
		width:615px; 
		background:#bcd9f5 url(../../images/cornerTR_darkblue.gif) top right no-repeat;
		padding:15px 0 20px 15px;
	}
	/*	logIn Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#communityHolder .logIn {
			float:left;
			width:265px;
			padding:0 10px 13px 10px;
		}
			#communityHolder .logIn .header {
				height:20px;
				padding:6px 7px 12px 0;
			}
			#communityHolder .logIn .entry {
				padding:4px;
				background:#bcd9f5;			
			}
				#communityHolder .logIn .entry form {
					padding:13px;
					background:#FFFFFF;
					border:solid 1px #dfefff;
				}
				#communityHolder .logIn .entry form .notRegistered {
					float:left;
					font:normal 9px Arial, Helvetica, sans-serif;
					color:#525353;
				}
					#communityHolder .logIn .entry form ul.actions {
						float:left;
						padding:0 0 0 14px;
						font:normal 7px Arial, Helvetica, sans-serif;
						color:#666666;				
						list-style:none;
					}
						#communityHolder .logIn .entry form ul.actions li {
							display:inline;
						}
				#communityHolder .logIn .entry form .forgotPW {
					float:left;
					margin:0 3px 0 0;
					font:normal 9px Arial, Helvetica, sans-serif;
					color:#525353;
				}
				/* emailAddress */	 
				#communityHolder .logIn .entry form .emailAddress {
					margin:9px 0 0 0;
				}	
					#communityHolder .logIn .entry form .emailAddress label {
						padding: 0 6px 0 0;
						font:normal 10px Arial, Helvetica, sans-serif;
					}
					#communityHolder .logIn .entry form .emailAddress .inputBox {
						width:188px; height:20px;
						margin:0; padding:0;
						background:url(../../images/bg_login.jpg) no-repeat;
						border:solid 1px #a7a8ac;
						display:block;
						overflow:hidden;
					}		
					#communityHolder .logIn .entry form .emailAddress .inputBox input {
						width:184px; height:16px;
						margin:3px 0 0 0; padding:0 0 0 4px;
						background:transparent;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#999999;					
						border:0;
					}
					/* password */	 
					#communityHolder .logIn .entry form .password {
						margin:7px 0 0 0;
					}	
						#communityHolder .logIn .entry form .password label {
							padding: 0 6px 0 0;
							font:normal 10px Arial, Helvetica, sans-serif;
						}
						#communityHolder .logIn .entry form .password .inputBox {
							width:188px; height:20px;
							margin:0; padding:0;
							background:url(../../images/bg_login3.jpg) no-repeat;
							border:solid 1px #a7a8ac;
							display:block;
							overflow:hidden;
						}		
						#communityHolder .logIn .entry form .password .inputBox input {
							width:184px; height:16px;
							margin:3px 0 0 0; padding:0 0 0 4px;
							background:transparent;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#999999;					
							border:0;
						}
					/* saveCred */
					#communityHolder .logIn .entry form .saveCred {
							margin:14px 0 0 0;
							font:normal 9px Arial, Helvetica, sans-serif;
							color:#525353;
						}	
							#communityHolder .logIn .entry form .saveCred .checkBox {
								float:left;
								width:11px; height:11px;
								margin:0; padding:0;
								background:transparent;
							}
							#communityHolder .logIn .entry form .saveCred .checkBox input {
								width:11px; height:11px;
								margin:0 0 0 0; padding:0;
								background:transparent;
							}
							#communityHolder .logIn .entry form .saveCred label {
								padding: 0 0 0 8px;
								float:left;
							}
					/* btnHolder */
					#communityHolder .logIn .entry form .btnHolder {
						margin:6px 0 18px 0;
					}
	/*	welcome Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#communityHolder .welcome {
			float:left;
			width:265px;
			padding:0 10px 13px 10px;
		}
			#communityHolder .welcome .header {
				height:20px;
				padding:6px 7px 0 0;
			}
			#communityHolder .welcome .entry {
				margin:0; padding:0;
			}
			#communityHolder .welcome .entry h3 {
				margin:0 0 8px 0;
				font:bold 16px Arial, Helvetica, sans-serif;
				color:#004890;
			}
				#communityHolder .welcome .entry h3 a:link, #communityHolder .welcome .entry h3 a:visited {
					color:#004890;
				}
					#communityHolder .welcome .entry h3 a:active {
						color:#9e6c00;
					}
					#communityHolder .welcome .entry h3 a:hover {
						color:#9e6c00;
					}
				#communityHolder .welcome .entry .imgHolder {
						margin:0 0 10px 0;
					}
						#communityHolder .welcome .entry .imgHolder img {
							border:solid 1px #666666;
							display:block;
						}
				#communityHolder .welcome .entry p {
					margin:0 0 8px 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#747474;
				}
				#communityHolder .welcome .memberStats {
					float:left;
					width:228px;
					margin:4px 0 0 0;
					font:normal 9px Arial, Helvetica, sans-serif;
				}
					.memberStats col#statName, .memberStats .statName {
						width: 128px;
						padding:0 0 0 10px;
					}
					.memberStats col#statValue, .memberStats .statValue {
						width: 110px;
						padding:0 10px 0 0;
						text-align:right;
					}
				#communityHolder .welcome .entry ul.actions {
					list-style:none;
					padding:16px 0 0 0;
					font:normal 1px Arial, Helvetica, sans-serif;
				}
					#communityHolder .welcome .entry ul.actions li {
						float:left;
						margin:0 2px 0 0;
					}

	/*	memberSpotLight Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#communityHolder .memberSpotLight {
			float:left;
			width:275px;
			margin:0 0 0 20px; padding:0 0 13px 10px;
		}
			#communityHolder .memberSpotLight .header {
				height:20px;
				padding:6px 7px 12px 0;
			}
				#communityHolder .memberSpotLight .header a.browse:link, #communityHolder .memberSpotLight .header a.browse:visited {
					float:right;
					width:52px; height:12px;
					margin:2px 0 0 0;
					background:url(../../images/btn_browse_lightBlue.jpg) no-repeat;
					display:block;
				}
					#communityHolder .memberSpotLight .header a.browse:active {
						color:#9e6c00;
					}
					#communityHolder .memberSpotLight .header a.browse:hover {
						background-position:bottom;
					}
						#communityHolder .memberSpotLight .header .browse img {
							width:52px; height:12px;
						}
				#communityHolder .memberSpotLight .prevEntry {
					float:left;
					width:50px;
					margin:71px 0 0 0;
				}
				#communityHolder .memberSpotLight .userHolder {
					float:left;
				}
					#communityHolder .memberSpotLight .imgHolder {
						width:150px; height:150px;
						margin:0 7px;
						background:#FFFFFF;
					}
						#communityHolder .memberSpotLight .imgHolder img {
							margin:0 auto;
							display:block;
						}
						#communityHolder .memberSpotLight .userName {
							width:150px;
							margin:3px 0 0 10px;
							font:normal 10px Arial, Helvetica, sans-serif;
							text-align:center;
						}
					#communityHolder .memberSpotLight .nextEntry {
						float:left;
						width:50px;
						margin:71px 0 0 0;
					}
					#communityHolder .memberSpotLight .entry {
						margin:11px 0 0 19px;
					}
						#communityHolder .memberSpotLight .entry p {
							width:203px;
							margin:0 0 0 12px;
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#747474;
							text-align:center;
							line-height:12px;
						}
					#communityHolder .memberSpotLight .entry ul.actions {
						width:100px;
						margin:36px 0 0 65px;
						list-style:none;
						display:block;
					}
						#communityHolder .memberSpotLight .entry  ul.actions li {
							margin:3px 2px 0 0;
						}
/*	--------------------------------------------------------------------------------------------------------------------------
	photosHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosHolder {
		width:590px;
		margin:10px 0 0 0; padding:4px 0 0 0;
		background:#dfefff;
	}
		#photosHolder .header {
			height:20px;
			padding:6px 7px 6px 10px;
		}
		#photosHolder .header a.viewAll:link, #photosHolder .header a.viewAll:visited {
			width:55px; height:12px;
			background:url(../../images/btn_viewAll_lightBlue.jpg) no-repeat;
			display:block;
			float:right;
		}
			#photosHolder .header a.viewAll:active {
				color:#9e6c00;
			}
			#photosHolder .header a.viewAll:hover {
				background-position:bottom;
			}
			#photosHolder .header .viewAll img {
				width:55px; height:12px;
			}
		#photosHolder .entries {
			padding:0 0 0 41px;
			margin:0 0 10px 0;
		}
			#photosHolder .entry {
				width:108px; height:150px;
				padding: 0 25px 21px 0;
				float:left;
				text-align:center;
				font:normal 9px Arial, Helvetica, sans-serif;
			}
				#photosHolder .entry .photo {
					width:100px; height:100px;
					padding:3px; margin:0 0 4px 0;
					background:#FFFFFF;
					border:solid 1px #b7ccdf;
				}
				#photosHolder .entry .memberName {
					width:100px;
					overflow:hidden;
					margin:0 auto;
					height:35px;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	blogsHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blogsHolder {
		width:590px;
		margin:10px 0 10px 0; padding:4px 0 12px 0;
		background:#dfefff;
	}
		#blogsHolder .header {
			height:20px;
			padding:6px 7px 2px 10px;
		}
		#blogsHolder .header a.viewAll:link, #blogsHolder .header a.viewAll:visited {
			width:55px; height:12px;
			background:url(../../images/btn_viewAll_lightBlue.jpg) no-repeat;
			display:block;
			float:right;
		}
			#blogsHolder .header a.viewAll:active {
				color:#9e6c00;
			}
			#blogsHolder .header a.viewAll:hover {
				background-position:bottom;
			}
			#blogsHolder .header .viewAll img {
				width:55px; height:12px;
			}
		#blogsHolder .entry {
			width:563px;
			margin:0 0 0 12px; padding:2px 0 0 0;
			font:normal 9px Arial, Helvetica, sans-serif;
			background:#FFFFFF;
			border:solid 1px #bcd9f5; border-top:solid 3px #bcd9f5;
		}
			#blogsHolder .entry .user {
				width:52px; height:52px;
				padding:8px 0px 8px 10px;
				text-align:center;
				float:left;
			}
				#blogsHolder .user img {
					border:solid 1px #999999;
				}
			#blogsHolder .entry .content {
				width:477px;
				padding:7px 12px 12px 0;
				float:right;
				display:inline;
			}
				#blogsHolder .entry .content .attribute {
					font:normal 9px Arial, Helvetica, sans-serif;
					line-height:9px;
				}
				#blogsHolder .entry .content h2 {
					float:none;
					margin:0 0 6px 0;
					font:normal 16px Arial, Helvetica, sans-serif;
				}
					#blogsHolder .entry .content h2 a:link, #blogsHolder .entry .content h2 a:visited {
						color:#003264;
					}
						#blogsHolder .entry .content h2 a:active {
							color:#9e6c00;
						}
						#blogsHolder .entry .content h2 a:hover {
							color:#9e6c00;
						}
					#blogsHolder .entry .content h2 a.gray:link, #blogsHolder .entry .content h2 a.gray:visited {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#333333;
					}
						#blogsHolder .entry .content h2 a.gray:active {
							color:#9e6c00;
						}
						#blogHolder .entry .content h2 a.gray:hover {
							blogsHolder:#9e6c00;
						}
			#blogsHolder .content p {
				width:480px;
				margin:0 0 10px 0;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#333333;
				line-height:12px;
			}
			#blogsHolder .entry .socialBar {
				margin:0 0 0 1px;
				list-style:none;
			}
				#blogsHolder .entry ul.socialBar li {
					 float:left;
				}
				#blogsHolder .entry ul.socialBar li a:link, #blogsHolder .entry ul.socialBar li a:visited {
					width:7px; height:15px;
					text-decoration:none;
				}
					#blogsHolder .entry ul.socialBar li a:active {
						color:#9e6c00;
					}
					#blogsHolder .entry ul.socialBar li a:hover {
						color:#9e6c00;
					}
					#blogsHolder .entry ul.socialBar li img {
						width:7px; height:15px;
					}
/*	--------------------------------------------------------------------------------------------------------------------------
	groupsHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#groupsHolder {
		float:left;
		width:285px;
	}
		#groupsHolder .header {
			height:20px;
			padding:5px 10px 0 10px;
			background:#dfefff;
		}
			#groupsHolder .header a.moreGroups:link, #groupsHolder .header a.moreGroups:visited {
				float:right;
				width:79px; height:12px;
				margin:2px 0 0 0;
				background:url(../../images/btn_moreGroups_lightBlue.jpg) no-repeat;
				display:block;
			}
				#groupsHolder .header a.moreGroups:active {
					color:#9e6c00;
				}
				#groupsHolder .header a.moreGroups:hover {
					background-position:bottom;
				}
			#groupsHolder .entries {
				padding:0 10px 0 10px;
			}
				#groupsHolder .entry {
					margin:0 0 10px 0; padding:0 0 10px 0;
					background:#FFFFFF;
					border:solid 1px #dfefff;		
				}
					#groupsHolder .entry .photo {
						width:262px;
						padding:3px 0 0 0;
					}
						#groupsHolder .entry .photo img {
							margin:0 auto;
							display:block;
						}
					#groupsHolder .entry .content {
						padding:0 0 0 8px;
					}
						#groupsHolder .entry .content h2 {
							float:none;
							margin:5px 0 0 0;
							font:normal 12px Arial, Helvetica, sans-serif;
						}
					#groupsHolder .entry .content .tags {
						margin:5px 0 0 0;
						font:normal 9px Arial, Helvetica, sans-serif;
					}
					#groupsHolder .entries .entry ul.actions {
						margin:10px 0 0 0;
						list-style:none;
						display:block;
					}
						#groupsHolder .entries .entry  ul.actions li {
							margin:3px 2px 0 0;
							float:left;
						}
/*	--------------------------------------------------------------------------------------------------------------------------
	topicsHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topicsHolder {
		float:left;
		width:285px;
		margin:0 0 0 20px;
	}
		#topicsHolder .header {
			height:20px;
			padding:5px 10px 0 10px;
			background:#dfefff;
		}
			#topicsHolder .header a.goForums:link, #topicsHolder .header a.goForums:visited {
				float:right;
				width:88px; height:12px;
				background:url(../../images/btn_goToForums_lightBlue.jpg) no-repeat;
				display:block;
			}
				#topicsHolder .header a.goForums:active {
					color:#9e6c00;
				}
				#topicsHolder .header a.goForums:hover {
					background-position:bottom;
				}
				#topicsHolder .header .goForums img {
					width:88px; height:12px;
				}
			#topicsHolder .entries {
				width:265px;
				margin:0 0 0 10px;
				border-bottom:dashed 1px #bcd9f5;
			}
				#topicsHolder .entries .entry {
					padding:10px 0;
					border-top:1px dashed #bcd9f5;
					background:#f5faff;
				}
					#topicsHolder .entries .entry h2 {
						float:none;
						margin:0 0 0 12px; padding:0 10px 0 0;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#003264;
					}
						#topicsHolder .entries .entry h2 a:link, #topicsHolder .entries .entry h2 a:visited {
							color:#003264;
						}
							#topicsHolder .entries .entry h2 a:active {
								color:#9e6c00;
							}
							#topicsHolder .entries .entry h2 a:hover {
								color:#9e6c00;
							}
					#topicsHolder .entries .entry p {
						width:215px;
						margin:12px 0 0 0; padding:0 25px;
						background:url(../../images/bg_hotTopics.gif) 0 3px no-repeat;
						font:normal 13px Arial, Helvetica, sans-serif;
						color:#525353;
					}
					#topicsHolder .entry .info {
						margin:15px 0 0 12px;
						font:normal 9px Arial, Helvetica, sans-serif;
						color:#525353;
					}
						#topicsHolder .entry .info .text {
							color:#525353;
							float:left;
						}
						#topicsHolder .entry .info .posted {
							margin:0 15px 0 0;
							float:left;
						}
						#topicsHolder .entry .info .by {
							margin:0 15px 0 0;
						}
						#topicsHolder .entry .info .views {
							margin:0 15px 0 0;
							float:left;
						}