@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SUGARLAND COMMUNITY GALLERY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sugarland_communityGallery.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		background:url(../../images/nav_bg_community.jpg) 0px 6px repeat-x;
	}
	ul#nav li#navCommunityGallery a {
		
	}
	#mainCol ul#subNav li#subNavGallery a {
		color:#f6f1e6;
		background-position:-118px -64px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		/*	photo viewingBar Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		#community .contentBox .entries .viewingBar {
			width:560px; height:36px;
			margin:0 0 19px 0; padding:0 8px 0 8px;
			background:#5d584e;
			font:bold 12px Arial, Helvetica, sans-serif;
			color:#e27c0a;
			line-height:36px;
			text-align:center;
			float:left;
		}
			#community .contentBox .entries .viewingBar .btn_prev {
				width:58px;
				float:left;
			}
				#community .contentBox .entries .viewingBar .btn_prev a {
					padding:0 0 0 8px;
					background:url(../../images/arrow_left.png) 0 4px no-repeat;
				}
					#community .contentBox .entries .viewingBar .btn_prev a:hover {
						background-position:0 -13px;
					}
			#community .contentBox .entries .viewingBar .text {
				width:468px;
				display:block;
				float:left;
			}
			#community .contentBox .entries .viewingBar .btn_next {
				float:right;
			}
				#community .contentBox .entries .viewingBar .btn_next a {
					padding:0 8px 0 0;
					background:url(../../images/arrow_right.png) right 4px no-repeat;
				}
					#community .contentBox .entries .viewingBar .btn_next a:hover {
						background-position:right -13px;
					}
		
		/*	photo single viewingBar Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#community .contentBox .viewingBar {
			width:550px;
			margin:0 0 0 25px; padding:10px 0 5px 0;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#5b5448;
			text-align:center;
			float:left;
			display:inline;
		}
			#community .contentBox .viewingBar .btn_prev {
				width:30px;
				float:left;
			}
				#community .contentBox .viewingBar .btn_prev a {
					padding:0 0 0 8px;
					background:url(../../images/arrow_left_small.png) 0 5px no-repeat;
					color:#d8cfbd;
				}
					#community .contentBox .viewingBar .btn_prev a:hover {
						background-position:0 -10px;
						color:#ff8700;
					}
			#community .contentBox .viewingBar .text {
				width:490px;
				display:block;
				float:left;
			}
			#community .contentBox .viewingBar .btn_next {
				float:right;
			}
				#community .contentBox .viewingBar .btn_next a {
					padding:0 8px 0 0;
					background:url(../../images/arrow_right_small.png) right 5px no-repeat;
					color:#d8cfbd;
				}
					#community .contentBox .viewingBar .btn_next a:hover {
						background-position:right -10px;
						color:#ff8700;
					}
			
			/* entries */	
			#community .contentBox .entries {
				padding:0 14px;
			}
			#community .contentBox .entries .entry {
				width:250px; height:290px;
				margin:14px 13px 0 13px; padding:5px;
				background:#f5f1e6;
				float:left;
				display:inline;
			}
				#community .contentBox .entry img {
					margin:0 auto;
					display:block;
				}
				#community .contentBox .entry .photoInfo {
					padding:4px 0 0 0;
					height:35px;
					font:normal 11px Arial, Helvetica, sans-serif;
					overflow:hidden;
				}
				#community .contentBox .photoInfo .entry h4 {
					
				}
					#community .contentBox .entry .photoInfo h4 a {
						font:normal 14px Arial, Helvetica, sans-serif;
						color:#e27c0a;
					}
						#community .contentBox .entry .photoInfo h4 a:hover {
							color:#ff8700;
						}
					#community .contentBox .entry .photoInfo .views {
						color:#786e5c;
					}
					#community .contentBox .entry .photoInfo .comments {
						color:#e27c0a;
					}
					#community .contentBox .entry .photoInfo .count {
						font-weight:bold;
					}		
			
			/* add photo btn */				
			#community .contentBox .entries .btn {
				margin:15px 0 0 13px;
			}
			#community .contentBox .entries .btn a {
				width:115px; height:35px;
				background:url(../../images/btn_addPhoto.png) 0 0 no-repeat;
				display:block;
			}
				#community .contentBox .entries .btn a:hover {
					background-position:0 -35px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#photoSingle Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photoSingle {
		width:560px;
		margin:0 0 0 20px;
		background:#f5f1e6;
		float:left;
		text-align:center;
		display:inline;
	}
		#photoSingle .photoTitle {
			width:540px; height:58px;
			margin:0 0 33px 0; padding:12px 0 0 20px;
			background:#231e1b;
			text-align:left;
		}
			#photoSingle .photoTitle h2 {
				padding:0 0 5px 0;
				font:normal 21px Arial, Helvetica, sans-serif;
				color:#f5f1e6;
			}
		#photoSingle .photoTitle span {
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#6c5c53;
		}
		#photoSingle .photoTitle span .count {
			font-weight:bold;
		}
		#photoSingle img {
			border:solid 5px #e1d8c9;
		}
		#photoSingle .paragraph p {
			width:460px;
			margin:10px auto 0;
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#766044;
			text-align:left;
		}
		#photoSingle .btn_report {
			margin:0 10px 20px 0;
			float:right;
		}
			#photoSingle .btn_report a {
				padding:0 8px 0 0;
				background:url(../../images/arrow_right.png) right 4px no-repeat;
			}
				#photoSingle .btn_report a:hover {
					background-position:0 -10px;
				}
	
			
			/* add photo btn */				
			#community .contentBox .btn {
				margin:15px 0 0 20px;
				float:left;
			}
			#community .contentBox .btn a {
				width:115px; height:35px;
				background:url(../../images/btn_addPhoto.png) 0 0 no-repeat;
				display:block;
			}
				#community .contentBox .btn a:hover {
					background-position:0 -35px;
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityComments {
		padding:20px 0 30px 13px;
		float:left;
		display:inline;
	}
		#communityComments h3 {
			width:132px; height:14px;
			margin:0 0 0 7px;
			background:url(../../images/h3_userComments.png) 0 0 no-repeat;
		}
		#communityComments ul {
			margin:20px 0 0 0;
		}
			#communityComments ul li {
				width:557px;
				margin:0 0 5px 0;
				float:left;
			}
				#communityComments ul li .profilePic {
					width:84px;
					margin:0 14px 0 0;
					display:inline;
					float:left;
				}
					#communityComments ul li .profilePic a {
						padding:2px;
						background:#e27c0a;
						display:block;
					}
				#communityComments ul li .commentTop {
					width:458px;
					background:url(../../images/bg_communityComment.png) 0 0 no-repeat;
					float:left;
				}
				#communityComments ul li .comment {
					width:408px;
					margin:0 0 0 28px; padding:16px 11px 16px 11px;
					background:#f5f1e6;
				}
					#communityComments ul li .comment h4 {
						margin:0 0 9px 0;
						font:normal 16px Arial, Helvetica, sans-serif;
						color:#704619;
					}
					#communityComments ul li .comment p {
						margin:0 0 9px 0;
						font:normal 15px Arial, Helvetica, sans-serif;
						color:#766044;
						line-height:18px;
					}
					#communityComments ul li .comment .userInput {
						
					}
						#communityComments ul li .comment .userInput span.posted {
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#766044;
							float:left;
						}
						#communityComments ul li .comment .userInput a.btn_report {
							padding:0 5px 0 0;
							background:url(../../images/arrow_right.png) right 5px no-repeat;
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#e27c0a;
							float:right;
						}
			#communityComments ul li.postComment {
				margin:15px 0 0 0;
				text-align:right;
			}
				#communityComments ul li.postComment a {
					font:bold 10px Arial, Helvetica, sans-serif;
					color:#d8cfbd;
				}