@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 {
		background-position:0 -92px;
	}
	#mainCol ul#subNav li#subNavBlog a {
		color:#f6f1e6;
		background-position:0px -60px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#commStatus {
		height:18px;
		margin:8px 0 0 0; padding:0 6px 0 0;
	}
	#commStatus a:link, #commStatus a:active, #commStatus a:visited {
		margin:0 0 0 10px;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#235869;
	}
		#commStatus a:hover {
			color:#fff;
		}
	#commHeader {
		width:867px; height:172px;
		margin:0 0 20px 0; padding:0 0 0 81px;
		background:url(../../images/communityHeader_bg.jpg) no-repeat;
		border-bottom:solid 2px #7d7b61;
	}
		#commHeader ul {
			width:308px;
			margin:70px 0 0 0;
			float:left;
			list-style:none;
			color:#f5f1e6;
		}
			#commHeader ul li {
				padding:0 0 0 10px;
				background:url(../../images/list_square.gif) 0 10px no-repeat;
				font:bold 13px Arial, Helvetica, sans-serif;
				line-height:23px;
			}
				#commHeader ul li.title {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#7d7b61;
					background:none;
				}
		#commHeader .joinLink {
			margin:93px 0 0 0;
			float:left;
		}
			#commHeader .joinLink h2 {
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#f5f1e6;
			}
			#commHeader .joinLink a.btn:link, #commHeader .joinLink a.btn:active, #commHeader .joinLink a.btn:visited {
				width:105px; height:35px;
				margin:5px 0 0 0;
				display:block;
				background:url(../../images/btn_joinNow.png) no-repeat;
			}
				#commHeader .joinLink a.btn:hover {
					background-position:bottom;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community {
		color:#8e8f62;
	}
		#community .titleBar {
			height:21px;
			padding:8px 0 0 9px;
		}
			#community .titleBar h1#h1_communityGallery {
				width:174px; height:12px;
				background: url(../../images/h1_communityGallery.png) no-repeat;
			}
		#community .contentBox {
			padding:15px 0 15px 0;
			border-bottom:1px solid #aca394;
		}
		
		/*	viewingBar Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		#community .contentBox .viewingBar {
			margin:0; padding:0 25px 0 25px;
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#5b5448;
		}
			#community .contentBox .viewingBar .viewing {
				width:475px;
				text-align:center;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#5b5448;
				float:left;
			}
			#community .contentBox .viewingBar .prev {
				float:left;
			}
				#community .contentBox .viewingBar a.btnPrev {
					padding:0 0 0 5px;
					color:#8e8f62;
					background:url(../../images/arrow_left_blue.png) 0 5px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					display:block;
				}
					#community .contentBox .viewingBar a.btnPrev:hover {
						color:#f5f1e6;
						background:url(../../images/arrow_left_cream.png) 0 5px no-repeat;
					}
			#community .contentBox .viewingBar .next {
				float:right;
			}
			#community .contentBox .viewingBar a.btnNext {
				width:35px;
				color:#8e8f62;
				background:url(../../images/arrow_right_blue.png) 30px 5px no-repeat;
				font:bold 11px Arial, Helvetica, sans-serif;
				display:block;
			}
				#community .contentBox .viewingBar a.btnNext:hover {
					color:#f5f1e6;
					background:url(../../images/arrow_right_cream.png) 30px 5px no-repeat;
				}
			
			/* entries */	
			#community .contentBox .entries {
				padding:10px 0 100px 25px;
			}
				#community .contentBox .entry {
					margin:0 25px 25px 0; padding:5px 0 12px 5px;
					width:255px;
					background:#f5f1e6;
					color:#786e5c;
					font:normal 11px Arial, Helvetica, sans-serif;
					float:left;
					display:inline;
				}
					#community .contentBox .entry img {
						width:250px; height:184px;
						display:block;
					}
					#community .contentBox .entry .info {
						margin:4px 0 0 0;
						height:37px;
						overflow:hidden;
					}
					#community .contentBox .entry h2 {
						
					}
						#community .contentBox .entry h2 a {
							color:#5e5d3f;
							font:normal 14px Georgia, "Times New Roman", Times, serif;
						}
							#community .contentBox .entry h2 a:hover {
								text-decoration:underline;
							}
					#community .contentBox .entry .photoInfo {
						margin:1px 0 0 0;
					}
						#community .contentBox .entry .photoInfo img {
							width:60px; height:9px;
							display:inline;
						}
					#community .contentBox .entry .socialBar {
						margin:2px 0 0 0;
					}
						#community .contentBox .entry .socialBar a.btnPerma {
							margin:0 15px 0 0;
							width:58px;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#47899f;
							display:block;
							background:url(../../images/arrow_right_blue.png) 48px 5px no-repeat;
							float:left;
						}
							#community .contentBox .entry .socialBar a.btnPerma:hover {
								background:url(../../images/arrow_right_orange.png) 48px 5px no-repeat;
								color:#bd816e;
							}
						#community .contentBox .entry .socialBar a.btnShare {
							font:normal 11px Arial, Helvetica, sans-serif;
							width:35px;
							color:#47899f;
							display:block;
							background:url(../../images/arrow_right_blue.png) 32px 5px no-repeat;
							float:left;
						}
							#community .contentBox .entry .socialBar a.btnShare:hover {
								background:url(../../images/arrow_right_orange.png) 32px 5px no-repeat;
								color:#bd816e;
							}