/* RebeccaJohnson.com stylesheet */
/* common.css */
/* defines site-wide styles */

/* START COMMON STYLES */

html {
  background: #e6e6e6 url('/images/19.jpg') top center repeat-x;
}

body {
  margin: 0;
  padding: 5em 0 0 0;
}

a, a:link {
  color: #999999;
  text-decoration: none;
}

a:visited {
  color: #999999;
}

a:hover {
  color: #336699;
}

a:active {
  color: #FFFFFF;
}

.clearboth {
  clear: both;
}

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

.clearfix {display: inline-block;}  /* for IE/Mac */


.left {
  float: left;
}

img.left {
  margin: 0 1em 1em 0;
}

.right {
  float: right;
}

img.right {
  margin: 0 0 1em 1em;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

blockquote {
  padding: .5em;
  background-color: #F9F9F9;
  border: 1px solid #C5C5C5;
  margin: 1em;
}

.img-replace {
  display: block;
  text-indent: -5000em;
  overflow: hidden;
}

.hide {
  display: none;
}

.zemError {
  text-align: left;
  color: #B00600;
  margin: .5em;
  border: 1px solid #B00600;
  padding: .5em;
}

.zemError li {
  margin-left: 2em;
}


/* END COMMON STYLES */


/* START TEMPLATE STYLES */

#doc {
  width: 69.230em;
  font-family: Helvetica,Verdana,Arial,sans-serif;
}

#hd {
  width: 100%;
  margin-bottom: 1.5em;
}

#header-left {
  float: left;
  width: 365px;
}

#main-header {
  margin: 0;
  width: 357px;
}

#main-header a {
  height: 26px;
  background: transparent url('/images/18.png') top left no-repeat;
}

#header-right {
  float: right;
  width: 530px;
}

#mainnav {
  margin: 1em 0 0 0;
}

#mainnav li {
  list-style: none;
  display: inline;
  text-transform: uppercase;
  letter-spacing: .3em;
  margin-right: .7em;
}

#mainnav li a {
  color: #4C5467;
}

#mainnav li a:hover,
#about #mainnav-about,
#work #mainnav-work,
#photos #mainnav-photos,
#favorites #mainnav-favorites {
  color: #336699;
}

#bd {
  color: #4D4D4D;
  background: transparent url('/images/21.png') top left repeat-y;
  padding: 2em 0;
}

#section-header {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .3em;
  font-weight: normal;
  font-size: 175%;
}

.article {
  margin: 0;
  padding: 0 2em 2em 2em;
}

.article-col1 {
  width: 325px;
  text-align: right;
  float: left;
  padding-top: 2.5em;
  font-family: Times New Roman, Times, serif;
}

.article-col2 {
  margin-left: 26.5em;
}

.article-title {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .3em;
  font-weight: normal;
  font-size: 150%;
}

.article-posted {
  text-transform: none;
  font-size: 60%;
}

.article-body p {
  font-family: Times New Roman, Times, serif;
  margin-bottom: 0;
  line-height: 2em;
}

.more {
  font-size: 85%;
  font-weight: normal;
  text-align: right;
}

.pagenav {
  width: 95%;
  margin: 2em auto;
  font-size: 77%;
  color: #656565;
}

.pagenav td {
  border: none;
}

#ft {
  background: transparent url('/images/22.png') top left no-repeat;
  text-align: right;
  padding: 2em 0;
}

#footernav {
  margin: 0;
}

#footernav li {
  list-style: none;
  display: inline;
  text-transform: uppercase;
  letter-spacing: .3em;
  margin-left: .7em;
}

#footernav li a {
  color: #4C5467;
}

#footernav li a:hover {
  color: #336699;
}

/* END TEMPLATE STYLES */

/* end common.css */