@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - EXTRAS : 	Sum41 Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sum41_extras.css
	Date:			Nov 5, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navExtras a {
		background-position:-202px -331px;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#extras Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#extras {
		
	}
		#extras h1 {
			width:98px; height:18px;
			background: url(../../images/h1_extras.png) 0 0 no-repeat;
		}
			#extras h2 {
				border-bottom:solid 1px #2f2f2f;
				width:682px; height:18px;
				padding:0 0 5px 0;
			}
			#extras .h2_wallpapers {
				margin:2px 0 27px 0;
				background:url(../../images/h2_wallpapers.png) 0 0 no-repeat;
			}
			#extras .h2_buddyIcons {
				margin:2px 0 38px 0;
				background:url(../../images/h2_buddyIcons.png) 0 0 no-repeat;
			}
			#extras .h2_widgets {
				margin:2px 0 8px 0;
				background:url(../../images/h2_widgets.png) 0 0 no-repeat;
			}
			#extras span.download {
				padding:0 0 5px 0;
				font:normal 13px Arial, Helvetica, sans-serif; 
				color:#fff;
				display:block;
			}
			#extras ol.download {
				margin:0 0 44px 0;
				display:block;
				list-style-type:decimal;
				list-style-position:inside;
			}
				#extras ol.download li {
					font:normal 12px Arial, Helvetica, sans-serif; 
					color:#fff;
				}
			#extras .buddyIcons {
				margin:0 0 50px 0;
			}
			#extras .buddyIcons a {
				width:50px; height:50px;
				border:solid 1px #848485;
				margin:0 48px 0 0;
				display:inline-block;
			}
				#extras .buddyIcons a:hover {
					border:solid 1px #fff;
				}
			#extras .wallpapers {
				width:600px;
				padding:0 0 29px 25px;
			}
				#extras .wallpapers .wallpaper {
					width:202px;
					display:inline;
					float:left;
				}
				#extras .wallpapers .wallpaper.first {
					margin:0 100px 0 0;
				}	
				#extras .wallpapers .wallpaper img {
					
				}
				#extras .wallpapers .wallpaper a {
					border:ridge 1px #565656;
					display:block;
				}
					#extras .wallpapers .wallpaper a:hover {
						border:ridge 1px #fff;
					}
				#extras .wallpapers .wallpaper .btnHolder {
					width:213px;
					padding:14px 0 0 13px; 
				}
					#extras .wallpapers .wallpaper .btnHolder a {
						width:80px; height:17px;
						margin:0 15px 23px 0;
						display:block;
						float:left;
					}
						#extras .wallpapers .wallpaper .btnHolder a.res_1024 {
							background:transparent url(../../images/btn_1024.png) no-repeat 0 0;
						}
							#extras .wallpapers .wallpaper .btnHolder a.res_1024:hover {
								background-position:0 -17px;
							}
						#extras .wallpapers .wallpaper .btnHolder a.res_1280 {
							background:url(../../images/btn_1280.png) 0 0 no-repeat;
						}
							#extras .wallpapers .wallpaper .btnHolder a.res_1280:hover {
									background-position:0 -17px;
							}
						#extras .wallpapers .wallpaper .btnHolder a.res_1440 {
							background:url(../../images/btn_1440.png) 0 0 no-repeat;
						}
							#extras .wallpapers .wallpaper .btnHolder a.res_1440:hover {
								background-position:0 -17px;
							}
						#extras .wallpapers .wallpaper .btnHolder a.res_1680 {
							background:url(../../images/btn_1680.png) 0 0 no-repeat;
						}
							#extras .wallpapers .wallpaper .btnHolder a.res_1680:hover {
								background-position:0 -17px;
							}
			
			#extras .widgets {
				width:500px;
				padding:0 0 20px 0;
			}