@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMMUNITY : 	Sum41 Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sum41_community.css
	Date:			Oct 29, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navCommunity a {
		background-position:-202px -443px;
	}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav_community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav_community {
		border-bottom:solid 1px #6c6c6c;
		width:681px; height:22px;
		margin:0 0 30px 0;
	}
		ul#nav_community li {
			height:22px;
			margin:0 8px 0 0;
			display:inline;
			float:left;
		}
		ul#nav_community li a {
			height:22px;
			background:url(../../images/comm_nav_sprites.png);
			display:block;
		}
			ul#nav_community li.nav_profile {
				width:79px;
			}
				ul#nav_community li.nav_profile a {
					width:79px;
					background-position:0 0;
				}
					ul#nav_community li.nav_profile a:hover {
						background-position:0 -22px;
					}
			ul#nav_community li.nav_blog {
				width:56px;
			}
				ul#nav_community li.nav_blog a {
					width:56px;
					background-position:-87px 0;
				}
					ul#nav_community li.nav_blog a:hover {
						background-position:-87px -22px;
					}
			ul#nav_community li.nav_photos {
				width:78px;
			}
				ul#nav_community li.nav_photos a {
					width:78px;
					background-position:-149px 0;
				}
					ul#nav_community li.nav_photos a:hover {
						background-position:-149px -22px;
					}
			ul#nav_community li.nav_friends {
				width:80px;
			}
				ul#nav_community li.nav_friends a {
					width:80px;
					background-position:-233px 0;
				}
					ul#nav_community li.nav_friends a:hover {
						background-position:-233px -22px;
					}
			ul#nav_community li.nav_guestbook {
				width:113px;
			}
				ul#nav_community li.nav_guestbook a {
					width:113px;
					background-position:-319px 0;
				}
					ul#nav_community li.nav_guestbook a:hover {
						background-position:-319px -22px;
					}
			ul#nav_community li.nav_inbox {
				width:63px;
			}
				ul#nav_community li.nav_inbox a {
					width:63px;
					background-position:-438px 0;
				}
					ul#nav_community li.nav_inbox a:hover {
						background-position:-438px -22px;
					}
					
	/* ---------------------------------- Active Sates ---------------------------------- */
	ul#nav_community li.nav_profile a.active {
		background-position:0 -22px;
	}
	ul#nav_community li.nav_blog a.active {
		background-position:-87px -22px;
	}
	ul#nav_community li.nav_photos a.active {
		background-position:-149px -22px;
	}
	ul#nav_community li.nav_friends a.active {
		background-position:-233px -22px;
	}
	ul#nav_community li.nav_guestbook a.active {
		background-position:-319px -22px;
	}
	ul#nav_community li.nav_inbox a.active {
		background-position:-438px -22px;
	}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	 .header h1 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community .header h1 {
		width:202px; height:18px;
	}
	#community .header h1#h1_profile {
		background:url(../../images/h1_myProfile.png) 0 0 no-repeat;
	}	
	#community .header h1#h1_blog, #blog h1#h1_myBlog {
		background:url(../../images/h1_myBlog.png) 0 0 no-repeat;
	}
	#community .header h1#h1_photos, #photos h1#h1_myPhotos {
		background:url(../../images/h1_myPhoto.png) 0 0 no-repeat;
	}
	#community .header h1#h1_guestbook, #guestbook h1#h1_myGuestbook {
		background:url(../../images/h1_myGuestbook.png) 0 0 no-repeat;
	}
	#community .header h1#h1_friends {
		background:url(../../images/h1_myFriends.png) 0 0 no-repeat;
	}
	#community .header h1#h1_inbox {
		background:url(../../images/h1_myMessages.png) 0 0 no-repeat;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#userActions Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#userActions {
		border:1px ridge #6c6c6c;
		width:663px;
		margin:0 0 15px 0; padding:0 0 4px 0;
	}
		#userActions .action {
			padding:0 0 0 17px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#546063;
			float:left;
		}		
			#userActions .action h5 {
				width:184px;
				margin:7px 0 0 0;
				font:bold 15px Arial, Helvetica, sans-serif;
				color:#fff;
				float:left;
			}	
			#userActions .action p {
				width:260px;
				margin:9px 0 0 0;
				color:#6c6c6c;
				float:left;
			}
		#userActions a.btn_addPhoto {
			width:101px; height:24px;
			margin:3px 14px 0 0;
			background:url(../../images/btn_addPhoto.png) no-repeat;
			display:block;
			float:right;
		}
			#userActions a.btn_addPhoto:hover {
				background-position:0 -24px;
			}
		#userActions a.btn_pending {
			width:135px; height:24px;
			margin:3px 14px 0 0;
			background:url(../../images/btn_viewPending.png) 0 0 no-repeat;
			display:block;
			float:right;
		}
			#userActions a.btn_pending:hover {
				
			}
		#userActions a.btn_addBlog {
			width:101px; height:24px;
			margin:3px 14px 0 0;
			background:url(../../images/btn_newEntry.png) 0 0 no-repeat;
			display:block;
			vertical-align:middle;
			float:right;
		}
			#userActions a.btn_addBlog:hover {
				background-position:0 -24px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#profile SMALLER Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#profileSmall {
		margin:0 0 20px 0;
		position:relative;
	}
		#profileSmall .profileTop {

		}
			#profileSmall .profileTop .userPic {
				width:115px;
				margin:0 10px 0 0; padding:5px 0 0 0;
				display:inline;
				float:left;
			}
				#profileSmall .profileTop .userPic img {
					border:solid 1px #a3a3a3;
					display:block;
				}
			#profileSmall .profileTop .userInfo {
				width:400px;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#a3a3a3;
				display:inline;
				float:left;
			}
				#profileSmall .profileTop .userInfo h2 {
					margin:0 0 4px 0;
					font:normal 20px Arial, Helvetica, sans-serif;
					color:#fff;
				}
				#profileSmall .profileTop .userInfo .info {
					margin:0 0 3px 0;
					font-size:11px;
					width:545px;
				}
					#profileSmall .profileTop .userInfo .info .title {
						width:100px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#7c7c7c;
						display:inline-block;
						float:left;
					}
					#profileSmall .profileTop .userInfo .info .content {
						width:445px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#fff;
						display:inline-block;
						float:left;
					}
				#profileSmall .profileTop .btns {
					width:212px;
					margin:7px 0 0 0;
				}
					#profileSmall .profileTop .btns a.addFriend {
						width:101px; height:24px;
						margin:0 10px 0 0;
						background:url(../../images/btn_addFriend.png) 0 0 no-repeat;
						display:inline-block;
						float:left;
					}
						#profileSmall .profileTop .btns a.addFriend:hover {
							background-position:0 -24px;
						}
					#profileSmall .profileTop .btns a.sendMessage {
						width:101px; height:24px;
						background:url(../../images/btn_sendMessage.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#profileSmall .profileTop .btns a.sendMessage:hover {
							background-position:0 -24px;
						}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#profile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#profile {
		position:relative;
	}
		#profile .profileTop {
			width:600px;
		}
			#profile .profileTop .userPic {
				width:165px;
				display:inline;
				float:left;
			}
				#profile .profileTop .userPic img {
					border:solid 1px #a3a3a3;
					display:block;
				}
			#profile .profileTop .userInfo {
				width:400px;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#a3a3a3;
				display:inline;
				float:left;
			}
				#profile .profileTop .userInfo h2 {
					margin:0 0 10px 0;
					font:normal 20px Arial, Helvetica, sans-serif;
					color:#fff;
				}
				#profile .profileTop .btns {
				
				}
					#profile .profileTop .btns a.addFriend {
						width:101px; height:24px;
						margin:0 10px 0 0;
						background:url(../../images/btn_addFriend.png) 0 0 no-repeat;
						display:inline-block;
						float:left;
					}
					#profile .profileTop .btns a.sendMessage {
						width:101px; height:24px;
						background:url(../../images/btn_sendMessage.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
		#profile .infoBlocks {
			width:700px;
			margin:50px 0 0 0;
		}
			#profile .infoBlocks .userInfo {
				display:inline;
				float:left;
			}
				#profile .infoBlocks .userInfo .info {
					width:318px;
					margin:0 0 15px 0;
				}
					#profile .infoBlocks .userInfo .info .title {
						width:100px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#7c7c7c;
						display:inline-block;
						float:left;
					}
					#profile .infoBlocks .userInfo .info .content {
						width:200px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#fff;
						display:inline-block;
						float:left;
					}
				#profile .infoBlocks .userInfo.about {
					width:321px;
					margin:0 30px 0 0;
				}
					#profile .infoBlocks .userInfo h3 {
						padding:0 0 10px 0;
					}
					#profile .infoBlocks .userInfo.about h3 {
						width:321px; height:12px;
						background:url(../../images/h3_about.png) 0 0 no-repeat;
					}
				#profile .infoBlocks .userInfo.activity {
					width:326px;
				}
					#profile .infoBlocks .userInfo.activity h3 {
						width:326px; height:12px;
						background:url(../../images/h3_activity.png) 0 0 no-repeat;
					}
				#profile .infoBlocks .userInfo.contact {
					width:680px;
					margin:70px 0 0 0;
				}
					#profile .infoBlocks .userInfo.contact h3 {
						width:680px; height:14px;
						background:url(../../images/h3_contact.png) 0 0 no-repeat;
					}
					
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blog {
		
	}
		#blog .entry {
			width:680px;
			margin:0 0 10px 0; padding:12px 0 10px 0;
			color:#282626;
		}
			#blog .entry h4 {
				margin:5px 0 5px 0;
				font:normal 18px Arial, Helvetica, sans-serif;
				color:#e24040;
			}	
				ul#blog .entry h4 a {
					color:#e24040;
				}
			#blog .entry p {
				font:normal 12px Arial, Helvetica, sans-serif;
				line-height:17px;
				color:#fff;
			}
			#blog .share {
				margin:20px 0 65px 0;
			}
				
	/* ----------------------------- Blog Single ----------------------------- */
	#blog .entry.single h4 {
		margin:5px 0 5px 0;
		font:normal 22px Arial, Helvetica, sans-serif;
		color:#6c6c6c;
	}	
	#blog .entry.single p {
		font:normal 15px Arial, Helvetica, sans-serif;
		line-height:17px;
		color:#fff;
	}
				
		#blog .blogEntry {
			width:541px;
			margin:0 0 33px 0; padding:0 0 0 21px;
			background:url(../../images/bg_commentArrow.png) 0 16px no-repeat;
			float:left;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
	
	}
		#photos ul li {
			width:200px;
			padding:0 22px 0 0;
			float:left;
		}
			#photos ul li .btnHolder {
				margin:5px 0;
			}	
				#photos ul li a.btn_delete {
					width:51px; height:16px;
					margin:0 11px 0 0;
					background:url(../../images/btn_delete.png) no-repeat;
					display:block;
					float:left;
				}
				#photos ul li a.btn_edit {
					width:40px; height:16px;
					background:url(../../images/btn_edit.png) no-repeat;
					display:block;
					float:left;
				}
					#photos ul li a.btn_edit:hover {
					
					}	
				#photos ul li h2 a {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#e24040;	
				}
				#photos ul li .social .stats {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#848485;
					line-height:18px;
				}
			#photos ul li .social .btn {
				margin:5px 0 0 0;
			}			
				#photos ul li .social a.btn_viewNow {
					width:44px; height:17px;
					margin:0 11px 0 0;
					background:url(../../images/btn_view.png)  no-repeat;
					display:block;
					float:left;
				}
					#photos ul li .social a.btn_viewNow:hover {
						background-position:0 -17px;
					}	
				#photos ul li .social a.btn_share {
					width:44px; height:17px;
					background:url(../../images/btn_share.png) no-repeat;
					display:block;
					float:left;
				}
				
	/* ----------------------------- Photo Single ----------------------------- */
		#photos .entry {
			marging:0 auto;
			padding:0 0 25px 0;
		}
			#photos .entry h4 {
				margin:0 0 0 108px; padding:6px 0; 
				font:normal 22px Arial, Helvetica, sans-serif;
				color:#e24040;
				text-align:left;
			}
			#photos .entry .single {
				width:500px;
				margin:0 auto;
			}
			#photos .entry .social {
				margin:12px 0 0 0;
				text-align:center;
			}
				#photos .entry .social .stats {
					margin:0 0 10px 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#848485;
					display:block;
				}
				#photos .entry .social a.addthis_button {
					margin:0 auto;
					display:block;
					float:none;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#friends Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.friends {
	
	}
		ul.friends li {
			width:136px; height:200px;
			margin:0 0 10px 0;
			float:left;
			display:inline;
		}
			ul.friends li.pagination {
				width:500px; height:20px;
				margin:0 0 24px 0;
				float:left;
				display:inline;
				clear:both;
			}
			ul.friends li.bottom {
				margin:0 12px 8px 12px;
			}
			ul.friends li .userImage {
				width:102px;
				margin:10px auto 0 auto;
			}
				ul.friends li .userImage .border a {
					border:1px solid #931835;
					display:block;
				}
					ul.friends li .userImage .border a:hover {
						border:1px solid #931835;
					}
				ul.friends li .userImage a img {
					margin:0 auto;
					display:block;
				}
			ul.friends li .userName {
				margin:0 auto;
				text-align:center;
			}
			ul.friends li .userName a {
				font:bold 12px Arial, Helvetica, sans-serif;
			}
				ul.friends li .userName a:hover {

				}
				ul.friends li .btnHolder {
					width:73px;
					margin:15px auto 0 auto;
				}
					ul.friends li .btnHolder a.btn_reject {
						width:54px; height:16px;
						margin:6px 0 0 0;
						background:url(../../images/btn_reject.png) 0 0 no-repeat;
						display:block;
					}
						ul.friends li .btnHolder a.btn_reject:hover {
							background-position:0 -16px;
						}
					ul.friends li .btnHolder a.btn_accept {
						width:54px; height:16px;
						background:url(../../images/btn_accept.png) 0 0 no-repeat;
						display:block;
					}
						ul.friends li .btnHolder a.btn_accept:hover {
							background-position:0 -16px;
						}
					ul.friends li .btnHolder a.message {
						width:75px; height:16px;
						background:url(../../images/btn_message.png) 0 0 no-repeat;
						display:block;
					}
						ul.friends li .btnHolder a.btn_message:hover {
							background-position:0 -16px;
						}
					ul.friends li .btnHolder a.btn_message {
						width:65px; height:16px;
						background:url(../../images/btn_message.png) 0 0 no-repeat;
						display:block;
					}
						ul.friends li .btnHolder a.btn_block:hover {
							background-position:0 -16px;
						}	
					ul.friends li .btnHolder a.btn_block {
						width:47px; height:16px;
						margin:6px 0 0 0;
						background:url(../../images/btn_block.png) 0 0 no-repeat;
						display:block;
					}
						ul.friends li .btnHolder a.btn_block:hover {
							background-position:0 -16px;
						}
					ul.friends li .btnHolder a.btn_unblock {
						width:61px; height:16px;
						margin:6px 0 0 0;
						background:url(../../images/btn_unblock.png) 0 0 no-repeat;
						display:block;
					}
						ul.friends li .btnHolder a.btn_unblock:hover {
							background-position:0 -16px;
						}
						
/*	--------------------------------------------------------------------------------------------------------------------------
	#inbox Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#inboxTable {
		width:680px;
		text-align:left;
		vertical-align:middle;
		border-collapse:collapse;
	}
		#inboxTable thead {
			height:25px;
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#7b898d;
		}
			#inboxTable thead tr th {
				height:26px;
				padding:0 0 0 10px;
				line-height:26px;
			}
			#inboxTable thead tr th.head_from {
				text-align:left;
			}
			#inboxTable thead tr th.head_subject{
				text-align:left;
			}
			#inboxTable thead tr th.head_date {
				text-align:left;
			}
				#inboxTable col#fromCol {
					width:205px;
				}
				#inboxTable col#subjectCol {
					width:288px;
				}
				#inboxTable col#dateCol {
					width:72px;
				}
		#inboxTable tbody tr.read td {
			background:#363636;
		}
			#inboxTable tbody tr td {
				height:36px;
				border-bottom:1px solid #000;
				padding:0 0 0 10px;
				background:#363636;
				vertical-align:middle;
			}
				#inboxTable tbody tr.noBorder td {
					border:none;
				}
				#inboxTable tbody tr td a {
					margin:0 auto;
				}
			
			#inboxTable tbody tr td.from {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#fff;
			}
			#inboxTable tbody tr td.subject {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#e24040;
			}
				#inboxTable tbody tr td.subject a {
					color:#e24040;
				}
					#inboxTable tbody tr td.subject a:hover {
						background:none;
						color:#fff;
					}
			#inboxTable tbody tr td.date {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#848484;
			}
	
	/* ----------------------------- Inbox Single ----------------------------- */
	#inbox {
		width:681px;
	}		
		#inbox #message {
			width:681px;
			margin:0 auto;
		}
			#inbox #message .userPhoto {
				width:80px;
				margin:0 13px 0 0;
				text-align:left;
				float:left;
			}
				#inbox #message .userPhoto img{
					border:solid 1px #931835;
				}
		#inbox #message .content {
			width:568px;
			padding:0;
			float:left;
		}		
			#inbox #message .content .timestamp {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#fff;
				background:#2f2f2f;
			}
				#inbox #message .content .timestamp a {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#e24040;
				}
			#inbox #message h3 {
				font:normal 22px Arial, Helvetica, sans-serif;
				color:#e24040;
			}
				#inbox #message .post p {
					font:normal 13px Arial, Helvetica, sans-serif;
					color:#fff;
				}
			#inbox #message .userActions {
				margin:15px 0 0 0;
			}
				#inbox #message .userActions a.btn_delete {
					width:51px; height:16px;
					margin:0 11px 0 0;
					background:url(../../images/btn_delete.png) no-repeat;
					display:block;
					float:left;
				}
				#inbox #message .userActions a.btn_reply {
					width:44px; height:16px;
					margin:0 11px 0 0;
					background:url(../../images/btn_reply.png) no-repeat;
					display:block;
					float:left;
				}