@import url(reset.css);

body {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  background:#fff;
  color:#666;
}

h1, h2, h3, h4, p, li {
  font-size:1em;
  line-height:1.2727;
}

p, ul, ol, h2, h3 {
  padding-bottom:1.2727em;
}

#wrap {
  width:800px;
  min-height:560px;
  margin:50px auto 0;
  background:#fff url(../images/page.png) -800px 0 repeat-y;
}

#header {
  background:#fff url(../images/page.png) 0 0 no-repeat;
  padding-top:25px;
}

#nav {
  background:#fff url(../images/page.png) -800px 0 repeat-y;
  padding:30px 54px 0;
  margin-bottom:45px;
}

h1 {
  float:left;
}

h1 a {
  display:block;
  height:37px;
  width:87px;
  background:url(../images/logo.png) 0 0 no-repeat;
}

h3 {
  font-weight:bold;
}

span.replaced {
  position:absolute;
  top:-9000px;
}

#nav ul {
  margin-top:20px;
  width:360px;
  float:right;
}

#nav li {
  float:left;
}

#nav li a {
  display:block;
  vertical-align:middle;
  padding:0 8px;
  color:#666;
  font-weight:bold;
  text-decoration:none;
}

#nav li a:hover,
#nav li a.current {
  color:#999;
}

#grid {
  margin:0 40px 0 50px;
}

.col { float:left; margin-right:7px; overflow:hidden; }
.col div { margin-bottom:4px; background:url(../images/square-4.png) 0 0 no-repeat; }
.one { width:133px; }
.two { width:273px; }

#content a {
  color:#a06e65;
  text-decoration:underline;
}

#content a.bracketed {
  text-decoration:none;
}

.overview {
  margin:0 188px;
  position:relative;
}

.overview .left {
  width:240px;
}

.overview .right {
  width:170px;
}

.orphaned {
  position:absolute;
  left:-100px;
}

.subhead {
  margin-bottom:42px;
}

h2 {
  font-family:Georgia, serif;
  font-style:italic;
  font-weight:normal;
}

h2#meet-the-partners {
  width:103px;
  height:13px;
  background:url(../images/meet-the-partners.png) 0 0 no-repeat;
}

.detail {
  margin:0 73px;
  padding-top:30px;
}

.sidebar {
  width:110px;
  float:left;
}

.content {
  width:450px;
  float:left;
}

h3 {
  font-weight:normal;
}

/* portfolio */

#sidebar {
  width:175px;
  float:left;
  padding-left:50px;
  margin-right:30px;
}

#sidebar ul {
  padding:0;
}

#sidebar ul ul {
  margin-left:8px;
}

#sidebar h2 {
  padding:0;
}

#sidebar h2 a {
  color:#333;
  font-style:normal;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
}

#sidebar a {
  color:#333;
  text-decoration:none;
}

#sidebar a:hover,
#sidebar a.current {
  color:#999;
}

#sidebar h3 {
  color:#999;
  margin-bottom:0;
  padding-bottom:0;
}

#info {
  margin-top:24px;
}

#info p {
  color:#333;
}

#description a {
  color:#999;
}

#description a:hover {
  color:#333;
}

#main {
  float:left;
  width:500px;
}

#viewer {
  width:475px;
  height:356.25px;
}

#viewer img {
  width:100%;
}

#pagination {
  clear:left;
  margin-top:36px;
}

#pagination h2 {
  float:left;
  width:110px;
  color:#989898;
}

#pagination ol {
  width:250px;
  padding-top:3px;
  float:left;
}

#pagination ol li {
  float:left;
}

#pagination a {
  padding:0 4px;
  margin:0 4px;
  display:block;
  vertical-align:bottom;
  text-decoration:none;
  color:#666;
  border:1px solid #eaeaea;
}

#pagination a:hover,
#pagination a.current {
  background:#eaeaea;
}

#login {
  padding-top:60px;
}

#login h3.login {
  width:101px;
  height:20px;
  text-indent:-9999px;
  background:url(../images/h-login.png) 0 0 no-repeat;
  margin-bottom:20px;
}

#login li {
  margin-bottom:8px;
}

#login label {
  display:block;
  float:left;
  width:61px;
  margin-right:18px;
  text-align:right;
  padding-top:6px;
}

#login .clearfix input {
  width:184px;
}

#login li.commit {
  padding-left:79px;
  padding-top:8px;
}

#sitemap {
  padding-top:60px;
}

#sitemap h3.sitemap {
  width:78px;
  height:19px;
  text-indent:-9999px;
  background:url(../images/h-site-map.png) 0 0 no-repeat;
  margin-bottom:0px;
}

#sitemap li { margin-bottom:1.2727em; }
#sitemap p { margin:0; padding:0; }
#sitemap li li { margin:0; padding-left:6px; }
#sitemap li ul { margin:0; padding:0; }

#sitemap a {
  color:#666;
  text-decoration:none;
}

#sitemap a:hover {
  text-decoration:underline;
}

#footer {
  width:800px;
  margin:0 auto;
  background:#fff url(../images/page.png) 0 100% no-repeat;
  height:25px;
}

#copyright {
  width:800px;
  margin:0 auto;
  color:#999;
  font-family:Verdana, arial, sans-serif;
  font-size:10px;
  padding:6px 0 0 18px;
}

#copyright a {
  color:#999;
  text-decoration:none;
}

#copyright a:hover {
  text-decoration:underline;
}

/* Helper classes */
.clearfix {
  display: inline-block;
  display: block; 
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}