/* common.css */
/* defines site-wide styles */

/* START COMMON STYLES */

html {
  background: #fff;
}

body {
  margin: 0;
  padding: 3em 0 0 0;
  color: #3D99BB;
}

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

a:visited {
  color: #999999;
}

.selected {
	color: #FFF;
}

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, Arial, sans-serif;
color: #294D6F;
font-style: uppercase;

}

#hd {
  width: 100%;
  margin-bottom: .5em;
  height: 3em;
}

#header-left {
  float: left;
  width: 290px;
  margin-left: 14px
}

#main-header {
  margin: 0;
  width: 295px;

}

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

#header-right {
  float: right;
  width: 590px;
  margin-bottom: 0;
  height: 40px;

}

#mainnav {
  margin-top: 20px;
  height: 40px;
}

#mainnav li {
  list-style: none;
  display: inline;
  text-transform: uppercase;
  letter-spacing: .3em;
  margin-right: .35em;
  margin-left: .65em;
  margin-bottom: 0;
  height: 16px;
  font-size: 10px;

}

#mainnav li a {
  color: #CABB9F;
}

#mainnav li a:hover,
#about #mainnav-about,
#jewelry #mainnav-jewelry,
#press #mainnav-press,
#contact #mainnav-contact, #lookbook #mainnav-lookbook, #shop #mainnav-shop {
  color: #3D3A35;
}

#bd {
  color: #3D99BB;
  padding: 0;
}

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

.article {
  margin: 0;
  padding: 0 10px 10px 0px;
}

.article-col1 {
  width: 120px;
  text-align: left;
  float: left;
  padding: 20px;
  height: 578px;
margin-bottom: 250px
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
color: #3D99BB;
line-height: 4em;
background-color: #444544;
opacity: 0.9;

}

.article-col2 {
  margin-left: 150px;
  padding: 10px;
margin-top: 0px;
width: 600px;

}

ul, ol, li
{line-height: 12px;
}

h1, h2, h3
{font-weight: bold;
margin: 0;
line-height: 14px;
}

.article-col2 p{
  padding-left: 0px;
  color: #3D99BB;

}

.article-title {
  color: #646900;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-weight: normal;
  font-size: 130%;
  padding-left: 10px;
}

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

.article-body p {
 font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
text-align:justify;





.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 {
  text-align: right;
  padding: 2em 0;
  height: 150px;
}

#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 */