@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	The Bravery Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		tb_main.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("tb_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0; padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		background:#000 url(../../images/bg.jpg) fixed top center no-repeat;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#fff;
		line-height:1;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:none;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#main {
		width:960px;
		margin:0 auto; padding:0;
		position:relative;
	}
		#mainCol {
			padding:0 0 0 137px;
			width:460px;
			float:left;
			display:inline;
		}
		#altCol {
			width:317px;
			float:right;
		}
	a:link, a:active, a:visited {
		color:#f9ff42;
		text-decoration:none;
	}
		a:hover {
			color:#fff;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.ad728 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728 {
		width:728px; height:90px;
		margin:0 auto; padding:15px 0 0 0;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#logo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#logo {
		width:283px; height:142px;
		margin:53px 0 0 25px;
		display:inline-block;
		float:left;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mastHead Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {
		width:852px;
		margin:0 auto; padding:14px 0 20px 108px;
		position:relative;
	}
		#mastHead h1#h1_logo {
			width:577px; height:78px;
			background:url(../../images/logo.png) no-repeat;
			float:left;
		}
			#mastHead h1#h1_logo a {
				width:577px; height:78px;
				display:block;
			}	
		#mastHead #fblike {
			width:100px;
			margin:52px 0 0 31px;
			float:left;
			display:inline;
		}
		#mastHead .community {
			/*border:solid 1px #686768;*/
			width:248px;
			padding:8px 2px 8px 6px;
			/*background:url(../../images/bg_newsletter.png) repeat;*/
			float:right;
		}
			#mastHead .community h1 {
				width:92px; height:13px;
				background:url(../../images/h1_community.png) no-repeat;
			}
			#mastHead .hr {
				width:238px; height:1px;
				margin:1px 0 7px 0;
				background:url(../../images/hr.png) no-repeat;
			}
				#mastHead .hr hr {
					display:none;
				}
			#mastHead .community .user {
				width:50px;
				float:left;
			}
			#mastHead .community .content {
				width:157px;
				padding:0 0 0 6px;
				font:normal 11px Arial, Helvetica, sans-serif;
				line-height:11px;
				float:left;
			}
				#mastHead .community .content h2 {
					font:bold 12px Arial, Helvetica, sans-serif;
				}
				#mastHead .community .content .actions {
					padding:3px 0 0 0;
					color:#567c67;
				}
					#mastHead .community .content .actions a {
						width:73px; height:21px;
						margin:0 5px 0 0;
						display:inline-block;
						float:left;
					}
					#mastHead .community .content .actions a.btn_signUp {
						background:url(../../images/btn_signUp.png) 0 0 no-repeat;
					}
					#mastHead .community .content .actions a.btn_login {
						background:url(../../images/btn_login.png) 0 0 no-repeat;
					}
						#mastHead .community .content .actions a:hover {
							background-position:0 -21px;
						}
					#mastHead .community .content .username {
						font:normal 12px Arial, Helvetica, sans-serif;
					}
					#mastHead .community .content .actions a.text {
						width:auto; height:auto;
						margin:0;
						color:#d0d706;
						float:none;
					}
						#mastHead .community .content .actions a.text:hover {
							color:#fff;
						}
					#mastHead .community .content a.btn_logout {
						width:73px; height:21px;
						margin:3px 0 0 0;
						background:url(../../images/btn_logout.png) 0 0 no-repeat;
						display:block;
					}
						#mastHead .community .content a.btn_logout:hover {
							background-position:0 -21px;
						}
			#mastHead .community img.janRain {
				display:block;
				float:right;
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		width:115px;
		position:absolute;
		top:0; left:0;
	}
		#nav li {
			height:30px;
			display:inline;
		}
		#nav li a {
			height:25px;
			margin:0 0 0 auto;
			background:url(../../images/nav.png) 0 0 no-repeat;
			display:block;
		}
		#nav li.navVideos a {
			width:52px;
			background-position:0 0;
		}
			#nav li.navVideos a:hover {
				background-position:0 -30px;
			}
		#nav li.navDisco a {
			width:59px;
			background-position:-64px 0;
		}
			#nav li.navDisco a:hover {
				background-position: -64px -30px;
			}
		#nav li.navBlog a {
			width:46px;
			background-position:-132px 0;
		}
			#nav li.navBlog a:hover {
				background-position: -132px -30px;
			}
		#nav li.navTour a {
			width:48px;
			background-position:-190px 0;
		}
			#nav li.navTour a:hover {
				background-position: -190px -30px;
			}
		#nav li.navImages a {
			width:63px;
			background-position:-248px 0;
		}
			#nav li.navImages a:hover {
				background-position:-248px -30px;
			}
		#nav li.navNews a {
			width:51px;
			background-position:-324px 0;
		}
			#nav li.navNews a:hover {
				background-position: -324px -30px;
			}
		#nav li.navCommunity a {
			width:109px;
			background-position:-380px 0;
		}
			#nav li.navCommunity a:hover {
				background-position: -380px -30px;
			}
		#nav li.navMobile a {
			width:62px;
			background-position:-492px 0;
		}
			#nav li.navMobile a:hover {
				background-position: -492px -30px;
			}
		#nav li.navExtras a {
			width:65px;
			background-position:-566px 0;
		}
			#nav li.navExtras a:hover {
				background-position: -566px -30px;
			}
		#nav li.navShop a {
			width:47px;
			background-position:-642px 0;
		}
			#nav li.navShop a:hover {
				background-position: -642px -30px;
			}
		#nav li.navMsg a {
			width:115px;
			background-position:-702px 0;
		}
			#nav li.navMsg a:hover {
				background-position: -702px -30px;
			}
		#nav li.navBio a {
			display:none;
			width:34px;
			background-position:-811px 0;
		}
			#nav li.navBio a:hover {
				background-position: -811px -30px;
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:140px 0 0 0; padding:40px 0 0 137px;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#959292;
		text-align:center;
	}
		#footer .links {
			width:614px;
		}
			#footer a {
				color:#d0d706;
			}
				#footer a:hover {
					color:#f9ff42;
				}
			#footer #socialLink {
				width:238px;
				margin:0 auto 15px auto;
			}
				#footer #socialLink li {
					margin:0 0 0 0;
					display:inline;
					float:left;
				}
				#footer #socialLink li.youtube {
					margin-left:5px;
					float:right;
				}
					#footer #socialLink li a {
						width:33px; height:33px;
						background:url(../../images/nav_social.png) 0 0 no-repeat;
						display:block;
					}
					#footer #socialLink li.ilike a {
						background-position:0 0;
					}
						#footer #socialLink li.ilike a:hover {
							background-position:0 -37px;
						}
					#footer #socialLink li.twitter a {
						background-position:-32px 0;
					}
						#footer #socialLink li.twitter a:hover {
							background-position:-32px -37px;
						}
					#footer #socialLink li.myspace a {
						background-position:-98px 0;
					}
						#footer #socialLink li.myspace a:hover {
							background-position:-98px -37px;
						}
					#footer #socialLink li.facebook a {
						background-position:-65px 0;
					}
						#footer #socialLink li.facebook a:hover {
							background-position:-65px -37px;
						}
					#footer #socialLink li.youtube a {
						width:81px;
						background-position:-143px 0;
					}
						#footer #socialLink li.youtube a:hover {
							background-position:-143px -37px;
						}
			#footer .nav {
				margin:0 0 0 70px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#fff;
			}
				#footer .nav li {
					float:left;
				}
					#footer .nav li a {
						color:#d0d706;
					}
					#footer .nav li a:hover {
						color:#f9ff42;
					}
			#footer .links img.explicit {
				margin:17px auto 0 auto;
				display:block;
			}
			#footer a.logo_mg {
				width:124px;
				margin:17px 0 0 245px;
				display:block;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	.steppedPaging Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.steppedPaging {
		text-align:center;
	}
		.steppedPaging .btn_prev {
			padding:3px 3px 3px 10px;
			background:#000 url(../../images/arrow_left.png) 3px 6px no-repeat;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#f9ff42;
			text-transform:uppercase;
		}
		.steppedPaging .btn_prev:hover {
			color:#fff;
		}
		.steppedPaging .btn_next {
			margin:0 0 0 19px; padding:3px 10px 3px 3px;
			background:#000 url(../../images/arrow_right.png) 33px 6px no-repeat;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#f9ff42;
			text-transform:uppercase;
		}
			.steppedPaging .btn_next:hover {
				color:#fff;
			}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.pagination {
		padding:6px 0;
	}
		.pagination .displaying {
			width:150px;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#e0e0e0;
			float:left;
			display:none;
		}
		.pagination .btns {
			width:96px; height:11px;
			text-align:right;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#f9ff42;
			float:left;
		}		
			.pagination .btns a.btn_prev {
				width:37px; height:8px;
				margin:4px 10px 0 0;
				background:url(../../images/btn_prev.png) 0 0 no-repeat;
				float:left;
				display:inline-block;
			}
				.pagination .btns a.btn_prev:hover {
					background-position:bottom;
				}
			.pagination .btns .divider {
				margin:0 10px 0 0;
				float:right;
				display:block;
			}
			.pagination .btns a.btn_next {
				width:36px; height:8px;
				margin:4px 0 0 0;
				background:url(../../images/btn_next.png) 0 0 no-repeat;
				float:right;
				display:inline-block;
			}
				.pagination .btns a.btn_next:hover {
					background-position:bottom;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {
		margin:30px 0 0 0;
	}
		#comments #header {
			border:1px solid #8b8778;
			margin:0 0 30px 0; padding:5px;
			background:#000;
		}
			#comments #header h2 {
				width:76px; height:12px;
				margin:0 !important; padding:0 !important;
				background:url(../../images/h2_comments.png) 0 0 no-repeat;
				float:left;
			}
			#comments #header .pager {
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#e0e0e0;
				float:right;
			}
		#comments ul {
		}
			#comments ul li {
				margin:0 0 30px 0;
				width:460px;
			}
				#comments ul li .border {
					padding:6px;
					border-top:1px solid #8b8778; border-left:1px solid #8b8778; border-right:1px solid #8b8778;
					background:#000;
				}
				#comments ul li .userPic {
					width:50px;
					margin:0 11px 0 0;
					float:left;
					display:inline;
				}
				#comments ul li .comment {
					width:383px;
					float:left;
					overflow:hidden;
				}
					#comments ul li .comment h4 {
						font:bold 20px Arial, Helvetica, sans-serif;
						color:#f9ff42;
					}
					#comments ul li .comment p {
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#e6e7e8;
					}
					#comments ul li p.author {
						height:15px;
						padding:3px 0 0 40px;
						background:url(../../images/bg_commentBottom.png) 0 top no-repeat;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#e6e7e8;
					}
						#comments ul li p.author a {
							color:#d0d706;
						}
							#comments ul li p.author a:hover {
								color:#fff;
							}						
				#comments a.btn_postComment {
					width:109px; height:21px;
					background:url(../../images/btn_postComment.png) 0 0 no-repeat;
					display:block;
				}
					#comments a.btn_postComment:hover {
						background-position:0 -21px;
					}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		width:auto !important;
		border:dashed 1px #f9ff42 !important;
		margin:15px auto !important; padding:10px !important;
		background:#000 !important;
		font:bold 12px Arial, Helvetica, sans-serif !important;
		color:#E6E7E8 !important;
		text-align:center !important;
	}