/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
html, body { height: 100%; overflow: visible; background: #fff; }
body {font-family: 'Open Sans', serif; font-size: .9em;}
a {color: #ff7d3e;}
a:visited {color: #656b60;}
#page-wrap { width: 960px; padding: 0px; margin: auto; overflow: visible; height: 100%;}

img {
	display:inline;
	margin-bottom: 20px;}
.imgright {float: right;
	margin-left: 20px;}
.imgleft {float: left;
	margin-right: 20px;
	margin-top: 20px;
	}	
p { display: block;
	margin-bottom: 10px;
		margin-left: 4px;
		width: 480px;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bold;
	font-size: 72px;
	margin: 10px 0px 20px 0px;
	color:#656b60;
}
h2 {
	font-size: 1.2em;
	font-weight:bold;
	color:#000;
	text-transform:none;
	margin-left: 4px;
}
ol, ul {
	margin-left: 4px;
	width: 480px;}
	
li { list-style:inside; margin-bottom:5px;}
.homepage {
	font-family: 'Cabin Sketch', cursive;
	text-align: left;
	font-weight: normal;
	font-size: 40px;
	text-transform: uppercase;
	color:#656b60;
	text-decoration:none;
	display:block;
	margin: 10px 0px 30px 5px;
}

.medium { display:block; font-size: small; font-style:italic; 	margin-left: 4px; margin-bottom: 20px; text-transform:lowercase;}

.credits { display:block;
	text-align:right;
	font-size: small;
	font-style:italic;
	padding: 5px;
	margin: -20px 0px 120px 0px;
	background-color:#f9f6f9;
}
.mention {
	display:block;
	font-size: small;
	text-transform:uppercase;
	padding: 5px;
	margin: 0px 0px 10px 60px;
	color: #fff;
	background-color: #B44835;
}
.mentionquote {
	display:block;
	font-size: inherit;
	font-style:italic;
	text-transform: none;
	padding: 5px;
	margin: 0px 0px 10px 60px;
	color: #fff;
	background-color: #EAA380;
}
.quote {
	display:block;
	font-style:italic;
	margin-bottom: 5px;
	color:#656b60;
	text-transform:capitalize;
}

.info-col { float: left; width:auto; height: 100%; padding: 0 0 0 0; }
.info-col h3 { text-align: left; font-size:1.2em; font-weight: semi-bold; padding: 5px 0; }

.dxpButtonLink {
	display: block;
	width: 400px;
	height: 133px;
	background: url('../dongxi/dxp_kickstarter.png') bottom;
	text-indent: -99999px;
	margin-bottom: 20px;
}
.dxpButtonLink:hover {
	background-position: 0 0;
}


/*
	 Original colors
	 
dt:nth-of-type(1) { background: #b44835; }
dd:nth-of-type(1) { background: #b44835; }

dt:nth-of-type(2) { background: #ff7d3e; }
dd:nth-of-type(2) { background: #ff7d3e; }

dt:nth-of-type(3) { background: #ffb03b; }
dd:nth-of-type(3) { background: #ffb03b; }

dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }

*/