/*http://meyerweb.com/eric/tools/css/reset/    v1.0|20080212*/ 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,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/* FacitWeb                    */ @font-face{font-family:'FacitWeb';src:url('http://webfonts.justanotherfoundry.com/Facit/FR')}
/* FacitWeb, italic            */ @font-face{font-family:'FacitWeb';src:url('http://webfonts.justanotherfoundry.com/Facit/FR-i');font-style:italic}
/* FacitWeb, bold              */ @font-face{font-family:'FacitWeb';src:url('http://webfonts.justanotherfoundry.com/Facit/FB');font-weight:bold}
/* FacitWeb-Semibold           */ @font-face{font-family:'FacitWeb-Semibold';src:url('http://webfonts.justanotherfoundry.com/Facit/FSB');font-weight:bold}

* {
	text-decoration: none;	
}

html {
	overflow-y: scroll;
	text-rendering: optimizeLegibility;
}

a, a:visited {
	color: inherit;
}

body {
	font-family: FacitWeb, Verdana, sans-serif;
	font-size: 62.5%;
	color: black;
}

input, select {
	font-family: FacitWeb, Verdana, sans-serif;
}

.clear { 
	clear: both; 
}

.orange, a.orange {
	color: #ffbe00;
}

.letter-spaced {
	letter-spacing: 0.03em;
}

h2 {
	font-family: FacitWeb-Semibold, Verdana, sans-serif;
	font-weight:bold;
	font-size: 1.55em;
	margin-bottom: 1em;
	line-height: 1.3em;
}

h4 {
	font-weight: bold;
	margin: 2em 0 0.5em;
}

h5 {
	font-style: italic;
	margin: 1em 0 0.75em;
}

.standard-indent {
	padding: 0 0.8em;
}


/* header */

#header {
	background: #5e5e5e;
	padding: 1em 2em;
	font-family: FacitWeb-Semibold, Verdana, sans-serif;
	font-weight:bold;
	font-size: 1.4em;
	color: white;
	letter-spacing: 0.015em;
}
	#header a, #header a:visited {
		margin: 0 0.8em 0 0;
		color: white;
	}
	#header a:hover {
		color: #ffbe00;
	}
	#top-nav-right {
		float: right;
	}

#content {
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 3em 2em;
}


/* side bar */

#sidebar {
	float: left;
	width: 16em;
}
	#side-nav {
		margin-bottom: 4.5em;
		border-bottom: 1px solid #ffbe00;
	}
	#side-nav ul {
		display: none;
	}
	#sidebar li a, #side-nav a {
		border-top: 1px solid #ffbe00;
		padding: 0.5em 0 0.35em 0.6em;
		display: block;
	}
	#side-nav li a {
		padding: 0.5em 0 0.35em 1.6em;
		border-top: 0px;
		background-image: url('/images/dotted-line.png');
		background-repeat: repeat-x;
	}
	#sidebar div a:hover, #sidebar ul a:hover {
		background-color: #eee;
		cursor: default;
	}
	#sidebar li.side-head {
		font-family: FacitWeb-Semibold, Verdana, sans-serif;
		font-weight:bold;
		border-bottom: 1px solid #888;
		font-size: 90%;
		margin: 3em 0 0.5em 0;
		letter-spacing: 0.1em;
	}
	#sidebar li.side-head a {
		border-top: 1px solid #888;
	}
	#sidebar #twitter-icon {
		vertical-align: baseline;
		margin: 0 0 -2px 2px;
	}
	#sidebar p {
		padding: 0.3em 0.6em 0;
	}
	#sidebar p a:hover {
		color: #ffbe00;
	}
	#sidebar p span {
		color: #888;
		font-size: 90%;
	}
	#sidebar input {
		margin: 0.6em 0 0.6em 0.6em;
	}
	#sidebar input.email {
		width: 11em;
	}
	#sidebar input.send {
		width: 2.5em;
	}
	.smaller {
		font-size: 90%;
	}


/* main content */

#main-content {
	margin: 0 2em 6em 20em;
	width: 38em;
}
	a.buy-now {
		font-size: 70%;
		line-height: 0em;
		font-family: FacitWeb, Verdana, sans-serif;
		padding: 0.1em 0.3em;
		margin: 1em;
		background: #ffc500;
		vertical-align: 0.23em;
	}
	
	#main-content p {
		margin: 0.75em 0;
	}

	#main-content img {
		margin-top: 1em;
	}

	#main-content img.front-img {
		min-width: 40em;
		max-width: 80em;
		height: auto;
		margin-left: -10px;
		margin-top: 2.2em;
	}

	#main-content img.floating-img {
		float: left;
		margin: 0.6em 1.5em 1em 0;
	}

	.main-font-name {
		font-family: FacitWeb-Semibold, Verdana, sans-serif;
		font-weight:bold;
		background: #ffd04d;
		padding: 0.2em 0.4em 0.08em;
		margin-right: 0.5em;
	}
	.main-font-price {
		margin: 0 0.5em 0 0.1em;
		color: #999;
	}
	.style-image {
		margin-top: 2.2em;
	}
	.style-image {
		margin-left: -12px;
	}
	ul.web-styles, ul.web-styles-tight {
		margin: 1em 0 0;
	}
	ul.web-styles li {
		margin: 0.6em 1.2em;
	}
	ul.web-styles-tight li {
		margin: 0.4em 0.8em;
	}
	h4.spaced-above {
		padding-top: 2em;
	}
	.code {
		font-family: 'Courier New', Courier, Consolas, monospace;
		background: #eee;
		padding: 0 0.25em;
	}
	#main-content p.code {
		margin: 0.6em -0.15em 1.2em;
		padding: 0.6em 0.8em 0.5em;
	}


/* checkout procedure */

.amount-box {
	letter-spacing: 0.06em;
	padding: 0.4em 0.8em;
	font-weight: bold;
	border: 1px solid #ffbe00;
	margin-bottom: 0.6em;
}
.total-amount-box {
	border-bottom: 4px double #ffbe00;
}
.figure {
	float: right;
}