@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - ELECTRIK RED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		er_userOverview.css
	Date:			January 28, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#nav li#navCommunity a {
		background-position:-863px -57px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	subNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#subNav li#subNavProfile a {
		background-position:bottom;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	contentHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#contentHolder #mainCol {
		margin:0 3px 0 0;
		width:624px;
		float:left;
	}
	

/*	--------------------------------------------------------------------------------------------------------------------------
	btnHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.btnHolder a.btn67 {
		margin:5px 0 0 0;
	}
	

/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#mainCol .header {
		margin:0 0 3px 0; padding:3px 15px 0 15px;
		width:585px; height:29px;
		background:url(../../images/bg_header_mainCol.jpg) no-repeat;
	}
		#mainCol .header h2 {
			font:normal 24px Arial, Helvetica, sans-serif;
			color:#fdbcbc;
		}
		
	#mainCol #profile {
		padding:18px 0 55px 0;
		width:615px;
		background:#fff url(../../images/bg_entry.jpg) no-repeat;
		font:normal 10px Arial, Helvetica, sans-serif;
		color:#8e1616;
		position:relative;
	}
		#mainCol #profile .header {
			background:none;
		}
			#mainCol #profile .header h2 {
				font:normal 21px Verdana, Arial, Helvetica, sans-serif;
				color:#990e0e;
				float:left;
			}
			#mainCol #profile .header .btn98 {
				float:right;
			}
			#mainCol #profile .header .btn118 {
				margin:0 0 0 9px;
				float:right;
			}
		#mainCol #profile .content {
			margin:15px 0 0 0;
		}
		#mainCol #profile .content .info {
			margin:0 0 0 15px;
			width:308px;
			display:inline;
			float:left;
		}
			#mainCol #profile .content .info .header {
				border-bottom:solid 1px #e77272;
				margin:0 0 12px 0; padding:0 0 2px 0;
				width:308px; height:26px;
			}
				#mainCol #profile .content .info .header h3 {
					margin:0 0 1px 0; padding:5px 0 0 6px;
					width:302px; height:21px;
					background:#e77272;
					color:#fff;
					font:normal 14px Arial, Helvetica, sans-serif;
				}
							
			#mainCol #profile .content .user {
				margin:0 0 0 14px;
				width:261px;
				float:left;
			}
				#mainCol #profile .content .user img {
					display:block;
				}
		/* Profile Btns */
		
		#mainCol #profile .profileBtns {
			width:225px;
			position:absolute;
			left:377px; top:23px;
		}
			#mainCol #profile .profileBtns .btn98 {
				float:left;
			}
			#mainCol #profile .profileBtns .btn118 {
				margin:0 0 0 9px;
				float:right;
			}
				
				
			/*	userProfile Styles
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#userProfile {
				width:308px;
			}
				#userProfile col.statName {
					width:86px;
				}
				#userProfile col.statValue {
					width:201px;
				}
				#userProfile tbody tr {
					border-bottom:1px solid #000;
					height:25px;
					font:normal 10px Arial, Helvetica, sans-serif;
				}
					#userProfile tbody tr td {
						border-bottom:1px solid #fbe2e2;
					}
					#userProfile tbody tr td.noBorder {
						border:none;
					}
					#userProfile tbody tr td.statName {
						padding:6px 0 0 0;
						color:#5f5555;
						vertical-align:top;
					}
					#userProfile tbody tr td.statValue {
						padding:6px 0 0 0;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#000;
						line-height:16px;
						vertical-align:top;
					}
						#userProfile tbody tr td.statValue p {
							padding:0 0 6px 0;
							width:188px;
						}
			
			
		/*	contact Styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #contact {
			margin:12px 0 0 15px;
			width:600px;
		}
			#mainCol #contact .header {
				border-bottom:solid 1px #e77272;
				margin:0 0 8px 0; padding:0 0 2px 0;
				width:583px; height:26px;
			}
				#mainCol #contact .header h3 {
					margin:0 0 1px 0; padding:5px 0 0 6px;
					width:577px; height:21px;
					background:#e77272;
					color:#fff;
					font:normal 14px Arial, Helvetica, sans-serif;
				}
				
			/*	userContact Styles
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#userContact {
				width:583px;
			}
				#userContact col.statName1 {
					width:86px;
				}
				#userContact col.statValue1 {
					width:188px;
				}
				#userContact col.statName2 {
					width:64px;
				}
				#userContact col.statValue2 {
					width:245px;
				}
				#userContact tbody tr {
					border-bottom:1px solid #000;
					height:20px;
					font:normal 10px Arial, Helvetica, sans-serif;
				}
					#userContact tbody tr td {
						border-bottom:1px solid #fbe2e2;
					}
					#userContact tbody tr td.statName1 {
						padding:4px 0;
						color:#5f5555;
					}
					#userContact tbody tr td.statValue1 {
						padding:0 0 0 10px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#000;
					}
					#userContact tbody tr td.statName2 {
						padding:0 0 0 20px;
						color:#5f5555;
					}
					#userContact tbody tr td.statValue2 {
						padding:0 0 0 15px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#000;
					}
					
					
		/*	activity Styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #activity {
			margin:30px 0 0 15px;
			width:600px;
		}
			#mainCol #activity .header {
				border-bottom:solid 1px #e77272;
				margin:0 0 8px 0; padding:0 0 2px 0;
				width:583px; height:26px;
			}
				#mainCol #activity .header h3 {
					margin:0 0 1px 0; padding:5px 0 0 6px;
					width:577px; height:21px;
					background:#e77272;
					color:#fff;
					font:normal 14px Arial, Helvetica, sans-serif;
				}
				
			/*	userActivity Styles
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#userActivity {
				width:583px;
			}
				#userActivity col.statName1 {
					width:100px;
				}
				#userActivity col.statValue1 {
					width:188px;
				}
				#userActivity col.statName2 {
					width:110px;
				}
				#userActivity col.statValue2 {
					width:199px;
				}
				#userActivity tbody tr {
					border-bottom:1px solid #000;
					height:20px;
					font:normal 10px Arial, Helvetica, sans-serif;
				}
					#userActivity tbody tr td {
						border-bottom:1px solid #fbe2e2;
					}
					#userActivity tbody tr td.statName1 {
						padding:4px 0;
						color:#5f5555;
					}
					#userActivity tbody tr td.statValue1 {
						padding:0 0 0 10px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#000;
					}
					#userActivity tbody tr td.statName2 {
						padding:0 0 0 20px;
						color:#5f5555;
					}
					#userActivity tbody tr td.statValue2 {
						padding:0 0 0 7px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#000;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #blog {
		margin:23px 0 0 0;
		width:615px;
	}
		#mainCol #blog .header {
			margin:0 0 4px 0; padding:1px 15px 0 15px;
			width:585px; height:30px;
		}
		
		
		/* entry */
		#mainCol #blog .entry {
			margin:0 0 9px 0; padding:39px 0 28px 0;
			background:#fff url(../../images/bg_entry.jpg) no-repeat;
		}
			#blog .entry .noContent {
				margin:0 20px 0 20px;
			}
			#mainCol #blog .entry h3 {
				padding:0 0 0 39px;
				width:530px;
				font:bold 16px Arial, Helvetica, sans-serif;
				line-height:18px;
			}
			#mainCol #blog .entry .content {
				margin:8px 0 0 14px;
				width:530px;
			}
				#mainCol #blog .entry .content p {
					margin:0 0 0 25px;
					color:#5f5555;
					font:normal 12px Arial, Helvetica, sans-serif;
					line-height:18px;
				}
			#mainCol #blog .entry .content a.btnReadFullPost {
				margin:23px 0 0 27px;
				width:106px; height:13px;
				display:block;
				background:url(../../images/btn_readFullPost.png) 0 top no-repeat;
			}
				#mainCol #blog .entry .content a.btnReadFullPost:hover {
					background-position:bottom;
				}
			#mainCol #blog .entry .content a.btnShare {
				margin:35px 0 0 2px;
				width:125px; height:16px;
				display:block;
				background:url(../../images/btn_share.png) 0 top no-repeat;
			}
			
			#mainCol #blog .entry .content .socialBar {
				margin:8px 0 0 5px; padding:4px 0 0 10px;
				width:573px; height:19px;
				background:#fbe2e2;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#6a1e1e;
			}
				#mainCol #blog .entry .content .socialBar .views {
					width:280px;
					color:#892e2e;
					float:left;
				}
				#mainCol #blog .entry .content .socialBar .socialLinks {
					width:280px;
					float:left;
					text-align:right;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #photos {
		margin:23px 0 0 0;
	}
		#mainCol #photos .entry .noContent {
			margin:0 0 0 8px;
			width:82px;
		}
		
		/* entry */
		#mainCol #photos .entry {
			margin:1px 6px 0 0; padding:27px 0 0 0;
			width:149px; height:127px;
			background:#fff url(../../images/bg_photoEntry.jpg) no-repeat;
			display:inline;
			float:left;
		}
			#mainCol #photos .entry .userPhoto {
				margin:0 auto;
				width:102px;
			}
				#mainCol #photos .entry .userPhoto a {
					border:solid 1px #a25f5f;
					display:block;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #comments {
		margin:23px 0 0 0;
		width:615px;
	}
		#mainCol #comments .header h2 {
			float:left;
		}
		#mainCol #comments .header a.btn125 {
			margin:2px 0 0 0;
			float:right;
		}
		#mainCol #comments .entry .noContent {
			width:517px;
		}	
		/*	entry */
		#mainCol #comments .entry {			
			margin:0 0 6px 0; padding:30px 0 28px 24px;
			background:#fff url(../../images/bg_entry.jpg) no-repeat;
		}
			#comments .entry .userInfo {
				margin:0 22px 0 0;
				width:52px;
				float:left;
			}
				#comments .entry .userInfo img {
					margin:0 0 6px 0;
					border:1px solid #f68eb0;
					display:block;
				}
				
			#mainCol #comments .entry .content {
				width:501px;
				float:left;
			}
				#mainCol #comments .entry .content h3 {
					margin:0 0 7px 0;
					color:#e24545;
					font:normal 14px Arial, Helvetica, sans-serif;
					word-wrap:break-word;
				}
				#comments .entry .content p {
					margin:0 0 8px 0;
					color:#747474;
					font:normal 11px Arial, Helvetica, sans-serif;
					line-height:16px;
				}
				#mainCol #comments .entry .content .post {
					padding:5px 0 0 12px;
					width:489px; height:18px;
					background:#fbe2e2;
					color:#6a1e1e;
					font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	friends Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#friends  {
		margin:40px 0 0 0;
	}
		#friends .header {
			margin:0 0 6px 0; padding:2px 15px 0 15px;
			width:585px; height:29px;
		}
		#friends .header h2 {
			float:left;
		}
			#friends .header a.btn98 {
				margin:3px 0 0 0;
				background:url(../../images/btn_98_red.png) 0 top no-repeat;	
				float:right;
			}
				#friends .header a.btn98:hover {
					background-position:bottom;
				}
				
		
		/* entries */
		#friends .entries {
		
		}
			#friends .entries .entry {
				margin:0 3px 9px 0; padding:21px 0 0 0;
				width:100px; height:95px;
				background:#fff url(../../images/bg_friendsEntry_100.jpg) no-repeat;
				text-align:center;
				font:normal 11px Arial, Helvetica, sans-serif;
				overflow:hidden;
				display:inline;
				float:left;
			}
				#friends .entries .entry img.userfullsize {
					margin:0 0 13px 0;
					border:1px solid #f799b8;
				}
				#friends .entries .entry span.user {
					display:block;
				}
				#friends .entries .entry a {
					color:#ff0f5e;
				}
					#friends .entries .entry a:hover {
						color:#cf1717;
					}