@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - EXTRAS : 	The Bravery Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		tb_extras.css
	Date:			Sept 30, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navExtras a {
		background-position:-566px -30px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#navExtras Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.extrasNav {
		height:50px;
		list-style:none;
	}
		ul.extrasNav li {
			float:left;
		}
			ul.extrasNav li a {
				display:block;
			}
			ul.extrasNav li a.widgets {
				width:114px; height:25px;
				background:url(../../images/tab_widgets.png) 0 0 no-repeat;
			}
				ul.extrasNav li a.widgets:hover {
					background-position:0 -25px;
				}
			ul.extrasNav li a.wallpapers {
				width:114px; height:25px;
				background:url(../../images/tab_wallpapers.png) 0 0 no-repeat;
			}
				ul.extrasNav li a.wallpapers:hover {
					background-position:0 -25px;
				}
			ul.extrasNav li a.buddyIcons {
				width:114px; height:25px;
				background:url(../../images/tab_buddyicons.png) 0 0 no-repeat;
			}
				ul.extrasNav li a.buddyIcons:hover {
					background-position:0 -25px;
				}
			ul.extrasNav li a.tradingCards {
				width:107px; height:25px;
				background:url(../../images/tab_tradingcards.png) 0 0 no-repeat;
			}
				ul.extrasNav li a.tradingCards:hover {
					background-position:0 -25px;
				}	

/*	--------------------------------------------------------------------------------------------------------------------------
	#extras Block Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#extras {
		width:460px;
	}
		#extras .header {
			margin:0 0 27px 0;
			background:url(../../images/header_borderBottom.png) bottom left no-repeat;
		}
			#extras .header h1 {
				width:138px; height:35px;
				padding:0 0 5px 0;
				background:url(../../images/h1_extras.png) 0 0 no-repeat;
			}
		#extras h2.h2_wallpapers {
			width:87px; height:11px;
			margin:0 0 20px 0;
			background:url(../../images/h2_wallpapers.png) 0 0 no-repeat;
		}
		#extras .wallpaper {
			width:460px;
			margin:0 0 20px 0;
		}
			#extras .wallpaper .image {
				width:268px;
				float:left;
			}
			#extras .wallpaper .sizes {
				width:73px;
				margin:10px 0 0 0;
				float:left;
			}
				#extras .wallpaper .sizes a.btn_1024 {
					width:73px; height:21px;
					margin:0 0 10px 0;
					background:url(../../images/btn_1024.png) 0 0 no-repeat;
					display:inline-block;
				}
					#extras .wallpaper .sizes a.btn_1024:hover {
						background-position:0 bottom;
					}
				#extras .wallpaper .sizes a.btn_1280 {
					width:73px; height:21px;
					margin:0 0 10px 0;
					background:url(../../images/btn_1280.png) 0 0 no-repeat;
					display:inline-block;
				}
					#extras .wallpaper .sizes a.btn_1280:hover {
						background-position:0 bottom;
					}
				#extras .wallpaper .sizes a.btn_1440 {
					width:73px; height:21px;
					margin:0 0 10px 0;
					background:url(../../images/btn_1440.png) 0 0 no-repeat;
					display:inline-block;
				}
					#extras .wallpaper .sizes a.btn_1440:hover {
						background-position:0 bottom;
					}
				#extras .wallpaper .sizes a.btn_1680 {
					width:73px; height:21px;
					margin:0 0 10px 0;
					background:url(../../images/btn_1680.png) 0 0 no-repeat;
					display:inline-block;
				}
					#extras .wallpaper .sizes a.btn_1680:hover {
						background-position:0 bottom;
					}
		#extras h2.h2_dlWallpaper {
			width:169px; height:9px;
			margin:0 0 15px 0;
			background:url(../../images/h2_dlWallpapers.png) 0 0 no-repeat;
		}
		#extras p.directions {
			margin:0 0 48px 0;
			font:normal 12 Arial, Helvetica, sans-serif;
			color:#e6e7e8;
			line-height:15px;
		}
		#extras h2.h2_buddyIcons {
			width:90px; height:11px;
			margin:0 0 20px 0;
			background:url(../../images/h2_buddyicons.png) 0 0 no-repeat;
		}
		#extras .icons {
			margin:0 0 30px 0;
		}
			#extras .icons a {
				width:50px; height:50px;
				margin:0 20px 0 0;
				float:left;
				display:block;
			}
		#extras h2.h2_dlBuddyicons {
			width:169px; height:9px;
			margin:0 0 15px 0;
			background:url(../../images/h2_dlBuddyicons.png) 0 0 no-repeat;
		}
		#extras h2.h2_widgets {
			width:61px; height:11px;
			margin:0 0 20px 0;
			background:url(../../images/h2_widgets.png) 0 0 no-repeat;
		}
		
		#extras h2.h2_tradingCards {
			width:113px; height:13px;
			background:url(../../images/h2_dlTradingcards.png) 0 0 no-repeat;
			margin:0 0 15px 0;
		}
		#extras #extras_tradingcards .card {
			margin:0 0 3px 0;
		}