.wrapper {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
  font-family: "museo",serif;
  font-weight: 300; }

a {
  color: #E6A6AC; }

a:link, a:visited {
  text-decoration: none; }

a:hover, a:active {
  text-decoration: underline; }

.main {
  position: relative; }

.main-col {
  width: 500px;
  float: left;
  margin: 0 0 0 50px; }

.main-col.full {
  width: 500px;
  margin: 0 auto;
  float: none;
  text-align: center;
  padding: 0; }

header {
  background: url(../img/bg-header.png) no-repeat bottom;
  height: 260px; }

.logo {
  margin: 0 auto;
  font-family: steinemroman, museo;
  color: #afcaea;
  font-size: 68px;
  text-align: center;
  padding-top: 40px;
  letter-spacing: 1px; }

.logo a {
  color: #afcaea; }

.main-nav {
  width: 730px;
  margin: 0 auto 20px auto; }
  .main-nav ul {
    list-style: none;
    margin: 0; }
  .main-nav li {
    float: left;
    margin: 15px 10px 10px; }
  .main-nav a {
    display: block;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    color: #fff;
    font-size: 18px;
    line-height: 90px;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1.0;
    text-decoration: none; }
  .main-nav .home a {
    background: #c49fd9; }
  .main-nav .books a {
    background: #69ace5; }
  .main-nav .about a {
    background: #ee9bac; }
  .main-nav .news a {
    background: #c49fd9; }
  .main-nav .contact a {
    background: #bce093; }

.main-nav a:hover, main.nav a:active {
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7; }

.footer-nav {
  color: #e6a6ac;
  margin: 10px auto 5px auto;
  width: 400px;
  text-align: center; }
  .footer-nav ul {
    list-style: none; }
  .footer-nav li {
    float: left; }
    .footer-nav li a {
      display: block;
      padding: 0 10px 0 10px;
      border-left: 1px	solid #e6a6ac;
      color: #e6a6ac; }

.footer-nav li:first-child a {
  border-left: none; }

footer {
  color: #e6a6ac;
  text-align: center; }

.clear:before, .clear:after {
  content: " ";
  display: block; }

.clear:after {
  clear: both; }

/* content area */
.page-content {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #5b5c5f;
  padding: 20px; }

.main-col {
  float: left;
  margin-left: 75px;
  width: 500px; }

.main.about {
  margin: 0 auto;
  float: none;
  width: 700px; }

.about-page .main-col.full {
  min-height: 500px;
  width: 800px; }

.right-col {
  float: right;
  width: 325px; }

.facebook {
  text-align: center; }
  .facebook a {
    color: #eeb2b9;
    font-family: MarydaleRegular,script;
    font-size: 25px;
    text-decoration: none; }

.excerpt {
  color: #903f97;
  font-size: 18px;
  text-align: left;
  line-height: 23px;
  position: relative;
  padding: 50px 30px 25px 42px;
  display: block;
  background: url("../img/apostrophe-top.png") no-repeat top left;
  margin-top: 60px; }

.excerpt-wrapper {
  background: url("../img/apostrophe-bottom.png") no-repeat bottom right;
  padding: 0 0 25px 0; }

.excerpt p {
  margin: 0 20px 0 20px; }

h1, h2, h4 {
  color: #8486c1; }

h2 {
  margin-bottom: 8px; }

h1 {
  margin: 0 0 15px 0; }

.home .main-col {
  text-align: center; }
  .home .main-col p {
    color: #8486c1; }

h4 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-weight: normal; }

hr {
  border: 1px dotted #8486C1;
  background: none;
  height: 1px; }

/*fonts */
@font-face {
  font-family: 'steinembolditalic';
  src: url(fonts/steinbi_-webfont.eot);
  src: url(fonts/steinbi_-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/steinbi_-webfont.woff) format("woff"), url(fonts/steinbi_-webfont.ttf) format("truetype"), url(fonts/steinbi_-webfont.svg#steinembolditalic) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'steinemroman';
  src: url(fonts/steinem_-webfont.eot);
  src: url(fonts/steinem_-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/steinem_-webfont.woff) format("woff"), url(fonts/steinem_-webfont.ttf) format("truetype"), url(fonts/steinem_-webfont.svg#steinemroman) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'steinembold';
  src: url(fonts/steinemb-webfont.eot);
  src: url(fonts/steinemb-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/steinemb-webfont.woff) format("woff"), url(fonts/steinemb-webfont.ttf) format("truetype"), url(fonts/steinemb-webfont.svg#steinembold) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'steinemromanitalic';
  src: url(fonts/steinemi-webfont.eot);
  src: url(fonts/steinemi-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/steinemi-webfont.woff) format("woff"), url(fonts/steinemi-webfont.ttf) format("truetype"), url(fonts/steinemi-webfont.svg#steinemromanitalic) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'steinem_unicoderegular';
  src: url(fonts/steinemu-webfont.eot);
  src: url(fonts/steinemu-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/steinemu-webfont.woff) format("woff"), url(fonts/steinemu-webfont.ttf) format("truetype"), url(fonts/steinemu-webfont.svg#steinem_unicoderegular) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'iconic';
  src: url("fonts/iconic.eot");
  src: url("fonts/iconic.eot?#iefix") format("embedded-opentype"), url("fonts/iconic.woff") format("woff"), url("fonts/iconic.ttf") format("truetype"), url("fonts/iconic.svg#iconic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MarydaleRegular';
  src: url("fonts/marydale-webfont.eot");
  src: url("fonts/marydale-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/marydale-webfont.woff") format("woff"), url("fonts/marydale-webfont.ttf") format("truetype"), url("fonts/marydale-webfont.svg#MarydaleRegular") format("svg");
  font-weight: 400;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'iconic';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

ul#portfolio {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }

#portfolio li {
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 0; }

.st-item {
  width: 100%;
  text-align: center; }

.st-title {
  width: 100%;
  text-align: center; }

.st-title h3 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #8486C1;
  width: 500px;
  text-align: center;
  margin: 0 auto; }