* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
  background:black url(/images/content_background.png) repeat-x;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  color:white;
  padding:20px;
  padding:12px;
  font-size:16px;
}
a {
  color:#FFA465;
}

.clear { clear:both; }

#header {
  position:relative;
}

#page {
  position:relative;
  width:780px;
  padding:0 20px;
  padding:0;
  margin:0 auto;
/*  border:1px solid red;*/
}

h1#logo {
  width:472px;
  height:88px;
  text-indent:-9999px;
  background:black url(/images/matchstick_iphone_logo.png) no-repeat;
}

h1 a{
  display:block;
  height:88px;
  width:100%;
  outline-width:0;
  outline-style:none;
}

#content {
  /* Needed by firefox to correctly layout this element */
  border:1px solid transparent;

  position:relative;
  margin-top:30px;
}

h2.page-title {
  top:26px;
  left:358px;
  position:absolute;
  height:40px;
  width:190px;
  font-weight:normal;
  font-size:34px;
}

#header-nav {
  position:absolute;
  right:0;
  top:20px;
}

#header-nav li{
  list-style-type:none;
  margin-bottom:10px;
}
#header-nav li a {
  display:block;
  background: black url(/images/nav.png) no-repeat 0 0px;
  padding-right:34px;
  padding-top:14px;
  width:155px;
  height:24px;
  text-align:right;
  text-decoration:none;
  font-weight:bold;
  color:white;
}
#header-nav li a:hover, #header-nav li a.selected {
  background: black url(/images/nav.png) no-repeat 0 -38px;
  color:black;
}

span.highlight {
  background-color:#333;
  padding:0 4px;
  font-weight:bold;
}

/*
 *
 Ninjawords specific styles
 *
 */
a#app-store-logo {
 outline:0;
}

h2#ninjawords-title {
/*  background:transparent url(/images/ninjawords-title.png);*/
}

#iphone-video-container {
  position:absolute;
  background:transparent url(/images/iphone-frame.jpg) no-repeat;
  width:339px;
  height:729px;
  top:1px;
}

#ninjawords-quicktime {
  margin-top:103px;
  margin-left:29px;
  width:280px;
  height:420px;
}

#ninjawords-icon {
  position:absolute;

  top:-17px;
  left:250px;
  width:140px;
  height:140px;
}

.begin-content {
  margin-top:80px;
  line-height:165%;
}

#copyright {
  margin-top:20px;
  text-align:center;
  font-size:12px;
}

#app-description {
  margin-top:80px;
  margin-left:356px;
  color:#dfdfdf;
  font-size:16px;
}

#app-description p {
  margin:10px 0;
}

#app-description li {
  margin-left:30px;
  line-height:140%;
}


/*
 *
 * About page stles
 *
 */
h2#about-title {
  background:transparent url(/images/about-title.png);
  left:0;
}

#email-link {
  width:200px;
  font-size:22px;
  float:left;
}

.comic-photo {
  margin-right:25px;
  float:left;
  width:200px;
/*  height:230px;*/
  border:5px solid #444;
}
.comic-photo .caption {
  padding-top:10px;
  background-color:#444;
  font-family:"zapfino";
  width:200px;
  text-align:center;
}