@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SUGARLAND PHOTOS ENTRY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sugarland_photosEntry.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	body {
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navPhotos a:link, #navPhotos a:visited {
		background-position:0 -42px;
	}
	#navPhotos a:hover {
		background-position:0 -21px;
	}
	#mediaPanel {
		margin:40px 0 20px;
	}
	#mediaPanel .albumCover {
		margin:0 0 0 0px;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		
	}
		#photos .titleBar {
			height:32px;
			padding:0 0 0 5px;
		}
			#photos .titleBar h1#h1_photos {
				width:91px; height:36px;
				background:url(../../images/h1_photos.png) no-repeat;
			}
		#photos .contentBox {
			padding:13px 0 13px 13px;
		}
	/*	viewingBar Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		#photos .contentBox .viewingBar {
			margin:5px 0 5px 0; padding:0 8px 0 0;
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#5b5448;
		}
			#photos .contentBox .viewingBar .viewing {
				width:500px;
				text-align:center;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#5b5448;
				float:left;
			}
			#photos .contentBox .viewingBar .prev {
				float:left;
			}
				#photos .contentBox .viewingBar a.btnPrev {
					padding:0 0 0 5px;
					color:#427e91;
					background:url(../../images/arrow_left_blue.png) 0 5px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					display:block;
				}
					#photos .contentBox .viewingBar a.btnPrev:hover {
						color:#f5f1e6;
						background:url(../../images/arrow_left_cream.png) 0 5px no-repeat;
					}
			#photos .contentBox .viewingBar .next {
				padding:0 3px 0 0;
				float:right;
			}
			#photos .contentBox .viewingBar a.btnNext {
				width:35px;
				color:#427e91;
				background:url(../../images/arrow_right_blue.png) 30px 5px no-repeat;
				font:bold 11px Arial, Helvetica, sans-serif;
				display:block;
			}
				#photos .contentBox .viewingBar a.btnNext:hover {
					color:#f5f1e6;
					background:url(../../images/arrow_right_cream.png) 30px 5px no-repeat;
				}

		/*	entry Styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#photos .contentBox .entry {
				width:576px;
				margin:0 0 20px 0;
				/*background:url(../../images/tint.png);*/
			}
				#photos .contentBox .entry .titleBarEntry {
					background:transparent;
					padding:8px 10px 10px 12px;
				}
					#photos .entry .titleBarEntry h2 {
						margin:0 0 5px 0;
						font:normal 21px Arial, Helvetica, sans-serif;
						color:#f5f1e6;
					}
					#photos .entry .titleBarEntry .views {
						margin:0 0 0 10px;
						color:#d9cdaa;
						font:normal 12px Arial, Helvetica, sans-serif;
					}
				#photos .contentBox .entry .contentBox {
					margin:0 0 10px 0; padding:20px 0 35px 32px;
					background:url(../../images/tint2.png);
					width:528px;
					border:0;
				}
					#photos .contentBox .entry .contentBox .photo {
						width:500px;
						margin:0 0 10px 0;
						text-align:center;
					}
						#photos .contentBox .entry .contentBox .photo img {
							border:solid 6px #e1d8c9;
						}
					#photos .contentBox .entry .contentBox p {
						margin:0 0 0 5px; padding:0 20px 0 0;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#766044;
						line-height:17px;
					}
					
					/* social bar */
					#photos .contentBox .entry .socialBar {
						margin:10px 0 0 5px;
					}
						#photos .contentBox .entry .socialBar a.btnPerma {
							margin:0 15px 0 0;
							width:62px;
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#ED482B;
							display:block;
							background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
							float:left;
						}
							#photos .contentBox .entry .socialBar a.btnPerma:hover {
								color:#fff;
								background-position: right -40px;
							}
						#photos .contentBox .entry .socialBar a.btnShare {
							font:bold 11px Arial, Helvetica, sans-serif;
							width:38px;
							color:#ED482B;
							display:block;
							background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
							float:left;
						}
							#photos .contentBox .entry .socialBar a.btnShare:hover {
								color:#fff;
								background-position: right -40px;
							}
						#photos .contentBox .entry .socialBar a.btnBackTo {
							font:bold 11px Arial, Helvetica, sans-serif;
							width:86px;
							color:#ED482B;
							display:block;
							background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
							float:right;
							margin-right:16px;
						}
							#photos .contentBox .entry .socialBar a.btnBackTo:hover {
								color:#fff;
								background-position: right -40px;
							}
				
			
	/*	commentBox Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#photos .contentBox .commentBox {
			padding:0 0 32px 10px;
		}
			#photos .contentBox .commentBox .titleBar {
				margin:0 0 22px 0; padding:0;
				background:none;
				border:0;
			}
				#photos .contentBox .commentBox .titleBar h2#h2_userComments {
					width:200px; height:14px;
					padding:0 0 0 112px;
					background:url(../../images/h2_userComments.png) 0 3px no-repeat;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#704619;
					float:left;
					display:none;
				}
				#photos .contentBox .commentBox .titleBar .btnHolder {
					width:90px;
					margin:4px 0 0 0; padding:0 13px 0 0;
					float:right;
				}
			#photos .contentBox .commentBox .entry {
				margin:0 0 4px 0;
/*				background:url(../../images/commentPointer.gif) 98px 15px no-repeat;*/
			}
			#photos .contentBox .commentBox .entry .user {
				width:80px;
				margin:2px 0 0 0; padding:2px;
				background:url(../../images/tint2.png);
				float:left;
			}
				#photos .contentBox .commentBox .entry .user img {
					display:block;
				}
			#photos .contentBox .commentBox .entry .contentBox {
				width:410px;
				margin:0 0 0 42px; padding:15px;
				float:left;
			}
				#photos .contentBox .commentBox .entry .contentBox h3 {
					margin:0 0 5px 0;
					font:normal 16px Arial, Helvetica, sans-serif;
					color:#fff;
				}
				#photos .contentBox .commentBox .entry .contentBox p {
					margin:0 0 10px 0; padding:0;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#ED482B;
					line-height:18px;
				}
				#photos .contentBox .commentBox .entry .contentBox .date {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#fff;
				}
			#photos .contentBox .commentBox .btnHolder {
				margin:16px 13px 0 0;
				font:bold 10px Arial, Helvetica, sans-serif;
				text-align:right;
			}
				#photos .contentBox .commentBox .btnHolder a:link, #photos .contentBox .commentBox .btnHolder a:active, #photos .contentBox .commentBox .btnHolder a:visited {
					color:#ED482B;
				}
					#photos .contentBox .commentBox .btnHolder a:hover {
						color:#ffffff;
					}
				
				
				
	/*	pagination Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#photos .contentBox .pagination {
			width:568px;
			padding:10px 0 10px 8px;
			background:#766044;
		}
			#photos .contentBox .pagination .prev {
				float:left;
			}
				#photos .contentBox .pagination .prev a:link, #photos .contentBox .pagination .prev a:active, #photos .contentBox .pagination .prev a:visited {
					padding:0 0 0 7px;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#7fb0c0;
					background:url(../../images/btn_prevArrow.gif) left 3px no-repeat;
					display:block;
				}
					#photos .contentBox .pagination .prev a:hover {
						color:#ffffff;
						background-position:left -40px;
					}
			#photos .contentBox .pagination .pages {
				width:470px;
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#7fb0c0;
				float:left;
				text-align:center;
			}
				#photos .contentBox .pagination .pages .active {
					color:#ffffff !important;
				}
				#photos .contentBox .pagination .pages a:link, #photos .contentBox .pagination .pages a:active, #photos .contentBox .pagination .pages a:visited {
					padding:0 3px;
					color:#7fb0c0;
				}	
					#photos .contentBox .pagination .pages a:hover {
						color:#ffffff;
					}
			#photos .contentBox .pagination .next {
				float:left;
			}
				#photos .contentBox .pagination .next a:link, #photos .contentBox .pagination .next a:active, #photos .contentBox .pagination .next a:visited {
					padding:0 7px 0 0;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#7fb0c0;
					background:url(../../images/btn_nextArrow.gif) right 3px no-repeat;
					display:block;
				}
					#photos .contentBox .pagination .next a:hover {
						color:#ffffff;
						background-position:right -40px;
					}
