/** 
 * @theme i4e for iPhone
 * @author Peter Wooley <peter@peterwooley.com>
 * @version 1.0
 * @date 2009-09-21
 */

 /* Eric Meyer's Reset, http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* i4e Layout */

body {
	background:#000;
	color:#fff;
	font:12px/20px Verdana, sans-serif;
}
	#content p {
		margin-bottom: 1em
	}
	#constraint {
		background: url(../graphics/bg.gif) repeat-x;
	}
		#container {
			background:url(../graphics/bg_header.jpg) no-repeat;
			margin:0 auto;
			padding:0 100px;
			width:620px;
		}
			#header h1 a {
				background:url(../graphics/icon.gif) no-repeat;
				display:block;
				font:60px/75px Georgia, serif;
				float:left;
				height:105px;
				margin:30px 0 35px;
				padding:40px 0 0 160px;
				text-shadow: #000 0 1px 3px;
			}
				#header h1 a span {
					display:block;
					float:left;
					height:1px;
					text-indent:-9999px;
					width:1px;
				}
				
			#teaser {
				background:#fff;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				color:#000;
				display:block;
				float:right;
				margin-top:99px;
				padding:5px 0;
				text-align:center;
				width:140px;
			}
			
			#purchase {
				float:right;
				margin-top:85px;
				width:140px;
			}
				#purchase img {
					width:140px;
				}

			#content {
				clear:both;
			}
				#description {
					float:right;
					width:460px;
				}
					#description h2 {
						font-size:18px;
						font-family:Georgia, serif;
						font-weight:normal;
						margin:1em 0 1ex;
					}
					#description ul {
						list-style-type:square;
						margin:1em 3em;
					}
					
					#footer {
						border-top:1px solid #222;
						color:#ccc;
						font-size:11px;
						margin:30px 0 20px;
						padding-top:5px;
					}
						#footer ul {
							list-style-type:none;
							margin:1em 0 0;
						}
				
				#media {
					float:left;
					width:160px;
				}
					#media li {
						float:left;
						margin:0 20px 20px 0;
					}					
				
/* General Typography */

a.header:link, a.header:focus, a.header:visited {
	color:#f9e8ce;
	text-decoration:none;
}
a.header:hover {
	color:#fff;
}

a:link, a:focus, a:visited {
	color: #0000ff;
	text-decoration:underline;
}
a:hover {
	text-decoration: underline;
	color: white;
}