/* ==reset== */
html {
  overflow-y: scroll;
}

* { font-size: 1em; margin: 0px; padding: 0px; }

ul, ol { list-style: none; }

a { text-decoration: none; }

/* ==general== */
a {
  color: #2457A3;
}

p {
  margin-bottom: 1.5em;
}

del {
  background-color: #fcc;
}

ins {
  background-color: #cfc;
  text-decoration: none;
}

body {
  background: #f6f6f6;
  color: #333;
  font-family: Georgia, serif;
  line-height: 1.5;
}

#accessibility,
.hidden {
  position: absolute;
  left: -10000px;
}

#page {
  margin: 0 auto;
  width: 740px;
}

#branding {
  position: relative;
  margin: 0px 20px;
}

body#front #branding {
  padding: 75px 0px 40px;
}

#branding h1 {
  background: url(/images/2t.png) no-repeat 10px 10px;
  font-family: Optima, Verdana, sans-serif;
  font-size: 2em;
  padding: 10px 0px 40px 90px;
}

body#front #branding h1 {
  background: url(/images/2.png) no-repeat;
  font-size: 3em;
  padding: 100px 0px 30px 240px;
}

#branding #tagline {
  color: #666;
  font-style: italic;
  left: 150px;
  position: absolute;
  top: 50px;
}

body#front #branding #tagline {
  left: 320px;
  top: 165px;
}

#content-main {
  margin: 0px 20px;
}

h2 {
  font-family: Optima, Verdana, sans-serif;
  font-size: 2em;
  line-height: 0.75;
  margin: 0px 0px 0.75em;
}

#site-info {
  clear: both;
  margin: 0px 20px;
  padding: 36px 0px;
}

body#front #nav-home,
body#about #nav-about,
body#contact #nav-contact,
body#portfolio #nav-portfolio,
body#articles #nav-blog {
  font-weight: bold;
}

#content-main #nav-main {
  float: right;
  margin: 0px 0px 0px 10px;
  width: 140px;
}

/* ==home== */
body#front #about {
  float: left;
  margin: 0px 10px 0px 0px;
  width: 220px;
}

#recent-post {
  float: left;
  margin: 0px 10px;
  width: 300px;
}

#recent-post h3 {
  font-family: Optima, Verdana, sans-serif;
  font-size: 1.2em;
  line-height: 1.25;
}

#recent-post p.posted {
  color: #666;
  font-style: italic;
}

/* ==article== */
#post,
#posts {
  float: left;
  margin: 0px 10px 0px 0px;
  width: 540px;
}

#post #article-metadata {
  float: left;
  font-size: 0.75em;
  line-height: 2;
  margin: 0px 10px 0px 0px;
  width: 140px;
}

#post #article-metadata p {
  margin: 0px;
}

#post #article-metadata p.posted {
  color: #666;
  font-style: italic;
}

#post #article-metadata strong {
  display: block;
}

#post #article {
  float: left;
  width: 380px;
}

#post #article h3 {
  font-family: Optima, Verdana, sans-serif;
  font-size: 1.2em;
  line-height: 1.25;
}

#article ul {
  list-style: inside disc;
}

#posts p.posted {
  color: #666;
  font-style: italic;
}

/* ==about== */
#post #about-metadata {
  float: left;
  font-size: 0.75em;
  line-height: 2;
  margin: 0px 10px 0px 0px;
  width: 140px;
}

/* ==contact== */
#contact-form {
  float: left;
  margin: 0px 10px 0px 0px;
  width: 540px;
}

#contact-form fieldset {
  border: none;
}

#contact-form legend {
  font-family: Optima, Verdana, sans-serif;
  font-size: 2em;
  line-height: 0.75;
  margin: 0px 0px 0.75em;
}


#contact-form label {
  display: block;
  font-weight: bold;
}

#contact-form input,
#contact-form textarea {
  display: block;
  margin: 0px 0px 10px;
}