/*************************************
          1. IMPORTS
*************************************/

@import url("reset.css");

/************************************
          2. GLOBAL
*************************************/

body { background: #1e1e1e; }
body, input, select, textarea, td, th { color: #d4d4d4; }
a { color: #8e8e8e; text-decoration: underline; }
p { margin: 1em 0; }
textarea { overflow: auto; }

.clear { clear: both; }

h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; font-weight: bold; }
.img { border: 6px solid #424242; float: left; margin-right: 20px; }

blockquote p {
padding-left:80px;
padding-right:80px;
}

/************************************
          3. TYPOGRAPHY
*************************************/

html {font-family:helvetica,arial,sans-serif; font-size: 100.01%;}
body {font-size: 62.5%; line-height: 150%; }

.content { font-size: 1.1em; }

h3 { font-size: 1.4em; line-height: 1.4em; }

.tertiary h3, .secondary h3 { font-size: 1.6em; font-weight: normal; }
.tertiary h4, .secondary h4 { font-size: 1.2em; font-weight: normal; }

.more-entries h4 { font-size: 1em; font-weight: bold; }

.homepage-entries li h4 { font-weight: bold; }

#menu ul li {font-size: 1.6em; font-weight: normal; text-transform: lowercase; }

.single, .static-page { font-size: 1.1em; line-height: 175%; }
.single h2 { font-size: 1.6em; }

.single h2, .single h4 { font-weight: normal; }

form label { font-weight: bold; }
form input, form textarea { font-family:helvetica,arial,sans-serif; font-size: 1.1em; }


/************************************
          4. STRUCTURE
*************************************/

#page {
  width: 900px;
  position: relative;
  left: 50%;
  margin-left: -450px;
  }

#header { background: #1b1b1b; height: 84px; }
	
  #menu { padding: 2em 20px; }
  #menu ul { float: right; padding: 3px 0 0; }
  #menu ul li { float: left; display: inline; list-style: none; }
  #menu ul li a { text-decoration: none; float: left; padding: 1.4em 1em 1em 1em; background: url(../images/nav-back.gif) no-repeat top center;}
  #menu ul li a:hover, #menu ul li a.active { background: url(../images/nav-back-active.gif) no-repeat top center; color: #fff; }

.content{ margin: 3em 0 0; float: left; }

  .left { float: left; }
  .right { float: right; }

  .full { float: left; width: 650px; margin: 0 125px; }
    .index { width: 450px; margin: 0 225px;}

  .primary { width: 570px; margin: 0 20px; display: inline; }
  .secondary { width: 250px; margin: 0 20px; display: inline; }
  .tertiary { float: left; width: 260px; margin: 0 20px; display: inline; }
    .row2 { margin-top: 2em; border-top: 1px solid #444; }

  #footer { background: #1e1e1e; border-top: 10px solid #1c1c1c; clear: both; color: #585858; padding: 1em 0; margin: 3em 0; }
    #footer a { color: #585858; }
    #footer p { padding: .6em 0; }
    #footer p.left { margin-right: -5px; border-right: 3px solid #232323; }
    #footer .right * { vertical-align: middle; }
    #footer .right a { text-decoration: none; }
    
.photo-list {
  margin: 1em 0 3em 0;
  }

/************************************
          5. HEADINGS
*************************************/

.content img { margin: 5px; }

.tertiary h3, .full h3 { margin: 1em 0; }

.tertiary h3.subsection { margin-top: 2.6em;}

h4.author { color: #999; margin-top: .4em; }

.more-entries p.meta { margin-top: .2em; }

.homepage-entries p.meta { color: #aaa; }

.homepage-entries li, .more-entries li { float: left; padding: .6em 0; margin: .6em 0;}
  .entry-list li { float: left; padding: .6em 0 1.6em 0; margin: .6em 0; border-bottom: 1px solid #333; width: 100%; }
.more-entries li { border-bottom: 1px dotted #444; margin-top: 1.3em; }

form { margin: 2em 0; }

form label, form input#submit { margin-top: 1em; }
form input, form label, form textarea { display: block; }
form input, form textarea { color: #444; font-size: 1.1em; width: 400px; }
form input#submit { width: auto; }

/************************************
          6. IMAGES
*************************************/

.content img.teaser-photo {
  float: left;
  margin: 1.1em 10px 7px 0;
  padding: 5px;
  background: #fff;
  }
  
  .content .index img.teaser-photo {
    margin-top: 0;
    }
    
.content .photo-list img {
  margin: .8em 0;
  padding: 5px;
  background: #fff;
  }

.content .photo-view {text-align:center;}

.content .photo-view img {
  max-width: 800px;
  padding: 10px;
  background: #fff;
  margin: 2em 0;
  }

.photoessay img {
  max-width: 650px;
  padding: 10px;
  background: #fff;
  margin: 1em 0;
}

#footer .right img {margin:0 5px;}

/************************************
          7. LISTS
*************************************/

ul.pagination {
  clear: both;
  margin: 2em 0;
  text-align: center;
  font-size: 1.5em;
  color: #555;
  padding-top: 1em;
  border-top: 3px solid #333;
}

ul.pagination li {
  display: inline;
  margin: 0 .5em;
}

ul.pagination li.active-page {
  font-weight: bold;
}
ul.disc {list-style-type: disc;
margin-bottom: 1em;
    padding: 0 0 0 50px;
}

ol.decimal {list-style-type: decimal}