A web page created at CodePen.io.

markup.html

		<div id="wrapper">
			<div id="shadow"></div>
			<div id="down" class="round face">
				<div id="front" class="round face">
					<div id="content" class="round">
						<div id="banner">
							<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
								 width="120px" height="239px" viewBox="-20.01 -45.25 120 239" enable-background="new -20.01 -45.25 120 239"
								 xml:space="preserve">
							  <defs>
							    <filter id="shadow" x="0" y="0" width="100%" height="200%">
							      <feOffset result="offOut" in="SourceAlpha" dx="0" dy="3" />
							      <feGaussianBlur result="blurOut" in="offOut" stdDeviation="2" />
							      <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
							    </filter>
							  </defs>
							<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="39.99" y1="193.75" x2="39.99" y2="-44.25" gradientTransform="matrix(1 0 0 -1 0 148.5)">
								<stop  offset="0" style="stop-color:#590E00"/>
								<stop  offset="0.0136" style="stop-color:#B51200"/>
								<stop  offset="0.0434" style="stop-color:#FF456A"/>
								<stop  offset="0.0759" style="stop-color:#B51200"/>
								<stop  offset="0.6965" style="stop-color:#A11200"/>
								<stop  offset="0.7669" style="stop-color:#C41200"/>
								<stop  offset="0.8157" style="stop-color:#FF335E"/>
								<stop  offset="0.8509" style="stop-color:#CC1200"/>
								<stop  offset="0.8726" style="stop-color:#9C1000"/>
								<stop  offset="0.8916" style="stop-color:#850F00"/>
								<stop  offset="0.9106" style="stop-color:#8F0E00"/>
								<stop  offset="0.9431" style="stop-color:#D42633"/>
								<stop  offset="1" style="stop-color:#FF456A"/>
							</linearGradient>
							<path fill="url(#SVGID_1_)"  filter="url(#shadow)" d="M93.914-45.25H-13.934c-3.355,0-6.076,2.721-6.076,6.076V192.75l58.861-40l61.139,40V-39.174
								C99.99-42.529,97.269-45.25,93.914-45.25z M67.391,94.686L39.99,80.28L12.588,94.686l5.233-30.511L-4.347,42.563l30.638-4.45
								l13.701-27.761l13.702,27.761l30.637,4.45L62.158,64.173L67.391,94.686z"/>
							</svg>
						</div>
						<div class="paper round"></div>
						<div class="paper round"></div>
						<div class="paper round"></div>
						<div class="paper round"></div>
						<div class="paper round"></div>
						<div class="paper round"></div>
						<div class="paper round"></div>
					</div>
				</div>
			</div>
		</div>

style.css

			*{margin:0px;padding:0px;}
			html,body {
				width:100%;
				height:100%;
				background: #565656;
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0f0f0f), to(#bbbbbb));
				background-image: -webkit-linear-gradient(top, #0f0f0f, #bbbbbb); 
				background-image:    -moz-linear-gradient(top, #0f0f0f, #bbbbbb);
				background-image:     -ms-linear-gradient(top, #0f0f0f, #bbbbbb);
				background-image:      -o-linear-gradient(top, #0f0f0f, #bbbbbb);
			   
			}
			.face{
				width:272px;
				height:272px;
				background : #4a1c00;
				position:absolute;
			}
			.round{
				border-radius:42px;
				-moz-border-radius:42px;
				-o-border-radius:42px;
				-webkit-border-radius:42px;
			}
			#wrapper {
				width:272px;
				height:292px;
				position:absolute;
				top:50%;
				left:50%;
				margin-top:-146px;
				margin-left:-136px;
			}
			#front{
				width:220px;
				height:246px;
				top:0px;
				padding:26px 26px 0px;
				background : #311309 url('http://jeffpowersd.com/codepen/grain.gif') center center no-repeat;
				box-shadow: inset 0px 12px 42px rgba(0, 0, 0, .9), 
							inset 0px -1px 11px rgba(255, 255, 255, .4);
			}
			#down{
				width:272px;
				height:292px;
				top:18px;
				background : #311309 url('http://jeffpowersd.com/codepen/grain.gif') center center no-repeat;
				box-shadow: inset -25px 0px 32px rgba(0,0,0,.7), 
							inset 24px 0px 32px  rgba(0,0,0,.7),
							inset 0px -1px 4px  rgba(0,0,0,.7);
							
			}
			#content{
				width:220px;
				height:212px;
				position:relative;
				box-shadow: 0px 2px 12px #000000;
				-moz-box-shadow: 0px 2px 12px #000000;
				-o-box-shadow: 0px 2px 12px #000000;
				-webkit-box-shadow: 0px 2px 12px #000000;
			}
			#banner {
				width:120px;
				height:260px;
				margin:0 auto;
				position:relative;
				top:-6px;
				z-index:2;
			}
			.paper{
				width:220px;
				height:192px;
				position:absolute;
				top:0px;
				border-bottom:1px solid #575248;
				background: -webkit-repeating-linear-gradient(90deg, #968e79, #968e79 0px, #efe7d2 2px, #efe7d2 29px);
				box-shadow: 0px 1px 2px #3b3831, inset 0px 0px 24px #837b6b;
				-moz-box-shadow: 0px 1px 2px #3b3831, inset 0px 0px 24px #837b6b;
				-o-box-shadow: 0px 1px 2px #3b3831, inset 0px 0px 24px #837b6b;
				-webkit-box-shadow: 0px 1px 2px #3b3831, inset 0px 0px 24px #837b6b;
			}
			.paper:nth-child(7){ top:3px; }			
			.paper:nth-child(6){ top:6px; }			
			.paper:nth-child(5){ top:9px; }			
			.paper:nth-child(4){ top:12px; }			
			.paper:nth-child(3){ top:15px; }			
			.paper:nth-child(2){ top:18px; }			
			.paper:nth-child(1){ top:21px; }
			#shadow {
				width: 210px;
				height: 7px;
				background: black;
				position: absolute;
				bottom: -22px;
				left: 32px;
				-webkit-filter: blur(3px);
			}