/* Teddy Geiger */
/* Extras Stylesheet
----------------------------------------------------------------------------- */
	
/* Layout
--------------------------------------------------------------------------- */

	#columns {
		
	background: url(../images/section-extras/bg-columns.gif) repeat-y;
		
	}

	h2 strong {
	
	display: block;	
	width: 191px;
	height: 39px;
	background: url(../images/section-extras/h2-downloads.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	
/* Buddy Icons
--------------------------------------------------------------------------- */

	#icons {
		
	padding: 20px 0;
	background: #aba000;
		
	}
	
	#icons h3 {
		
	display: block;
	float: left;
	width: 109px;
	height: 25px;
	margin: 0 0 15px 20px;
	background: url(../images/section-extras/h3-buddyicons.gif);
	text-indent: -5000px;
		
	}
	
	#icons ul.icons {
		
	float: left;
		
	}
	
	#icons ul.icons li {
	
	clear: both;
	float: left;
	width: 348px;	
	padding: 5px 20px;
	background: #938a00;
		
	}
	
	#icons ul.icons li.alt {
		
	background: none;
		
	}
	
	#icons ul.icons li img {
	
	display: block;	
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #938a00;
		
	}
	
	#icons ul.icons li a {
		
	display: block;
	float: left;
	width: 142px;
	height: 18px;
	margin: 15px 0 0 0;
	background: url(../images/section-extras/a-usebuddyicon.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	
/* Wallpaper
--------------------------------------------------------------------------- */

	#wallpaper {
		
	padding: 20px 0;
	background: #c35529;
		
	}
	
	#wallpaper h3 {
		
	display: block;
	float: left;
	width: 98px;
	height: 26px;
	margin: 0 0 15px 20px;
	background: url(../images/section-extras/h3-wallpaper.gif);
	text-indent: -5000px;
		
	}
	
	#wallpaper h4 {
		
	font: normal 14px/16px Arial, sans-serif;
	margin: 5px 0 10px 0;
		
	}
	
	#wallpaper ul.wallpaper {
		
	float: left;
		
	}
	
	#wallpaper ul.wallpaper li {
	
	clear: both;
	float: left;
	width: 522px;	
	padding: 5px 20px;
	background: #cf7421;
		
	}
	
	#wallpaper ul.wallpaper li.alt {
		
	background: none;
		
	}
	
	#wallpaper ul.wallpaper li img {
	
	display: block;	
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #cf7421;
	width: 100px;
	height: 100px;
		
	}
	
	#wallpaper ul.wallpaper li .description {
		
	float: left;
	width: 410px;
		
	}
	
	#wallpaper ul.wallpaper li .description a {
		
	display: block;
	float: left;
	clear: left;
	height: 18px;
	text-indent: -5000px;
	margin: 0 0 5px 0;
		
	}
	
	#wallpaper ul.wallpaper li .description a.small {
		
	width: 272px;
	background: url(../images/section-extras/a-download-12to17.gif) no-repeat;
		
	}
	
	#wallpaper ul.wallpaper li .description a.medium {
		
	width: 272px;
	background: url(../images/section-extras/a-download-17to19.gif) no-repeat;
		
	}
	
	#wallpaper ul.wallpaper li .description a.large {
		
	width: 205px;
	background: url(../images/section-extras/a-download-widescreen.gif) no-repeat;
		
	}
	
	
/* Posters
--------------------------------------------------------------------------- */
	
	#posters {

	float: left;
	width: 913px;		
	padding: 20px;
		
	}
	
	#posters h3 {
		
	display: block;
	width: 66px;
	height: 22px;
	margin: 0 0 15px 0;
	background: url(../images/section-extras/h3-posters.gif);
	text-indent: -5000px;
		
	}
	
	#posters ul.posters {
		
	float: left;
	width: 913px;
		
	}
	
	#posters ul.posters li {
	
	clear: both;
	float: left;
	width: 300px;
	margin: 0 10px 0 0;	
	padding: 5px 0;
		
	}
	
	#posters ul.posters li .description {
		
	float: left;
	width: 163px;
		
	}
	
	#posters ul.posters div.description h4 {
		
	font: normal 14px/16px Arial, sans-serif;
	margin: 5px 0 10px 0;
		
	}
	
	#posters ul.posters li img {
	
	display: block;	
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #444;
		
	}
	
	#posters ul.posters div.description a {
		
	display: block;
	float: left;
	height: 18px;
	width: 163px;
	text-indent: -5000px;
	margin: 0 0 5px 0;
	background: url(../images/section-extras/a-download-poster.gif) no-repeat;
		
	}
	
	
/* Instructions 
--------------------------------------------------------------------------- */

	div.instructions {
	
	clear: both;
	padding: 20px 20px 0 20px;
		
	}
	
	div.instructions h4 {
	
	margin: 0 0 5px 0;
	font: normal 14px/16px Arial, sans-serif;
	color: #fff;
		
	}
