@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - HOME : 	The Rocket Summer Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		rs_home.css
	Date:			Jan 28, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		background-position:41px 2px;
	}
		#nav li.navHome a {
			background-position:0 -30px;
		}
		#footer .info .nav li.home a {
			color:#d24d20;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
	background:#faf8ee url(../../images/bg_home.jpg) top center no-repeat;
	}
	#contentSpace {
		padding:10px 0 0 0;
		background:none;
	}
	#mainCol {
		width:477px;
		float:left;
	}
	#altCol {
		width:387px;
		padding:0;
		background:none;
		float:left;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		width:682px; height:500px;
		padding:62px 0 0 0;
		background:none;
	}
		#header #banner {
			width:640px;
			padding:0 42px 0 0;
			text-align:center;
			color:#fff;
			position:relative;
		}
			#header #banner .nav {
				width:700px; height:411px;
				position:absolute;
				top:0; left:-27px;
				z-index:99999;
				display:none;
			}
				#header #banner .nav a#prev {
					width:48px; height:48px;
					margin:200px 0 0 0;
					background:url(../../images/btn_prevPhoto.png) 0 0 no-repeat;
					display:block;
					float:left;
				}
					#header #banner .nav a#prev:hover {
						background-position:0 -48px;
					}
				#header #banner .nav a#next {
					width:48px; height:48px;
					margin:200px 0 0 0;
					background:url(../../images/btn_nextPhoto.png) 0 0 no-repeat;
					display:block;
					float:right;
				}
					#header #banner .nav a#next:hover {
						background-position:0 -48px;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#twitter Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#twitter {
		margin:0 0 60px 0;
	}
		#twitter .header {
			margin:0 0 24px 0; padding:0 0 3px 0;
			border-bottom:solid 2px #aca47f;
		}
			#twitter .header h2#h2_followBryceOnTwitter {
				width:355px; height:22px;
				background:url(../../images/h2_followBryceOnTwitter.png) 0 0 no-repeat;
				float:left;
			}
			#twitter .header a.btn_moreTwitter {
				width:91px; height:9px;
				margin:13px 0 0 0;
				background:url(../../images/btn_moreTwitter.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#twitter .header a.btn_moreTwitter:hover {
					background-position:0 -9px;
				}
		#twitter .tweets {
		
		}
			#twitter .tweets ul li {
				margin:0 0 15px 0; padding:0 0 15px 0;
				background:url(../../images/bg_dotBorder.jpg) 0 bottom repeat-x;
			}
				#twitter .tweets ul li.noBorder {
					background:none;
				}
			#twitter .tweets .date {
				margin:0 0 3px 0;
				display:block;
				font-size:.81em;
			}
				#twitter .tweets .date a {
					color:#7e7260;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	#news Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#news {
		margin:0 0 74px 0;
	}
		#news .header {
			margin:0 0 24px 0; padding:0 0 3px 0;
			border-bottom:solid 2px #aca47f;
		}
			#news .header h2#h2_theLatestNews {
				width:152px; height:19px;
				background:url(../../images/h2_theLatestNews.png) 0 0 no-repeat;
				float:left;
			}
		#news ul li.entry {
			margin:0 0 23px 0; padding:0 0 14px 0;
			background:url(../../images/bg_dotBorder.jpg) 0 bottom repeat-x;
		}
			#news ul li.entry .headline {
				
			}
				#news ul li.entry .headline .date {
					margin-bottom:23px;
				}
				#news ul li.entry .headline h2 {
					margin:0 0 6px 0;
					font-size:1.25em;
					color:#781f01;
				}
				#news ul li.entry .headline .commentCount, #news ul li.entry .headline .viewCount {
					color:#7e7260;
					font-size:.81em;
				}
		#news ul li.noBorder {
			background:none;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#videos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videos {
	
	}
		#videos .header {
			margin:0 0 24px 0; padding:0 0 3px 0;
			border-bottom:solid 2px #aca47f;
		}
			#videos .header h2#h2_theRocketSummerVideos {
				width:255px; height:22px;
				background:url(../../images/h2_theRocketSummerVideos.png) 0 0 no-repeat;
				float:left;
			}
			#videos .header a.btn_moreVideos {
				width:91px; height:9px;
				margin:13px 0 0 0;
				background:url(../../images/btn_moreVideos.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#videos .header a.btn_moreVideos:hover {
					background-position:0 -9px;
				}
			#videos ul li.entry {
				width:159px;
				float:left;
				display:inline;
			}
				#videos ul li.entry .thumbnail {
					
				}
					#videos ul li.entry .thumbnail img {
						border:solid 2px #76725d;
					}
					#videos ul li.entry .thumbnail h2 {
						margin:0 0 8px 0;
					}
				#videos ul li.entry .info {
					font-size:.75em;
				}
					#videos ul li.entry .info a.btn_play {
						width:15px; height:15px;
						margin:3px 0 0 0; padding:0 10px 0 0;
						background:url(../../images/btn_play.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#videos ul li.entry .info a.btn_play:hover {
							background-position:0 -15px;
						}
					#videos ul li.entry .info h2 {
						width:132px;
						float:left;
					}
				#slideShow * {
					display:none;
				}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#music Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music {
		height:247px;
		margin:3px 0 48px 0;
	}
		#music .header {
			margin:0 0 24px 0; padding:0 0 3px 0;
			border-bottom:solid 2px #aca47f;
		}
			#music .header h2#h2_theMusic {
				width:103px; height:19px;
				background:url(../../images/h2_theMusic.png) 0 0 no-repeat;
				float:left;
			}
			#music .header a.btn_moreMusic {
				width:85px; height:9px;
				margin:9px 0 0 0;
				background:url(../../images/btn_moreMusic.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#music .header a.btn_moreMusic:hover {
					background-position:0 -9px;
				}
		#music #albums {
			
		}
			#music #albums ul {
				
			}
				#music #albums ul li {
					float:left;
				}
					#music #albums ul li a {
						display:block;
						position:relative;
						top:1px;
						z-index:2;
					}
						#music #albums ul li.latestAlbum a {
							width:126px; height:21px;
							margin:0 10px 0 0;
							background:url(../../images/btn_latestAlbum.png) 0 -21px no-repeat;
						}
						#music #albums ul li.pastAlbums a {
							width:133px; height:21px;
							background:url(../../images/btn_pastAlbums.png) 0 -21px no-repeat;
						}
						#music #albums ul li.ui-tabs-selected a {
							background-position:0 0;
						}
			#music #albums #latestAlbum {
				height:176px;
				border:solid 1px #ddd6af;
				background:#ede7c7;
			}
				#music #albums #latestAlbum img {
					border:solid 2px #c0b88f;
					margin:14px 0 0 0;
					display:inline;
					float:right;
				}
				#music #albums #latestAlbum .albumInfo {
					width:173px;
					margin:40px 27px 0 21px;
					display:inline;
					float:right;
				}
					#music #albums #latestAlbum .albumInfo h3 {
						margin:0 0 5px 0;
						font:normal 23px Georgia, "Times New Roman", Times, serif;
						color:#5f5c54;
						line-height:23px;
					}
					#music #albums #latestAlbum .albumInfo h4 {
						margin:0 0 10px 0;
						font:normal 14px Georgia, "Times New Roman", Times, serif;
						color:#5f5c54;
						line-height:14px;
					}
					#music #albums #latestAlbum .albumInfo a.viewTrack {
						padding:0 8px 0 0;
						background:url(../../images/arrow_right.png) right 4px no-repeat;
						font:normal 12px Georgia, "Times New Roman", Times, serif;
						color:#5e5025;
					}
						#music #albums #latestAlbum .albumInfo a.viewTrack:hover {
							color:#d24d20;
						}
					#music #albums #latestAlbum .albumInfo a.btn_buyAlbum {
						width:96px; height:23px;
						margin:10px 0 0 0;
						background:url(../../images/btn_buyAlbum.png) 0 0 no-repeat;
						font:normal 12px Georgia, "Times New Roman", Times, serif;
						color:#d4c9b3;
						text-align:center;
						line-height:23px;
						display:block;
					}
						#music #albums #latestAlbum .albumInfo a.btn_buyAlbum:hover {
							background-position:0 -23px;
							color:#faf8ee;
						}
			#music #albums #pastAlbums {
				height:176px;
				border:solid 1px #ddd6af;
				background:#ede7c7;
			}
				#music #albums #pastAlbums #pastAlbumsScroll {
					height:154px;
					position:relative;
					overflow:hidden;
				}
					#music #albums #pastAlbums #pastAlbumsScroll ul {
						margin:0; padding:0;
						overflow:none;
						white-space:nowrap;
						position:absolute;
					}
						#music #albums #pastAlbums #pastAlbumsScroll ul li {
							display:inline;
						}
					#music #albums #pastAlbums #pastAlbumsScroll .slider {
						
					}
						#music #albums #pastAlbums #pastAlbumsScroll .slider .handle {
							width:40px; height:15px;
							background:#000;
							position:absolute;
							top:100px;
							z-index:10;
						}
	/*	scrollbar Styles	*/
	#demo-frame > div.demo {
		padding: 10px !important;
	}
	.scroll-pane {
		width:373px;
		margin:0 auto;
		overflow:auto;
	}
	.scroll-content {
		margin:0 0 7px 0;
		float:left;
	}
	.scroll-content-item {
		width:102px; height:140px;
		margin:7px 16px;
		text-align:center;
		float:left;
	}
		.scroll-content-item.first {
			margin-left:0;
		}
		.scroll-content-item.last {
			margin-right:0;
		}
			.scroll-content-item img {
				
			}
			.scroll-content-item h3 {
				margin:5px 0 0 0;
				font:normal 11px Georgia, "Times New Roman", Times, serif;
				color:#d24d20;
			}
			.scroll-content-item .date {
				font:normal 11px Georgia, "Times New Roman", Times, serif;
				color:#92895b;
				display:block;
			}
	* html .scroll-content-item {
		display:inline;
	}
	.scroll-bar-wrap {
		clear:left;
		width:373px;
		background:#f5f1db;
	}
		.scroll-bar-wrap .ui-slider {
			border:0;
			height:11px;
			margin:0 auto;
			background:none;
			overflow:visible;
		}
		.scroll-bar-wrap .ui-handle-helper-parent {
			height:100%;
			margin:0 auto;
		}
		.scroll-bar-wrap .blank {
			width:12px; height:11px;
			display:block;
		}
			.scroll-bar-wrap .left {
				width:12px;
				background:url(../../images/scrollbar_arrows.png) left top no-repeat;
				position:absolute !important;
				top:0; left:0 !important;
				z-index:99 !important;
			}
			.scroll-bar-wrap .right {
				width:12px;
				background:url(../../images/scrollbar_arrows.png) right top no-repeat;
				position:absolute !important;
				top:0; right:0 !important;
				z-index:99 !important;
			}
		.scroll-bar-wrap .ui-slider-handle {
			height:11px;
			display:block !important;
			overflow:hidden;
		}
			.scroll-bar-wrap .ui-slider-handle .leftCap {
				width:2px; height:11px;
				background:url(../../images/leftCap.png) 0 0 no-repeat;
				float:left;
			}
			.scroll-bar-wrap .ui-slider-handle .ui-icon {
				height:11px;
				background:url(../../images/scrollbar_bar.png) center top no-repeat;
				display:block;
				float:left;
				position:relative;
			}
			.scroll-bar-wrap .ui-slider-handle .rightCap {
				width:2px; height:11px;
				background:url(../../images/rightCap.png) 0 0 no-repeat;
				float:right;
			}
	.ui-slider {
		text-align:left;
		position:relative;
	}
		.ui-slider-handle {
			background:url(../../images/scrollbar_bg.png) center top no-repeat;
			text-align:center;
			position:absolute;
			z-index:2;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		height:300px;
	}
		#photos .header {
			margin:0 0 24px 0; padding:0 0 3px 0;
			border-bottom:solid 2px #aca47f;
		}
			#photos .header h2#h2_myLatestMobilePhotos {
				width:329px; height:21px;
				background:url(../../images/h2_myLatestMobilePhotos.png) -34px 0 no-repeat;
				float:left;
			}
		#photos .header a.btn_arrowPrev {
			width:23px; height:16px;
			margin:4px 1px 0 0;
			background:url(../../images/btn_arrowPrev.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			#photos .header a.btn_arrowPrev:hover {
				background-position:0 -16px;
			}
		#photos .header a.btn_arrowNext {
			width:23px; height:16px;
			margin:4px 0 0 0;
			background:url(../../images/btn_arrowNext.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			#photos .header a.btn_arrowNext:hover {
				background-position:0 -16px;
			}
		#photos ul {
			
		}
			#photos ul li {
				border:solid 1px #ddd6af;
				position:relative;
				width:113px; height:170px;
				margin:0 3px 0 0; padding:5px;
				background:#ede7c7;
				display:inline;
			}
				#photos ul li .photo {
					width:113px; height:170px;
					padding:0;
				}
					#photos ul li .photo .image, #photos ul li .photo .image a {
						height:130px;
						overflow:hidden;
						display:block;
					}
						#photos ul li .photo .image img {
							margin:0 auto;
						}
					#photos ul li .photo .description {
						height:35px;
						margin:0 0 5px 0;
						font:bold 11px Arial, Helvetica, sans-serif;
						background:#000;
						color:#fff;
					}
					#photos ul li .photo .info {
						height:38px;
						background:#d24d20;
						font:normal 11px Georgia, "Times New Roman", Times, serif;
						color:#fff;	
					}
						#photos ul li .photo .info a {
							color:#fff;
							display:block;
						}
							#photos ul li .photo .info a:hover {
								color:#000;
							}
				#photos ul li .photo.active {
					position:absolute;
					padding:5px;
					background:#000;
					z-index:10;
				}
					#photos ul li.left .photo.active {
						left:0;
					}
					#photos ul li.center .photo.active {
						
					}
					#photos ul li.right .photo.active {
						
					}
				#photos ul li .photo.active .image, #photos ul li .photo.active .image a {
					height:220px;
				}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#tour Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#tour {
	
	}
		#tour .header {
			margin:0 0 0 0; padding:0 0 3px 0;
			border-bottom:solid 2px #aca47f;
		}
			#tour .header h2#h2_myUpcomingTourDates {
				width:259px; height:21px;
				background:url(../../images/h2_myUpcomingTourDates.png) -34px 0 no-repeat;
				float:left;
			}
			#tour .header a.btn_moreDates {
				width:91px; height:9px;
				margin:10px 0 0 0;
				background:url(../../images/btn_moreDates.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#tour .header a.btn_moreDates:hover {
					background-position:0 -9px;
				}
		#tour table {
			font-size:.81em;
		}
			#tour table thead {
				display:none;
			}k
			#tour table tr {

			}
				#tour table tr td {
					padding:10px 0 10px 13px;
					vertical-align:middle;
				}
					#tour table tr td.dateCol {
						width:60px;
					}
					#tour table tr td.locationCol {
						width:180px;
					}
				#tour table tr td.notesCol {
					background:url(../../images/bg_dotBorder.jpg) 0 bottom repeat-x;
					font:normal 11px Arial, Helvetica, sans-serif;
				}
				#tour table tr.noBorder td {
					background:none;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#getToKnow Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#getToKnow {
		height:360px;
		background:#cbc4a2 url(../../images/bg_getToKnow.jpg) 0 0 repeat-x;
	}
		#getToKnow .container {
			width:960px;
			margin:0 auto;
		}
			#getToKnow .container .header {
				padding:112px 15px 0 0;
				float:left;
			}
				#getToKnow .container .header h2#h2_getToKnow {
					width:236px; height:85px;
					margin:0 0 10px 103px; padding:0;
					background:url(../../images/h2_getToKnow.png) 0 0 no-repeat;
					float:none;
				}
				#getToKnow .container .header h3#h3_getConnected {
					width:323px; height:14px;
					margin:0 0 0 12px;
					background:url(../../images/h3_getConnected.png) 0 0 no-repeat;
				}
				#getToKnow .container .header .btnHolder {
					padding:29px 0 0 45px;
				}
					#getToKnow .container .header .btnHolder a.btn_mailingList {
						width:140px !important; height:31px !important;
						padding:0; margin:0 10px 0 0 !important;
						background:url(../../images/btn_mailingList.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#getToKnow .container .header .btnHolder a.btn_mailingList:hover {
							background-position:0 -31px;
						}
					#getToKnow .container .header .btnHolder a.btn_mobileList {
						width:140px !important; height:31px !important;
						background:url(../../images/btn_mobileList.png) 0 0 no-repeat;
						padding:0; margin:0;
						display:block;
						float:left;
					}
						#getToKnow .container .header .btnHolder a.btn_mobileList:hover {
							background-position:0 -31px;
						}
			#getToKnow .container .facebook {
				padding:23px 34px 0 0;
				float:left;
			}	
				#getToKnow .container .facebook h3#h3_findMe {
					width:307px; height:19px;
					margin:0 0 6px 0; padding:0 0 3px 0;
					border-bottom:solid 1px #7a6c5b;
					background:url(../../images/h3_findTRSOnFacebook.png) 5px 4px no-repeat;
				}	
				#getToKnow .container .facebook .widget {
					width:308px; height:254px;
					padding:4px;
				}	
			#getToKnow .container .meetOtherFans {
				padding:17px 0 0 0;
				float:left;
			}
				#getToKnow .container .meetOtherFans h3#h3_meetOtherFans {
					width:182px; height:19px;
					background:url(../../images/h3_meetOtherFans.png) 0 0 no-repeat;
					margin:6px 0 9px 0; padding:0 0 3px 0;
					border-bottom:solid 1px #7a6c5b;				
				}
				#getToKnow .container .meetOtherFans .fans {
					width:215px;
					padding:4px;
					background:#dfd9bb;
				}
					#getToKnow .container .meetOtherFans .fans a {
						width:70px; height:70px;
						position:relative;
						display:block;
					}
					#getToKnow .container .meetOtherFans .fans img {
						clip:rect(0,70px,70px,0);
						overflow:hidden;
						position:absolute;
					}
					#getToKnow .container .meetOtherFans .fans a.btn_joinCommunityNow {
						width:214px; height:38px;
						background:url(../../images/btn_joinCommunityNow.png) 0 0 no-repeat;
						display:block;
					}
						#getToKnow .container .meetOtherFans .fans a.btn_joinCommunityNow:hover {
							background-position:0 -38px;
						}
				#getToKnow .container .meetOtherFans .fans ul li {
					margin:0 2px 2px 0;
					display:inline;
					float:left;
				}