/* GLOBAL */

	html {
		height: 100%;
	}
			
	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, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		outline: 0 none;
		padding: 0;
		vertical-align: baseline;
	}
	
	body  {
		font-family: 'Droid Sans',Arial,sans-serif;
		font-style: normal;
		font-size:14px;
		text-shadow: none;
		text-decoration: none;
		text-transform: none;
		letter-spacing: 0em;
		word-spacing: 0em;
		line-height: 18px;
		margin:0;
		padding:0;
		color:#333333;
	}
	
	p {
		margin:0;
		padding:0;	
	}
	
	ul {
		list-style:none;	
	}
	
	img {
		border:0;
	}
	
	a, a:visited {
		color:#0090C7;
		text-decoration:none;
	}
	
	a:hover {
		color:#00587A;
	}
	
	#wrapper {
		width:980px;
		margin: 0 auto;
	}
	
	sup {
		font-size:9px;
	}
	
	span.note {
		font-size:12px;
		color:#666666;
		margin:20px 0 0 0;
		display:block;
	}
	
	span.note-xl {
		font-size:12px;
		color:#666666;
		margin:20px 0 0 150px;
		display:block;
	}
	.clear {
		clear: both;	
	}

/* VOLUME NAV */

	#volume-nav {
		border-top: 1px dotted #CCCCCC;
		clear: both;
		float: none;
		height:0;
		overflow:hidden;
		display:none;
		width:768px;
		float:right;
	}
	
	#volume-nav .current {
		color:#fff;
		background: url(../images/3ds/current-nav.png) no-repeat;	
		
	}
	
	#volume-nav div {
		cursor:pointer;
		/*float:left;*/
	}
	
	#volume-links {
		display: none;
		float: right;
		margin: 0 10px 0 0;
	}
	
	#volume-links a {
		background: url("../images/3ds/volumes-btn.jpg") no-repeat scroll 0 0 transparent;
		color: #FFFFFF;
		display: block;
		font-size: 12px;
		height: 23px;
		line-height: 22px;
		text-align: center;
		width: 119px;
	}
	
	.vol-link {
		font-size: 12px;
		height: 19px;
		margin: 0 0 5px;
		padding-left: 20px;
	}
	
	.vol-link.current, .vol-link.current:hover {
		color:#fff;
		background: url(../images/3ds/volume-on.jpg) no-repeat;	
	}
	
	.vol-link:hover {
		background: url(../images/common/hover-nav.png) no-repeat;	
	}
	
	#volume-nav p {
		font-size: 13px;
		font-weight: bold;
		margin: 5px 0;
	}

	#second-nav li a {
		cursor:pointer;	
	}
	
/* CHAPTER NAV */
	
	#chapter-nav ol {
		border-bottom: 1px dotted #CCCCCC;
		border-top: 1px dotted #CCCCCC;
		cursor: pointer;
		padding: 10px 0;
	}
	
	#chapter-nav ol li {
		list-style:decimal inside;
		font-size:13px;
		padding: 0 0 2px 20px;
		margin: 3px 0 0;
	}
	
	#chapter-nav ol li span {
		color: #ce181e;	
		display: inline;
		font-size:13px;
		font-weight: normal;
		margin: 0 0 0 5px;
	}
	
	
	#chapter-nav ol li:hover {
    background: url("../images/common/hover-nav.png") no-repeat scroll 0 0 transparent;
	}
	
	#chapter-nav ol li.current {
		color:#fff;	
		list-style:decimal inside;
	}
	
	#chapter-nav ol li.current span {
		color:#fff;	
	}
	
	#chapter-nav .volume-title {
	 	font-size: 12px;
   		margin: 20px 0;
    	padding: 0 0 0 5px;
		width: 588px;
		float: left;
	}
		.btn-officialsite {
			display: inline-block;
			/* background-color: #0191c6; */
			background-color: #fff;
			border: 2px solid #0098cb;
			color: #0191c6 !important;
			text-decoration: none;
			float: left;
			border-radius: 8px;
			padding: 5px 20px;
			margin: 10px 0 0 -2px;
			
			-webkit-box-shadow:  2px 2px 0px 0px rgba(0, 152, 203, 1);
					box-shadow:  2px 2px 0px 0px rgba(0, 152, 203, 1);
		}
			.btn-officialsite:hover {
				text-decoration: none;
				margin: 12px 0 0 0px;
				-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 152, 203, 1);
						box-shadow:  0px 0px 0px 0px rgba(0, 152, 203, 1);
			}
			
		.n3ds-interviews .btn-officialsite{
			border-color: #d52613;
			color: #d52613 !important;
			
			-webkit-box-shadow:  2px 2px 0px 0px rgba(213, 38, 19, 1);
					box-shadow:  2px 2px 0px 0px rgba(213, 38, 19, 1);
		}
			.btn-officialsite:hover {
				-webkit-box-shadow:  0px 0px 0px 0px rgba(213, 38, 19, 1);
						box-shadow:  0px 0px 0px 0px rgba(213, 38, 19, 1);
			}
	
	#chapter-nav span {
		display:block;
		font-size:15px;
		font-weight:bold;	
	}
	
/* LEFT SIDE NAV */
	
	#left-nav li#smaller a, #left-nav-interviews li#smaller a{
		font-size:10px;	
	}
	
	#left-nav {
		margin: 0 30px 0 0;
    	width: 175px;
		float:left;
		_margin: 0 0 0 0;
	}
	
	#iwata-logo {
		background: url(../images/3ds/home-btn.jpg) no-repeat;
		width:175px;
		height:175px;
		display:block;
		text-indent:-9999px;	
	}
	
	#game-and-watch #iwata-logo {
		background: url(../images/clubnintendo/home-btn.jpg) no-repeat;
	}
		
		
	#left-nav div.iwata, #left-nav-interviews div.iwata {
		background-color: #CE181E;
		color: #FFFFFF;
		font-size: 20px;
		height: 176px;
		line-height: 175px;
		text-align: center; 
	}
	
	#left-nav ul, #left-nav-interviews ul{
		margin: 10px 0 0;	
	}
	
	#left-nav ul li, #left-nav-interviews ul li{
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	
	#left-nav ul li a, #left-nav-interviews ul li a{
		background: url("../images/3ds/arrow.jpg") no-repeat scroll left top transparent;
		font-size: 12px;
		padding-left: 20px;
		overflow:hidden;
		color:#666666;
	}
	
	#left-nav ul li a:hover, #left-nav-interviews ul li a:hover{
		color: #CE181E;
		text-decoration:none;
		
	}
	
	#left-nav ul li ul li, #left-nav-interviews ul li ul li {
		margin:0 0 0 10px;
		border:none;	
		background: url("../images/3ds/second-nav-bg.jpg") no-repeat scroll left 4px transparent;
		padding-left:10px;
	}
	
	#left-nav ul li ul li a, #left-nav-interviews ul li ul li a {
		background:none;	
		padding:0;
		
	}
	
	#interview-left{
    	width: 175px;
		float:left;
		margin: 40px 30px 0 0;
		_margin: 40px 10px 0 0;
	}


/* INTERVIEW CONTENT */

	#current-content {
		width:768px;
	}

	#article #editors-note {
		background-color: #F1F1F1;
		color: #666666;
		font-size: 13px;
		line-height: 18px;
		margin: 0 0 30px;
		padding: 20px;
	}

	.en32011-interviews #article #editors-note {
		background-color:#fff;
		margin:0;
		padding:0;	
		position:relative;
		top:-55px;
	}

	#article {
		margin: 40px 0 20px 5px;
    	width: 761px;
	}
	
	#article div {
		float: left;
		height: 100%;
		line-height: 20px;
		margin: 0 5px 20px 0;
		padding: 3px;	
	}
	
	#article h3 {
		font-size: 20px;
    	font-weight: bold;
   		margin: 0 0 40px;
		
	}
	
	.en32011-interviews #article h3 {
		margin:0;	
		position:relative;
		top:105px;
	}
	
	#article .author {
		display: block;
		float: left;
		margin-right: 20px;
		text-align: right;
		width: 84px;
	}
	
	#article p {
		display:block;
		float:left;
		width: 644px;
		margin:0;
		padding:0;
	}
	
	#article p img.photo {
		display: block;
   		margin: 20px auto 0;	
	}
	
	#article #gray {
		color:#999;	
		font-style:italic;
	}	

/* NEXT & PREVIOUS NAV */

	#pagination {
		height:55px;
	}
	
	#pagination a {
		background: url("../images/common/pagination-btn.jpg") no-repeat scroll 0 0 transparent;
		color: #8e8e8e;
		cursor: pointer;
		display: block;
		font-weight: bold;
		height: 55px;
		line-height: 57px;
		text-align: center;
		width: 162px;
		margin:40px 0 0 0;
	}
	
	#pagination a:hover {
		text-decoration:none;	
	}
	
	#pagination a#prevBtn img {
		float: left;
    	margin: 20px 15px 0 35px;
	}
	
	#pagination a#prevBtn span {
		float: left;
	}
	
	#pagination a#nextBtn img {
		float: left;
    	margin: 20px 0 0 15px;
	}
	
	#pagination a#nextBtn span {
		float: left;
   	 	margin: 0 0 0 56px;
	}
	
	#prevBtn {
		float: left;
	}
	
	#nextBtn {
		float: right;
	}
	

/* COLORS */

	#page-title {
		border-top: 5px solid;
		color: #CE181E;
		font-size: 30px;
		font-weight: bold;
		margin: 20px 0 40px 0;
		padding-top: 20px;
	}
	
	#game-and-watch #page-title {
		color:#666666;	
	}
	
	#e3 h1#page-title {
		border:none;
		color: #CE181E;
		font-size: 30px;
		font-weight: bold;
		margin: 40px 0 40px 0;
		padding-top: 0;
	}
	
	a, a:visited, a:hover {
		color:#ce181e;	
	}
	
	#game-and-watch a, #game-and-watch a:visited, #game-and-watch a:hover {
		color:#666666;	
		text-decoration:underline;
	}
	
	#game-and-watch #pagination a {
		text-decoration:none;	
	}
	
	a:hover {
		text-decoration:underline;	
	}
	
	#chapter-nav ol li.current {
		background: url(../images/3ds/current-nav.png) no-repeat;
		line-height: 23px;	
	}
	
	#game-and-watch ol li.current {
   		 background: url("../images/common/hover-nav.png") no-repeat scroll 0 0 transparent;
		 color: #333;
	}
	
	
/* HOME */

	#home #wrapper h1 {
		color:#ce181e;
		border:none;
		padding-top:5px;
		font-size:36px;
		margin: 40px 0;
	}
	
	#home #content, #interview-right, #e3 #content {
		width:768px;
		float:left;
	}
	
	#home #content #left {
		float:left;
		width:440px;
	}
	
	#home #content #right {
		float:left;
		width:328px;
	}
	
	#home #content #right span {
		font-size: 12px;
		font-weight: bold;
	}
	
	#home #content #right h2 {
		font-size:18px;
		color: #CE181E;	
		margin:5px 0 10px 0;
	}
	
	#home #content  a.read {
		display:block;
		float:right;
		clear:both;
		font-size: 12px;
		margin: 5px 10px 0 0;
	}
		
	#home #content #featured, #home #content .featured {
		/* border-bottom: 7px solid #CE181E; */
		height:185px;
		padding-bottom:30px;	
	}
	
	#home #content .interviews {
		border-bottom: 1px solid #CCCCCC;
		margin: 30px 0 0;
		padding-bottom: 40px;
	}
	
	#home #content .interviews span {
		font-weight:bold;	
		font-size:13px;
	}
	
	#home #content .interviews h3 {
		color:#CE181E;	
		margin:5px 0 10px 0;
	}
	
	#home #content .interviews p {
		font-size:13px;
		line-height:16px;
	}
	
	#home #content #last.interviews {
		border:none;	
	}
	
	#home h2 {
		color:#333;
	}
	
/* ETC PAGE */
	
	.line {
		border-bottom: 1px solid #CCC;
		margin-bottom: 40px;	
	}

	#e3 #content h2 {
		margin:0 0 20px 0;	
	}

/* CREATORS PAGE */

	#creators h2 {
		line-height:24px;
		margin:0 0 5px 0;	
	}
	
	#creators #interview {
		margin:0;	
	}
	
	#creators #interview #left {
		width:250px;
		margin-right:20px;	
	}
	
	#creators #interview #right {
		width:475px;	
	}
	
	#creators #interview #left, #creators  #interview #right{
		float:left;	
		margin: 0 10px 0 0;
	}
	
	#creators #interview #right span {
		font-size:12px;
	}
	
	#creators  #interview p {
		float:none;
		display:inline;
		width:325px;	
	}
	
	#creators .read {
		clear:both;
		float:right;
		margin:10px 0 0 0;	
	}
	
/* ERROR PAGE */
	
	#error-message {
		margin:40px 0 0 0;
		background-color:#f1f1f1;
		padding:80px;	
	}
	
	#error-message h2 {
		font-size:30px;
		line-height:34px;
		margin:0 0 40px 0;	
	}
	
/*FOOTER*/
.footer-top-padding {
	clear: both;
	padding-top: 20px;
}

.footer-container {
	background-color: #f7f7f7;
	height: 80px;
	text-align: center;
	padding: 20px 0 10px 0;
}